@vuer-ai/vuer-uikit 0.0.74 → 0.0.76

package/dist/{chunk-SPSBYU5V.cjs → chunk-62VCQ2SU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ var cardVariants = classVarianceAuthority.cva(
   }
 );
 function Card({ className, size, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card", className: chunkDWD754BX_cjs.cn(cardVariants({ size, className })), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card", className: chunkOHIB3TEN_cjs.cn(cardVariants({ size, className })), ...props });
 }
 var cardHeaderVariants = classVarianceAuthority.cva(["flex", "flex-row", "items-center", "justify-between"], {
   variants: {
@@ -48,7 +48,7 @@ function CardHeader({ className, size, ...props }) {
     "div",
     {
       "data-slot": "card-header",
-      className: chunkDWD754BX_cjs.cn(cardHeaderVariants({ size, className })),
+      className: chunkOHIB3TEN_cjs.cn(cardHeaderVariants({ size, className })),
       ...props
     }
   );
@@ -58,7 +58,7 @@ function CardTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "card-title",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "text-text-highlight",
         "text-uk-md",
         "leading-uk-md",
@@ -76,7 +76,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: chunkDWD754BX_cjs.cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
+      className: chunkOHIB3TEN_cjs.cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
       ...props
     }
   );
@@ -86,7 +86,7 @@ function CardAction({ className, ...props }) {
     "div",
     {
       "data-slot": "card-action",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "text-text-secondary",
         "text-uk-sm",
         "leading-uk-sm",
@@ -101,10 +101,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkDWD754BX_cjs.cn("", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkOHIB3TEN_cjs.cn("", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkDWD754BX_cjs.cn("flex items-center", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkOHIB3TEN_cjs.cn("flex items-center", className), ...props });
 }
 
 exports.Card = Card;

package/dist/{chunk-3TWD622T.cjs → chunk-6AWED2ZK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function RadioGroup({ className, ...props }) {
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkDWD754BX_cjs.cn("gap-md flex", className),
+      className: chunkOHIB3TEN_cjs.cn("gap-md flex", className),
       ...props
     }
   );
@@ -39,7 +39,7 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "group",
         "w-4",
         "h-4",
@@ -65,7 +65,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkDWD754BX_cjs.cn(
+              className: chunkOHIB3TEN_cjs.cn(
                 "m-auto",
                 "size-[8px]",
                 "rounded-full",

package/dist/{chunk-Z2GGX66U.cjs → chunk-6SV2J2GC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkME6B5H7U_cjs = require('./chunk-ME6B5H7U.cjs');
+var chunkHHP7ZB25_cjs = require('./chunk-HHP7ZB25.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerRadInput = react.forwardRef(
   function EulerRadInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkME6B5H7U_cjs.EulerInput, { ref, unit: "rad", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkHHP7ZB25_cjs.EulerInput, { ref, unit: "rad", ...props });
   }
 );
 

package/dist/chunk-6VB53UMO.mjs

@@ -0,0 +1,35 @@
+import { InputNumbers } from './chunk-WU3YZHOP.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PresetsInput = forwardRef(function PresetsInput2({ presets, value = 0, onChange, size, className, ...props }, ref) {
+  const [preset, setPreset] = useState(value);
+  const handleValueChange = (values) => {
+    const newValue = values[0];
+    setPreset(newValue);
+    onChange?.(newValue);
+  };
+  const handlePresetClick = (presetValue) => {
+    setPreset(presetValue);
+    onChange?.(presetValue);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("gap-xs grid grid-cols-5", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(
+      InputNumbers,
+      {
+        ...props,
+        ref,
+        size,
+        value: [preset],
+        onValuesChange: handleValueChange
+      }
+    ) }),
+    presets.map((p, i) => {
+      return /* @__PURE__ */ jsx(Button, { size, variant: "secondary", className: "h-6", onClick: () => handlePresetClick(p), children: p }, i);
+    })
+  ] });
+});
+
+export { PresetsInput };

