@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/{chunk-L6PSW7JE.mjs.map → chunk-SUTFW53Y.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/accordion/variants.ts","../src/ui/accordion/accordion-base.tsx"],"names":["next"],"mappings":";;;;;;AAcO,IAAM,iBAAA,GAAoB,IAAI,gBAAA,EAAkB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,uBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,qBAAA,GAAwB,IAAI,oBAAA,EAAsB;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA;AACjC,CAAC;AAEM,IAAM,wBAAA,GAA2B,IAAI,uBAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,wBAAA,GAA2B,IAAI,uBAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACjBD,IAAM,gBAAA,GAAmB,cAAmC,IAAI,CAAA;AAEhE,IAAM,yBAAA,GAA4B,cAA6B,IAAI,CAAA;AAE5D,SAAS,oBAAoB,SAAA,EAAiC;AACnE,EAAA,MAAM,GAAA,GAAM,WAAW,gBAAgB,CAAA;AACvC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,gCAAA,CAAkC,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,GAAA;AACT;AAEO,SAAS,sBAAsB,SAAA,EAA2B;AAC/D,EAAA,MAAM,KAAA,GAAQ,WAAW,yBAAyB,CAAA;AAClD,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,oCAAA,CAAsC,CAAA;AAAA,EACpE;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,SAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,qBAAqB,KAAA,KAAU,MAAA;AACrC,EAAA,MAAM,uBAAuB,MAAA,KAAW,MAAA;AACxC,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,YAAY,CAAA;AACd,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,QAAA;AAAA,IACtD,iBAAiB;AAAC,GACpB;AAEA,EAAA,MAAM,WAAA,GAAc,qBAAqB,KAAA,GAAQ,kBAAA;AACjD,EAAA,MAAM,cAAA,GAAiB,OAAA;AAAA,IACrB,MAAO,oBAAA,GAAwB,MAAA,IAAU,EAAC,GAAK,oBAAA;AAAA,IAC/C,CAAC,oBAAA,EAAsB,MAAA,EAAQ,oBAAoB;AAAA,GACrD;AAEA,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACb,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,SAAS,QAAA,EAAU;AACrB,QAAA,OAAO,WAAA,KAAgB,SAAA;AAAA,MACzB;AACA,MAAA,OAAO,cAAA,CAAe,SAAS,SAAS,CAAA;AAAA,IAC1C,CAAA;AAAA,IACA,CAAC,cAAA,EAAgB,WAAA,EAAa,IAAI;AAAA,GACpC;AAEA,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACb,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,SAAS,QAAA,EAAU;AACrB,QAAA,MAAMA,KAAAA,GAAO,WAAA,KAAgB,SAAA,GAAY,MAAA,GAAY,SAAA;AACrD,QAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,UAAA,qBAAA,CAAsBA,KAAI,CAAA;AAAA,QAC5B;AACA,QAAA,aAAA,GAAgBA,KAAI,CAAA;AACpB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,MAAA,GAAS,cAAA,CAAe,QAAA,CAAS,SAAS,CAAA;AAChD,MAAA,MAAM,IAAA,GAAO,MAAA,GACT,cAAA,CAAe,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,KAAU,SAAS,CAAA,GACpD,CAAC,GAAG,cAAA,EAAgB,SAAS,CAAA;AACjC,MAAA,IAAI,CAAC,oBAAA,EAAsB;AACzB,QAAA,uBAAA,CAAwB,IAAI,CAAA;AAAA,MAC9B;AACA,MAAA,cAAA,GAAiB,IAAI,CAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAA,MACE,oBAAA;AAAA,MACA,kBAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA;AAAA,MACA,YAAY,UAAA,IAAc,SAAA;AAAA,MAC1B,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,MAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,MAAA,EAAQ,IAAA,EAAM,QAAQ,IAAI;AAAA,GACzC;AAEA,EAAA,uBACE,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,GAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,GAAG,iBAAA,CAAkB,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE/D;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,WAAA;AAErB,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,mBAAA,CAAoB,eAAe,CAAA;AAC1D,EAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,SAAA,GAAY,sBAAsB,kBAAkB,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,IAAA,EAAK,GAAI,oBAAoB,kBAAkB,CAAA;AACvE,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,SAAS,KAAA,EAAM;AAErB,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,KAAA,EACZ,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,EAAA,EAAI,CAAA,EAAG,MAAM,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA;AAAA,MAClC,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAe,OAAA;AAAA,MACf,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC3D,OAAA,EAAS,MAAM,MAAA,CAAO,SAAS,CAAA;AAAA,MAC9B,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAExB,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,SAAA,GAAY,sBAAsB,kBAAkB,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAK,GAAI,oBAAoB,kBAAkB,CAAA;AAC/D,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAE5B,EAAA,OAAO,IAAA,mBACL,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,GAAA;AAAA,MACA,EAAA,EAAI,OAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE1D;AAAA,KAAA;AAAA,IAPI;AAAA,GAQP,GACE,IAAA;AACN;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-L6PSW7JE.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAccordionAppearances,\n  zuiAccordionBase,\n  zuiAccordionContentBase,\n  zuiAccordionContentSizes,\n  zuiAccordionItemAppearances,\n  zuiAccordionItemBase,\n  zuiAccordionSizes,\n  zuiAccordionTriggerBase,\n  zuiAccordionTriggerSizes,\n} from \"../../design-system/accordion\";\n\nexport const accordionVariants = cva(zuiAccordionBase, {\n  variants: {\n    appearance: zuiAccordionAppearances,\n    size: zuiAccordionSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const accordionItemVariants = cva(zuiAccordionItemBase, {\n  variants: {\n    appearance: zuiAccordionItemAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(zuiAccordionTriggerBase, {\n  variants: {\n    size: zuiAccordionTriggerSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const accordionContentVariants = cva(zuiAccordionContentBase, {\n  variants: {\n    size: zuiAccordionContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AccordionBaseProps,\n  AccordionContentProps,\n  AccordionCtx,\n  AccordionItemProps,\n  AccordionTriggerProps,\n} from \"./types\";\nimport {\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nexport function useAccordionContext(component: string): AccordionCtx {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Accordion>`);\n  }\n  return ctx;\n}\n\nexport function useAccordionItemValue(component: string): string {\n  const value = useContext(AccordionItemValueContext);\n  if (!value) {\n    throw new Error(`${component} must be used within <AccordionItem>`);\n  }\n  return value;\n}\n\nexport function AccordionBase({\n  type = \"single\",\n  value,\n  values,\n  defaultValue,\n  defaultValues,\n  onValueChange,\n  onValuesChange,\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n}: AccordionBaseProps) {\n  const isSingleControlled = value !== undefined;\n  const isMultipleControlled = values !== undefined;\n  const [singleUncontrolled, setSingleUncontrolled] = useState<\n    string | undefined\n  >(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n    defaultValues ?? [],\n  );\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(\n    () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n    [isMultipleControlled, values, multipleUncontrolled],\n  );\n\n  const isOpen = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        return singleValue === itemValue;\n      }\n      return multipleValues.includes(itemValue);\n    },\n    [multipleValues, singleValue, type],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        const next = singleValue === itemValue ? undefined : itemValue;\n        if (!isSingleControlled) {\n          setSingleUncontrolled(next);\n        }\n        onValueChange?.(next);\n        return;\n      }\n      const exists = multipleValues.includes(itemValue);\n      const next = exists\n        ? multipleValues.filter((entry) => entry !== itemValue)\n        : [...multipleValues, itemValue];\n      if (!isMultipleControlled) {\n        setMultipleUncontrolled(next);\n      }\n      onValuesChange?.(next);\n    },\n    [\n      isMultipleControlled,\n      isSingleControlled,\n      multipleValues,\n      onValueChange,\n      onValuesChange,\n      singleValue,\n      type,\n    ],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      type,\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      isOpen,\n      toggle,\n    }),\n    [appearance, isOpen, size, toggle, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={ctx}>\n      <div\n        data-slot=\"accordion\"\n        className={cn(accordionVariants({ appearance, size }), className)}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordionBase.displayName = \"Accordion\";\n\nexport function AccordionItem({\n  className,\n  value,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) {\n  const { appearance } = useAccordionContext(\"AccordionItem\");\n  return (\n    <AccordionItemValueContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-slot=\"accordion-item\"\n        data-value={value}\n        className={cn(accordionItemVariants({ appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemValueContext.Provider>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionTriggerProps) {\n  const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n  const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const baseId = useId();\n\n  return (\n    <h3 className=\"m-0\">\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"accordion-trigger\"\n        id={`${baseId}-trigger-${itemValue}`}\n        aria-expanded={open}\n        aria-controls={panelId}\n        className={cn(accordionTriggerVariants({ size }), className)}\n        onClick={() => toggle(itemValue)}\n        {...rest}\n      >\n        {children}\n      </button>\n    </h3>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n  className,\n  children,\n  ref,\n}: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const { isOpen, size } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n\n  return open ? (\n    <div\n      key={itemValue}\n      ref={ref}\n      id={panelId}\n      role=\"region\"\n      data-slot=\"accordion-content\"\n      className={cn(accordionContentVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}
+{"version":3,"sources":["../src/ui/accordion/variants.ts","../src/ui/accordion/accordion-base.tsx"],"names":["next"],"mappings":"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","file":"chunk-SUTFW53Y.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAccordionAppearances,\n  zuiAccordionBase,\n  zuiAccordionContentBase,\n  zuiAccordionContentSizes,\n  zuiAccordionItemAppearances,\n  zuiAccordionItemBase,\n  zuiAccordionSizes,\n  zuiAccordionTriggerBase,\n  zuiAccordionTriggerSizes,\n} from \"../../design-system/accordion\";\n\nexport const accordionVariants = cva(zuiAccordionBase, {\n  variants: {\n    appearance: zuiAccordionAppearances,\n    size: zuiAccordionSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const accordionItemVariants = cva(zuiAccordionItemBase, {\n  variants: {\n    appearance: zuiAccordionItemAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(zuiAccordionTriggerBase, {\n  variants: {\n    size: zuiAccordionTriggerSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const accordionContentVariants = cva(zuiAccordionContentBase, {\n  variants: {\n    size: zuiAccordionContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AccordionBaseProps,\n  AccordionContentProps,\n  AccordionCtx,\n  AccordionItemProps,\n  AccordionTriggerProps,\n} from \"./types\";\nimport {\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nexport function useAccordionContext(component: string): AccordionCtx {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Accordion>`);\n  }\n  return ctx;\n}\n\nexport function useAccordionItemValue(component: string): string {\n  const value = useContext(AccordionItemValueContext);\n  if (!value) {\n    throw new Error(`${component} must be used within <AccordionItem>`);\n  }\n  return value;\n}\n\nexport function AccordionBase({\n  type = \"single\",\n  value,\n  values,\n  defaultValue,\n  defaultValues,\n  onValueChange,\n  onValuesChange,\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n}: AccordionBaseProps) {\n  const isSingleControlled = value !== undefined;\n  const isMultipleControlled = values !== undefined;\n  const [singleUncontrolled, setSingleUncontrolled] = useState<\n    string | undefined\n  >(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n    defaultValues ?? [],\n  );\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(\n    () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n    [isMultipleControlled, values, multipleUncontrolled],\n  );\n\n  const isOpen = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        return singleValue === itemValue;\n      }\n      return multipleValues.includes(itemValue);\n    },\n    [multipleValues, singleValue, type],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        const next = singleValue === itemValue ? undefined : itemValue;\n        if (!isSingleControlled) {\n          setSingleUncontrolled(next);\n        }\n        onValueChange?.(next);\n        return;\n      }\n      const exists = multipleValues.includes(itemValue);\n      const next = exists\n        ? multipleValues.filter((entry) => entry !== itemValue)\n        : [...multipleValues, itemValue];\n      if (!isMultipleControlled) {\n        setMultipleUncontrolled(next);\n      }\n      onValuesChange?.(next);\n    },\n    [\n      isMultipleControlled,\n      isSingleControlled,\n      multipleValues,\n      onValueChange,\n      onValuesChange,\n      singleValue,\n      type,\n    ],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      type,\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      isOpen,\n      toggle,\n    }),\n    [appearance, isOpen, size, toggle, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={ctx}>\n      <div\n        data-slot=\"accordion\"\n        className={cn(accordionVariants({ appearance, size }), className)}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordionBase.displayName = \"Accordion\";\n\nexport function AccordionItem({\n  className,\n  value,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) {\n  const { appearance } = useAccordionContext(\"AccordionItem\");\n  return (\n    <AccordionItemValueContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-slot=\"accordion-item\"\n        data-value={value}\n        className={cn(accordionItemVariants({ appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemValueContext.Provider>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionTriggerProps) {\n  const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n  const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const baseId = useId();\n\n  return (\n    <h3 className=\"m-0\">\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"accordion-trigger\"\n        id={`${baseId}-trigger-${itemValue}`}\n        aria-expanded={open}\n        aria-controls={panelId}\n        className={cn(accordionTriggerVariants({ size }), className)}\n        onClick={() => toggle(itemValue)}\n        {...rest}\n      >\n        {children}\n      </button>\n    </h3>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n  className,\n  children,\n  ref,\n}: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const { isOpen, size } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n\n  return open ? (\n    <div\n      key={itemValue}\n      ref={ref}\n      id={panelId}\n      role=\"region\"\n      data-slot=\"accordion-content\"\n      className={cn(accordionContentVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}

package/dist/chunk-T4ZLTKV2.mjs

@@ -0,0 +1,112 @@
+// src/design-system/tree-view.ts
+var zuiTreeViewBase = "w-full text-[color:var(--zui-tree-view-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tree-view-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]";
+var zuiTreeViewAppearances = {
+  default: "rounded-xl border border-[color:var(--zui-tree-view-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-default-border-dark,var(--zui-border-dark,#ffffff1a))] p-2",
+  outline: "rounded-xl border border-[color:var(--zui-tree-view-outline-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-tree-view-outline-border-dark,var(--zui-border-dark,#ffffff26))] p-2",
+  ghost: "p-1",
+  card: "rounded-xl border border-[color:var(--zui-tree-view-card-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-card-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-tree-view-card-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-tree-view-card-bg-dark,var(--zui-surface-soft-dark,#00000099))] p-3",
+  separated: "rounded-xl border border-[color:var(--zui-tree-view-separated-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-separated-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-tree-view-separated-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858_/_0.4)))] dark:bg-[var(--zui-tree-view-separated-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695_/_0.4)))] p-3",
+  sky: "rounded-xl border border-[color:var(--zui-tree-view-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-tree-view-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] p-2",
+  rose: "rounded-xl border border-[color:var(--zui-tree-view-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-tree-view-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] p-2",
+  purple: "rounded-xl border border-[color:var(--zui-tree-view-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-tree-view-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] p-2",
+  pink: "rounded-xl border border-[color:var(--zui-tree-view-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-tree-view-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] p-2",
+  orange: "rounded-xl border border-[color:var(--zui-tree-view-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-tree-view-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] p-2",
+  yellow: "rounded-xl border border-[color:var(--zui-tree-view-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-tree-view-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] p-2",
+  teal: "rounded-xl border border-[color:var(--zui-tree-view-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-tree-view-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] p-2",
+  indigo: "rounded-xl border border-[color:var(--zui-tree-view-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-tree-view-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] p-2",
+  emerald: "rounded-xl border border-[color:var(--zui-tree-view-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-tree-view-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] p-2",
+  "gradient-blue": "rounded-xl border border-[color:var(--zui-tree-view-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-tree-view-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] p-2",
+  "gradient-green": "rounded-xl border border-[color:var(--zui-tree-view-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-tree-view-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] p-2",
+  "gradient-red": "rounded-xl border border-[color:var(--zui-tree-view-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-tree-view-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] p-2",
+  "gradient-yellow": "rounded-xl border border-[color:var(--zui-tree-view-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-tree-view-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] p-2",
+  "gradient-purple": "rounded-xl border border-[color:var(--zui-tree-view-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-tree-view-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] p-2",
+  "gradient-teal": "rounded-xl border border-[color:var(--zui-tree-view-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-tree-view-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] p-2",
+  "gradient-indigo": "rounded-xl border border-[color:var(--zui-tree-view-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-tree-view-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] p-2",
+  "gradient-pink": "rounded-xl border border-[color:var(--zui-tree-view-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-tree-view-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] p-2",
+  "gradient-orange": "rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] p-2",
+  blue: "rounded-xl border border-[color:var(--zui-tree-view-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-tree-view-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tree-view-blue-bg,transparent)] dark:bg-[var(--zui-tree-view-blue-bg-dark,transparent)] text-[color:var(--zui-tree-view-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  cyan: "rounded-xl border border-[color:var(--zui-tree-view-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-tree-view-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tree-view-cyan-bg,transparent)] dark:bg-[var(--zui-tree-view-cyan-bg-dark,transparent)] text-[color:var(--zui-tree-view-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  green: "rounded-xl border border-[color:var(--zui-tree-view-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-tree-view-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-tree-view-green-bg,transparent)] dark:bg-[var(--zui-tree-view-green-bg-dark,transparent)] text-[color:var(--zui-tree-view-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-green-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  lime: "rounded-xl border border-[color:var(--zui-tree-view-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-tree-view-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tree-view-lime-bg,transparent)] dark:bg-[var(--zui-tree-view-lime-bg-dark,transparent)] text-[color:var(--zui-tree-view-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  mint: "rounded-xl border border-[color:var(--zui-tree-view-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-tree-view-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tree-view-mint-bg,transparent)] dark:bg-[var(--zui-tree-view-mint-bg-dark,transparent)] text-[color:var(--zui-tree-view-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  ocean: "rounded-xl border border-[color:var(--zui-tree-view-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-tree-view-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tree-view-ocean-bg,transparent)] dark:bg-[var(--zui-tree-view-ocean-bg-dark,transparent)] text-[color:var(--zui-tree-view-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  sapphire: "rounded-xl border border-[color:var(--zui-tree-view-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-tree-view-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tree-view-sapphire-bg,transparent)] dark:bg-[var(--zui-tree-view-sapphire-bg-dark,transparent)] text-[color:var(--zui-tree-view-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  lavender: "rounded-xl border border-[color:var(--zui-tree-view-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-tree-view-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tree-view-lavender-bg,transparent)] dark:bg-[var(--zui-tree-view-lavender-bg-dark,transparent)] text-[color:var(--zui-tree-view-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  ruby: "rounded-xl border border-[color:var(--zui-tree-view-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-tree-view-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tree-view-ruby-bg,transparent)] dark:bg-[var(--zui-tree-view-ruby-bg-dark,transparent)] text-[color:var(--zui-tree-view-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  red: "rounded-xl border border-[color:var(--zui-tree-view-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-tree-view-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tree-view-red-bg,transparent)] dark:bg-[var(--zui-tree-view-red-bg-dark,transparent)] text-[color:var(--zui-tree-view-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-red-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  slate: "rounded-xl border border-[color:var(--zui-tree-view-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-tree-view-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tree-view-slate-bg,transparent)] dark:bg-[var(--zui-tree-view-slate-bg-dark,transparent)] text-[color:var(--zui-tree-view-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  zinc: "rounded-xl border border-[color:var(--zui-tree-view-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-tree-view-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tree-view-zinc-bg,transparent)] dark:bg-[var(--zui-tree-view-zinc-bg-dark,transparent)] text-[color:var(--zui-tree-view-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  stone: "rounded-xl border border-[color:var(--zui-tree-view-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-tree-view-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tree-view-stone-bg,transparent)] dark:bg-[var(--zui-tree-view-stone-bg-dark,transparent)] text-[color:var(--zui-tree-view-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  royal: "rounded-xl border border-[color:var(--zui-tree-view-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-tree-view-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tree-view-royal-bg,transparent)] dark:bg-[var(--zui-tree-view-royal-bg-dark,transparent)] text-[color:var(--zui-tree-view-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  electric: "rounded-xl border border-[color:var(--zui-tree-view-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-tree-view-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tree-view-electric-bg,transparent)] dark:bg-[var(--zui-tree-view-electric-bg-dark,transparent)] text-[color:var(--zui-tree-view-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  forest: "rounded-xl border border-[color:var(--zui-tree-view-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-tree-view-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tree-view-forest-bg,transparent)] dark:bg-[var(--zui-tree-view-forest-bg-dark,transparent)] text-[color:var(--zui-tree-view-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  sunset: "rounded-xl border border-[color:var(--zui-tree-view-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-tree-view-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tree-view-sunset-bg,transparent)] dark:bg-[var(--zui-tree-view-sunset-bg-dark,transparent)] text-[color:var(--zui-tree-view-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  magenta: "rounded-xl border border-[color:var(--zui-tree-view-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-tree-view-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tree-view-magenta-bg,transparent)] dark:bg-[var(--zui-tree-view-magenta-bg-dark,transparent)] text-[color:var(--zui-tree-view-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  crimson: "rounded-xl border border-[color:var(--zui-tree-view-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-tree-view-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tree-view-crimson-bg,transparent)] dark:bg-[var(--zui-tree-view-crimson-bg-dark,transparent)] text-[color:var(--zui-tree-view-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  aqua: "rounded-xl border border-[color:var(--zui-tree-view-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-tree-view-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tree-view-aqua-bg,transparent)] dark:bg-[var(--zui-tree-view-aqua-bg-dark,transparent)] text-[color:var(--zui-tree-view-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2",
+  plum: "rounded-xl border border-[color:var(--zui-tree-view-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-tree-view-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tree-view-plum-bg,transparent)] dark:bg-[var(--zui-tree-view-plum-bg-dark,transparent)] text-[color:var(--zui-tree-view-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2"
+};
+var zuiTreeViewSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var zuiTreeViewItemBase = "relative flex w-full items-center gap-2 rounded-lg pr-2 text-left font-medium outline-none transition select-none cursor-pointer hover:bg-[var(--zui-tree-view-item-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-tree-view-item-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:ring-2 focus-visible:ring-[var(--zui-tree-view-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-tree-view-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiTreeViewItemSizes = {
+  sm: "py-1 text-xs",
+  md: "py-1.5 text-sm",
+  lg: "py-2 text-base"
+};
+var zuiTreeViewItemAppearances = {
+  default: "data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  outline: "data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  ghost: "data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  card: "data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#00000014))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff1f))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  separated: "data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#00000014))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff1f))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  sky: "data-[selected=true]:bg-[var(--zui-tree-view-sky-selected,var(--zui-color-sky,oklch(95.1%_0.026_236.824)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-sky-selected-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg,var(--zui-fg,oklch(44.3%_0.11_240.79)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg-dark,var(--zui-fg-dark,oklch(82.8%_0.111_230.318)))]",
+  rose: "data-[selected=true]:bg-[var(--zui-tree-view-rose-selected,var(--zui-color-rose,oklch(94.1%_0.03_12.58)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-rose-selected-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg,var(--zui-fg,oklch(45.5%_0.188_13.697)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg-dark,var(--zui-fg-dark,oklch(81%_0.117_11.638)))]",
+  purple: "data-[selected=true]:bg-[var(--zui-tree-view-purple-selected,var(--zui-color-purple,oklch(94.6%_0.033_307.174)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-purple-selected-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg,var(--zui-fg,oklch(43.8%_0.218_303.724)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg-dark,var(--zui-fg-dark,oklch(82.7%_0.119_306.383)))]",
+  pink: "data-[selected=true]:bg-[var(--zui-tree-view-pink-selected,var(--zui-color-pink,oklch(94.8%_0.028_342.258)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-pink-selected-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg,var(--zui-fg,oklch(45.9%_0.187_3.815)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg-dark,var(--zui-fg-dark,oklch(82.3%_0.12_346.018)))]",
+  orange: "data-[selected=true]:bg-[var(--zui-tree-view-orange-selected,var(--zui-color-orange,oklch(95.4%_0.038_75.164)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-orange-selected-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg,var(--zui-fg,oklch(47%_0.157_37.304)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg-dark,var(--zui-fg-dark,oklch(83.7%_0.128_66.29)))]",
+  yellow: "data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected,var(--zui-color-yellow,oklch(97.3%_0.071_103.193)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg,var(--zui-fg,oklch(47.6%_0.114_61.907)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg-dark,var(--zui-fg-dark,oklch(90.5%_0.182_98.111)))]",
+  teal: "data-[selected=true]:bg-[var(--zui-tree-view-teal-selected,var(--zui-color-teal,oklch(95.3%_0.051_180.801)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-teal-selected-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg,var(--zui-fg,oklch(43.7%_0.078_188.216)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg-dark,var(--zui-fg-dark,oklch(85.5%_0.138_181.071)))]",
+  indigo: "data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected,var(--zui-color-indigo,oklch(93%_0.034_272.788)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg,var(--zui-fg,oklch(39.8%_0.195_277.366)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg-dark,var(--zui-fg-dark,oklch(78.5%_0.115_274.713)))]",
+  emerald: "data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected,var(--zui-color-emerald,oklch(95%_0.052_163.051)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg,var(--zui-fg,oklch(43.2%_0.095_166.913)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg-dark,var(--zui-fg-dark,oklch(84.5%_0.143_164.978)))]",
+  "gradient-blue": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from,var(--zui-color-blue,oklch(80.9%_0.105_251.813)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-green": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from,var(--zui-color-green,oklch(87.1%_0.15_154.449)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to,var(--zui-color-lime,oklch(89.7%_0.196_126.665)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-red": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from,var(--zui-color-red,oklch(80.8%_0.114_19.571)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-yellow": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-purple": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-teal": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to,var(--zui-color-cyan,oklch(86.5%_0.127_207.078)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-indigo": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-pink": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to,var(--zui-color-rose,oklch(81%_0.117_11.638)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  "gradient-orange": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,var(--zui-color-red,oklch(80.8%_0.114_19.571)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]",
+  blue: "hover:bg-[var(--zui-tree-view-item-blue-bg-hover,var(--zui-color-blue,#2563eb18))] dark:hover:bg-[var(--zui-tree-view-item-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f62e))] hover:text-[color:var(--zui-tree-view-item-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-tree-view-item-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg,var(--zui-color-blue,#2563eb14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg,var(--zui-color-blue,#2563eb))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "hover:bg-[var(--zui-tree-view-item-cyan-bg-hover,var(--zui-color-cyan,#0891b218))] dark:hover:bg-[var(--zui-tree-view-item-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee2e))] hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "hover:bg-[var(--zui-tree-view-item-green-bg-hover,var(--zui-color-green,#16a34a18))] dark:hover:bg-[var(--zui-tree-view-item-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e2e))] hover:text-[color:var(--zui-tree-view-item-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-tree-view-item-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg,var(--zui-color-green,#16a34a14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg,var(--zui-color-green,#16a34a))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "hover:bg-[var(--zui-tree-view-item-lime-bg-hover,var(--zui-color-lime,#65a30d18))] dark:hover:bg-[var(--zui-tree-view-item-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e6352e))] hover:text-[color:var(--zui-tree-view-item-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-tree-view-item-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg,var(--zui-color-lime,#65a30d14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg,var(--zui-color-lime,#65a30d))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "hover:bg-[var(--zui-tree-view-item-mint-bg-hover,var(--zui-color-mint,#10b98118))] dark:hover:bg-[var(--zui-tree-view-item-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b72e))] hover:text-[color:var(--zui-tree-view-item-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-tree-view-item-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg,var(--zui-color-mint,#10b98114))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg,var(--zui-color-mint,#10b981))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "hover:bg-[var(--zui-tree-view-item-ocean-bg-hover,var(--zui-color-ocean,#0284c718))] dark:hover:bg-[var(--zui-tree-view-item-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf82e))] hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed818))] dark:hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa2e))] hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "hover:bg-[var(--zui-tree-view-item-lavender-bg-hover,var(--zui-color-lavender,#8b5cf618))] dark:hover:bg-[var(--zui-tree-view-item-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa2e))] hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "hover:bg-[var(--zui-tree-view-item-ruby-bg-hover,var(--zui-color-ruby,#be123c18))] dark:hover:bg-[var(--zui-tree-view-item-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb71852e))] hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg,var(--zui-color-ruby,#be123c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "hover:bg-[var(--zui-tree-view-item-red-bg-hover,var(--zui-color-red,#dc262618))] dark:hover:bg-[var(--zui-tree-view-item-red-bg-hover-dark,var(--zui-color-red-dark,#ef44442e))] hover:text-[color:var(--zui-tree-view-item-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-tree-view-item-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg,var(--zui-color-red,#dc262614))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg-dark,var(--zui-color-red-dark,#ef444424))] data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg,var(--zui-color-red,#dc2626))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "hover:bg-[var(--zui-tree-view-item-slate-bg-hover,var(--zui-color-slate,#47556918))] dark:hover:bg-[var(--zui-tree-view-item-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b2e))] hover:text-[color:var(--zui-tree-view-item-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-tree-view-item-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg,var(--zui-color-slate,#47556914))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg,var(--zui-color-slate,#475569))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "hover:bg-[var(--zui-tree-view-item-zinc-bg-hover,var(--zui-color-zinc,#52525b18))] dark:hover:bg-[var(--zui-tree-view-item-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a2e))] hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg,var(--zui-color-zinc,#52525b))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "hover:bg-[var(--zui-tree-view-item-stone-bg-hover,var(--zui-color-stone,#57534e18))] dark:hover:bg-[var(--zui-tree-view-item-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c2e))] hover:text-[color:var(--zui-tree-view-item-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-tree-view-item-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg,var(--zui-color-stone,#57534e14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg,var(--zui-color-stone,#57534e))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "hover:bg-[var(--zui-tree-view-item-royal-bg-hover,var(--zui-color-royal,#4338ca18))] dark:hover:bg-[var(--zui-tree-view-item-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf82e))] hover:text-[color:var(--zui-tree-view-item-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-tree-view-item-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg,var(--zui-color-royal,#4338ca14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg,var(--zui-color-royal,#4338ca))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "hover:bg-[var(--zui-tree-view-item-electric-bg-hover,var(--zui-color-electric,#0ea5e918))] dark:hover:bg-[var(--zui-tree-view-item-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf82e))] hover:text-[color:var(--zui-tree-view-item-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-tree-view-item-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "hover:bg-[var(--zui-tree-view-item-forest-bg-hover,var(--zui-color-forest,#16653418))] dark:hover:bg-[var(--zui-tree-view-item-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade802e))] hover:text-[color:var(--zui-tree-view-item-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-tree-view-item-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg,var(--zui-color-forest,#16653414))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg,var(--zui-color-forest,#166534))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "hover:bg-[var(--zui-tree-view-item-sunset-bg-hover,var(--zui-color-sunset,#ea580c18))] dark:hover:bg-[var(--zui-tree-view-item-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c2e))] hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "hover:bg-[var(--zui-tree-view-item-magenta-bg-hover,var(--zui-color-magenta,#c026d318))] dark:hover:bg-[var(--zui-tree-view-item-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f92e))] hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "hover:bg-[var(--zui-tree-view-item-crimson-bg-hover,var(--zui-color-crimson,#b91c1c18))] dark:hover:bg-[var(--zui-tree-view-item-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f871712e))] hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "hover:bg-[var(--zui-tree-view-item-aqua-bg-hover,var(--zui-color-aqua,#0f766e18))] dark:hover:bg-[var(--zui-tree-view-item-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf2e))] hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "hover:bg-[var(--zui-tree-view-item-plum-bg-hover,var(--zui-color-plum,#7e22ce18))] dark:hover:bg-[var(--zui-tree-view-item-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc2e))] hover:text-[color:var(--zui-tree-view-item-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-tree-view-item-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg,var(--zui-color-plum,#7e22ce))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiTreeViewChevron = "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-[color:var(--zui-tree-view-chevron,var(--zui-fg-muted,oklch(55.5%_0.041_257.417)))] dark:text-[color:var(--zui-tree-view-chevron-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))] transition-transform duration-200 data-[expanded=true]:rotate-90";
+var zuiTreeViewIcon = "inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,var(--zui-fg-muted,oklch(55.5%_0.041_257.417)))] dark:text-[color:var(--zui-tree-view-icon-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiTreeViewGuide = "border-l border-[color:var(--zui-tree-view-guide,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-guide-dark,var(--zui-border-dark,#ffffff1a))]";
+
+export { zuiTreeViewAppearances, zuiTreeViewBase, zuiTreeViewChevron, zuiTreeViewGuide, zuiTreeViewIcon, zuiTreeViewItemAppearances, zuiTreeViewItemBase, zuiTreeViewItemSizes, zuiTreeViewSizes };
+//# sourceMappingURL=chunk-T4ZLTKV2.mjs.map
+//# sourceMappingURL=chunk-T4ZLTKV2.mjs.map

package/dist/chunk-T4ZLTKV2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tree-view.ts"],"names":[],"mappings":"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","file":"chunk-T4ZLTKV2.mjs","sourcesContent":["export const zuiTreeViewBase =\n  \"w-full text-[color:var(--zui-tree-view-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tree-view-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\";\n\nexport const zuiTreeViewAppearances = {\n  default:\n    \"rounded-xl border border-[color:var(--zui-tree-view-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-default-border-dark,var(--zui-border-dark,#ffffff1a))] p-2\",\n  outline:\n    \"rounded-xl border border-[color:var(--zui-tree-view-outline-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-tree-view-outline-border-dark,var(--zui-border-dark,#ffffff26))] p-2\",\n  ghost: \"p-1\",\n  card: \"rounded-xl border border-[color:var(--zui-tree-view-card-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-card-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-tree-view-card-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-tree-view-card-bg-dark,var(--zui-surface-soft-dark,#00000099))] p-3\",\n  separated:\n    \"rounded-xl border border-[color:var(--zui-tree-view-separated-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-separated-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-tree-view-separated-bg,var(--zui-surface-soft,oklch(98.4%_0.003_247.858_/_0.4)))] dark:bg-[var(--zui-tree-view-separated-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695_/_0.4)))] p-3\",\n  sky: \"rounded-xl border border-[color:var(--zui-tree-view-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-tree-view-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] p-2\",\n  rose: \"rounded-xl border border-[color:var(--zui-tree-view-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-tree-view-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] p-2\",\n  purple:\n    \"rounded-xl border border-[color:var(--zui-tree-view-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-tree-view-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] p-2\",\n  pink: \"rounded-xl border border-[color:var(--zui-tree-view-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-tree-view-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] p-2\",\n  orange:\n    \"rounded-xl border border-[color:var(--zui-tree-view-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-tree-view-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] p-2\",\n  yellow:\n    \"rounded-xl border border-[color:var(--zui-tree-view-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-tree-view-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] p-2\",\n  teal: \"rounded-xl border border-[color:var(--zui-tree-view-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-tree-view-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] p-2\",\n  indigo:\n    \"rounded-xl border border-[color:var(--zui-tree-view-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-tree-view-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] p-2\",\n  emerald:\n    \"rounded-xl border border-[color:var(--zui-tree-view-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-tree-view-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] p-2\",\n  \"gradient-blue\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-tree-view-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] p-2\",\n  \"gradient-green\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-tree-view-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] p-2\",\n  \"gradient-red\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-tree-view-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] p-2\",\n  \"gradient-yellow\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-tree-view-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] p-2\",\n  \"gradient-purple\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-tree-view-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] p-2\",\n  \"gradient-teal\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-tree-view-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] p-2\",\n  \"gradient-indigo\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-tree-view-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] p-2\",\n  \"gradient-pink\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-tree-view-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] p-2\",\n  \"gradient-orange\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] p-2\",\n  blue: \"rounded-xl border border-[color:var(--zui-tree-view-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-tree-view-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tree-view-blue-bg,transparent)] dark:bg-[var(--zui-tree-view-blue-bg-dark,transparent)] text-[color:var(--zui-tree-view-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-blue-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  cyan: \"rounded-xl border border-[color:var(--zui-tree-view-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-tree-view-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tree-view-cyan-bg,transparent)] dark:bg-[var(--zui-tree-view-cyan-bg-dark,transparent)] text-[color:var(--zui-tree-view-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  green:\n    \"rounded-xl border border-[color:var(--zui-tree-view-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-tree-view-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-tree-view-green-bg,transparent)] dark:bg-[var(--zui-tree-view-green-bg-dark,transparent)] text-[color:var(--zui-tree-view-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-green-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  lime: \"rounded-xl border border-[color:var(--zui-tree-view-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-tree-view-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tree-view-lime-bg,transparent)] dark:bg-[var(--zui-tree-view-lime-bg-dark,transparent)] text-[color:var(--zui-tree-view-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-lime-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  mint: \"rounded-xl border border-[color:var(--zui-tree-view-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-tree-view-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tree-view-mint-bg,transparent)] dark:bg-[var(--zui-tree-view-mint-bg-dark,transparent)] text-[color:var(--zui-tree-view-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-mint-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  ocean:\n    \"rounded-xl border border-[color:var(--zui-tree-view-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-tree-view-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tree-view-ocean-bg,transparent)] dark:bg-[var(--zui-tree-view-ocean-bg-dark,transparent)] text-[color:var(--zui-tree-view-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  sapphire:\n    \"rounded-xl border border-[color:var(--zui-tree-view-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-tree-view-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tree-view-sapphire-bg,transparent)] dark:bg-[var(--zui-tree-view-sapphire-bg-dark,transparent)] text-[color:var(--zui-tree-view-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  lavender:\n    \"rounded-xl border border-[color:var(--zui-tree-view-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-tree-view-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tree-view-lavender-bg,transparent)] dark:bg-[var(--zui-tree-view-lavender-bg-dark,transparent)] text-[color:var(--zui-tree-view-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  ruby: \"rounded-xl border border-[color:var(--zui-tree-view-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-tree-view-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tree-view-ruby-bg,transparent)] dark:bg-[var(--zui-tree-view-ruby-bg-dark,transparent)] text-[color:var(--zui-tree-view-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  red: \"rounded-xl border border-[color:var(--zui-tree-view-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-tree-view-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tree-view-red-bg,transparent)] dark:bg-[var(--zui-tree-view-red-bg-dark,transparent)] text-[color:var(--zui-tree-view-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-red-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  slate:\n    \"rounded-xl border border-[color:var(--zui-tree-view-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-tree-view-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tree-view-slate-bg,transparent)] dark:bg-[var(--zui-tree-view-slate-bg-dark,transparent)] text-[color:var(--zui-tree-view-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-slate-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  zinc: \"rounded-xl border border-[color:var(--zui-tree-view-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-tree-view-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tree-view-zinc-bg,transparent)] dark:bg-[var(--zui-tree-view-zinc-bg-dark,transparent)] text-[color:var(--zui-tree-view-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  stone:\n    \"rounded-xl border border-[color:var(--zui-tree-view-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-tree-view-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tree-view-stone-bg,transparent)] dark:bg-[var(--zui-tree-view-stone-bg-dark,transparent)] text-[color:var(--zui-tree-view-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-stone-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  royal:\n    \"rounded-xl border border-[color:var(--zui-tree-view-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-tree-view-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tree-view-royal-bg,transparent)] dark:bg-[var(--zui-tree-view-royal-bg-dark,transparent)] text-[color:var(--zui-tree-view-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-royal-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  electric:\n    \"rounded-xl border border-[color:var(--zui-tree-view-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-tree-view-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tree-view-electric-bg,transparent)] dark:bg-[var(--zui-tree-view-electric-bg-dark,transparent)] text-[color:var(--zui-tree-view-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-electric-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  forest:\n    \"rounded-xl border border-[color:var(--zui-tree-view-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-tree-view-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tree-view-forest-bg,transparent)] dark:bg-[var(--zui-tree-view-forest-bg-dark,transparent)] text-[color:var(--zui-tree-view-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-forest-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  sunset:\n    \"rounded-xl border border-[color:var(--zui-tree-view-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-tree-view-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tree-view-sunset-bg,transparent)] dark:bg-[var(--zui-tree-view-sunset-bg-dark,transparent)] text-[color:var(--zui-tree-view-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  magenta:\n    \"rounded-xl border border-[color:var(--zui-tree-view-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-tree-view-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tree-view-magenta-bg,transparent)] dark:bg-[var(--zui-tree-view-magenta-bg-dark,transparent)] text-[color:var(--zui-tree-view-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  crimson:\n    \"rounded-xl border border-[color:var(--zui-tree-view-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-tree-view-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tree-view-crimson-bg,transparent)] dark:bg-[var(--zui-tree-view-crimson-bg-dark,transparent)] text-[color:var(--zui-tree-view-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  aqua: \"rounded-xl border border-[color:var(--zui-tree-view-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-tree-view-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tree-view-aqua-bg,transparent)] dark:bg-[var(--zui-tree-view-aqua-bg-dark,transparent)] text-[color:var(--zui-tree-view-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n  plum: \"rounded-xl border border-[color:var(--zui-tree-view-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-tree-view-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tree-view-plum-bg,transparent)] dark:bg-[var(--zui-tree-view-plum-bg-dark,transparent)] text-[color:var(--zui-tree-view-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tree-view-plum-fg-dark,var(--zui-fg-dark,#f8fafc))] p-2\",\n} as const;\n\nexport const zuiTreeViewSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTreeViewItemBase =\n  \"relative flex w-full items-center gap-2 rounded-lg pr-2 text-left font-medium outline-none transition select-none cursor-pointer hover:bg-[var(--zui-tree-view-item-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-tree-view-item-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:ring-2 focus-visible:ring-[var(--zui-tree-view-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-tree-view-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiTreeViewItemSizes = {\n  sm: \"py-1 text-xs\",\n  md: \"py-1.5 text-sm\",\n  lg: \"py-2 text-base\",\n} as const;\n\nexport const zuiTreeViewItemAppearances = {\n  default:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  outline:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  ghost:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#0000000f))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff14))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  card: \"data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#00000014))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff1f))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  separated:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,var(--zui-surface-soft,#00000014))] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,var(--zui-surface-soft-dark,#ffffff1f))] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  sky: \"data-[selected=true]:bg-[var(--zui-tree-view-sky-selected,var(--zui-color-sky,oklch(95.1%_0.026_236.824)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-sky-selected-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg,var(--zui-fg,oklch(44.3%_0.11_240.79)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg-dark,var(--zui-fg-dark,oklch(82.8%_0.111_230.318)))]\",\n  rose: \"data-[selected=true]:bg-[var(--zui-tree-view-rose-selected,var(--zui-color-rose,oklch(94.1%_0.03_12.58)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-rose-selected-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg,var(--zui-fg,oklch(45.5%_0.188_13.697)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg-dark,var(--zui-fg-dark,oklch(81%_0.117_11.638)))]\",\n  purple:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-purple-selected,var(--zui-color-purple,oklch(94.6%_0.033_307.174)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-purple-selected-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg,var(--zui-fg,oklch(43.8%_0.218_303.724)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg-dark,var(--zui-fg-dark,oklch(82.7%_0.119_306.383)))]\",\n  pink: \"data-[selected=true]:bg-[var(--zui-tree-view-pink-selected,var(--zui-color-pink,oklch(94.8%_0.028_342.258)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-pink-selected-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg,var(--zui-fg,oklch(45.9%_0.187_3.815)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg-dark,var(--zui-fg-dark,oklch(82.3%_0.12_346.018)))]\",\n  orange:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-orange-selected,var(--zui-color-orange,oklch(95.4%_0.038_75.164)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-orange-selected-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg,var(--zui-fg,oklch(47%_0.157_37.304)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg-dark,var(--zui-fg-dark,oklch(83.7%_0.128_66.29)))]\",\n  yellow:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected,var(--zui-color-yellow,oklch(97.3%_0.071_103.193)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg,var(--zui-fg,oklch(47.6%_0.114_61.907)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg-dark,var(--zui-fg-dark,oklch(90.5%_0.182_98.111)))]\",\n  teal: \"data-[selected=true]:bg-[var(--zui-tree-view-teal-selected,var(--zui-color-teal,oklch(95.3%_0.051_180.801)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-teal-selected-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg,var(--zui-fg,oklch(43.7%_0.078_188.216)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg-dark,var(--zui-fg-dark,oklch(85.5%_0.138_181.071)))]\",\n  indigo:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected,var(--zui-color-indigo,oklch(93%_0.034_272.788)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg,var(--zui-fg,oklch(39.8%_0.195_277.366)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg-dark,var(--zui-fg-dark,oklch(78.5%_0.115_274.713)))]\",\n  emerald:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected,var(--zui-color-emerald,oklch(95%_0.052_163.051)))] dark:data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225_/_0.16)))] data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg,var(--zui-fg,oklch(43.2%_0.095_166.913)))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg-dark,var(--zui-fg-dark,oklch(84.5%_0.143_164.978)))]\",\n  \"gradient-blue\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from,var(--zui-color-blue,oklch(80.9%_0.105_251.813)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-green\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from,var(--zui-color-green,oklch(87.1%_0.15_154.449)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to,var(--zui-color-lime,oklch(89.7%_0.196_126.665)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-red\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from,var(--zui-color-red,oklch(80.8%_0.114_19.571)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-yellow\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-purple\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-teal\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to,var(--zui-color-cyan,oklch(86.5%_0.127_207.078)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-indigo\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-pink\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to,var(--zui-color-rose,oklch(81%_0.117_11.638)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  \"gradient-orange\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,var(--zui-color-red,oklch(80.8%_0.114_19.571)))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,var(--zui-brand-fg,#ffffff))]\",\n  blue: \"hover:bg-[var(--zui-tree-view-item-blue-bg-hover,var(--zui-color-blue,#2563eb18))] dark:hover:bg-[var(--zui-tree-view-item-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f62e))] hover:text-[color:var(--zui-tree-view-item-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-tree-view-item-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg,var(--zui-color-blue,#2563eb14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg,var(--zui-color-blue,#2563eb))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"hover:bg-[var(--zui-tree-view-item-cyan-bg-hover,var(--zui-color-cyan,#0891b218))] dark:hover:bg-[var(--zui-tree-view-item-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee2e))] hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"hover:bg-[var(--zui-tree-view-item-green-bg-hover,var(--zui-color-green,#16a34a18))] dark:hover:bg-[var(--zui-tree-view-item-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e2e))] hover:text-[color:var(--zui-tree-view-item-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-tree-view-item-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg,var(--zui-color-green,#16a34a14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg,var(--zui-color-green,#16a34a))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"hover:bg-[var(--zui-tree-view-item-lime-bg-hover,var(--zui-color-lime,#65a30d18))] dark:hover:bg-[var(--zui-tree-view-item-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e6352e))] hover:text-[color:var(--zui-tree-view-item-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-tree-view-item-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg,var(--zui-color-lime,#65a30d14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg,var(--zui-color-lime,#65a30d))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"hover:bg-[var(--zui-tree-view-item-mint-bg-hover,var(--zui-color-mint,#10b98118))] dark:hover:bg-[var(--zui-tree-view-item-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b72e))] hover:text-[color:var(--zui-tree-view-item-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-tree-view-item-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg,var(--zui-color-mint,#10b98114))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg,var(--zui-color-mint,#10b981))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"hover:bg-[var(--zui-tree-view-item-ocean-bg-hover,var(--zui-color-ocean,#0284c718))] dark:hover:bg-[var(--zui-tree-view-item-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf82e))] hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed818))] dark:hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa2e))] hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"hover:bg-[var(--zui-tree-view-item-lavender-bg-hover,var(--zui-color-lavender,#8b5cf618))] dark:hover:bg-[var(--zui-tree-view-item-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa2e))] hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"hover:bg-[var(--zui-tree-view-item-ruby-bg-hover,var(--zui-color-ruby,#be123c18))] dark:hover:bg-[var(--zui-tree-view-item-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb71852e))] hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg,var(--zui-color-ruby,#be123c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"hover:bg-[var(--zui-tree-view-item-red-bg-hover,var(--zui-color-red,#dc262618))] dark:hover:bg-[var(--zui-tree-view-item-red-bg-hover-dark,var(--zui-color-red-dark,#ef44442e))] hover:text-[color:var(--zui-tree-view-item-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-tree-view-item-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg,var(--zui-color-red,#dc262614))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg-dark,var(--zui-color-red-dark,#ef444424))] data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg,var(--zui-color-red,#dc2626))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"hover:bg-[var(--zui-tree-view-item-slate-bg-hover,var(--zui-color-slate,#47556918))] dark:hover:bg-[var(--zui-tree-view-item-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b2e))] hover:text-[color:var(--zui-tree-view-item-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-tree-view-item-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg,var(--zui-color-slate,#47556914))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg,var(--zui-color-slate,#475569))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"hover:bg-[var(--zui-tree-view-item-zinc-bg-hover,var(--zui-color-zinc,#52525b18))] dark:hover:bg-[var(--zui-tree-view-item-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a2e))] hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg,var(--zui-color-zinc,#52525b))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"hover:bg-[var(--zui-tree-view-item-stone-bg-hover,var(--zui-color-stone,#57534e18))] dark:hover:bg-[var(--zui-tree-view-item-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c2e))] hover:text-[color:var(--zui-tree-view-item-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-tree-view-item-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg,var(--zui-color-stone,#57534e14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg,var(--zui-color-stone,#57534e))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"hover:bg-[var(--zui-tree-view-item-royal-bg-hover,var(--zui-color-royal,#4338ca18))] dark:hover:bg-[var(--zui-tree-view-item-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf82e))] hover:text-[color:var(--zui-tree-view-item-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-tree-view-item-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg,var(--zui-color-royal,#4338ca14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg,var(--zui-color-royal,#4338ca))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"hover:bg-[var(--zui-tree-view-item-electric-bg-hover,var(--zui-color-electric,#0ea5e918))] dark:hover:bg-[var(--zui-tree-view-item-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf82e))] hover:text-[color:var(--zui-tree-view-item-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-tree-view-item-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"hover:bg-[var(--zui-tree-view-item-forest-bg-hover,var(--zui-color-forest,#16653418))] dark:hover:bg-[var(--zui-tree-view-item-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade802e))] hover:text-[color:var(--zui-tree-view-item-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-tree-view-item-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg,var(--zui-color-forest,#16653414))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg,var(--zui-color-forest,#166534))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"hover:bg-[var(--zui-tree-view-item-sunset-bg-hover,var(--zui-color-sunset,#ea580c18))] dark:hover:bg-[var(--zui-tree-view-item-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c2e))] hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"hover:bg-[var(--zui-tree-view-item-magenta-bg-hover,var(--zui-color-magenta,#c026d318))] dark:hover:bg-[var(--zui-tree-view-item-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f92e))] hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"hover:bg-[var(--zui-tree-view-item-crimson-bg-hover,var(--zui-color-crimson,#b91c1c18))] dark:hover:bg-[var(--zui-tree-view-item-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f871712e))] hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"hover:bg-[var(--zui-tree-view-item-aqua-bg-hover,var(--zui-color-aqua,#0f766e18))] dark:hover:bg-[var(--zui-tree-view-item-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf2e))] hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"hover:bg-[var(--zui-tree-view-item-plum-bg-hover,var(--zui-color-plum,#7e22ce18))] dark:hover:bg-[var(--zui-tree-view-item-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc2e))] hover:text-[color:var(--zui-tree-view-item-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-tree-view-item-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg,var(--zui-color-plum,#7e22ce))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiTreeViewChevron =\n  \"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-[color:var(--zui-tree-view-chevron,var(--zui-fg-muted,oklch(55.5%_0.041_257.417)))] dark:text-[color:var(--zui-tree-view-chevron-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))] transition-transform duration-200 data-[expanded=true]:rotate-90\";\n\nexport const zuiTreeViewIcon =\n  \"inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,var(--zui-fg-muted,oklch(55.5%_0.041_257.417)))] dark:text-[color:var(--zui-tree-view-icon-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]\";\n\nexport const zuiTreeViewGuide =\n  \"border-l border-[color:var(--zui-tree-view-guide,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-tree-view-guide-dark,var(--zui-border-dark,#ffffff1a))]\";\n"]}