[{"data":1,"prerenderedAt":1913},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Fmemulai\u002Fsvelte":348,"-dokumentasi-memulai-svelte":1237,"-dokumentasi-memulai-svelte-surround":1908},[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":40,"body":350,"description":1231,"extension":1232,"links":1233,"meta":1234,"navigation":489,"path":41,"seo":1235,"stem":42,"__hash__":1236},"docs\u002F1.dokumentasi\u002F1.memulai\u002F6.svelte.md",{"type":351,"value":352,"toc":1223},"minimark",[353,362,365,370,373,453,455,459,466,613,615,619,634,766,772,891,893,897,900,1131,1136,1219],[354,355,356,357,361],"p",{},"Svelte dan SvelteKit bekerja mulus dengan Majalengka Design System. Anda bisa memuat CSS global melalui layout SvelteKit atau memanfaatkan preset UnoCSS ",[358,359,360],"code",{},"@majalengka\u002Ftokens\u002Fpreset"," di tumpukan Vite Anda.",[363,364],"hr",{},[366,367,369],"h2",{"id":368},"pemasangan","Pemasangan",[354,371,372],{},"Pasang paket yang diperlukan ke dalam proyek Svelte:",[374,375,376,404,420,437],"code-group",{},[377,378,384],"pre",{"className":379,"code":380,"filename":381,"language":382,"meta":383,"style":383},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @majalengka\u002Fcss @majalengka\u002Ftokens\n","pnpm","bash","",[358,385,386],{"__ignoreMap":383},[387,388,391,394,398,401],"span",{"class":389,"line":390},"line",1,[387,392,381],{"class":393},"sBMFI",[387,395,397],{"class":396},"sfazB"," add",[387,399,400],{"class":396}," @majalengka\u002Fcss",[387,402,403],{"class":396}," @majalengka\u002Ftokens\n",[377,405,408],{"className":379,"code":406,"filename":407,"language":382,"meta":383,"style":383},"yarn add @majalengka\u002Fcss @majalengka\u002Ftokens\n","yarn",[358,409,410],{"__ignoreMap":383},[387,411,412,414,416,418],{"class":389,"line":390},[387,413,407],{"class":393},[387,415,397],{"class":396},[387,417,400],{"class":396},[387,419,403],{"class":396},[377,421,424],{"className":379,"code":422,"filename":423,"language":382,"meta":383,"style":383},"npm install @majalengka\u002Fcss @majalengka\u002Ftokens\n","npm",[358,425,426],{"__ignoreMap":383},[387,427,428,430,433,435],{"class":389,"line":390},[387,429,423],{"class":393},[387,431,432],{"class":396}," install",[387,434,400],{"class":396},[387,436,403],{"class":396},[377,438,441],{"className":379,"code":439,"filename":440,"language":382,"meta":383,"style":383},"bun add @majalengka\u002Fcss @majalengka\u002Ftokens\n","bun",[358,442,443],{"__ignoreMap":383},[387,444,445,447,449,451],{"class":389,"line":390},[387,446,440],{"class":393},[387,448,397],{"class":396},[387,450,400],{"class":396},[387,452,403],{"class":396},[363,454],{},[366,456,458],{"id":457},"opsi-1-penggunaan-css-mandiri-di-sveltekit","Opsi 1: Penggunaan CSS Mandiri di SvelteKit",[354,460,461,462,465],{},"Muat stylesheet global di dalam berkas layout root (",[358,463,464],{},"src\u002Froutes\u002F+layout.svelte","):",[377,467,471],{"className":468,"code":469,"filename":464,"language":470,"meta":383,"style":383},"language-svelte shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript lang=\"ts\">\n  import '@majalengka\u002Fcss';\n\n  let { children } = $props();\n\u003C\u002Fscript>\n\n\u003Csvelte:head>\n  \u003Ctitle>Portal Komunitas Majalengka\u003C\u002Ftitle>\n\u003C\u002Fsvelte:head>\n\n\u003C!-- Tautan lewati konten untuk navigasi keyboard -->\n\u003Ca href=\"#konten\" class=\"mjl-skip-link\">Langsung ke konten\u003C\u002Fa>\n\n\u003Cdiv class=\"mjl-container py-6\">\n  \u003Cheader class=\"mb-8\">\n    \u003Ch1 class=\"text-2xl font-bold font-['Plus_Jakarta_Sans'] text-neutral-900 dark:text-white\">\n      Majalengka Digital\n    \u003C\u002Fh1>\n  \u003C\u002Fheader>\n\n  \u003Cmain id=\"konten\">\n    {@render children()}\n  \u003C\u002Fmain>\n\u003C\u002Fdiv>\n","svelte",[358,472,473,478,484,491,497,503,508,514,520,526,531,537,543,548,554,560,566,572,578,584,589,595,601,607],{"__ignoreMap":383},[387,474,475],{"class":389,"line":390},[387,476,477],{},"\u003Cscript lang=\"ts\">\n",[387,479,481],{"class":389,"line":480},2,[387,482,483],{},"  import '@majalengka\u002Fcss';\n",[387,485,487],{"class":389,"line":486},3,[387,488,490],{"emptyLinePlaceholder":489},true,"\n",[387,492,494],{"class":389,"line":493},4,[387,495,496],{},"  let { children } = $props();\n",[387,498,500],{"class":389,"line":499},5,[387,501,502],{},"\u003C\u002Fscript>\n",[387,504,506],{"class":389,"line":505},6,[387,507,490],{"emptyLinePlaceholder":489},[387,509,511],{"class":389,"line":510},7,[387,512,513],{},"\u003Csvelte:head>\n",[387,515,517],{"class":389,"line":516},8,[387,518,519],{},"  \u003Ctitle>Portal Komunitas Majalengka\u003C\u002Ftitle>\n",[387,521,523],{"class":389,"line":522},9,[387,524,525],{},"\u003C\u002Fsvelte:head>\n",[387,527,529],{"class":389,"line":528},10,[387,530,490],{"emptyLinePlaceholder":489},[387,532,534],{"class":389,"line":533},11,[387,535,536],{},"\u003C!-- Tautan lewati konten untuk navigasi keyboard -->\n",[387,538,540],{"class":389,"line":539},12,[387,541,542],{},"\u003Ca href=\"#konten\" class=\"mjl-skip-link\">Langsung ke konten\u003C\u002Fa>\n",[387,544,546],{"class":389,"line":545},13,[387,547,490],{"emptyLinePlaceholder":489},[387,549,551],{"class":389,"line":550},14,[387,552,553],{},"\u003Cdiv class=\"mjl-container py-6\">\n",[387,555,557],{"class":389,"line":556},15,[387,558,559],{},"  \u003Cheader class=\"mb-8\">\n",[387,561,563],{"class":389,"line":562},16,[387,564,565],{},"    \u003Ch1 class=\"text-2xl font-bold font-['Plus_Jakarta_Sans'] text-neutral-900 dark:text-white\">\n",[387,567,569],{"class":389,"line":568},17,[387,570,571],{},"      Majalengka Digital\n",[387,573,575],{"class":389,"line":574},18,[387,576,577],{},"    \u003C\u002Fh1>\n",[387,579,581],{"class":389,"line":580},19,[387,582,583],{},"  \u003C\u002Fheader>\n",[387,585,587],{"class":389,"line":586},20,[387,588,490],{"emptyLinePlaceholder":489},[387,590,592],{"class":389,"line":591},21,[387,593,594],{},"  \u003Cmain id=\"konten\">\n",[387,596,598],{"class":389,"line":597},22,[387,599,600],{},"    {@render children()}\n",[387,602,604],{"class":389,"line":603},23,[387,605,606],{},"  \u003C\u002Fmain>\n",[387,608,610],{"class":389,"line":609},24,[387,611,612],{},"\u003C\u002Fdiv>\n",[363,614],{},[366,616,618],{"id":617},"opsi-2-integrasi-unocss-di-svelte-vite","Opsi 2: Integrasi UnoCSS di Svelte \u002F Vite",[354,620,621,622,625,626,629,630,633],{},"Jika proyek Svelte Anda memakai UnoCSS (",[358,623,624],{},"@unocss\u002Fsvelte-scoped"," atau ",[358,627,628],{},"unocss\u002Fvite","), pasang preset Majalengka di ",[358,631,632],{},"uno.config.ts",":",[377,635,639],{"className":636,"code":637,"filename":632,"language":638,"meta":383,"style":383},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineConfig, presetUno } from 'unocss';\nimport { presetMajalengka } from '@majalengka\u002Ftokens\u002Fpreset';\n\nexport default defineConfig({\n  presets: [\n    presetUno(),\n    presetMajalengka()\n  ]\n});\n","ts",[358,640,641,679,700,704,721,732,743,751,756],{"__ignoreMap":383},[387,642,643,647,651,655,658,661,664,667,670,673,676],{"class":389,"line":390},[387,644,646],{"class":645},"s7zQu","import",[387,648,650],{"class":649},"sMK4o"," {",[387,652,654],{"class":653},"sTEyZ"," defineConfig",[387,656,657],{"class":649},",",[387,659,660],{"class":653}," presetUno",[387,662,663],{"class":649}," }",[387,665,666],{"class":645}," from",[387,668,669],{"class":649}," '",[387,671,672],{"class":396},"unocss",[387,674,675],{"class":649},"'",[387,677,678],{"class":649},";\n",[387,680,681,683,685,688,690,692,694,696,698],{"class":389,"line":480},[387,682,646],{"class":645},[387,684,650],{"class":649},[387,686,687],{"class":653}," presetMajalengka",[387,689,663],{"class":649},[387,691,666],{"class":645},[387,693,669],{"class":649},[387,695,360],{"class":396},[387,697,675],{"class":649},[387,699,678],{"class":649},[387,701,702],{"class":389,"line":486},[387,703,490],{"emptyLinePlaceholder":489},[387,705,706,709,712,715,718],{"class":389,"line":493},[387,707,708],{"class":645},"export",[387,710,711],{"class":645}," default",[387,713,654],{"class":714},"s2Zo4",[387,716,717],{"class":653},"(",[387,719,720],{"class":649},"{\n",[387,722,723,727,729],{"class":389,"line":499},[387,724,726],{"class":725},"swJcz","  presets",[387,728,633],{"class":649},[387,730,731],{"class":653}," [\n",[387,733,734,737,740],{"class":389,"line":505},[387,735,736],{"class":714},"    presetUno",[387,738,739],{"class":653},"()",[387,741,742],{"class":649},",\n",[387,744,745,748],{"class":389,"line":510},[387,746,747],{"class":714},"    presetMajalengka",[387,749,750],{"class":653},"()\n",[387,752,753],{"class":389,"line":516},[387,754,755],{"class":653},"  ]\n",[387,757,758,761,764],{"class":389,"line":522},[387,759,760],{"class":649},"}",[387,762,763],{"class":653},")",[387,765,678],{"class":649},[354,767,768,769,633],{},"Tambahkan UnoCSS ke ",[358,770,771],{},"vite.config.ts",[377,773,775],{"className":636,"code":774,"filename":771,"language":638,"meta":383,"style":383},"import { sveltekit } from '@sveltejs\u002Fkit\u002Fvite';\nimport { defineConfig } from 'vite';\nimport UnoCSS from 'unocss\u002Fvite';\n\nexport default defineConfig({\n  plugins: [\n    UnoCSS(),\n    sveltekit()\n  ]\n});\n",[358,776,777,799,820,838,842,854,863,872,879,883],{"__ignoreMap":383},[387,778,779,781,783,786,788,790,792,795,797],{"class":389,"line":390},[387,780,646],{"class":645},[387,782,650],{"class":649},[387,784,785],{"class":653}," sveltekit",[387,787,663],{"class":649},[387,789,666],{"class":645},[387,791,669],{"class":649},[387,793,794],{"class":396},"@sveltejs\u002Fkit\u002Fvite",[387,796,675],{"class":649},[387,798,678],{"class":649},[387,800,801,803,805,807,809,811,813,816,818],{"class":389,"line":480},[387,802,646],{"class":645},[387,804,650],{"class":649},[387,806,654],{"class":653},[387,808,663],{"class":649},[387,810,666],{"class":645},[387,812,669],{"class":649},[387,814,815],{"class":396},"vite",[387,817,675],{"class":649},[387,819,678],{"class":649},[387,821,822,824,827,830,832,834,836],{"class":389,"line":486},[387,823,646],{"class":645},[387,825,826],{"class":653}," UnoCSS ",[387,828,829],{"class":645},"from",[387,831,669],{"class":649},[387,833,628],{"class":396},[387,835,675],{"class":649},[387,837,678],{"class":649},[387,839,840],{"class":389,"line":493},[387,841,490],{"emptyLinePlaceholder":489},[387,843,844,846,848,850,852],{"class":389,"line":499},[387,845,708],{"class":645},[387,847,711],{"class":645},[387,849,654],{"class":714},[387,851,717],{"class":653},[387,853,720],{"class":649},[387,855,856,859,861],{"class":389,"line":505},[387,857,858],{"class":725},"  plugins",[387,860,633],{"class":649},[387,862,731],{"class":653},[387,864,865,868,870],{"class":389,"line":510},[387,866,867],{"class":714},"    UnoCSS",[387,869,739],{"class":653},[387,871,742],{"class":649},[387,873,874,877],{"class":389,"line":516},[387,875,876],{"class":714},"    sveltekit",[387,878,750],{"class":653},[387,880,881],{"class":389,"line":522},[387,882,755],{"class":653},[387,884,885,887,889],{"class":389,"line":528},[387,886,760],{"class":649},[387,888,763],{"class":653},[387,890,678],{"class":649},[363,892],{},[366,894,896],{"id":895},"contoh-komponen-svelte-5","Contoh Komponen Svelte 5",[354,898,899],{},"Berikut contoh pembuatan komponen tombol yang mendukung berbagai varian Majalengka:",[377,901,904],{"className":468,"code":902,"filename":903,"language":470,"meta":383,"style":383},"\u003Cscript lang=\"ts\">\n  import type { Snippet } from 'vue';\n\n  interface Props {\n    variant?: 'primary' | 'secondary' | 'outline' | 'danger';\n    size?: 'sm' | 'md' | 'lg';\n    disabled?: boolean;\n    onclick?: () => void;\n    children?: import('svelte').Snippet;\n  }\n\n  let {\n    variant = 'primary',\n    size = 'md',\n    disabled = false,\n    onclick,\n    children\n  }: Props = $props();\n\n  const variantClasses = {\n    primary: 'mjl-btn--primary',\n    secondary: 'mjl-btn--secondary',\n    outline: 'mjl-btn--outline',\n    danger: 'mjl-btn--danger'\n  };\n\n  const sizeClasses = {\n    sm: 'mjl-btn--sm',\n    md: 'mjl-btn--md',\n    lg: 'mjl-btn--lg'\n  };\n\u003C\u002Fscript>\n\n\u003Cbutton\n  type=\"button\"\n  class=\"mjl-btn {variantClasses[variant]} {sizeClasses[size]}\"\n  {disabled}\n  {onclick}\n>\n  {#if children}\n    {@render children()}\n  {\u002Fif}\n\u003C\u002Fbutton>\n","src\u002Flib\u002Fcomponents\u002FButton.svelte",[358,905,906,910,915,919,924,929,934,939,944,949,954,958,963,968,973,978,983,988,993,997,1002,1007,1012,1017,1022,1028,1033,1039,1045,1051,1057,1062,1067,1072,1078,1084,1090,1096,1102,1108,1114,1119,1125],{"__ignoreMap":383},[387,907,908],{"class":389,"line":390},[387,909,477],{},[387,911,912],{"class":389,"line":480},[387,913,914],{},"  import type { Snippet } from 'vue';\n",[387,916,917],{"class":389,"line":486},[387,918,490],{"emptyLinePlaceholder":489},[387,920,921],{"class":389,"line":493},[387,922,923],{},"  interface Props {\n",[387,925,926],{"class":389,"line":499},[387,927,928],{},"    variant?: 'primary' | 'secondary' | 'outline' | 'danger';\n",[387,930,931],{"class":389,"line":505},[387,932,933],{},"    size?: 'sm' | 'md' | 'lg';\n",[387,935,936],{"class":389,"line":510},[387,937,938],{},"    disabled?: boolean;\n",[387,940,941],{"class":389,"line":516},[387,942,943],{},"    onclick?: () => void;\n",[387,945,946],{"class":389,"line":522},[387,947,948],{},"    children?: import('svelte').Snippet;\n",[387,950,951],{"class":389,"line":528},[387,952,953],{},"  }\n",[387,955,956],{"class":389,"line":533},[387,957,490],{"emptyLinePlaceholder":489},[387,959,960],{"class":389,"line":539},[387,961,962],{},"  let {\n",[387,964,965],{"class":389,"line":545},[387,966,967],{},"    variant = 'primary',\n",[387,969,970],{"class":389,"line":550},[387,971,972],{},"    size = 'md',\n",[387,974,975],{"class":389,"line":556},[387,976,977],{},"    disabled = false,\n",[387,979,980],{"class":389,"line":562},[387,981,982],{},"    onclick,\n",[387,984,985],{"class":389,"line":568},[387,986,987],{},"    children\n",[387,989,990],{"class":389,"line":574},[387,991,992],{},"  }: Props = $props();\n",[387,994,995],{"class":389,"line":580},[387,996,490],{"emptyLinePlaceholder":489},[387,998,999],{"class":389,"line":586},[387,1000,1001],{},"  const variantClasses = {\n",[387,1003,1004],{"class":389,"line":591},[387,1005,1006],{},"    primary: 'mjl-btn--primary',\n",[387,1008,1009],{"class":389,"line":597},[387,1010,1011],{},"    secondary: 'mjl-btn--secondary',\n",[387,1013,1014],{"class":389,"line":603},[387,1015,1016],{},"    outline: 'mjl-btn--outline',\n",[387,1018,1019],{"class":389,"line":609},[387,1020,1021],{},"    danger: 'mjl-btn--danger'\n",[387,1023,1025],{"class":389,"line":1024},25,[387,1026,1027],{},"  };\n",[387,1029,1031],{"class":389,"line":1030},26,[387,1032,490],{"emptyLinePlaceholder":489},[387,1034,1036],{"class":389,"line":1035},27,[387,1037,1038],{},"  const sizeClasses = {\n",[387,1040,1042],{"class":389,"line":1041},28,[387,1043,1044],{},"    sm: 'mjl-btn--sm',\n",[387,1046,1048],{"class":389,"line":1047},29,[387,1049,1050],{},"    md: 'mjl-btn--md',\n",[387,1052,1054],{"class":389,"line":1053},30,[387,1055,1056],{},"    lg: 'mjl-btn--lg'\n",[387,1058,1060],{"class":389,"line":1059},31,[387,1061,1027],{},[387,1063,1065],{"class":389,"line":1064},32,[387,1066,502],{},[387,1068,1070],{"class":389,"line":1069},33,[387,1071,490],{"emptyLinePlaceholder":489},[387,1073,1075],{"class":389,"line":1074},34,[387,1076,1077],{},"\u003Cbutton\n",[387,1079,1081],{"class":389,"line":1080},35,[387,1082,1083],{},"  type=\"button\"\n",[387,1085,1087],{"class":389,"line":1086},36,[387,1088,1089],{},"  class=\"mjl-btn {variantClasses[variant]} {sizeClasses[size]}\"\n",[387,1091,1093],{"class":389,"line":1092},37,[387,1094,1095],{},"  {disabled}\n",[387,1097,1099],{"class":389,"line":1098},38,[387,1100,1101],{},"  {onclick}\n",[387,1103,1105],{"class":389,"line":1104},39,[387,1106,1107],{},">\n",[387,1109,1111],{"class":389,"line":1110},40,[387,1112,1113],{},"  {#if children}\n",[387,1115,1117],{"class":389,"line":1116},41,[387,1118,600],{},[387,1120,1122],{"class":389,"line":1121},42,[387,1123,1124],{},"  {\u002Fif}\n",[387,1126,1128],{"class":389,"line":1127},43,[387,1129,1130],{},"\u003C\u002Fbutton>\n",[1132,1133,1135],"h3",{"id":1134},"pemakaian-komponen-di-halaman","Pemakaian Komponen di Halaman:",[377,1137,1140],{"className":468,"code":1138,"filename":1139,"language":470,"meta":383,"style":383},"\u003Cscript lang=\"ts\">\n  import Button from '$lib\u002Fcomponents\u002FButton.svelte';\n\n  function ajukanLayanan() {\n    alert('Permohonan layanan dibuka');\n  }\n\u003C\u002Fscript>\n\n\u003Cdiv class=\"space-x-3\">\n  \u003CButton variant=\"primary\" size=\"md\" onclick={ajukanLayanan}>\n    Ajukan Bantuan Sosial\n  \u003C\u002FButton>\n\n  \u003CButton variant=\"secondary\" size=\"md\">\n    Lihat Persyaratan\n  \u003C\u002FButton>\n\u003C\u002Fdiv>\n","src\u002Froutes\u002F+page.svelte",[358,1141,1142,1146,1151,1155,1160,1165,1169,1173,1177,1182,1187,1192,1197,1201,1206,1211,1215],{"__ignoreMap":383},[387,1143,1144],{"class":389,"line":390},[387,1145,477],{},[387,1147,1148],{"class":389,"line":480},[387,1149,1150],{},"  import Button from '$lib\u002Fcomponents\u002FButton.svelte';\n",[387,1152,1153],{"class":389,"line":486},[387,1154,490],{"emptyLinePlaceholder":489},[387,1156,1157],{"class":389,"line":493},[387,1158,1159],{},"  function ajukanLayanan() {\n",[387,1161,1162],{"class":389,"line":499},[387,1163,1164],{},"    alert('Permohonan layanan dibuka');\n",[387,1166,1167],{"class":389,"line":505},[387,1168,953],{},[387,1170,1171],{"class":389,"line":510},[387,1172,502],{},[387,1174,1175],{"class":389,"line":516},[387,1176,490],{"emptyLinePlaceholder":489},[387,1178,1179],{"class":389,"line":522},[387,1180,1181],{},"\u003Cdiv class=\"space-x-3\">\n",[387,1183,1184],{"class":389,"line":528},[387,1185,1186],{},"  \u003CButton variant=\"primary\" size=\"md\" onclick={ajukanLayanan}>\n",[387,1188,1189],{"class":389,"line":533},[387,1190,1191],{},"    Ajukan Bantuan Sosial\n",[387,1193,1194],{"class":389,"line":539},[387,1195,1196],{},"  \u003C\u002FButton>\n",[387,1198,1199],{"class":389,"line":545},[387,1200,490],{"emptyLinePlaceholder":489},[387,1202,1203],{"class":389,"line":550},[387,1204,1205],{},"  \u003CButton variant=\"secondary\" size=\"md\">\n",[387,1207,1208],{"class":389,"line":556},[387,1209,1210],{},"    Lihat Persyaratan\n",[387,1212,1213],{"class":389,"line":562},[387,1214,1196],{},[387,1216,1217],{"class":389,"line":568},[387,1218,612],{},[1220,1221,1222],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":383,"searchDepth":480,"depth":480,"links":1224},[1225,1226,1227,1228],{"id":368,"depth":480,"text":369},{"id":457,"depth":480,"text":458},{"id":617,"depth":480,"text":618},{"id":895,"depth":480,"text":896,"children":1229},[1230],{"id":1134,"depth":486,"text":1135},"Cara integrasi Majalengka Design System di proyek Svelte 5 dan SvelteKit.","md",null,{},{"title":40,"description":1231},"mT-AyBV8qu-UOxd3WM5klF6owd-l_mnDPI4yCHWwnYw",{"id":349,"title":40,"body":1238,"description":1231,"extension":1232,"links":1233,"meta":1906,"navigation":489,"path":41,"seo":1907,"stem":42,"__hash__":1236},{"type":351,"value":1239,"toc":1898},[1240,1244,1246,1248,1250,1308,1310,1312,1316,1416,1418,1420,1428,1526,1530,1640,1642,1644,1646,1822,1824,1896],[354,1241,356,1242,361],{},[358,1243,360],{},[363,1245],{},[366,1247,369],{"id":368},[354,1249,372],{},[374,1251,1252,1266,1280,1294],{},[377,1253,1254],{"className":379,"code":380,"filename":381,"language":382,"meta":383,"style":383},[358,1255,1256],{"__ignoreMap":383},[387,1257,1258,1260,1262,1264],{"class":389,"line":390},[387,1259,381],{"class":393},[387,1261,397],{"class":396},[387,1263,400],{"class":396},[387,1265,403],{"class":396},[377,1267,1268],{"className":379,"code":406,"filename":407,"language":382,"meta":383,"style":383},[358,1269,1270],{"__ignoreMap":383},[387,1271,1272,1274,1276,1278],{"class":389,"line":390},[387,1273,407],{"class":393},[387,1275,397],{"class":396},[387,1277,400],{"class":396},[387,1279,403],{"class":396},[377,1281,1282],{"className":379,"code":422,"filename":423,"language":382,"meta":383,"style":383},[358,1283,1284],{"__ignoreMap":383},[387,1285,1286,1288,1290,1292],{"class":389,"line":390},[387,1287,423],{"class":393},[387,1289,432],{"class":396},[387,1291,400],{"class":396},[387,1293,403],{"class":396},[377,1295,1296],{"className":379,"code":439,"filename":440,"language":382,"meta":383,"style":383},[358,1297,1298],{"__ignoreMap":383},[387,1299,1300,1302,1304,1306],{"class":389,"line":390},[387,1301,440],{"class":393},[387,1303,397],{"class":396},[387,1305,400],{"class":396},[387,1307,403],{"class":396},[363,1309],{},[366,1311,458],{"id":457},[354,1313,461,1314,465],{},[358,1315,464],{},[377,1317,1318],{"className":468,"code":469,"filename":464,"language":470,"meta":383,"style":383},[358,1319,1320,1324,1328,1332,1336,1340,1344,1348,1352,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396,1400,1404,1408,1412],{"__ignoreMap":383},[387,1321,1322],{"class":389,"line":390},[387,1323,477],{},[387,1325,1326],{"class":389,"line":480},[387,1327,483],{},[387,1329,1330],{"class":389,"line":486},[387,1331,490],{"emptyLinePlaceholder":489},[387,1333,1334],{"class":389,"line":493},[387,1335,496],{},[387,1337,1338],{"class":389,"line":499},[387,1339,502],{},[387,1341,1342],{"class":389,"line":505},[387,1343,490],{"emptyLinePlaceholder":489},[387,1345,1346],{"class":389,"line":510},[387,1347,513],{},[387,1349,1350],{"class":389,"line":516},[387,1351,519],{},[387,1353,1354],{"class":389,"line":522},[387,1355,525],{},[387,1357,1358],{"class":389,"line":528},[387,1359,490],{"emptyLinePlaceholder":489},[387,1361,1362],{"class":389,"line":533},[387,1363,536],{},[387,1365,1366],{"class":389,"line":539},[387,1367,542],{},[387,1369,1370],{"class":389,"line":545},[387,1371,490],{"emptyLinePlaceholder":489},[387,1373,1374],{"class":389,"line":550},[387,1375,553],{},[387,1377,1378],{"class":389,"line":556},[387,1379,559],{},[387,1381,1382],{"class":389,"line":562},[387,1383,565],{},[387,1385,1386],{"class":389,"line":568},[387,1387,571],{},[387,1389,1390],{"class":389,"line":574},[387,1391,577],{},[387,1393,1394],{"class":389,"line":580},[387,1395,583],{},[387,1397,1398],{"class":389,"line":586},[387,1399,490],{"emptyLinePlaceholder":489},[387,1401,1402],{"class":389,"line":591},[387,1403,594],{},[387,1405,1406],{"class":389,"line":597},[387,1407,600],{},[387,1409,1410],{"class":389,"line":603},[387,1411,606],{},[387,1413,1414],{"class":389,"line":609},[387,1415,612],{},[363,1417],{},[366,1419,618],{"id":617},[354,1421,621,1422,625,1424,629,1426,633],{},[358,1423,624],{},[358,1425,628],{},[358,1427,632],{},[377,1429,1430],{"className":636,"code":637,"filename":632,"language":638,"meta":383,"style":383},[358,1431,1432,1456,1476,1480,1492,1500,1508,1514,1518],{"__ignoreMap":383},[387,1433,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454],{"class":389,"line":390},[387,1435,646],{"class":645},[387,1437,650],{"class":649},[387,1439,654],{"class":653},[387,1441,657],{"class":649},[387,1443,660],{"class":653},[387,1445,663],{"class":649},[387,1447,666],{"class":645},[387,1449,669],{"class":649},[387,1451,672],{"class":396},[387,1453,675],{"class":649},[387,1455,678],{"class":649},[387,1457,1458,1460,1462,1464,1466,1468,1470,1472,1474],{"class":389,"line":480},[387,1459,646],{"class":645},[387,1461,650],{"class":649},[387,1463,687],{"class":653},[387,1465,663],{"class":649},[387,1467,666],{"class":645},[387,1469,669],{"class":649},[387,1471,360],{"class":396},[387,1473,675],{"class":649},[387,1475,678],{"class":649},[387,1477,1478],{"class":389,"line":486},[387,1479,490],{"emptyLinePlaceholder":489},[387,1481,1482,1484,1486,1488,1490],{"class":389,"line":493},[387,1483,708],{"class":645},[387,1485,711],{"class":645},[387,1487,654],{"class":714},[387,1489,717],{"class":653},[387,1491,720],{"class":649},[387,1493,1494,1496,1498],{"class":389,"line":499},[387,1495,726],{"class":725},[387,1497,633],{"class":649},[387,1499,731],{"class":653},[387,1501,1502,1504,1506],{"class":389,"line":505},[387,1503,736],{"class":714},[387,1505,739],{"class":653},[387,1507,742],{"class":649},[387,1509,1510,1512],{"class":389,"line":510},[387,1511,747],{"class":714},[387,1513,750],{"class":653},[387,1515,1516],{"class":389,"line":516},[387,1517,755],{"class":653},[387,1519,1520,1522,1524],{"class":389,"line":522},[387,1521,760],{"class":649},[387,1523,763],{"class":653},[387,1525,678],{"class":649},[354,1527,768,1528,633],{},[358,1529,771],{},[377,1531,1532],{"className":636,"code":774,"filename":771,"language":638,"meta":383,"style":383},[358,1533,1534,1554,1574,1590,1594,1606,1614,1622,1628,1632],{"__ignoreMap":383},[387,1535,1536,1538,1540,1542,1544,1546,1548,1550,1552],{"class":389,"line":390},[387,1537,646],{"class":645},[387,1539,650],{"class":649},[387,1541,785],{"class":653},[387,1543,663],{"class":649},[387,1545,666],{"class":645},[387,1547,669],{"class":649},[387,1549,794],{"class":396},[387,1551,675],{"class":649},[387,1553,678],{"class":649},[387,1555,1556,1558,1560,1562,1564,1566,1568,1570,1572],{"class":389,"line":480},[387,1557,646],{"class":645},[387,1559,650],{"class":649},[387,1561,654],{"class":653},[387,1563,663],{"class":649},[387,1565,666],{"class":645},[387,1567,669],{"class":649},[387,1569,815],{"class":396},[387,1571,675],{"class":649},[387,1573,678],{"class":649},[387,1575,1576,1578,1580,1582,1584,1586,1588],{"class":389,"line":486},[387,1577,646],{"class":645},[387,1579,826],{"class":653},[387,1581,829],{"class":645},[387,1583,669],{"class":649},[387,1585,628],{"class":396},[387,1587,675],{"class":649},[387,1589,678],{"class":649},[387,1591,1592],{"class":389,"line":493},[387,1593,490],{"emptyLinePlaceholder":489},[387,1595,1596,1598,1600,1602,1604],{"class":389,"line":499},[387,1597,708],{"class":645},[387,1599,711],{"class":645},[387,1601,654],{"class":714},[387,1603,717],{"class":653},[387,1605,720],{"class":649},[387,1607,1608,1610,1612],{"class":389,"line":505},[387,1609,858],{"class":725},[387,1611,633],{"class":649},[387,1613,731],{"class":653},[387,1615,1616,1618,1620],{"class":389,"line":510},[387,1617,867],{"class":714},[387,1619,739],{"class":653},[387,1621,742],{"class":649},[387,1623,1624,1626],{"class":389,"line":516},[387,1625,876],{"class":714},[387,1627,750],{"class":653},[387,1629,1630],{"class":389,"line":522},[387,1631,755],{"class":653},[387,1633,1634,1636,1638],{"class":389,"line":528},[387,1635,760],{"class":649},[387,1637,763],{"class":653},[387,1639,678],{"class":649},[363,1641],{},[366,1643,896],{"id":895},[354,1645,899],{},[377,1647,1648],{"className":468,"code":902,"filename":903,"language":470,"meta":383,"style":383},[358,1649,1650,1654,1658,1662,1666,1670,1674,1678,1682,1686,1690,1694,1698,1702,1706,1710,1714,1718,1722,1726,1730,1734,1738,1742,1746,1750,1754,1758,1762,1766,1770,1774,1778,1782,1786,1790,1794,1798,1802,1806,1810,1814,1818],{"__ignoreMap":383},[387,1651,1652],{"class":389,"line":390},[387,1653,477],{},[387,1655,1656],{"class":389,"line":480},[387,1657,914],{},[387,1659,1660],{"class":389,"line":486},[387,1661,490],{"emptyLinePlaceholder":489},[387,1663,1664],{"class":389,"line":493},[387,1665,923],{},[387,1667,1668],{"class":389,"line":499},[387,1669,928],{},[387,1671,1672],{"class":389,"line":505},[387,1673,933],{},[387,1675,1676],{"class":389,"line":510},[387,1677,938],{},[387,1679,1680],{"class":389,"line":516},[387,1681,943],{},[387,1683,1684],{"class":389,"line":522},[387,1685,948],{},[387,1687,1688],{"class":389,"line":528},[387,1689,953],{},[387,1691,1692],{"class":389,"line":533},[387,1693,490],{"emptyLinePlaceholder":489},[387,1695,1696],{"class":389,"line":539},[387,1697,962],{},[387,1699,1700],{"class":389,"line":545},[387,1701,967],{},[387,1703,1704],{"class":389,"line":550},[387,1705,972],{},[387,1707,1708],{"class":389,"line":556},[387,1709,977],{},[387,1711,1712],{"class":389,"line":562},[387,1713,982],{},[387,1715,1716],{"class":389,"line":568},[387,1717,987],{},[387,1719,1720],{"class":389,"line":574},[387,1721,992],{},[387,1723,1724],{"class":389,"line":580},[387,1725,490],{"emptyLinePlaceholder":489},[387,1727,1728],{"class":389,"line":586},[387,1729,1001],{},[387,1731,1732],{"class":389,"line":591},[387,1733,1006],{},[387,1735,1736],{"class":389,"line":597},[387,1737,1011],{},[387,1739,1740],{"class":389,"line":603},[387,1741,1016],{},[387,1743,1744],{"class":389,"line":609},[387,1745,1021],{},[387,1747,1748],{"class":389,"line":1024},[387,1749,1027],{},[387,1751,1752],{"class":389,"line":1030},[387,1753,490],{"emptyLinePlaceholder":489},[387,1755,1756],{"class":389,"line":1035},[387,1757,1038],{},[387,1759,1760],{"class":389,"line":1041},[387,1761,1044],{},[387,1763,1764],{"class":389,"line":1047},[387,1765,1050],{},[387,1767,1768],{"class":389,"line":1053},[387,1769,1056],{},[387,1771,1772],{"class":389,"line":1059},[387,1773,1027],{},[387,1775,1776],{"class":389,"line":1064},[387,1777,502],{},[387,1779,1780],{"class":389,"line":1069},[387,1781,490],{"emptyLinePlaceholder":489},[387,1783,1784],{"class":389,"line":1074},[387,1785,1077],{},[387,1787,1788],{"class":389,"line":1080},[387,1789,1083],{},[387,1791,1792],{"class":389,"line":1086},[387,1793,1089],{},[387,1795,1796],{"class":389,"line":1092},[387,1797,1095],{},[387,1799,1800],{"class":389,"line":1098},[387,1801,1101],{},[387,1803,1804],{"class":389,"line":1104},[387,1805,1107],{},[387,1807,1808],{"class":389,"line":1110},[387,1809,1113],{},[387,1811,1812],{"class":389,"line":1116},[387,1813,600],{},[387,1815,1816],{"class":389,"line":1121},[387,1817,1124],{},[387,1819,1820],{"class":389,"line":1127},[387,1821,1130],{},[1132,1823,1135],{"id":1134},[377,1825,1826],{"className":468,"code":1138,"filename":1139,"language":470,"meta":383,"style":383},[358,1827,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892],{"__ignoreMap":383},[387,1829,1830],{"class":389,"line":390},[387,1831,477],{},[387,1833,1834],{"class":389,"line":480},[387,1835,1150],{},[387,1837,1838],{"class":389,"line":486},[387,1839,490],{"emptyLinePlaceholder":489},[387,1841,1842],{"class":389,"line":493},[387,1843,1159],{},[387,1845,1846],{"class":389,"line":499},[387,1847,1164],{},[387,1849,1850],{"class":389,"line":505},[387,1851,953],{},[387,1853,1854],{"class":389,"line":510},[387,1855,502],{},[387,1857,1858],{"class":389,"line":516},[387,1859,490],{"emptyLinePlaceholder":489},[387,1861,1862],{"class":389,"line":522},[387,1863,1181],{},[387,1865,1866],{"class":389,"line":528},[387,1867,1186],{},[387,1869,1870],{"class":389,"line":533},[387,1871,1191],{},[387,1873,1874],{"class":389,"line":539},[387,1875,1196],{},[387,1877,1878],{"class":389,"line":545},[387,1879,490],{"emptyLinePlaceholder":489},[387,1881,1882],{"class":389,"line":550},[387,1883,1205],{},[387,1885,1886],{"class":389,"line":556},[387,1887,1210],{},[387,1889,1890],{"class":389,"line":562},[387,1891,1196],{},[387,1893,1894],{"class":389,"line":568},[387,1895,612],{},[1220,1897,1222],{},{"title":383,"searchDepth":480,"depth":480,"links":1899},[1900,1901,1902,1903],{"id":368,"depth":480,"text":369},{"id":457,"depth":480,"text":458},{"id":617,"depth":480,"text":618},{"id":895,"depth":480,"text":896,"children":1904},[1905],{"id":1134,"depth":486,"text":1135},{},{"title":40,"description":1231},[1909,1911],{"title":36,"path":37,"stem":38,"description":1910,"children":-1},"Panduan integrasi Majalengka Design System di Next.js (App Router dan Pages Router) serta React.",{"title":44,"path":45,"stem":46,"description":1912,"children":-1},"Panduan instalasi dan penggunaan Majalengka Design System di proyek Angular (v17 ke atas).",1791989388454]