@vuer-ai/vuer-uikit 0.0.74 → 0.0.76

package/dist/chunk-JD4J3RDN.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/theme/themeScript.tsx
+var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
+  const el = document.documentElement;
+  function updateDOM(theme) {
+    const attributes = Array.isArray(attribute) ? attribute : [attribute];
+    attributes.forEach((attr) => {
+      const isClass = attr === "class";
+      const classes = isClass && value ? themes.map((t) => value[t] || t) : themes;
+      if (isClass) {
+        el.classList.remove(...classes);
+        el.classList.add(value && value[theme] ? value[theme] : theme);
+      } else {
+        el.setAttribute(attr, theme);
+      }
+    });
+    setColorScheme(theme);
+  }
+  function setColorScheme(theme) {
+    if (enableColorScheme) {
+      const isDark = theme.includes("dark");
+      el.style.colorScheme = isDark ? "dark" : "light";
+    }
+  }
+  function parseOldTheme(oldTheme) {
+    if (oldTheme === "system") {
+      return { baseTheme: "system", isLiquid: false };
+    }
+    if (oldTheme.startsWith("liquid-")) {
+      const base = oldTheme.replace("liquid-", "");
+      return { baseTheme: base, isLiquid: true };
+    }
+    return { baseTheme: oldTheme, isLiquid: false };
+  }
+  function computeTheme(baseTheme, isLiquid, systemIsDark) {
+    let resolvedBase;
+    if (baseTheme === "system") {
+      resolvedBase = systemIsDark ? "dark" : "light";
+    } else {
+      resolvedBase = baseTheme;
+    }
+    return isLiquid ? `liquid-${resolvedBase}` : resolvedBase;
+  }
+  function getStoredState() {
+    try {
+      const baseTheme = localStorage.getItem(`${storageKey}-base`);
+      const isLiquid = localStorage.getItem(`${storageKey}-liquid`);
+      if (baseTheme !== null && isLiquid !== null) {
+        return {
+          baseTheme,
+          isLiquid: isLiquid === "true"
+        };
+      }
+      const oldTheme = localStorage.getItem(storageKey);
+      if (oldTheme) {
+        return parseOldTheme(oldTheme);
+      }
+      const defaultBaseTheme = enableSystem ? "system" : "light";
+      return {
+        baseTheme: defaultBaseTheme,
+        isLiquid: true
+      };
+    } catch {
+      const defaultBaseTheme = enableSystem ? "system" : "light";
+      return {
+        baseTheme: defaultBaseTheme,
+        isLiquid: true
+      };
+    }
+  }
+  if (forcedTheme) {
+    updateDOM(forcedTheme);
+  } else {
+    const { baseTheme, isLiquid } = getStoredState();
+    const hasStoredBase = localStorage.getItem(`${storageKey}-base`) !== null;
+    const hasStoredLiquid = localStorage.getItem(`${storageKey}-liquid`) !== null;
+    if (!hasStoredBase || !hasStoredLiquid) {
+      try {
+        if (!hasStoredBase) {
+          localStorage.setItem(`${storageKey}-base`, baseTheme);
+        }
+        if (!hasStoredLiquid) {
+          localStorage.setItem(`${storageKey}-liquid`, String(isLiquid));
+        }
+      } catch {
+      }
+    }
+    const systemIsDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const computedTheme = computeTheme(baseTheme, isLiquid, systemIsDark);
+    updateDOM(computedTheme);
+  }
+};
+var ThemeScript = react.memo(
+  ({
+    forcedTheme,
+    storageKey,
+    attribute,
+    enableSystem,
+    enableColorScheme,
+    defaultTheme,
+    value,
+    themes,
+    nonce,
+    scriptProps
+  }) => {
+    const scriptArgs = JSON.stringify([
+      defaultTheme,
+      storageKey,
+      attribute,
+      themes,
+      value,
+      forcedTheme,
+      enableSystem,
+      enableColorScheme
+    ]).slice(1, -1);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "script",
+      {
+        ...scriptProps,
+        suppressHydrationWarning: true,
+        nonce: typeof window === "undefined" ? nonce : "",
+        dangerouslySetInnerHTML: { __html: `(${themeScript.toString()})(${scriptArgs})` }
+      }
+    );
+  }
+);
+
+exports.ThemeScript = ThemeScript;

