[{"data":1,"prerenderedAt":1135},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Ffondasi\u002Fgerak-elevasi":348,"-dokumentasi-fondasi-gerak-elevasi":806,"-dokumentasi-fondasi-gerak-elevasi-surround":1130},[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":67,"body":350,"description":800,"extension":801,"links":802,"meta":803,"navigation":425,"path":68,"seo":804,"stem":69,"__hash__":805},"docs\u002F1.dokumentasi\u002F2.fondasi\u002F4.gerak-elevasi.md",{"type":351,"value":352,"toc":792},"minimark",[353,362,367,504,512,515,627,631,634,717,721,728,788],[354,355,356,357,361],"p",{},"Animasi pada sistem desain publik hanya berfungsi untuk ",[358,359,360],"strong",{},"fungsionalitas"," (menjelaskan hubungan spasial antar-elemen), bukan untuk hiasan visual semata.",[363,364,366],"h2",{"id":365},"token-gerak-motion","Token Gerak (Motion)",[368,369,374],"pre",{"className":370,"code":371,"language":372,"meta":373,"style":373},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Durasi *\u002F\n--mjl-duration-instant: 0ms;\n--mjl-duration-fast:    150ms;  \u002F* Hover tombol, transisi warna *\u002F\n--mjl-duration-normal:  250ms;  \u002F* Modal buka\u002Ftutup, expand accordion *\u002F\n--mjl-duration-slow:    400ms;  \u002F* Drawer mobile, perpindahan tab besar *\u002F\n\n\u002F* Easing *\u002F\n--mjl-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n--mjl-ease-enter:    cubic-bezier(0, 0, 0, 1);\n--mjl-ease-exit:     cubic-bezier(0.3, 0, 1, 1);\n","css","",[375,376,377,386,393,402,411,420,427,433,462,480],"code",{"__ignoreMap":373},[378,379,382],"span",{"class":380,"line":381},"line",1,[378,383,385],{"class":384},"sHwdD","\u002F* Durasi *\u002F\n",[378,387,389],{"class":380,"line":388},2,[378,390,392],{"class":391},"sTEyZ","--mjl-duration-instant: 0ms;\n",[378,394,396,399],{"class":380,"line":395},3,[378,397,398],{"class":391},"--mjl-duration-fast:    150ms;  ",[378,400,401],{"class":384},"\u002F* Hover tombol, transisi warna *\u002F\n",[378,403,405,408],{"class":380,"line":404},4,[378,406,407],{"class":391},"--mjl-duration-normal:  250ms;  ",[378,409,410],{"class":384},"\u002F* Modal buka\u002Ftutup, expand accordion *\u002F\n",[378,412,414,417],{"class":380,"line":413},5,[378,415,416],{"class":391},"--mjl-duration-slow:    400ms;  ",[378,418,419],{"class":384},"\u002F* Drawer mobile, perpindahan tab besar *\u002F\n",[378,421,423],{"class":380,"line":422},6,[378,424,426],{"emptyLinePlaceholder":425},true,"\n",[378,428,430],{"class":380,"line":429},7,[378,431,432],{"class":384},"\u002F* Easing *\u002F\n",[378,434,436,439,443,447,450,453,455,457,459],{"class":380,"line":435},8,[378,437,438],{"class":391},"--mjl-ease-standard: cubic-bezier(0",[378,440,442],{"class":441},"sMK4o",".",[378,444,446],{"class":445},"sBMFI","2",[378,448,449],{"class":441},",",[378,451,452],{"class":391}," 0",[378,454,449],{"class":441},[378,456,452],{"class":391},[378,458,449],{"class":441},[378,460,461],{"class":391}," 1);\n",[378,463,465,468,470,472,474,476,478],{"class":380,"line":464},9,[378,466,467],{"class":391},"--mjl-ease-enter:    cubic-bezier(0",[378,469,449],{"class":441},[378,471,452],{"class":391},[378,473,449],{"class":441},[378,475,452],{"class":391},[378,477,449],{"class":441},[378,479,461],{"class":391},[378,481,483,486,488,491,493,495,497,500,502],{"class":380,"line":482},10,[378,484,485],{"class":391},"--mjl-ease-exit:     cubic-bezier(0",[378,487,442],{"class":441},[378,489,490],{"class":445},"3",[378,492,449],{"class":441},[378,494,452],{"class":391},[378,496,449],{"class":441},[378,498,499],{"class":391}," 1",[378,501,449],{"class":441},[378,503,461],{"class":391},[505,506,508,509],"h3",{"id":507},"kepatuhan-aksesibilitas-prefers-reduced-motion","Kepatuhan Aksesibilitas: ",[375,510,511],{},"prefers-reduced-motion",[354,513,514],{},"Sistem secara baku mematikan atau mempersingkat durasi transisi saat pengguna mengaktifkan mode hemat gerak di sistem operasi mereka:",[368,516,518],{"className":370,"code":517,"language":372,"meta":373,"style":373},"@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n",[375,519,520,543,571,589,602,617,622],{"__ignoreMap":373},[378,521,522,526,529,531,534,537,540],{"class":380,"line":381},[378,523,525],{"class":524},"s7zQu","@media",[378,527,528],{"class":441}," (",[378,530,511],{"class":391},[378,532,533],{"class":441},":",[378,535,536],{"class":391}," reduce",[378,538,539],{"class":441},")",[378,541,542],{"class":441}," {\n",[378,544,545,548,550,553,556,560,562,564,566,569],{"class":380,"line":388},[378,546,547],{"class":445},"  *",[378,549,449],{"class":441},[378,551,552],{"class":445}," *",[378,554,555],{"class":441},"::",[378,557,559],{"class":558},"spNyl","before",[378,561,449],{"class":441},[378,563,552],{"class":445},[378,565,555],{"class":441},[378,567,568],{"class":558},"after",[378,570,542],{"class":441},[378,572,573,577,579,583,586],{"class":380,"line":395},[378,574,576],{"class":575},"sqsOY","    animation-duration",[378,578,533],{"class":441},[378,580,582],{"class":581},"sbssI"," 0.01ms",[378,584,585],{"class":581}," !important",[378,587,588],{"class":441},";\n",[378,590,591,594,596,598,600],{"class":380,"line":404},[378,592,593],{"class":575},"    transition-duration",[378,595,533],{"class":441},[378,597,582],{"class":581},[378,599,585],{"class":581},[378,601,588],{"class":441},[378,603,604,607,609,612,615],{"class":380,"line":413},[378,605,606],{"class":575},"    scroll-behavior",[378,608,533],{"class":441},[378,610,611],{"class":391}," auto ",[378,613,614],{"class":581},"!important",[378,616,588],{"class":441},[378,618,619],{"class":380,"line":422},[378,620,621],{"class":441},"  }\n",[378,623,624],{"class":380,"line":429},[378,625,626],{"class":441},"}\n",[363,628,630],{"id":629},"elevasi-bayangan-shadows","Elevasi & Bayangan (Shadows)",[354,632,633],{},"Bayangan dirancang halus dengan saturasi sangat rendah agar tampilan tetap bersih dan modern:",[635,636,637,653],"table",{},[638,639,640],"thead",{},[641,642,643,647,650],"tr",{},[644,645,646],"th",{},"Token",[644,648,649],{},"Nilai CSS",[644,651,652],{},"Penggunaan",[654,655,656,672,687,702],"tbody",{},[641,657,658,664,669],{},[659,660,661],"td",{},[375,662,663],{},"shadow-none",[659,665,666],{},[375,667,668],{},"none",[659,670,671],{},"Kartu di dalam kartu; garis tepi pembatas",[641,673,674,679,684],{},[659,675,676],{},[375,677,678],{},"shadow-sm",[659,680,681],{},[375,682,683],{},"0 1px 2px rgba(11, 14, 21, 0.06)",[659,685,686],{},"Kartu layanan, tabel",[641,688,689,694,699],{},[659,690,691],{},[375,692,693],{},"shadow-md",[659,695,696],{},[375,697,698],{},"0 4px 12px rgba(11, 14, 21, 0.08)",[659,700,701],{},"Dropdown select, popover, hover kartu",[641,703,704,709,714],{},[659,705,706],{},[375,707,708],{},"shadow-lg",[659,710,711],{},[375,712,713],{},"0 16px 40px rgba(11, 14, 21, 0.14)",[659,715,716],{},"Modal dialog formulir, drawer menu",[363,718,720],{"id":719},"lapisan-terkelola-z-index","Lapisan Terkelola (Z-Index)",[354,722,723,724,727],{},"Dilarang menggunakan angka acak seperti ",[375,725,726],{},"z-index: 99999",". Gunakan token resmi berikut:",[368,729,731],{"className":370,"code":730,"language":372,"meta":373,"style":373},"--mjl-layer-base:     0;\n--mjl-layer-dropdown: 1000;\n--mjl-layer-sticky:   1100; \u002F* Sticky navbar & TrustBanner *\u002F\n--mjl-layer-overlay:  1200; \u002F* Backdrop modal *\u002F\n--mjl-layer-modal:    1300; \u002F* Jendela dialog *\u002F\n--mjl-layer-popover:  1400;\n--mjl-layer-toast:    1500; \u002F* Notifikasi mengambang *\u002F\n--mjl-layer-tooltip:  1600; \u002F* Tooltip & SkipLink aktif *\u002F\n",[375,732,733,738,743,751,759,767,772,780],{"__ignoreMap":373},[378,734,735],{"class":380,"line":381},[378,736,737],{"class":391},"--mjl-layer-base:     0;\n",[378,739,740],{"class":380,"line":388},[378,741,742],{"class":391},"--mjl-layer-dropdown: 1000;\n",[378,744,745,748],{"class":380,"line":395},[378,746,747],{"class":391},"--mjl-layer-sticky:   1100; ",[378,749,750],{"class":384},"\u002F* Sticky navbar & TrustBanner *\u002F\n",[378,752,753,756],{"class":380,"line":404},[378,754,755],{"class":391},"--mjl-layer-overlay:  1200; ",[378,757,758],{"class":384},"\u002F* Backdrop modal *\u002F\n",[378,760,761,764],{"class":380,"line":413},[378,762,763],{"class":391},"--mjl-layer-modal:    1300; ",[378,765,766],{"class":384},"\u002F* Jendela dialog *\u002F\n",[378,768,769],{"class":380,"line":422},[378,770,771],{"class":391},"--mjl-layer-popover:  1400;\n",[378,773,774,777],{"class":380,"line":429},[378,775,776],{"class":391},"--mjl-layer-toast:    1500; ",[378,778,779],{"class":384},"\u002F* Notifikasi mengambang *\u002F\n",[378,781,782,785],{"class":380,"line":435},[378,783,784],{"class":391},"--mjl-layer-tooltip:  1600; ",[378,786,787],{"class":384},"\u002F* Tooltip & SkipLink aktif *\u002F\n",[789,790,791],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":373,"searchDepth":388,"depth":388,"links":793},[794,798,799],{"id":365,"depth":388,"text":366,"children":795},[796],{"id":507,"depth":395,"text":797},"Kepatuhan Aksesibilitas: prefers-reduced-motion",{"id":629,"depth":388,"text":630},{"id":719,"depth":388,"text":720},"Token durasi transisi, bayangan halus, skala z-index, dan reduced-motion.","md",null,{},{"title":67,"description":800},"Q6nP7_NH119X-iYEVna8vS-9E68AwVSeIfsiDiN73D8",{"id":349,"title":67,"body":807,"description":800,"extension":801,"links":802,"meta":1128,"navigation":425,"path":68,"seo":1129,"stem":69,"__hash__":805},{"type":351,"value":808,"toc":1121},[809,813,815,909,913,915,1001,1003,1005,1067,1069,1073,1119],[354,810,356,811,361],{},[358,812,360],{},[363,814,366],{"id":365},[368,816,817],{"className":370,"code":371,"language":372,"meta":373,"style":373},[375,818,819,823,827,833,839,845,849,853,873,889],{"__ignoreMap":373},[378,820,821],{"class":380,"line":381},[378,822,385],{"class":384},[378,824,825],{"class":380,"line":388},[378,826,392],{"class":391},[378,828,829,831],{"class":380,"line":395},[378,830,398],{"class":391},[378,832,401],{"class":384},[378,834,835,837],{"class":380,"line":404},[378,836,407],{"class":391},[378,838,410],{"class":384},[378,840,841,843],{"class":380,"line":413},[378,842,416],{"class":391},[378,844,419],{"class":384},[378,846,847],{"class":380,"line":422},[378,848,426],{"emptyLinePlaceholder":425},[378,850,851],{"class":380,"line":429},[378,852,432],{"class":384},[378,854,855,857,859,861,863,865,867,869,871],{"class":380,"line":435},[378,856,438],{"class":391},[378,858,442],{"class":441},[378,860,446],{"class":445},[378,862,449],{"class":441},[378,864,452],{"class":391},[378,866,449],{"class":441},[378,868,452],{"class":391},[378,870,449],{"class":441},[378,872,461],{"class":391},[378,874,875,877,879,881,883,885,887],{"class":380,"line":464},[378,876,467],{"class":391},[378,878,449],{"class":441},[378,880,452],{"class":391},[378,882,449],{"class":441},[378,884,452],{"class":391},[378,886,449],{"class":441},[378,888,461],{"class":391},[378,890,891,893,895,897,899,901,903,905,907],{"class":380,"line":482},[378,892,485],{"class":391},[378,894,442],{"class":441},[378,896,490],{"class":445},[378,898,449],{"class":441},[378,900,452],{"class":391},[378,902,449],{"class":441},[378,904,499],{"class":391},[378,906,449],{"class":441},[378,908,461],{"class":391},[505,910,508,911],{"id":507},[375,912,511],{},[354,914,514],{},[368,916,917],{"className":370,"code":517,"language":372,"meta":373,"style":373},[375,918,919,935,957,969,981,993,997],{"__ignoreMap":373},[378,920,921,923,925,927,929,931,933],{"class":380,"line":381},[378,922,525],{"class":524},[378,924,528],{"class":441},[378,926,511],{"class":391},[378,928,533],{"class":441},[378,930,536],{"class":391},[378,932,539],{"class":441},[378,934,542],{"class":441},[378,936,937,939,941,943,945,947,949,951,953,955],{"class":380,"line":388},[378,938,547],{"class":445},[378,940,449],{"class":441},[378,942,552],{"class":445},[378,944,555],{"class":441},[378,946,559],{"class":558},[378,948,449],{"class":441},[378,950,552],{"class":445},[378,952,555],{"class":441},[378,954,568],{"class":558},[378,956,542],{"class":441},[378,958,959,961,963,965,967],{"class":380,"line":395},[378,960,576],{"class":575},[378,962,533],{"class":441},[378,964,582],{"class":581},[378,966,585],{"class":581},[378,968,588],{"class":441},[378,970,971,973,975,977,979],{"class":380,"line":404},[378,972,593],{"class":575},[378,974,533],{"class":441},[378,976,582],{"class":581},[378,978,585],{"class":581},[378,980,588],{"class":441},[378,982,983,985,987,989,991],{"class":380,"line":413},[378,984,606],{"class":575},[378,986,533],{"class":441},[378,988,611],{"class":391},[378,990,614],{"class":581},[378,992,588],{"class":441},[378,994,995],{"class":380,"line":422},[378,996,621],{"class":441},[378,998,999],{"class":380,"line":429},[378,1000,626],{"class":441},[363,1002,630],{"id":629},[354,1004,633],{},[635,1006,1007,1017],{},[638,1008,1009],{},[641,1010,1011,1013,1015],{},[644,1012,646],{},[644,1014,649],{},[644,1016,652],{},[654,1018,1019,1031,1043,1055],{},[641,1020,1021,1025,1029],{},[659,1022,1023],{},[375,1024,663],{},[659,1026,1027],{},[375,1028,668],{},[659,1030,671],{},[641,1032,1033,1037,1041],{},[659,1034,1035],{},[375,1036,678],{},[659,1038,1039],{},[375,1040,683],{},[659,1042,686],{},[641,1044,1045,1049,1053],{},[659,1046,1047],{},[375,1048,693],{},[659,1050,1051],{},[375,1052,698],{},[659,1054,701],{},[641,1056,1057,1061,1065],{},[659,1058,1059],{},[375,1060,708],{},[659,1062,1063],{},[375,1064,713],{},[659,1066,716],{},[363,1068,720],{"id":719},[354,1070,723,1071,727],{},[375,1072,726],{},[368,1074,1075],{"className":370,"code":730,"language":372,"meta":373,"style":373},[375,1076,1077,1081,1085,1091,1097,1103,1107,1113],{"__ignoreMap":373},[378,1078,1079],{"class":380,"line":381},[378,1080,737],{"class":391},[378,1082,1083],{"class":380,"line":388},[378,1084,742],{"class":391},[378,1086,1087,1089],{"class":380,"line":395},[378,1088,747],{"class":391},[378,1090,750],{"class":384},[378,1092,1093,1095],{"class":380,"line":404},[378,1094,755],{"class":391},[378,1096,758],{"class":384},[378,1098,1099,1101],{"class":380,"line":413},[378,1100,763],{"class":391},[378,1102,766],{"class":384},[378,1104,1105],{"class":380,"line":422},[378,1106,771],{"class":391},[378,1108,1109,1111],{"class":380,"line":429},[378,1110,776],{"class":391},[378,1112,779],{"class":384},[378,1114,1115,1117],{"class":380,"line":435},[378,1116,784],{"class":391},[378,1118,787],{"class":384},[789,1120,791],{},{"title":373,"searchDepth":388,"depth":388,"links":1122},[1123,1126,1127],{"id":365,"depth":388,"text":366,"children":1124},[1125],{"id":507,"depth":395,"text":797},{"id":629,"depth":388,"text":630},{"id":719,"depth":388,"text":720},{},{"title":67,"description":800},[1131,1133],{"title":63,"path":64,"stem":65,"description":1132,"children":-1},"Grid kelipatan 4px, skala radius sudut, dan target sentuh minimum 44px.",{"title":71,"path":72,"stem":73,"description":1134,"children":-1},"Format W3C Design Tokens Community Group (DTCG) dan konvensi penamaan.",1791989388861]