[{"data":1,"prerenderedAt":215},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents":102,"\u002Fcomponents-surround":146,"component-gallery":151},[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":20,"body":104,"component":139,"description":140,"extension":141,"meta":142,"navigation":143,"path":22,"preview":139,"seo":144,"stem":27,"wraps":139,"__hash__":145},"docs\u002F2.components\u002Findex.md",{"type":105,"value":106,"toc":135},"minimark",[107,132],[108,109,110,111,115,116,119,120,123,124,127,128,131],"p",{},"Zoo UI adds components only where Nuxt UI has no equivalent. For everything else, use Nuxt UI's own: ",[112,113,114],"code",{},"UAlert variant=\"outline\""," is Forest's banner, ",[112,117,118],{},"UTable"," its table and ",[112,121,122],{},"UTabs"," its segmented control. All of these are prefixed ",[112,125,126],{},"Z"," and come with ",[112,129,130],{},"@zooui\u002Fnuxt",", so they work on the theme-free base too.",[133,134],"component-gallery",{},{"title":136,"searchDepth":137,"depth":137,"links":138},"",3,[],null,"What Zoo UI adds to Nuxt UI. Every component is written on Nuxt UI's semantic tokens, so it takes your product's colors, with or without a theme.","md",{},{"title":26},{"title":20,"description":140},"f9zHnF2PH96_PrDqKDSpUQUiG4hDy3imWMnywohOMfg",[147,149],{"title":15,"path":16,"stem":17,"description":148,"children":-1},"The Forest theme, its six schemes, the gray ramp, colored edges, per-section accents and the font hooks.",{"title":29,"path":30,"stem":31,"description":150,"children":-1},"Nuxt UI's UCard with a colored left edge.",[152,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211],{"path":30,"title":29,"description":150,"component":153,"preview":154},"ZCard","CardParts",{"path":34,"title":33,"description":156,"component":157,"preview":158},"Zoo UI's code surface — near-black in both themes — for a command, a config or an inline value, with copy.","ZCodeBlock","CodeBlockVariants",{"path":38,"title":37,"description":160,"component":161,"preview":162},"A calendar-day field with typed entry, shortcut keys and a calendar picker, holding a Temporal.PlainDate.","ZDateField","DateFieldBasic",{"path":42,"title":41,"description":164,"component":165,"preview":166},"Nuxt UI's UDrawer with a colored top edge.","ZDrawer","DrawerEdge",{"path":46,"title":45,"description":168,"component":169,"preview":170},"A package manager as a two-letter mono tile, told apart by corner shape rather than brand color.","ZEcosystemMark","EcosystemMarkKnown",{"path":50,"title":49,"description":172,"component":173,"preview":174},"A value set in the mono face — a package name, a version, a hash — on a chip.","ZIdentifier","IdentifierKinds",{"path":54,"title":53,"description":176,"component":177,"preview":178},"The mono label over a section, bracketed in the primary or set as an eyebrow.","ZKicker","KickerBracket",{"path":58,"title":57,"description":180,"component":181,"preview":182},"Nuxt UI's UModal with a colored top edge.","ZModal","ModalEdge",{"path":62,"title":61,"description":184,"component":185,"preview":186},"One number input for money, percent, count and hours, formatting as you type, with unit marks that line up, steps that never snap, and a calculator mode.","ZNumberInput","NumberInputUnits",{"path":66,"title":65,"description":188,"component":189,"preview":190},"Usage against a limit, amber from the warning mark, red and hatched over the limit.","ZQuotaMeter","QuotaMeterLevels",{"path":70,"title":69,"description":192,"component":193,"preview":194},"An editor for a list of rows with the same few fields, with Add, Remove, folding, per-row errors and announcements.","ZRepeatingList","RepeatingListCompact",{"path":74,"title":73,"description":196,"component":197,"preview":198},"Nuxt UI's USlideover with a colored top edge.","ZSlideover","SlideoverEdge",{"path":78,"title":77,"description":200,"component":201,"preview":202},"Capacity as one named chip per slot, open or held, as a labeled list.","ZSlots","SlotsCapacity",{"path":82,"title":81,"description":204,"component":205,"preview":206},"A service's state by shape — circle, triangle, square, dashed ring, hollow ring — so it survives grayscale.","ZStatus","StatusPills",{"path":86,"title":85,"description":208,"component":209,"preview":210},"Light, dark or system as one segmented control, over Nuxt's color mode.","ZThemeToggle","ThemeToggleBasic",{"path":90,"title":89,"description":212,"component":213,"preview":214},"The shown-once moment for a new secret, with copy, a warning and an optional acknowledgment.","ZTokenReveal","TokenRevealAck",1794711775783]