@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/{chunk-AFBKMQMK.js → chunk-NXNL64Q7.mjs}

@@ -1,11 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var fa6 = require('react-icons/fa6');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/tree-view.ts
 var zuiTreeViewBase = "w-full text-[color:var(--zui-tree-view-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tree-view-fg-dark,oklch(92.9%_0.013_255.508))]";
 var zuiTreeViewAppearances = {
@@ -115,349 +107,6 @@ var zuiTreeViewChevron = "inline-flex h-5 w-5 shrink-0 items-center justify-cent
 var zuiTreeViewIcon = "inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-icon-dark,oklch(70.4%_0.04_256.788))]";
 var zuiTreeViewGuide = "border-l border-[color:var(--zui-tree-view-guide,#0000001a)] dark:border-[color:var(--zui-tree-view-guide-dark,#ffffff1a)]";
 
-// src/ui/tree-view/variants.ts
-var treeViewVariants = classVarianceAuthority.cva(zuiTreeViewBase, {
-  variants: {
-    appearance: zuiTreeViewAppearances,
-    size: zuiTreeViewSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var treeViewItemVariants = classVarianceAuthority.cva(zuiTreeViewItemBase, {
-  variants: {
-    appearance: zuiTreeViewItemAppearances,
-    size: zuiTreeViewItemSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var TreeViewContext = react.createContext(null);
-function useTreeViewContext(component) {
-  const ctx = react.useContext(TreeViewContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <TreeView>`);
-  }
-  return ctx;
-}
-function flattenVisible(nodes, isExpanded, level = 1, parentId = null, acc = []) {
-  for (const node of nodes) {
-    acc.push({ node, level, parentId });
-    if (node.children?.length && isExpanded(node.id)) {
-      flattenVisible(node.children, isExpanded, level + 1, node.id, acc);
-    }
-  }
-  return acc;
-}
-function StaticTreeGroup({ open, children }) {
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", "data-slot": "tree-view-group", className: "m-0 list-none p-0", children });
-}
-function TreeItemNode({
-  node,
-  level,
-  chevronIcon
-}) {
-  const {
-    isExpanded,
-    selectedId,
-    activeId,
-    GroupComponent,
-    registerItem,
-    appearance,
-    size,
-    toggleExpanded,
-    selectNode,
-    onItemKeyDown,
-    renderNode,
-    showGuides
-  } = useTreeViewContext("TreeItem");
-  const hasChildren = Boolean(node.children?.length);
-  const expanded = hasChildren && isExpanded(node.id);
-  const selected = selectedId === node.id;
-  const active = activeId === node.id;
-  const disabled = Boolean(node.disabled);
-  const Group = GroupComponent;
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { role: "none", "data-slot": "tree-view-item", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        role: "treeitem",
-        ref: (el) => registerItem(node.id, el),
-        "aria-expanded": hasChildren ? expanded : void 0,
-        "aria-selected": selected,
-        "aria-level": level,
-        "aria-disabled": disabled || void 0,
-        "data-slot": "tree-view-item-row",
-        "data-node-id": node.id,
-        "data-selected": selected,
-        "data-active": active,
-        "data-disabled": disabled,
-        tabIndex: active ? 0 : -1,
-        style: { paddingLeft: `${(level - 1) * 1.25 + 0.5}rem` },
-        className: treeViewItemVariants({
-          appearance,
-          size
-        }),
-        onClick: () => {
-          if (disabled) {
-            return;
-          }
-          if (hasChildren) {
-            toggleExpanded(node.id);
-          }
-          selectNode(node);
-        },
-        onKeyDown: onItemKeyDown,
-        children: [
-          hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              "data-slot": "tree-view-chevron",
-              "data-expanded": expanded,
-              className: zuiTreeViewChevron,
-              children: chevronIcon || /* @__PURE__ */ jsxRuntime.jsx(fa6.FaChevronRight, {})
-            }
-          ) : (
-            // Leaf nodes reserve chevron space to keep labels vertically aligned
-            // with sibling branches that do have disclosure icons.
-            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "inline-flex h-5 w-5 shrink-0" })
-          ),
-          node.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tree-view-icon", className: zuiTreeViewIcon, children: node.icon }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tree-view-label", className: "truncate", children: renderNode ? renderNode({
-            node,
-            depth: level,
-            isExpanded: expanded,
-            isSelected: selected
-          }) : node.label })
-        ]
-      }
-    ),
-    hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(Group, { open: expanded, level, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "ol",
-      {
-        className: chunkZS5756ZC_js.cn(showGuides && zuiTreeViewGuide, showGuides && "ml-5"),
-        children: node.children?.map((child) => (
-          // Recursion preserves each child's depth so ARIA levels,
-          // indentation, and guide spacing all stay in sync.
-          /* @__PURE__ */ jsxRuntime.jsx(TreeItemNode, { node: child, level: level + 1 }, child.id)
-        ))
-      }
-    ) }) : null
-  ] });
-}
-function TreeViewBase({
-  data = [],
-  defaultExpanded,
-  expanded,
-  onExpandedChange,
-  defaultSelected,
-  selected,
-  onSelect,
-  renderNode,
-  showGuides = false,
-  appearance = "default",
-  size = "md",
-  className,
-  GroupComponent = StaticTreeGroup,
-  ...rest
-}) {
-  const isExpandedControlled = expanded !== void 0;
-  const isSelectedControlled = selected !== void 0;
-  const [expandedUncontrolled, setExpandedUncontrolled] = react.useState(
-    defaultExpanded ?? []
-  );
-  const [selectedUncontrolled, setSelectedUncontrolled] = react.useState(defaultSelected);
-  const expandedIds = isExpandedControlled ? expanded ?? [] : expandedUncontrolled;
-  const selectedId = isSelectedControlled ? selected : selectedUncontrolled;
-  const expandedSet = react.useMemo(() => new Set(expandedIds), [expandedIds]);
-  const isExpanded = react.useCallback(
-    (id) => expandedSet.has(id),
-    [expandedSet]
-  );
-  const commitExpanded = react.useCallback(
-    (next) => {
-      if (!isExpandedControlled) {
-        setExpandedUncontrolled(next);
-      }
-      onExpandedChange?.(next);
-    },
-    [isExpandedControlled, onExpandedChange]
-  );
-  const setExpanded = react.useCallback(
-    (id, open) => {
-      const has = expandedSet.has(id);
-      if (open === has) {
-        return;
-      }
-      const next = open ? [...expandedIds, id] : expandedIds.filter((entry) => entry !== id);
-      commitExpanded(next);
-    },
-    [commitExpanded, expandedIds, expandedSet]
-  );
-  const toggleExpanded = react.useCallback(
-    (id) => {
-      setExpanded(id, !expandedSet.has(id));
-    },
-    [expandedSet, setExpanded]
-  );
-  const itemRefs = react.useRef(/* @__PURE__ */ new Map());
-  const registerItem = react.useCallback((id, el) => {
-    if (el) {
-      itemRefs.current.set(id, el);
-    } else {
-      itemRefs.current.delete(id);
-    }
-  }, []);
-  const visible = react.useMemo(
-    () => flattenVisible(data, isExpanded),
-    [data, isExpanded]
-  );
-  const firstEnabledId = react.useMemo(
-    () => visible.find((entry) => !entry.node.disabled)?.node.id,
-    [visible]
-  );
-  const [activeIdState, setActiveIdState] = react.useState(
-    void 0
-  );
-  const isSelectedVisible = selectedId !== void 0 && visible.some((entry) => entry.node.id === selectedId);
-  const activeId = activeIdState && visible.some((entry) => entry.node.id === activeIdState) ? activeIdState : isSelectedVisible ? selectedId : firstEnabledId;
-  const focusItem = react.useCallback((id) => {
-    setActiveIdState(id);
-    itemRefs.current.get(id)?.focus();
-  }, []);
-  const selectNode = react.useCallback(
-    (node) => {
-      if (node.disabled) {
-        return;
-      }
-      setActiveIdState(node.id);
-      if (!isSelectedControlled) {
-        setSelectedUncontrolled(node.id);
-      }
-      onSelect?.(node);
-    },
-    [isSelectedControlled, onSelect]
-  );
-  const onItemKeyDown = react.useCallback(
-    (event) => {
-      const currentId = event.currentTarget.dataset.nodeId ?? activeId;
-      const index = visible.findIndex((entry) => entry.node.id === currentId);
-      const current = visible[index];
-      if (index === -1 || !current) {
-        return;
-      }
-      const moveTo = (target) => {
-        const clamped = Math.max(0, Math.min(visible.length - 1, target));
-        const next = visible[clamped];
-        if (next) {
-          focusItem(next.node.id);
-        }
-      };
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          moveTo(index + 1);
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          moveTo(index - 1);
-          break;
-        case "Home":
-          event.preventDefault();
-          moveTo(0);
-          break;
-        case "End":
-          event.preventDefault();
-          moveTo(visible.length - 1);
-          break;
-        case "ArrowRight": {
-          event.preventDefault();
-          const hasChildren = Boolean(current.node.children?.length);
-          if (hasChildren && !isExpanded(current.node.id)) {
-            setExpanded(current.node.id, true);
-          } else if (hasChildren) {
-            moveTo(index + 1);
-          }
-          break;
-        }
-        case "ArrowLeft": {
-          event.preventDefault();
-          const hasChildren = Boolean(current.node.children?.length);
-          if (hasChildren && isExpanded(current.node.id)) {
-            setExpanded(current.node.id, false);
-          } else if (current.parentId) {
-            focusItem(current.parentId);
-          }
-          break;
-        }
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          selectNode(current.node);
-          break;
-      }
-    },
-    [activeId, focusItem, isExpanded, selectNode, setExpanded, visible]
-  );
-  const ctx = react.useMemo(
-    () => ({
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      showGuides,
-      GroupComponent,
-      isExpanded,
-      toggleExpanded,
-      setExpanded,
-      selectedId,
-      activeId,
-      selectNode,
-      registerItem,
-      onItemKeyDown,
-      renderNode
-    }),
-    [
-      activeId,
-      appearance,
-      GroupComponent,
-      isExpanded,
-      onItemKeyDown,
-      registerItem,
-      renderNode,
-      selectNode,
-      selectedId,
-      setExpanded,
-      showGuides,
-      size,
-      toggleExpanded
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ul",
-    {
-      role: "tree",
-      "data-slot": "tree-view",
-      "aria-label": rest["aria-label"],
-      "aria-labelledby": rest["aria-labelledby"],
-      className: chunkZS5756ZC_js.cn(
-        treeViewVariants({ appearance, size }),
-        "list-none",
-        className
-      ),
-      children: data.map((node) => /* @__PURE__ */ jsxRuntime.jsx(TreeItemNode, { node, level: 1 }, node.id))
-    }
-  ) });
-}
-TreeViewBase.displayName = "TreeView";
-
-exports.TreeViewBase = TreeViewBase;
-exports.treeViewItemVariants = treeViewItemVariants;
-exports.treeViewVariants = treeViewVariants;
-//# sourceMappingURL=chunk-AFBKMQMK.js.map
-//# sourceMappingURL=chunk-AFBKMQMK.js.map
+export { zuiTreeViewAppearances, zuiTreeViewBase, zuiTreeViewChevron, zuiTreeViewGuide, zuiTreeViewIcon, zuiTreeViewItemAppearances, zuiTreeViewItemBase, zuiTreeViewItemSizes, zuiTreeViewSizes };
+//# sourceMappingURL=chunk-NXNL64Q7.mjs.map
+//# sourceMappingURL=chunk-NXNL64Q7.mjs.map

package/dist/chunk-NXNL64Q7.mjs.map

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