package/dist/{chunk-3LO2GIJ4.cjs → chunk-76V4RD4V.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -37,34 +37,34 @@ var navigationButtonVariants = classVarianceAuthority.cva([
   "disabled:bg-bg-transparent"
 ]);
 var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkOHIB3TEN_cjs.cn(navigationVariants({ size, className })), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBHC7GX53_cjs.Button,
+      chunkNSQOQD43_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onBack,
         disabled: !canGoBack,
-        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        className: chunkOHIB3TEN_cjs.cn(navigationButtonVariants()),
         "aria-label": "Back",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBHC7GX53_cjs.Button,
+      chunkNSQOQD43_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onForward,
         disabled: !canGoForward,
-        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        className: chunkOHIB3TEN_cjs.cn(navigationButtonVariants()),
         "aria-label": "Forward",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn(navigationTitleVariants({ size })), children: title })
   ] });
 });
 

package/dist/{chunk-2JZMJ2ZP.mjs → chunk-7CTCK26U.mjs}

@@ -1,8 +1,8 @@
-import { Tabs } from './chunk-3GYDDYRD.mjs';
-import { Textarea } from './chunk-MXXKPTX3.mjs';
-import { SelectTrigger } from './chunk-C7WMCSNN.mjs';
-import { InputRoot } from './chunk-TNARVKPU.mjs';
-import { Button } from './chunk-3MSEMXKG.mjs';
+import { Tabs } from './chunk-B53A4WNW.mjs';
+import { Textarea } from './chunk-25RDJXX7.mjs';
+import { SelectTrigger } from './chunk-KY4I766B.mjs';
+import { InputRoot } from './chunk-JXALL32A.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-X6YX2NAS.cjs → chunk-7DFI7CUK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -38,7 +38,7 @@ function Textarea({ className, state, size, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
-      className: chunkDWD754BX_cjs.cn(textareaVariants({ className, state, size })),
+      className: chunkOHIB3TEN_cjs.cn(textareaVariants({ className, state, size })),
       "data-slot": "textarea",
       ...props
     }

package/dist/chunk-7LLDKYND.mjs