package/dist/chunk-JM6NBUDT.cjs

@@ -0,0 +1,259 @@
+'use strict';
+
+var chunkJD4J3RDN_cjs = require('./chunk-JD4J3RDN.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var colorSchemes = ["light", "dark"];
+var MEDIA = "(prefers-color-scheme: dark)";
+var isServer = typeof window === "undefined";
+var ThemeContext = react.createContext(void 0);
+var saveToLS = (key, value) => {
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+  }
+};
+var getFromLS = (key, fallback) => {
+  if (isServer) return fallback;
+  try {
+    return localStorage.getItem(key) || fallback;
+  } catch {
+    return fallback;
+  }
+};
+var computeTheme = (baseTheme, isLiquid, systemIsDark) => {
+  let resolvedBase;
+  if (baseTheme === "system") {
+    resolvedBase = systemIsDark ? "dark" : "light";
+  } else {
+    resolvedBase = baseTheme;
+  }
+  return isLiquid ? `liquid-${resolvedBase}` : resolvedBase;
+};
+var parseOldTheme = (oldTheme) => {
+  if (oldTheme === "system") {
+    return { baseTheme: "system", isLiquid: false };
+  }
+  if (oldTheme.startsWith("liquid-")) {
+    const base = oldTheme.replace("liquid-", "");
+    return { baseTheme: base, isLiquid: true };
+  }
+  return { baseTheme: oldTheme, isLiquid: false };
+};
+var useTheme = () => {
+  const context = react.useContext(ThemeContext);
+  if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+var ThemeProvider = (props) => {
+  const context = react.useContext(ThemeContext);
+  if (context) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Theme, { ...props });
+};
+var defaultThemes = ["light", "dark", "liquid-light", "liquid-dark"];
+var Theme = ({
+  forcedTheme,
+  disableTransitionOnChange = false,
+  enableSystem = true,
+  enableColorScheme = false,
+  storageKey = "vuer-uikit-theme",
+  defaultBaseTheme = enableSystem ? "system" : "light",
+  defaultIsLiquid = true,
+  attribute = "class",
+  value,
+  children,
+  nonce,
+  scriptProps
+}) => {
+  const themes = defaultThemes;
+  const initialState = react.useMemo(() => {
+    return { baseTheme: defaultBaseTheme, isLiquid: defaultIsLiquid };
+  }, [defaultBaseTheme, defaultIsLiquid]);
+  const [baseTheme, setBaseThemeState] = react.useState(() => {
+    const stored = getFromLS(`${storageKey}-base`, "");
+    if (!stored) {
+      return initialState.baseTheme;
+    }
+    return ["light", "dark", "system"].includes(stored) ? stored : initialState.baseTheme;
+  });
+  const [isLiquid, setIsLiquidState] = react.useState(() => {
+    const stored = getFromLS(`${storageKey}-liquid`, "");
+    if (!stored) {
+      return initialState.isLiquid;
+    }
+    return stored === "true";
+  });
+  const [systemIsDark, setSystemIsDark] = react.useState(() => {
+    if (isServer) {
+      return false;
+    }
+    return window.matchMedia(MEDIA).matches;
+  });
+  const attrs = !value ? themes : Object.values(value);
+  const computedTheme = react.useMemo(
+    () => computeTheme(baseTheme, isLiquid, systemIsDark),
+    [baseTheme, isLiquid, systemIsDark]
+  );
+  const resolvedTheme = react.useMemo(() => {
+    if (forcedTheme) {
+      const parsed = parseOldTheme(forcedTheme);
+      return computeTheme(parsed.baseTheme, parsed.isLiquid, systemIsDark);
+    }
+    return computedTheme;
+  }, [forcedTheme, computedTheme, systemIsDark]);
+  const applyTheme = react.useCallback(
+    (theme) => {
+      if (!theme) return;
+      const name = value ? value[theme] : theme;
+      const enable = disableTransitionOnChange ? disableAnimation(nonce) : null;
+      const d = document.documentElement;
+      const handleAttribute = (attr) => {
+        if (attr === "class") {
+          d.classList.remove(...attrs);
+          if (name) d.classList.add(name);
+        } else if (attr.startsWith("data-")) {
+          if (name) {
+            d.setAttribute(attr, name);
+          } else {
+            d.removeAttribute(attr);
+          }
+        }
+      };
+      if (Array.isArray(attribute)) attribute.forEach(handleAttribute);
+      else handleAttribute(attribute);
+      if (enableColorScheme) {
+        const isDark = theme.includes("dark");
+        d.style.colorScheme = isDark ? "dark" : "light";
+      }
+      enable?.();
+    },
+    [attribute, attrs, disableTransitionOnChange, enableColorScheme, nonce, value]
+  );
+  const setBaseTheme = react.useCallback((newBaseTheme) => {
+    setBaseThemeState(newBaseTheme);
+    saveToLS(`${storageKey}-base`, newBaseTheme);
+  }, [storageKey]);
+  const toggleLiquid = react.useCallback(() => {
+    setIsLiquidState((prev) => {
+      const newValue = !prev;
+      saveToLS(`${storageKey}-liquid`, String(newValue));
+      return newValue;
+    });
+  }, [storageKey]);
+  const handleMediaQuery = react.useCallback(
+    (e) => {
+      const isDark = e.matches;
+      setSystemIsDark(isDark);
+    },
+    []
+  );
+  react.useEffect(() => {
+    const media = window.matchMedia(MEDIA);
+    media.addListener(handleMediaQuery);
+    handleMediaQuery(media);
+    return () => media.removeListener(handleMediaQuery);
+  }, [handleMediaQuery]);
+  react.useEffect(() => {
+    const handleStorage = (e) => {
+      if (e.key === `${storageKey}-base` && e.newValue) {
+        setBaseThemeState(e.newValue);
+      } else if (e.key === `${storageKey}-liquid` && e.newValue !== null) {
+        setIsLiquidState(e.newValue === "true");
+      }
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, [storageKey]);
+  react.useEffect(() => {
+    applyTheme(resolvedTheme);
+  }, [applyTheme, resolvedTheme]);
+  const contextValue = react.useMemo(
+    () => ({
+      baseTheme,
+      setBaseTheme,
+      isLiquid,
+      toggleLiquid,
+      computedTheme,
+      resolvedTheme,
+      systemTheme: enableSystem ? systemIsDark ? "dark" : "light" : void 0,
+      forcedTheme,
+      storageKey
+    }),
+    [
+      baseTheme,
+      setBaseTheme,
+      isLiquid,
+      toggleLiquid,
+      computedTheme,
+      resolvedTheme,
+      systemIsDark,
+      enableSystem,
+      forcedTheme,
+      storageKey
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ThemeContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJD4J3RDN_cjs.ThemeScript,
+      {
+        ...{
+          forcedTheme,
+          storageKey,
+          attribute,
+          enableSystem,
+          enableColorScheme,
+          defaultTheme: initialState.baseTheme === "system" ? "system" : initialState.isLiquid ? `liquid-${initialState.baseTheme}` : initialState.baseTheme,
+          value,
+          themes,
+          nonce,
+          scriptProps
+        }
+      }
+    ),
+    children
+  ] });
+};
+var getTheme = (key, fallback) => {
+  return getFromLS(key, fallback);
+};
+var disableAnimation = (nonce) => {
+  const css = document.createElement("style");
+  if (nonce) css.setAttribute("nonce", nonce);
+  css.appendChild(
+    document.createTextNode(
+      `*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`
+    )
+  );
+  document.head.appendChild(css);
+  return () => {
+    (() => window.getComputedStyle(document.body))();
+    setTimeout(() => {
+      if (css && css.parentNode) {
+        css.parentNode.removeChild(css);
+      }
+    }, 1);
+  };
+};
+var getSystemTheme = (e) => {
+  if (isServer) return "liquid-light";
+  if (!e) e = window.matchMedia(MEDIA);
+  const isDark = e.matches;
+  return isDark ? "liquid-dark" : "liquid-light";
+};
+
+exports.MEDIA = MEDIA;
+exports.Theme = Theme;
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+exports.colorSchemes = colorSchemes;
+exports.computeTheme = computeTheme;
+exports.defaultThemes = defaultThemes;
+exports.disableAnimation = disableAnimation;
+exports.getFromLS = getFromLS;
+exports.getSystemTheme = getSystemTheme;
+exports.getTheme = getTheme;
+exports.isServer = isServer;
+exports.parseOldTheme = parseOldTheme;
+exports.saveToLS = saveToLS;
+exports.useTheme = useTheme;

