@vuer-ai/vuer-uikit 0.0.4 → 0.0.7

package/dist/{chunk-GSXXTAQ3.js → chunk-FP26SRGL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -51,7 +51,7 @@ function DropdownMenuContent({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "bg-bg-primary",
           "p-md",
@@ -91,7 +91,7 @@ function DropdownMenuGroup({
     DropdownMenuPrimitive__namespace.Group,
     {
       "data-slot": "dropdown-menu-group",
-      className: chunkUWO6RBCE_js.cn("space-y-xs", className),
+      className: chunkXXWQ4RVP_js.cn("space-y-xs", className),
       ...props
     }
   );
@@ -108,7 +108,7 @@ function DropdownMenuItem({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "flex",
@@ -122,7 +122,8 @@ function DropdownMenuItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
@@ -149,7 +150,7 @@ function DropdownMenuCheckboxItem({
     DropdownMenuPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "flex",
@@ -163,7 +164,8 @@ function DropdownMenuCheckboxItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
@@ -198,7 +200,7 @@ function DropdownMenuRadioItem({
     DropdownMenuPrimitive__namespace.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "hover:bg-bg-tertiary",
@@ -215,7 +217,8 @@ function DropdownMenuRadioItem({
           "pr-md",
           "mb-xs",
           "last:mb-0",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "data-[disabled]:pointer-events-none",
           "data-[disabled]:text-bg-quaternary",
           "[&_svg:not([class*='size-'])]:size-4",
@@ -242,7 +245,7 @@ function DropdownMenuLabel({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: chunkUWO6RBCE_js.cn("text-text-secondary px-2 py-1.5 text-xs", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-xs leading-uk-xs px-2 py-1.5", className),
       ...props
     }
   );
@@ -255,7 +258,7 @@ function DropdownMenuSeparator({
     DropdownMenuPrimitive__namespace.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: chunkUWO6RBCE_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      className: chunkXXWQ4RVP_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
       ...props
     }
   );
@@ -265,7 +268,7 @@ function DropdownMenuShortcut({ className, ...props }) {
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: chunkUWO6RBCE_js.cn("text-text-tertiary ml-auto text-xs", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-tertiary text-uk-xs leading-uk-xs ml-auto", className),
       ...props
     }
   );
@@ -284,7 +287,7 @@ function DropdownMenuSubTrigger({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "w-full",
         "flex",
         "gap-md",
@@ -296,7 +299,8 @@ function DropdownMenuSubTrigger({
         "relative",
         "cursor-default",
         "rounded-uk-xs",
-        "text-xs",
+        "text-uk-xs",
+        "leading-uk-xs",
         "outline-hidden",
         "select-none",
         "hover:bg-bg-tertiary",
@@ -325,7 +329,7 @@ function DropdownMenuSubContent({
     DropdownMenuPrimitive__namespace.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "bg-bg-primary",
         "p-md",
         "data-[state=open]:animate-in",

package/dist/{chunk-MASRZTZC.mjs → chunk-FRT225GK.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-75QDQ67T.js → chunk-FSMKJAZT.js}

@@ -16,17 +16,22 @@ function ThemeProvider({
   ...props
 }) {
   const [theme, setTheme] = react.useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
     return localStorage.getItem(storageKey) || defaultTheme;
   });
   react.useEffect(() => {
+    if (typeof window === "undefined") return;
     const root = window.document.documentElement;
     root.classList.remove("light", "dark", "liquidlight", "liquiddark", "system");
+    root.removeAttribute("data-theme");
     if (theme === "system") {
       const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
       root.classList.add(systemTheme);
+      root.setAttribute("data-theme", "auto");
       return;
     }
     root.classList.add(theme);
+    root.setAttribute("data-theme", theme);
   }, [theme]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ThemeProviderContext.Provider,
@@ -36,7 +41,9 @@ function ThemeProvider({
         () => ({
           theme,
           setTheme: (theme2) => {
-            localStorage.setItem(storageKey, theme2);
+            if (typeof window !== "undefined") {
+              localStorage.setItem(storageKey, theme2);
+            }
             setTheme(theme2);
           }
         }),

package/dist/{chunk-WOG6UIG5.mjs → chunk-G6PRZVSE.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-Z37VNICQ.js → chunk-H5P4IX7R.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function Switch({ className, ...props }) {
     SwitchPrimitive__namespace.Root,
     {
       "data-slot": "switch",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "group",
         "w-[32px]",
         "h-[16px]",
@@ -47,7 +47,7 @@ function Switch({ className, ...props }) {
         SwitchPrimitive__namespace.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: chunkUWO6RBCE_js.cn(
+          className: chunkXXWQ4RVP_js.cn(
             "block",
             "size-[12px]",
             "rounded-full",

package/dist/{chunk-LVSI4HYF.mjs → chunk-IG43DNY2.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { cva } from 'class-variance-authority';
 import { ChevronDown, ChevronRight, Folder, File } from 'lucide-react';
@@ -6,7 +6,7 @@ import { forwardRef, useState, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var treeVariants = cva(
-  "text-[14px] group py-1 h-9 text-text-primary rounded transition-colors cursor-pointer text-left relative z-20"
+  "text-uk-md group py-1 h-9 text-text-primary rounded transition-colors cursor-pointer text-left relative z-20"
 );
 var selectedTreeVariants = cva("");
 var dragOverVariants = cva("bg-primary/20 text-primary-foreground");
@@ -89,7 +89,7 @@ var TreeView = forwardRef(
       "div",
       {
         className: cn(
-          "bg-bg-primary relative min-w-[240px] max-w-[300px] overflow-hidden p-2",
+          "bg-bg-primary relative max-w-[300px] min-w-[240px] overflow-hidden p-2",
           className
         ),
         "data-tree-container": true,
@@ -97,7 +97,7 @@ var TreeView = forwardRef(
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "bg-bg-tertiary pointer-events-none absolute left-2 right-2 z-10 rounded-uk-sm transition-all duration-150",
+              className: "bg-bg-tertiary rounded-uk-sm pointer-events-none absolute right-2 left-2 z-10 transition-all duration-150",
               style: {
                 display: hoverBackgroundStyle.display,
                 top: hoverBackgroundStyle.top,
@@ -126,7 +126,7 @@ var TreeView = forwardRef(
             "div",
             {
               className: "h-[48px] w-full",
-              onDrop: (e) => {
+              onDrop: () => {
                 handleDrop({ id: "", name: "parent_div" });
               }
             }
@@ -262,7 +262,7 @@ var TreeNode = ({
               default: defaultNodeIcon
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-text-primary flex-grow truncate text-left text-sm", children: item.name }),
+          /* @__PURE__ */ jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
           /* @__PURE__ */ jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
         ]
       }
@@ -349,7 +349,7 @@ var TreeLeaf = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(TreeIcon, { item, isSelected: selectedItemId === item.id, default: defaultLeafIcon }),
-          /* @__PURE__ */ jsx("span", { className: "text-text-primary flex-grow truncate text-left text-sm", children: item.name }),
+          /* @__PURE__ */ jsx("span", { className: "text-text-primary text-uk-md flex-grow truncate text-left", children: item.name }),
           /* @__PURE__ */ jsx(TreeActions, { isSelected: selectedItemId === item.id && !item.disabled, children: item.actions })
         ]
       }
@@ -375,11 +375,11 @@ var AccordionContent = forwardRef(({ className, children, ...props }, ref) => /*
   {
     ref,
     className: cn(
-      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-uk-md overflow-hidden transition-all",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx("div", { className: "pb-0 pt-0", children })
+    children: /* @__PURE__ */ jsx("div", { className: "pt-0 pb-0", children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;

package/dist/{chunk-LD7Y34QT.js → chunk-IGBWUFZL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -42,7 +42,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",

package/dist/chunk-IOI3YFTY.js

@@ -0,0 +1,261 @@
+'use strict';
+
+var chunk5P3KAS53_js = require('./chunk-5P3KAS53.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId
+}) {
+  const [expandedItems, setExpandedItems] = react.useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = react.useState(false);
+  const [isRegex, setIsRegex] = react.useState(false);
+  const [isRegexValid, setIsRegexValid] = react.useState(true);
+  const toggleItem = (id) => {
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+  const childrenMap = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const dataWithMeta = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    return data.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      const isVisible = (item) => {
+        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
+      };
+      return dataWithMeta.filter(isVisible);
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return [];
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
+  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
+  react.useEffect(() => {
+    onVisibleDataChange == null ? void 0 : onVisibleDataChange(visibleData);
+  }, [visibleData, onVisibleDataChange]);
+  const renderLabel = (label) => {
+    if (!searchQuery || !isRegexValid) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-yellow-300 dark:bg-yellow-700", children: part }, i) : part
+    ) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXXWQ4RVP_js.cn("border-line-secondary/20 flex flex-col", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-secondary/20 flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          className: chunkXXWQ4RVP_js.cn(
+            "text-uk-md w-full bg-transparent focus:outline-none",
+            !isRegexValid && "text-red-500"
+          ),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.TooltipProvider, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsCaseSensitive((prev) => !prev),
+              className: chunkXXWQ4RVP_js.cn("rounded-uk-sm p-1", isCaseSensitive && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsRegex((prev) => !prev),
+              className: chunkXXWQ4RVP_js.cn("rounded-uk-sm p-1", isRegex && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto", children: visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkXXWQ4RVP_js.cn(
+          "group relative flex h-[32px] cursor-pointer items-center",
+          hoveredId === item.id && "bg-bg-secondary/80"
+        ),
+        onMouseEnter: () => onItemHover == null ? void 0 : onItemHover(item.id),
+        onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
+            item.ancestors.map((ancestor, index) => {
+              var _a;
+              const parentIsLast = (_a = dataWithMeta.find((d) => d.id === ancestor.id)) == null ? void 0 : _a.isLast;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkXXWQ4RVP_js.cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-secondary/20"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkXXWQ4RVP_js.cn(
+                    "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
+                    item.isLast ? "rounded-bl-md" : "",
+                    "border-line-secondary/20"
+                  )
+                }
+              ),
+              !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-secondary/20 absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "text-uk-md z-10 flex w-full items-center gap-2 px-2 whitespace-nowrap",
+              style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                  item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: () => toggleItem(item.id),
+                      className: "absolute z-20 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ChevronDown,
+                        {
+                          className: chunkXXWQ4RVP_js.cn(
+                            "size-4 transition-transform",
+                            !expandedItems.has(item.id) && "-rotate-90"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkXXWQ4RVP_js.cn(
+                        "transition-opacity",
+                        item.isCollapsible && "group-hover:opacity-0"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: renderLabel(item.label) })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
+exports.TreeView = TreeView;

package/dist/{chunk-Q3APPCB2.mjs → chunk-IQ6J7YTQ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
@@ -57,9 +57,9 @@ var buttonVariants = cva(
         link: ["text-text-primary", "underline-offset-4", "hover:underline"]
       },
       size: {
-        sm: ["text-xs", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
-        base: ["text-xs", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
-        lg: ["text-sm", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
+        sm: ["text-uk-sm", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-uk-md", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
+        lg: ["text-uk-lg", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
       },
       icon: { false: null, true: null }
     },

package/dist/{chunk-DWIK2CUV.mjs → chunk-JAMJUXBY.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsx } from 'react/jsx-runtime';