@@ -0,0 +1,243 @@
+import { ThemeScript } from './chunk-PQEAXTVY.mjs';
+import { createContext, useContext, useMemo, useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var colorSchemes = ["light", "dark"];
+var MEDIA = "(prefers-color-scheme: dark)";
+var isServer = typeof window === "undefined";
+var ThemeContext = 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 = useContext(ThemeContext);
+  if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+var ThemeProvider = (props) => {
+  const context = useContext(ThemeContext);
+  if (context) return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+  return /* @__PURE__ */ 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 = useMemo(() => {
+    return { baseTheme: defaultBaseTheme, isLiquid: defaultIsLiquid };
+  }, [defaultBaseTheme, defaultIsLiquid]);
+  const [baseTheme, setBaseThemeState] = useState(() => {
+    const stored = getFromLS(`${storageKey}-base`, "");
+    if (!stored) {
+      return initialState.baseTheme;
+    }
+    return ["light", "dark", "system"].includes(stored) ? stored : initialState.baseTheme;
+  });
+  const [isLiquid, setIsLiquidState] = useState(() => {
+    const stored = getFromLS(`${storageKey}-liquid`, "");
+    if (!stored) {
+      return initialState.isLiquid;
+    }
+    return stored === "true";
+  });
+  const [systemIsDark, setSystemIsDark] = useState(() => {
+    if (isServer) {
+      return false;
+    }
+    return window.matchMedia(MEDIA).matches;
+  });
+  const attrs = !value ? themes : Object.values(value);
+  const computedTheme = useMemo(
+    () => computeTheme(baseTheme, isLiquid, systemIsDark),
+    [baseTheme, isLiquid, systemIsDark]
+  );
+  const resolvedTheme = useMemo(() => {
+    if (forcedTheme) {
+      const parsed = parseOldTheme(forcedTheme);
+      return computeTheme(parsed.baseTheme, parsed.isLiquid, systemIsDark);
+    }
+    return computedTheme;
+  }, [forcedTheme, computedTheme, systemIsDark]);
+  const applyTheme = 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 = useCallback((newBaseTheme) => {
+    setBaseThemeState(newBaseTheme);
+    saveToLS(`${storageKey}-base`, newBaseTheme);
+  }, [storageKey]);
+  const toggleLiquid = useCallback(() => {
+    setIsLiquidState((prev) => {
+      const newValue = !prev;
+      saveToLS(`${storageKey}-liquid`, String(newValue));
+      return newValue;
+    });
+  }, [storageKey]);
+  const handleMediaQuery = useCallback(
+    (e) => {
+      const isDark = e.matches;
+      setSystemIsDark(isDark);
+    },
+    []
+  );
+  useEffect(() => {
+    const media = window.matchMedia(MEDIA);
+    media.addListener(handleMediaQuery);
+    handleMediaQuery(media);
+    return () => media.removeListener(handleMediaQuery);
+  }, [handleMediaQuery]);
+  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]);
+  useEffect(() => {
+    applyTheme(resolvedTheme);
+  }, [applyTheme, resolvedTheme]);
+  const contextValue = 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__ */ jsxs(ThemeContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ jsx(
+      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";
+};
+
+export { MEDIA, Theme, ThemeContext, ThemeProvider, colorSchemes, computeTheme, defaultThemes, disableAnimation, getFromLS, getSystemTheme, getTheme, isServer, parseOldTheme, saveToLS, useTheme };

package/dist/{chunk-TCVTXU7U.cjs → chunk-A5LCX2UQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
@@ -192,7 +192,7 @@ var CursorProvider = ({
       Component,
       {
         ...props,
-        className: chunkDWD754BX_cjs.cn(className),
+        className: chunkOHIB3TEN_cjs.cn(className),
         style: {
           cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
           ...props.style

package/dist/{chunk-EWAKGFQG.mjs → chunk-ABLQ4QRY.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';
@@ -58,7 +58,6 @@ var toggleGroupVariants = cva(
           "bg-bg-secondary",
           "hover:bg-group-hover",
           "border-solid border border-transparent -mr-[1px]",
-          "dark:border-solid dark:border dark:-mr-[1px]",
           "data-[state=on]:text-secondary-foreground",
           "data-[state=on]:bg-group-primary",
           "data-[state=on]:border-line-secondary",

package/dist/{chunk-DLHTCOQO.cjs → chunk-AHNVEAOM.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkBMUCXNQH_cjs = require('./chunk-BMUCXNQH.cjs');
-var chunkMKKH4EGP_cjs = require('./chunk-MKKH4EGP.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkD4W2G6CY_cjs = require('./chunk-D4W2G6CY.cjs');
+var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -507,7 +507,7 @@ function Timeline({
   }, [viewStart, viewDuration, updateCursor]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary text-text-primary border-line-primary/50 rounded-uk-md mx-auto w-full overflow-hidden border font-sans shadow-[0_4px_16px_0_var(--color-shadow-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(300px,30%)_1fr]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBMUCXNQH_cjs.TreeView,
+      chunkD4W2G6CY_cjs.TreeView,
       {
         data,
         getIcon,
@@ -558,7 +558,7 @@ function Timeline({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkDWD754BX_cjs.cn(
+                      className: chunkOHIB3TEN_cjs.cn(
                         "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
                         "z-" + zInd
                       ),
@@ -575,7 +575,7 @@ function Timeline({
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: chunkDWD754BX_cjs.cn(
+                  className: chunkOHIB3TEN_cjs.cn(
                     "relative h-[32px]",
                     hoveredId === item.id && "bg-bg-secondary/80"
                   ),
@@ -610,7 +610,7 @@ function Timeline({
                                   /* @__PURE__ */ jsxRuntime.jsx(
                                     "div",
                                     {
-                                      className: chunkDWD754BX_cjs.cn(
+                                      className: chunkOHIB3TEN_cjs.cn(
                                         "absolute top-1/2 left-0 h-2 w-px -translate-y-1/2",
                                         colorClasses[bar.color]
                                       )
@@ -619,7 +619,7 @@ function Timeline({
                                   /* @__PURE__ */ jsxRuntime.jsx(
                                     "div",
                                     {
-                                      className: chunkDWD754BX_cjs.cn(
+                                      className: chunkOHIB3TEN_cjs.cn(
                                         "absolute top-1/2 w-full -translate-y-1/2 border-t",
                                         borderColorClasses[bar.color]
                                       )
@@ -628,7 +628,7 @@ function Timeline({
                                   /* @__PURE__ */ jsxRuntime.jsx(
                                     "div",
                                     {
-                                      className: chunkDWD754BX_cjs.cn(
+                                      className: chunkOHIB3TEN_cjs.cn(
                                         "absolute top-1/2 right-0 h-2 w-px -translate-y-1/2",
                                         colorClasses[bar.color]
                                       )
@@ -640,7 +640,7 @@ function Timeline({
                             !isHaltedStep && /* @__PURE__ */ jsxRuntime.jsx(
                               "div",
                               {
-                                className: chunkDWD754BX_cjs.cn(
+                                className: chunkOHIB3TEN_cjs.cn(
                                   "rounded-uk-xs absolute top-0 left-0 flex h-full w-full items-center justify-center overflow-hidden",
                                   bar.color && colorClasses[bar.color],
                                   bar.hasStripes && "bg-[repeating-linear-gradient(-45deg,transparent,transparent_4px,rgba(0,0,0,0.1)_4px,rgba(0,0,0,0.1)_8px)]"
@@ -659,7 +659,7 @@ function Timeline({
                               return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute top-0 left-0 flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
                                 "span",
                                 {
-                                  className: chunkDWD754BX_cjs.cn(
+                                  className: chunkOHIB3TEN_cjs.cn(
                                     "text-uk-sm font-medium whitespace-nowrap",
                                     bar.color === "gray-light" || bar.color === "gray-medium" ? "text-slate-600 dark:text-slate-300" : "text-text-highlight"
                                   ),
@@ -670,7 +670,7 @@ function Timeline({
                             !isHaltedStep && bar.color && /* @__PURE__ */ jsxRuntime.jsx(
                               "div",
                               {
-                                className: chunkDWD754BX_cjs.cn(
+                                className: chunkOHIB3TEN_cjs.cn(
                                   "bg-bg-primary absolute top-1/2 z-10 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full border-2",
                                   borderColorClasses[bar.color]
                                 ),
@@ -706,8 +706,8 @@ function Timeline({
                       const eventId = `${item.id}-event-${index}`;
                       const showIcon = iconVisibleEvents.has(eventId);
                       const colorName = event.color || pointEventTypeColorMap[event.type];
-                      return /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMKKH4EGP_cjs.Tooltip, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      return /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLCCNBVKZ_cjs.Tooltip, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                           "div",
                           {
                             className: "absolute top-1/2 -translate-y-1/2",
@@ -715,13 +715,13 @@ function Timeline({
                             children: showIcon ? getPointEventIcon(event) : /* @__PURE__ */ jsxRuntime.jsx(
                               "div",
                               {
-                                className: chunkDWD754BX_cjs.cn("size-1.5 rounded-full"),
+                                className: chunkOHIB3TEN_cjs.cn("size-1.5 rounded-full"),
                                 style: { backgroundColor: colorName }
                               }
                             )
                           }
                         ) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: event.type }) })
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: event.type }) })
                       ] }) }, `${item.id}-event-${index}`);
                     })
                   ]
@@ -742,7 +742,7 @@ function Timeline({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: chunkDWD754BX_cjs.cn(
+                    className: chunkOHIB3TEN_cjs.cn(
                       "absolute h-0 w-0 border-y-[6px] border-r-[5px] border-y-transparent",
                       rightWedgeClasses[wedgeColor]
                     ),
@@ -770,7 +770,7 @@ function Timeline({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: chunkDWD754BX_cjs.cn(
+                    className: chunkOHIB3TEN_cjs.cn(
                       "absolute h-0 w-0 border-y-[6px] border-l-[5px] border-y-transparent",
                       leftWedgeClasses[wedgeColor]
                     ),

package/dist/{chunk-ERN4HL5A.mjs → chunk-AZBJB6KC.mjs}

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

package/dist/{chunk-3GYDDYRD.mjs → chunk-B53A4WNW.mjs}

@@ -1,6 +1,6 @@
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';