package/dist/{chunk-YTM334QC.mjs → chunk-JRBTIFM6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';

package/dist/{chunk-TNARVKPU.mjs → chunk-JXALL32A.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { composeRefs } from '@radix-ui/react-compose-refs';
 import { cva } from 'class-variance-authority';
 import { forwardRef, useRef } from 'react';

package/dist/{chunk-FWH3ACEX.mjs → chunk-JY5TZBRK.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { GripVerticalIcon } from 'lucide-react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/chunk-K6KHDM35.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var chunkT2RTITL6_cjs = require('./chunk-T2RTITL6.cjs');
+var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0, onChange, size, className, ...props }, ref) {
+  const [preset, setPreset] = react.useState(value);
+  const handleValueChange = (values) => {
+    const newValue = values[0];
+    setPreset(newValue);
+    onChange?.(newValue);
+  };
+  const handlePresetClick = (presetValue) => {
+    setPreset(presetValue);
+    onChange?.(presetValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("gap-xs grid grid-cols-5", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkT2RTITL6_cjs.InputNumbers,
+      {
+        ...props,
+        ref,
+        size,
+        value: [preset],
+        onValuesChange: handleValueChange
+      }
+    ) }),
+    presets.map((p, i) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkNSQOQD43_cjs.Button, { size, variant: "secondary", className: "h-6", onClick: () => handlePresetClick(p), children: p }, i);
+    })
+  ] });
+});
+
+exports.PresetsInput = PresetsInput;

