[{"data":1,"prerenderedAt":188},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftheme-toggle":102,"\u002Fcomponents\u002Ftheme-toggle-surround":170,"nuxt-component-meta-ZThemeToggle":175},[4,19,92],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Guide","i-lucide-book-open","\u002Fguide","1.guide",[10,14],{"title":11,"path":12,"stem":13},"Getting started","\u002Fguide\u002Fgetting-started","1.guide\u002F1.getting-started",{"title":15,"path":16,"stem":17},"Theming","\u002Fguide\u002Ftheming","1.guide\u002F2.theming",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24},"Components","i-lucide-shapes","\u002Fcomponents","2.components",[25,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88],{"title":26,"path":22,"stem":27},"Overview","2.components\u002Findex",{"title":29,"path":30,"stem":31},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":33,"path":34,"stem":35},"Code block","\u002Fcomponents\u002Fcode-block","2.components\u002Fcode-block",{"title":37,"path":38,"stem":39},"Date field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field",{"title":41,"path":42,"stem":43},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer",{"title":45,"path":46,"stem":47},"Ecosystem mark","\u002Fcomponents\u002Fecosystem-mark","2.components\u002Fecosystem-mark",{"title":49,"path":50,"stem":51},"Identifier","\u002Fcomponents\u002Fidentifier","2.components\u002Fidentifier",{"title":53,"path":54,"stem":55},"Kicker","\u002Fcomponents\u002Fkicker","2.components\u002Fkicker",{"title":57,"path":58,"stem":59},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":61,"path":62,"stem":63},"Number input","\u002Fcomponents\u002Fnumber-input","2.components\u002Fnumber-input",{"title":65,"path":66,"stem":67},"Quota meter","\u002Fcomponents\u002Fquota-meter","2.components\u002Fquota-meter",{"title":69,"path":70,"stem":71},"Repeating list","\u002Fcomponents\u002Frepeating-list","2.components\u002Frepeating-list",{"title":73,"path":74,"stem":75},"Slideover","\u002Fcomponents\u002Fslideover","2.components\u002Fslideover",{"title":77,"path":78,"stem":79},"Slots","\u002Fcomponents\u002Fslots","2.components\u002Fslots",{"title":81,"path":82,"stem":83},"Status","\u002Fcomponents\u002Fstatus","2.components\u002Fstatus",{"title":85,"path":86,"stem":87},"Theme toggle","\u002Fcomponents\u002Ftheme-toggle","2.components\u002Ftheme-toggle",{"title":89,"path":90,"stem":91},"Token reveal","\u002Fcomponents\u002Ftoken-reveal","2.components\u002Ftoken-reveal",{"title":93,"icon":94,"path":95,"stem":96,"children":97,"page":18},"Utilities","i-lucide-wrench","\u002Futilities","3.utilities",[98],{"title":99,"path":100,"stem":101},"Select none","\u002Futilities\u002Fselect-none","3.utilities\u002Fselect-none",{"id":103,"title":85,"body":104,"component":162,"description":163,"extension":164,"meta":165,"navigation":166,"path":86,"preview":114,"seo":167,"stem":87,"wraps":168,"__hash__":169},"docs\u002F2.components\u002Ftheme-toggle.md",{"type":105,"value":106,"toc":156},"minimark",[107,111,115,123,153],[108,109,110],"p",{},"Three Nuxt UI buttons in a field group, the chosen one pressed. The preference is only known in the browser, so on the server a disabled copy stands in rather than a guess. It is the same toggle as in this site's header.",[112,113],"component-example",{"name":114},"ThemeToggleBasic",[116,117,119],"h2",{"id":118},"usezootheme",[120,121,122],"code",{},"useZooTheme()",[108,124,125,126,128,129,132,133,136,137,140,141,144,145,148,149,152],{},"The toggle is a view over ",[120,127,122],{},", which you can use for a control of your own. ",[120,130,131],{},"theme"," is the preference (",[120,134,135],{},"light",", ",[120,138,139],{},"dark"," or ",[120,142,143],{},"system","), writable, and ",[120,146,147],{},"setTheme"," changes it too. ",[120,150,151],{},"ZOO_THEMES"," lists the three.",[112,154],{"name":155},"ThemeToggleComposable",{"title":157,"searchDepth":158,"depth":158,"links":159},"",3,[160],{"id":118,"depth":161,"text":122},2,"ZThemeToggle","Light, dark or system as one segmented control, over Nuxt's color mode.","md",{},true,{"title":85,"description":163},null,"NelmUR5nF-2M_lsxe-fx9KjObt9TmWxE8JUjhCj_qas",[171,173],{"title":81,"path":82,"stem":83,"description":172,"children":-1},"A service's state by shape — circle, triangle, square, dashed ring, hollow ring — so it survives grayscale.",{"title":89,"path":90,"stem":91,"description":174,"children":-1},"The shown-once moment for a new secret, with copy, a warning and an optional acknowledgment.",{"mode":176,"prefetch":18,"preload":18,"filePath":177,"declarationPath":178,"pascalName":162,"kebabName":179,"chunkName":180,"priority":181,"_scanned":166,"meta":182},"all","..\u002F..\u002Fpackages\u002Fnuxt\u002Fcomponents\u002FThemeToggle.vue","\u002Fopt\u002Fbuild\u002Frepo\u002Fpackages\u002Fnuxt\u002Fcomponents\u002FThemeToggle.vue","z-theme-toggle","components\u002Fz-theme-toggle",1,{"type":181,"props":183,"slots":184,"events":185,"exposed":186,"hash":187},[],[],[],[],"ifSR_v9gpfsK8ABypOg0t-pwfSMDciwIT5DiMaTxHKs",1794711775788]