[{"data":1,"prerenderedAt":607},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Fmemulai\u002Fpengantar":348,"-dokumentasi-memulai-pengantar":506,"-dokumentasi-memulai-pengantar-surround":602},[4,150,341],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"Dokumentasi","i-lucide-book-open","\u002Fdokumentasi","1.dokumentasi",[10,13,48,74,96,114,136],{"title":11,"path":7,"stem":12},"Dokumentasi & Panduan","1.dokumentasi\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":47},"Memulai","i-lucide-rocket","\u002Fdokumentasi\u002Fmemulai","1.dokumentasi\u002F1.memulai",[19,23,27,31,35,39,43],{"title":20,"path":21,"stem":22},"Pengantar","\u002Fdokumentasi\u002Fmemulai\u002Fpengantar","1.dokumentasi\u002F1.memulai\u002F1.pengantar",{"title":24,"path":25,"stem":26},"Instalasi","\u002Fdokumentasi\u002Fmemulai\u002Finstalasi","1.dokumentasi\u002F1.memulai\u002F2.instalasi",{"title":28,"path":29,"stem":30},"Arsitektur & Struktur","\u002Fdokumentasi\u002Fmemulai\u002Farsitektur","1.dokumentasi\u002F1.memulai\u002F3.arsitektur",{"title":32,"path":33,"stem":34},"Preset UnoCSS","\u002Fdokumentasi\u002Fmemulai\u002Funocss","1.dokumentasi\u002F1.memulai\u002F4.unocss",{"title":36,"path":37,"stem":38},"Next.js & React","\u002Fdokumentasi\u002Fmemulai\u002Fnextjs","1.dokumentasi\u002F1.memulai\u002F5.nextjs",{"title":40,"path":41,"stem":42},"Svelte & SvelteKit","\u002Fdokumentasi\u002Fmemulai\u002Fsvelte","1.dokumentasi\u002F1.memulai\u002F6.svelte",{"title":44,"path":45,"stem":46},"Angular","\u002Fdokumentasi\u002Fmemulai\u002Fangular","1.dokumentasi\u002F1.memulai\u002F7.angular",false,{"title":49,"icon":50,"path":51,"stem":52,"children":53,"page":47},"Fondasi Desain","i-lucide-palette","\u002Fdokumentasi\u002Ffondasi","1.dokumentasi\u002F2.fondasi",[54,58,62,66,70],{"title":55,"path":56,"stem":57},"Warna","\u002Fdokumentasi\u002Ffondasi\u002Fwarna","1.dokumentasi\u002F2.fondasi\u002F1.warna",{"title":59,"path":60,"stem":61},"Tipografi","\u002Fdokumentasi\u002Ffondasi\u002Ftipografi","1.dokumentasi\u002F2.fondasi\u002F2.tipografi",{"title":63,"path":64,"stem":65},"Spasi & Bentuk","\u002Fdokumentasi\u002Ffondasi\u002Fspasi-bentuk","1.dokumentasi\u002F2.fondasi\u002F3.spasi-bentuk",{"title":67,"path":68,"stem":69},"Gerak & Elevasi","\u002Fdokumentasi\u002Ffondasi\u002Fgerak-elevasi","1.dokumentasi\u002F2.fondasi\u002F4.gerak-elevasi",{"title":71,"path":72,"stem":73},"Arsitektur Token","\u002Fdokumentasi\u002Ffondasi\u002Farsitektur-token","1.dokumentasi\u002F2.fondasi\u002F5.arsitektur-token",{"title":75,"icon":76,"path":77,"stem":78,"children":79,"page":47},"Pola Layanan","i-lucide-workflow","\u002Fdokumentasi\u002Fpola","1.dokumentasi\u002F3.pola",[80,84,88,92],{"title":81,"path":82,"stem":83},"Cek Status Permohonan","\u002Fdokumentasi\u002Fpola\u002Fcek-status","1.dokumentasi\u002F3.pola\u002F2.cek-status",{"title":85,"path":86,"stem":87},"Direktori Layanan Publik","\u002Fdokumentasi\u002Fpola\u002Fdirektori-layanan","1.dokumentasi\u002F3.pola\u002F3.direktori-layanan",{"title":89,"path":90,"stem":91},"Pengumuman Darurat","\u002Fdokumentasi\u002Fpola\u002Fpengumuman-darurat","1.dokumentasi\u002F3.pola\u002F4.pengumuman-darurat",{"title":93,"path":94,"stem":95},"Widget Aksesibilitas","\u002Fdokumentasi\u002Fpola\u002Fwidget-aksesibilitas","1.dokumentasi\u002F3.pola\u002F5.widget-aksesibilitas",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":47},"Standar & Kualitas","i-lucide-check-circle-2","\u002Fdokumentasi\u002Fstandar","1.dokumentasi\u002F4.standar",[102,106,110],{"title":103,"path":104,"stem":105},"Checklist WCAG 2.1 Level AA","\u002Fdokumentasi\u002Fstandar\u002Fwcag-aa-checklist","1.dokumentasi\u002F4.standar\u002F1.wcag-aa-checklist",{"title":107,"path":108,"stem":109},"Panduan Microcopy (Anti-Kaku)","\u002Fdokumentasi\u002Fstandar\u002Fmicrocopy","1.dokumentasi\u002F4.standar\u002F2.microcopy",{"title":111,"path":112,"stem":113},"Definition of Done","\u002Fdokumentasi\u002Fstandar\u002Fdefinition-of-done","1.dokumentasi\u002F4.standar\u002F3.definition-of-done",{"title":115,"icon":116,"path":117,"stem":118,"children":119,"page":47},"Prinsip Desain","i-lucide-compass","\u002Fdokumentasi\u002Fprinsip","1.dokumentasi\u002F5.prinsip",[120,124,128,132],{"title":121,"path":122,"stem":123},"Prinsip: Aksesibel","\u002Fdokumentasi\u002Fprinsip\u002Faksesibel","1.dokumentasi\u002F5.prinsip\u002F1.aksesibel",{"title":125,"path":126,"stem":127},"Prinsip: Framework-Agnostic","\u002Fdokumentasi\u002Fprinsip\u002Fframework-agnostic","1.dokumentasi\u002F5.prinsip\u002F2.framework-agnostic",{"title":129,"path":130,"stem":131},"Prinsip: Kredibel & Tepercaya","\u002Fdokumentasi\u002Fprinsip\u002Fkredibel-tepercaya","1.dokumentasi\u002F5.prinsip\u002F3.kredibel-tepercaya",{"title":133,"path":134,"stem":135},"Hukum UX & Psikologi Kognitif","\u002Fdokumentasi\u002Fprinsip\u002Fhukum-ux-kognitif","1.dokumentasi\u002F5.prinsip\u002F4.hukum-ux-kognitif",{"title":137,"icon":138,"path":139,"stem":140,"children":141,"page":47},"Komputasi Tersanksi","i-lucide-calculator","\u002Fdokumentasi\u002Fkomputasi","1.dokumentasi\u002F6.komputasi",[142,146],{"title":143,"path":144,"stem":145},"Perhitungan Rasio Kontras","\u002Fdokumentasi\u002Fkomputasi\u002Frasio-kontras","1.dokumentasi\u002F6.komputasi\u002F1.rasio-kontras",{"title":147,"path":148,"stem":149},"Anggaran Ukuran CSS & Performa","\u002Fdokumentasi\u002Fkomputasi\u002Fanggaran-performa","1.dokumentasi\u002F6.komputasi\u002F2.anggaran-performa",{"title":151,"icon":152,"path":153,"stem":154,"children":155},"Komponen","i-lucide-component","\u002Fkomponen","2.komponen",[156,159,209,255,285,315],{"title":157,"path":153,"stem":158},"Katalog Komponen","2.komponen\u002Findex",{"title":160,"icon":161,"path":162,"stem":163,"children":164,"page":47},"Elemen Dasar","i-lucide-box","\u002Fkomponen\u002Fdasar","2.komponen\u002F1.dasar",[165,169,173,177,181,185,189,193,197,201,205],{"title":166,"path":167,"stem":168},"Button (Tombol)","\u002Fkomponen\u002Fdasar\u002Fbutton","2.komponen\u002F1.dasar\u002F1.button",{"title":170,"path":171,"stem":172},"User (Identitas Ringkas)","\u002Fkomponen\u002Fdasar\u002Fuser","2.komponen\u002F1.dasar\u002F10.user",{"title":174,"path":175,"stem":176},"Icon (Ikon Grafis)","\u002Fkomponen\u002Fdasar\u002Ficon","2.komponen\u002F1.dasar\u002F11.icon",{"title":178,"path":179,"stem":180},"Badge (Lencana Status)","\u002Fkomponen\u002Fdasar\u002Fbadge","2.komponen\u002F1.dasar\u002F2.badge",{"title":182,"path":183,"stem":184},"Spinner (Indikator Pemuatan)","\u002Fkomponen\u002Fdasar\u002Fspinner","2.komponen\u002F1.dasar\u002F3.spinner",{"title":186,"path":187,"stem":188},"Divider (Pemisah Konten)","\u002Fkomponen\u002Fdasar\u002Fdivider","2.komponen\u002F1.dasar\u002F4.divider",{"title":190,"path":191,"stem":192},"Avatar & AvatarGroup","\u002Fkomponen\u002Fdasar\u002Favatar","2.komponen\u002F1.dasar\u002F5.avatar",{"title":194,"path":195,"stem":196},"Kbd (Tombol Keyboard)","\u002Fkomponen\u002Fdasar\u002Fkbd","2.komponen\u002F1.dasar\u002F6.kbd",{"title":198,"path":199,"stem":200},"Chip (Notifikasi Overlay)","\u002Fkomponen\u002Fdasar\u002Fchip","2.komponen\u002F1.dasar\u002F7.chip",{"title":202,"path":203,"stem":204},"Skeleton (Pemuat Shimmer)","\u002Fkomponen\u002Fdasar\u002Fskeleton","2.komponen\u002F1.dasar\u002F8.skeleton",{"title":206,"path":207,"stem":208},"Progress (Batang Kemajuan)","\u002Fkomponen\u002Fdasar\u002Fprogress","2.komponen\u002F1.dasar\u002F9.progress",{"title":210,"icon":211,"path":212,"stem":213,"children":214,"page":47},"Formulir & Masukan","i-lucide-text-cursor-input","\u002Fkomponen\u002Fformulir","2.komponen\u002F2.formulir",[215,219,223,227,231,235,239,243,247,251],{"title":216,"path":217,"stem":218},"FormField (Pembungkus Bidang Isian)","\u002Fkomponen\u002Fformulir\u002Fform-field","2.komponen\u002F2.formulir\u002F1.form-field",{"title":220,"path":221,"stem":222},"InputGroup & ButtonGroup","\u002Fkomponen\u002Fformulir\u002Finput-group","2.komponen\u002F2.formulir\u002F10.input-group",{"title":224,"path":225,"stem":226},"Input (Kolom Isian Teks)","\u002Fkomponen\u002Fformulir\u002Finput","2.komponen\u002F2.formulir\u002F2.input",{"title":228,"path":229,"stem":230},"Textarea (Area Teks Panjang)","\u002Fkomponen\u002Fformulir\u002Ftextarea","2.komponen\u002F2.formulir\u002F3.textarea",{"title":232,"path":233,"stem":234},"Select (Menu Pilihan Dropdown)","\u002Fkomponen\u002Fformulir\u002Fselect","2.komponen\u002F2.formulir\u002F4.select",{"title":236,"path":237,"stem":238},"Checkbox & Radio (Kotak Centang & Tombol Pilihan)","\u002Fkomponen\u002Fformulir\u002Fcheckbox-radio","2.komponen\u002F2.formulir\u002F5.checkbox-radio",{"title":240,"path":241,"stem":242},"FileUpload (Unggah Berkas Persyaratan)","\u002Fkomponen\u002Fformulir\u002Ffile-upload","2.komponen\u002F2.formulir\u002F6.file-upload",{"title":244,"path":245,"stem":246},"Switch (Sakelar Pengaturan)","\u002Fkomponen\u002Fformulir\u002Fswitch","2.komponen\u002F2.formulir\u002F7.switch",{"title":248,"path":249,"stem":250},"Slider (Penggeser Nilai)","\u002Fkomponen\u002Fformulir\u002Fslider","2.komponen\u002F2.formulir\u002F8.slider",{"title":252,"path":253,"stem":254},"PinInput (Kode OTP)","\u002Fkomponen\u002Fformulir\u002Fpin-input","2.komponen\u002F2.formulir\u002F9.pin-input",{"title":256,"icon":257,"path":258,"stem":259,"children":260,"page":47},"Navigasi & Struktur","i-lucide-navigation","\u002Fkomponen\u002Fnavigasi","2.komponen\u002F3.navigasi",[261,265,269,273,277,281],{"title":262,"path":263,"stem":264},"TrustBanner","\u002Fkomponen\u002Fnavigasi\u002Ftrust-banner","2.komponen\u002F3.navigasi\u002F1.trust-banner",{"title":266,"path":267,"stem":268},"SkipLink (Lompat ke Konten Utama)","\u002Fkomponen\u002Fnavigasi\u002Fskip-link","2.komponen\u002F3.navigasi\u002F2.skip-link",{"title":270,"path":271,"stem":272},"Stepper (Indikator Tahapan Formulir)","\u002Fkomponen\u002Fnavigasi\u002Fstepper","2.komponen\u002F3.navigasi\u002F3.stepper",{"title":274,"path":275,"stem":276},"Breadcrumb (Navigasi Jejak Rekam)","\u002Fkomponen\u002Fnavigasi\u002Fbreadcrumb","2.komponen\u002F3.navigasi\u002F4.breadcrumb",{"title":278,"path":279,"stem":280},"Pagination (Paginasi Halaman Data)","\u002Fkomponen\u002Fnavigasi\u002Fpagination","2.komponen\u002F3.navigasi\u002F5.pagination",{"title":282,"path":283,"stem":284},"Tabs (Navigasi Tab)","\u002Fkomponen\u002Fnavigasi\u002Ftabs","2.komponen\u002F3.navigasi\u002F6.tabs",{"title":286,"icon":287,"path":288,"stem":289,"children":290,"page":47},"Umpan Balik & Dialog","i-lucide-bell","\u002Fkomponen\u002Fumpan-balik","2.komponen\u002F4.umpan-balik",[291,295,299,303,307,311],{"title":292,"path":293,"stem":294},"Alert (Kotak Pemberitahuan)","\u002Fkomponen\u002Fumpan-balik\u002Falert","2.komponen\u002F4.umpan-balik\u002F1.alert",{"title":296,"path":297,"stem":298},"Modal (Kotak Dialog Konfirmasi)","\u002Fkomponen\u002Fumpan-balik\u002Fmodal","2.komponen\u002F4.umpan-balik\u002F2.modal",{"title":300,"path":301,"stem":302},"EmptyState (Kondisi Data Kosong)","\u002Fkomponen\u002Fumpan-balik\u002Fempty-state","2.komponen\u002F4.umpan-balik\u002F3.empty-state",{"title":304,"path":305,"stem":306},"Toast (Notifikasi Mengambang)","\u002Fkomponen\u002Fumpan-balik\u002Ftoast","2.komponen\u002F4.umpan-balik\u002F4.toast",{"title":308,"path":309,"stem":310},"Drawer & Slideover (Panel Samping)","\u002Fkomponen\u002Fumpan-balik\u002Fdrawer","2.komponen\u002F4.umpan-balik\u002F5.drawer",{"title":312,"path":313,"stem":314},"Tooltip (Petunjuk Melayang)","\u002Fkomponen\u002Fumpan-balik\u002Ftooltip","2.komponen\u002F4.umpan-balik\u002F6.tooltip",{"title":316,"icon":317,"path":318,"stem":319,"children":320,"page":47},"Tampilan Data","i-lucide-table","\u002Fkomponen\u002Ftampilan-data","2.komponen\u002F5.tampilan-data",[321,325,329,333,337],{"title":322,"path":323,"stem":324},"Table (Tabel Data Responsif)","\u002Fkomponen\u002Ftampilan-data\u002Ftable","2.komponen\u002F5.tampilan-data\u002F1.table",{"title":326,"path":327,"stem":328},"Card (Kartu Layanan & Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fcard","2.komponen\u002F5.tampilan-data\u002F2.card",{"title":330,"path":331,"stem":332},"Accordion (Daftar Lipat \u002F FAQ)","\u002Fkomponen\u002Ftampilan-data\u002Faccordion","2.komponen\u002F5.tampilan-data\u002F3.accordion",{"title":334,"path":335,"stem":336},"StatCard (Kartu Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fstat-card","2.komponen\u002F5.tampilan-data\u002F4.stat-card",{"title":338,"path":339,"stem":340},"Timeline (Riwayat Pelacakan)","\u002Fkomponen\u002Ftampilan-data\u002Ftimeline","2.komponen\u002F5.tampilan-data\u002F5.timeline",{"title":342,"path":343,"stem":344,"children":345,"icon":347},"Template","\u002Ftemplate","3.template\u002Findex",[346],{"title":342,"path":343,"stem":344},"i-lucide-layout-template",{"id":349,"title":20,"body":350,"description":499,"extension":500,"links":501,"meta":502,"navigation":503,"path":21,"seo":504,"stem":22,"__hash__":505},"docs\u002F1.dokumentasi\u002F1.memulai\u002F1.pengantar.md",{"type":351,"value":352,"toc":493},"minimark",[353,362,365,377,382,457,461],[354,355,356,357,361],"p",{},"Majalengka Design System adalah basis pengetahuan dan kumpulan aset digital open-source untuk ekosistem web Majalengka.tech — dipakai instansi, komunitas, media lokal, dan UMKM digital di Kabupaten Majalengka. ",[358,359,360],"strong",{},"Ini bukan produk resmi Pemerintah Kabupaten Majalengka",", meski instansi pemerintah boleh memakainya secara sukarela seperti pemakai lain.",[354,363,364],{},"Sistem ini dirancang untuk menjawab permasalahan inkonsistensi antarmuka, hambatan aksesibilitas bagi warga lansia dan pengguna di daerah bersinyal lemah, serta penolakan adopsi oleh vendor akibat tumpukan teknologi (tech-stack) yang kaku.",[366,367,368,369,376],"note",{},"Seluruh keputusan desain, token, dan spesifikasi komponen mengacu pada bundle Open Knowledge Format (OKF) v0.2 di repositori ",[370,371,375],"a",{"href":372,"rel":373},"https:\u002F\u002Fgithub.com\u002FMajalengkaTech\u002Fdesign-system",[374],"nofollow","MajalengkaTech\u002Fdesign-system",".",[378,379,381],"h2",{"id":380},"siapa-yang-menggunakan-sistem-ini","Siapa yang Menggunakan Sistem Ini?",[383,384,385,401],"table",{},[386,387,388],"thead",{},[389,390,391,395,398],"tr",{},[392,393,394],"th",{},"Kelompok Pengguna",[392,396,397],{},"Kebutuhan Utama",[392,399,400],{},"Solusi dalam Sistem Ini",[402,403,404,418,436],"tbody",{},[389,405,406,412,415],{},[407,408,409],"td",{},[358,410,411],{},"Warga Kabupaten Majalengka",[407,413,414],{},"Kemudahan mengisi formulir di HP berspesifikasi rendah, teks mudah dibaca lansia, kejelasan status permohonan.",[407,416,417],{},"Skala teks minimum 16px, target sentuh 44px, status visual selalu didampingi ikon dan teks.",[389,419,420,425,428],{},[407,421,422],{},[358,423,424],{},"Aparatur Sipil Negara (ASN)",[407,426,427],{},"Dashboard pengelola yang cepat, tidak bikin lelah mata, navigasi data yang rapi.",[407,429,430,431,435],{},"Skala angka tabular (",[432,433,434],"code",{},"tabular-nums","), tabel data responsif, warna netral slate-tinted.",[389,437,438,443,446],{},[407,439,440],{},[358,441,442],{},"Vendor & Pengembang Web",[407,444,445],{},"Sistem yang gampang dipasang di aplikasi eksisting (PHP lama, Laravel, WordPress, Vue, Nuxt).",[407,447,448,449,452,453,456],{},"Paket CSS murni (",[432,450,451],{},"@majalengka\u002Fcss",") tanpa proses build, serta paket ",[432,454,455],{},"@majalengka\u002Fvue"," untuk aplikasi modern.",[378,458,460],{"id":459},"tiga-prinsip-inti","Tiga Prinsip Inti",[462,463,464,473,481],"ol",{},[465,466,467,472],"li",{},[358,468,469],{},[370,470,471],{"href":122},"Aksesibel"," — Aksesibilitas bukan aksesoris di akhir proyek. Semua komponen wajib memenuhi standar WCAG 2.1 Level AA sejak baris pertama kode ditulis.",[465,474,475,480],{},[358,476,477],{},[370,478,479],{"href":126},"Framework-Agnostic"," — Sistem desain harus lebih mudah dipasang daripada membuat sendiri. Tersedia berkas CSS tunggal untuk sistem tanpa bundler.",[465,482,483,488,489,492],{},[358,484,485],{},[370,486,487],{"href":130},"Kredibel & Tepercaya"," — Menggunakan Biru Majalengka (",[432,490,491],{},"#0014A8","), pita identitas pengelola TrustBanner, dan elemen tipografi yang formal namun ramah warga.",{"title":494,"searchDepth":495,"depth":495,"links":496},"",2,[497,498],{"id":380,"depth":495,"text":381},{"id":459,"depth":495,"text":460},"Latar belakang, tujuan, dan sasaran pengguna Majalengka Design System.","md",null,{},true,{"title":20,"description":499},"nkSV5OMaVFaLuv5_oTTG-9N3UTNAsmOhAFdzmjdhQnY",{"id":349,"title":20,"body":507,"description":499,"extension":500,"links":501,"meta":600,"navigation":503,"path":21,"seo":601,"stem":22,"__hash__":505},{"type":351,"value":508,"toc":596},[509,513,515,520,522,572,574],[354,510,356,511,361],{},[358,512,360],{},[354,514,364],{},[366,516,368,517,376],{},[370,518,375],{"href":372,"rel":519},[374],[378,521,381],{"id":380},[383,523,524,534],{},[386,525,526],{},[389,527,528,530,532],{},[392,529,394],{},[392,531,397],{},[392,533,400],{},[402,535,536,546,558],{},[389,537,538,542,544],{},[407,539,540],{},[358,541,411],{},[407,543,414],{},[407,545,417],{},[389,547,548,552,554],{},[407,549,550],{},[358,551,424],{},[407,553,427],{},[407,555,430,556,435],{},[432,557,434],{},[389,559,560,564,566],{},[407,561,562],{},[358,563,442],{},[407,565,445],{},[407,567,448,568,452,570,456],{},[432,569,451],{},[432,571,455],{},[378,573,460],{"id":459},[462,575,576,582,588],{},[465,577,578,472],{},[358,579,580],{},[370,581,471],{"href":122},[465,583,584,480],{},[358,585,586],{},[370,587,479],{"href":126},[465,589,590,488,594,492],{},[358,591,592],{},[370,593,487],{"href":130},[432,595,491],{},{"title":494,"searchDepth":495,"depth":495,"links":597},[598,599],{"id":380,"depth":495,"text":381},{"id":459,"depth":495,"text":460},{},{"title":20,"description":499},[603,605],{"title":11,"path":7,"stem":12,"description":604,"children":-1},"Panduan arsitektur, token desain, pola layanan publik, dan standar kualitas Majalengka Design System.",{"title":24,"path":25,"stem":26,"description":606,"children":-1},"Cara memasang dan menggunakan Majalengka Design System di berbagai tumpukan teknologi.",1791989385937]