package/dist/{chunk-WRR5LMHR.cjs → chunk-KAA4NEHL.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLH5AV54U_cjs = require('./chunk-LH5AV54U.cjs');
+var chunkUULSGVNF_cjs = require('./chunk-UULSGVNF.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -51,26 +51,26 @@ var DockLayoutView = ({
       resizeObserver.disconnect();
     };
   }, [bottom, left, right]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLH5AV54U_cjs.DockLayout, { ref: containerRef, className, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUULSGVNF_cjs.DockLayout, { ref: containerRef, className, children: [
     bottom && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref: measureRef,
         className: "pointer-events-none absolute -top-[9999px] left-0 opacity-0",
         style: { width: "max-content" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
       }
     ),
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutTop, { className: topClassName, children: top }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutTop, { className: topClassName, children: top }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-      left && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutLeft, { className: leftClassName, children: left }) }),
+      left && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutLeft, { className: leftClassName, children: left }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutContent, { className: contentClassName, children }),
-        bottom && !isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom }) })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutContent, { className: contentClassName, children }),
+        bottom && !isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom }) })
       ] }),
-      right && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutRight, { className: rightClassName, children: right }) })
+      right && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutRight, { className: rightClassName, children: right }) })
     ] }),
-    bottom && isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx(chunkLH5AV54U_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom })
+    bottom && isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom })
   ] });
 };
 

