@vuer-ai/vuer-uikit 0.0.73 → 0.0.75

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-KBVBN5Q3.mjs

@@ -0,0 +1,18 @@
+import { InputNumbers } from './chunk-WU3YZHOP.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DegInput = forwardRef(function DegInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      suffix: ["\xB0"],
+      ...props
+    }
+  );
+});
+
+export { DegInput };

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-BPGKIZ6G.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 = ({
@@ -16,7 +16,13 @@ var LiquidLayoutView = ({
   contentClassName
 }) => {
   return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsx(LiquidLayoutContent, { className: cn("flex flex-col items-center justify-center", contentClassName), children }),
+    /* @__PURE__ */ jsx(
+      LiquidLayoutContent,
+      {
+        className: cn("absolute flex flex-col items-center justify-center", contentClassName),
+        children
+      }
+    ),
     bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: cn("mt-4", bottomClassName), children: bottom }),
     right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: rightClassName, children: right }),
     left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: leftClassName, children: left }),

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-QFMQNY4G.cjs → chunk-LBWMTA5T.cjs}

@@ -3,7 +3,7 @@
 var react = require('react');
 
 // src/hooks/useDocument.tsx
-function subscribe(callback) {
+function subscribe() {
   return () => {
   };
 }

package/dist/{chunk-MKKH4EGP.cjs → chunk-LCCNBVKZ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -71,6 +71,7 @@ function TooltipContent({
   className,
   sideOffset = 0,
   children,
+  side,
   ...props
 }) {
   const [isClient, setIsClient] = react.useState(false);
@@ -80,14 +81,29 @@ function TooltipContent({
   if (!isClient) {
     return null;
   }
+  const getLiquidBgClass = (side2) => {
+    switch (side2) {
+      case "top":
+        return "liquid:liquid-bg-tooltip-top";
+      case "bottom":
+        return "liquid:liquid-bg-tooltip-bottom";
+      case "left":
+        return "liquid:liquid-bg-tooltip-left";
+      case "right":
+        return "liquid:liquid-bg-tooltip-right";
+      default:
+        return "liquid:liquid-bg-tooltip-top";
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     TooltipPrimitive__namespace.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
-      className: chunkDWD754BX_cjs.cn(
+      side,
+      className: chunkOHIB3TEN_cjs.cn(
         "bg-bg-primary",
-        "liquid:liquid-bg",
+        getLiquidBgClass(side),
         "text-text-primary",
         "animate-in",
         "text-uk-sm",
@@ -117,13 +133,13 @@ function TooltipContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           TooltipPrimitive__namespace.Arrow,
           {
-            className: chunkDWD754BX_cjs.cn(
+            className: chunkOHIB3TEN_cjs.cn(
               "z-50",
               "h-[9px] w-[20px]",
               "border-none",
               "bg-bg-primary",
               "fill-bg-primary",
-              "liquid:liquid-bg-svg"
+              "liquid:liquid-bg-tooltip-arrow"
             ),
             style: {
               clipPath: "polygon(50% 100%, 0% 0%, 100% 0%)",

package/dist/{chunk-7JYI3VUI.mjs → chunk-LG3PNH2P.mjs}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-3MSEMXKG.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { cva } from 'class-variance-authority';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { forwardRef } from 'react';

package/dist/chunk-LKEPALXM.mjs

@@ -0,0 +1,18 @@
+import { InputNumbers } from './chunk-WU3YZHOP.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var InchInput = forwardRef(function InchInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      suffix: ["in"],
+      ...props
+    }
+  );
+});
+
+export { InchInput };

package/dist/{chunk-VL72NS6K.cjs → chunk-LNKZATCP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var ResizablePrimitive = require('react-resizable-panels');
 var jsxRuntime = require('react/jsx-runtime');
@@ -30,7 +30,7 @@ function ResizablePanelGroup({ className, ...props }) {
     ResizablePrimitive__namespace.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
-      className: chunkDWD754BX_cjs.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      className: chunkOHIB3TEN_cjs.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
       ...props
     }
   );
@@ -43,7 +43,7 @@ function ResizableHandle({ withHandle, className, children, ...props }) {
     ResizablePrimitive__namespace.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
         className
       ),

package/dist/chunk-LP3AGGRK.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function NavigationControls({
+  viewDuration,
+  handlePan,
+  handleZoomDragStart
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-bg-primary/75 flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => handlePan("left"),
+        className: "hover:bg-bg-secondary rounded-full p-1",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "text-uk-sm hover:bg-bg-secondary/50 w-24 cursor-col-resize rounded px-1 py-0.5 text-center font-mono transition-colors select-none",
+        onMouseDown: handleZoomDragStart,
+        children: chunkG2ZYONQO_cjs.formatDuration(viewDuration)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => handlePan("right"),
+        className: "hover:bg-bg-secondary rounded-full p-1",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+      }
+    )
+  ] }) });
+}
+
+exports.NavigationControls = NavigationControls;

package/dist/{chunk-DQLLLY3Y.cjs → chunk-LPVBUX2J.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -51,7 +51,7 @@ function ModalOverlay({ className, ...props }) {
     DialogPrimitive__namespace.Overlay,
     {
       "data-slot": "modal-overlay",
-      className: chunkDWD754BX_cjs.cn(modalOverlayVariants(), className),
+      className: chunkOHIB3TEN_cjs.cn(modalOverlayVariants(), className),
       ...props
     }
   );
@@ -90,7 +90,7 @@ function ModalContent({
       DialogPrimitive__namespace.Content,
       {
         "data-slot": "modal-content",
-        className: chunkDWD754BX_cjs.cn(modalContentVariants(), className),
+        className: chunkOHIB3TEN_cjs.cn(modalContentVariants(), className),
         ...props,
         children: [
           children,
@@ -98,7 +98,7 @@ function ModalContent({
             DialogPrimitive__namespace.Close,
             {
               "data-slot": "modal-close",
-              className: chunkDWD754BX_cjs.cn(
+              className: chunkOHIB3TEN_cjs.cn(
                 "absolute",
                 "right-[16px]",
                 "top-[16px]",
@@ -124,14 +124,14 @@ function ModalContent({
   ] });
 }
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkDWD754BX_cjs.cn("flex flex-col", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkOHIB3TEN_cjs.cn("flex flex-col", className), ...props });
 }
 function ModalTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Title,
     {
       "data-slot": "modal-title",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "text-text-highlight",
         "text-uk-lg",
         "leading-uk-lg",
@@ -150,7 +150,7 @@ function ModalDescription({ className, ...props }) {
     DialogPrimitive__namespace.Description,
     {
       "data-slot": "modal-description",
-      className: chunkDWD754BX_cjs.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      className: chunkOHIB3TEN_cjs.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
       ...props
     }
   );
@@ -160,7 +160,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "modal-footer",
-      className: chunkDWD754BX_cjs.cn("w-full", "flex", "justify-end", "gap-xs", className),
+      className: chunkOHIB3TEN_cjs.cn("w-full", "flex", "justify-end", "gap-xs", className),
       ...props
     }
   );

package/dist/{chunk-QCD2WTD3.mjs → chunk-LQOPO4KU.mjs}

@@ -64,11 +64,7 @@ function useLocalStorage(key, initialValue) {
   const getServerSnapshot = useCallback(() => {
     return initialValueRef.current;
   }, []);
-  const storedValue = useSyncExternalStore(
-    subscribe,
-    getSnapshot,
-    getServerSnapshot
-  );
+  const storedValue = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
   const setValue = useCallback(
     (value) => {
       try {

package/dist/{chunk-K6UUQ27N.cjs → chunk-M4IHJGJE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var LabelPrimitive = require('@radix-ui/react-label');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
@@ -43,7 +43,7 @@ var labelVariants = classVarianceAuthority.cva(
   }
 );
 var Label = React__namespace.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkDWD754BX_cjs.cn(labelVariants({ size }), className), ...props })
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkOHIB3TEN_cjs.cn(labelVariants({ size }), className), ...props })
 );
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
 

package/dist/{chunk-X46KNBED.mjs → chunk-MDBCKCGI.mjs}

@@ -1,5 +1,5 @@
-import { InputRoot, InputSlot } from './chunk-IWPVLQSF.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { InputRoot, InputSlot } from './chunk-JXALL32A.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { forwardRef, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -25,9 +25,9 @@ var ColorInput = forwardRef(function ColorInput2({ className, value, defaultValu
             "rounded-1",
             "[appearance:none]",
             "[&::-webkit-color-swatch-wrapper]:p-0",
-            "[&::-webkit-color-swatch]:border-0",
+            "[&::-webkit-color-swatch]:border-line-primary",
             "[&::-webkit-color-swatch]:rounded-lg",
-            "[&::-moz-color-swatch]:border-0",
+            "[&::-moz-color-swatch]:border-line-primary",
             "[&::-moz-color-swatch]:rounded-lg"
           ],
           className

package/dist/{chunk-NVELFLAS.mjs → chunk-MDUGPQEK.mjs}

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

package/dist/chunk-MVAFOQ67.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/waterfall/TimeRuleEventDot.tsx
+function TimeRuleEventDot({ percent }) {
+  if (percent < 0 || percent > 100) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "bg-bg-tertiary absolute top-1/2 z-0 h-1 w-1 -translate-y-1/2 rounded-full",
+      style: { left: `${percent}%` }
+    }
+  );
+}
+
+exports.TimeRuleEventDot = TimeRuleEventDot;

package/dist/chunk-N6DSPSMM.mjs

@@ -0,0 +1,45 @@
+import { colorClasses } from './chunk-4U232QAX.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function TimelineEvent({
+  item,
+  isHovered,
+  onMouseEnter,
+  onMouseLeave,
+  onClick,
+  timeToPercent
+}) {
+  if (item?.time === void 0 || item?.time === null) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("relative h-[32px]", isHovered && "bg-bg-secondary"),
+      onMouseEnter,
+      onMouseLeave,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
+            "border-bg-primary h-3 w-3 rotate-45 border-2",
+            item.color && colorClasses[item.color],
+            onClick && "cursor-pointer transition-transform hover:scale-110"
+          ),
+          style: {
+            left: `${timeToPercent(item.time)}%`
+          },
+          onClick: (e) => {
+            if (onClick && item.time !== void 0) {
+              e.stopPropagation();
+              onClick(item.time);
+            }
+          },
+          title: item.label
+        }
+      )
+    }
+  );
+}
+
+export { TimelineEvent };

package/dist/{chunk-ORNTGLPP.mjs → chunk-NO35POZW.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 AvatarPrimitive from '@radix-ui/react-avatar';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-VEO4NX4C.cjs → chunk-NQVD3ZW4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,7 +15,7 @@ function Layout({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Com,
     {
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         {
           "items-baseline": align === "baseline",
           "items-center": align === "center",