package/dist/{chunk-O7CV47DL.mjs → chunk-KBVBN5Q3.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-ZNY7VYIN.mjs';
+import { InputNumbers } from './chunk-WU3YZHOP.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-KFPS5CCR.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-C7WMCSNN.mjs → chunk-KY4I766B.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { cva } from 'class-variance-authority';
 import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';

package/dist/{chunk-H5TEN4OP.mjs → chunk-L26ULDYM.mjs}

@@ -1,5 +1,5 @@
-import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-LAZO5ZDT.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-V2IP7UUV.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LiquidLayoutView = ({
@@ -19,7 +19,7 @@ var LiquidLayoutView = ({
     /* @__PURE__ */ jsx(
       LiquidLayoutContent,
       {
-        className: cn("flex flex-col items-center justify-center", contentClassName),
+        className: cn("absolute flex flex-col items-center justify-center", contentClassName),
         children
       }
     ),

package/dist/{chunk-W3HZ6BW6.cjs → chunk-L5JZRGNH.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -100,7 +100,7 @@ function Toggle({
     TogglePrimitive__namespace.Root,
     {
       "data-slot": "toggle",
-      className: chunkDWD754BX_cjs.cn(toggleVariants({ variant, size, className })),
+      className: chunkOHIB3TEN_cjs.cn(toggleVariants({ variant, size, className })),
       ...props
     }
   );

package/dist/{chunk-OPVNPU6U.cjs → chunk-L6LCOLOV.cjs}

@@ -2,7 +2,7 @@
 
 var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -41,13 +41,13 @@ function TabsRoot({ className, size = "base", ...props }) {
     TabsPrimitive__namespace.Root,
     {
       "data-slot": "tabs",
-      className: chunkDWD754BX_cjs.cn("flex w-full flex-col", className),
+      className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className),
       ...props
     }
   ) });
 }
 function TabsFallback({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkDWD754BX_cjs.cn("flex w-full flex-col", className), ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkOHIB3TEN_cjs.cn("flex w-full flex-col", className), ...props }) });
 }
 var Tabs = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsRoot, TabsFallback);
 var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
@@ -70,7 +70,7 @@ function TabsListRoot({ className, ...props }) {
     {
       onMouseLeave: () => setCursorTarget(null),
       "data-slot": "tabs-list",
-      className: chunkDWD754BX_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
   ) });
@@ -81,7 +81,7 @@ function TabsListFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "tabs-list",
-      className: chunkDWD754BX_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      className: chunkOHIB3TEN_cjs.cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
   ) });
@@ -127,7 +127,7 @@ function TabsTriggerRoot({ className, ...props }) {
     {
       onMouseEnter: (e) => setCursorTarget(e.currentTarget),
       "data-slot": "tabs-trigger",
-      className: chunkDWD754BX_cjs.cn(tabsTriggerVariants({ size }), className),
+      className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
       ...props
     }
   );
@@ -140,7 +140,7 @@ function TabsTriggerFallback({ className, ...props }) {
     {
       onMouseEnter: (e) => setCursorTarget(e.currentTarget),
       "data-slot": "tabs-trigger",
-      className: chunkDWD754BX_cjs.cn(tabsTriggerVariants({ size }), className),
+      className: chunkOHIB3TEN_cjs.cn(tabsTriggerVariants({ size }), className),
       ...props
     }
   );
@@ -151,13 +151,13 @@ function TabsContentRoot({ className, ...props }) {
     TabsPrimitive__namespace.Content,
     {
       "data-slot": "tabs-content",
-      className: chunkDWD754BX_cjs.cn("flex-1 outline-none", className),
+      className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className),
       ...props
     }
   );
 }
 function TabsContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkDWD754BX_cjs.cn("flex-1 outline-none", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkOHIB3TEN_cjs.cn("flex-1 outline-none", className), ...props });
 }
 var TabsContent = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
 

package/dist/{chunk-SHHO7KA5.mjs → chunk-LBENVTO2.mjs}

@@ -1,6 +1,6 @@
-import { TreeView } from './chunk-FOVIOX4K.mjs';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { TreeView } from './chunk-OEM5OJDP.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Magnet, ChevronLeft, ChevronRight } from 'lucide-react';
 import { useState, useRef, useCallback, useMemo, useEffect, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';