@vuer-ai/vuer-uikit 0.0.119 → 0.0.121

package/dist/{chunk-DYLDZJQC.cjs → chunk-COL2MXGC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.118" ;
+var PACKAGE_VERSION = "0.0.121" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "e81410d" ;
+var GIT_HASH = "f63c177" ;
 function PackageBadge({
   className,
   packageName,
@@ -39,7 +39,7 @@ function PackageBadge({
             "a",
             {
               href: linkable && npmUrl ? npmUrl : void 0,
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
                 "bg-alt-primary",
                 "text-text-secondary",

package/dist/chunk-CRY23RMB.mjs

@@ -0,0 +1,30 @@
+import { DockLayout, DockLayoutContent, DockLayoutTop, DockLayoutLeft, DockLayoutRight, DockLayoutBottom } from './chunk-RLY4A3IY.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName,
+  hideUI = false
+}) => {
+  const uiVisibilityClass = hideUI ? "invisible pointer-events-none" : "";
+  return /* @__PURE__ */ jsxs(DockLayout, { className, children: [
+    /* @__PURE__ */ jsx(DockLayoutContent, { className: contentClassName, children }),
+    top && /* @__PURE__ */ jsx(DockLayoutTop, { className: `${topClassName} ${uiVisibilityClass}`, children: top }),
+    /* @__PURE__ */ jsxs("div", { className: `flex h-full flex-row justify-between overflow-hidden ${uiVisibilityClass}`, children: [
+      left && /* @__PURE__ */ jsx(DockLayoutLeft, { className: leftClassName, children: left }),
+      right && /* @__PURE__ */ jsx(DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsx(DockLayoutBottom, { className: `${bottomClassName} ${uiVisibilityClass}`, children: bottom })
+  ] });
+};
+
+export { DockLayoutView };

package/dist/{chunk-CKGEV2JL.cjs → chunk-CV2EDA3W.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
+var chunkQF3JWGWX_cjs = require('./chunk-QF3JWGWX.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -8,7 +8,7 @@ var EulerInput = react.forwardRef(function EulerInput2({ value, onValuesChange,
   const unitSymbol = unit === "deg" ? "\xB0" : "rad";
   const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVIZRMYN_cjs.VectorInput,
+    chunkQF3JWGWX_cjs.VectorInput,
     {
       ref,
       value,

package/dist/{chunk-7AAMQGY2.cjs → chunk-CYWVJ3HF.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,7 +32,7 @@ var Avatar = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     "data-slot": "avatar",
-    className: chunkCRX2ZCM2_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+    className: chunk6LTCLQH3_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
     ...props
   }
 );
@@ -43,7 +43,7 @@ var AvatarImage = ({
   AvatarPrimitive__namespace.Image,
   {
     "data-slot": "avatar-image",
-    className: chunkCRX2ZCM2_cjs.cn("aspect-square size-full", className),
+    className: chunk6LTCLQH3_cjs.cn("aspect-square size-full", className),
     ...props
   }
 );
@@ -54,7 +54,7 @@ var AvatarFallback = ({
   AvatarPrimitive__namespace.Fallback,
   {
     "data-slot": "avatar-fallback",
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -70,11 +70,11 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
   const childrenArray = React__default.default.Children.toArray(children);
   const displayChildren = max ? childrenArray.slice(0, max) : childrenArray;
   const remainingCount = max && childrenArray.length > max ? childrenArray.length - max : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk6LTCLQH3_cjs.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
     remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "ring-background relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
@@ -88,7 +88,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
         return React__default.default.cloneElement(
           child,
           {
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               `ring-background relative ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
               child.props?.className
             )

package/dist/{chunk-EEYL7PDI.cjs → chunk-D5WTSBUX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkGEGPGQVH_cjs = require('./chunk-GEGPGQVH.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -31,7 +31,7 @@ function PopoverRoot({ ...props }) {
 function PopoverFallback({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "popover", ...props });
 }
-var Popover = chunkRPTRTGC2_cjs.createClientOnlyComponent(PopoverRoot, PopoverFallback);
+var Popover = chunkGEGPGQVH_cjs.createClientOnlyComponent(PopoverRoot, PopoverFallback);
 function PopoverTriggerRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
 }
@@ -45,7 +45,7 @@ function PopoverTriggerFallback({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-slot": "popover-trigger", ...props, children });
 }
-var PopoverTrigger = chunkRPTRTGC2_cjs.createClientOnlyComponent(PopoverTriggerRoot, PopoverTriggerFallback);
+var PopoverTrigger = chunkGEGPGQVH_cjs.createClientOnlyComponent(PopoverTriggerRoot, PopoverTriggerFallback);
 function PopoverContentRoot({
   className,
   align = "center",
@@ -58,7 +58,7 @@ function PopoverContentRoot({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
@@ -90,7 +90,7 @@ function PopoverContentFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "popover-content",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
@@ -106,7 +106,7 @@ function PopoverContentFallback({ className, ...props }) {
     }
   );
 }
-var PopoverContent = chunkRPTRTGC2_cjs.createClientOnlyComponent(PopoverContentRoot, PopoverContentFallback);
+var PopoverContent = chunkGEGPGQVH_cjs.createClientOnlyComponent(PopoverContentRoot, PopoverContentFallback);
 function PopoverAnchor({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { "data-slot": "popover-anchor", ...props });
 }

package/dist/{chunk-ASZIBFA6.cjs → chunk-DG2EVWIW.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -253,7 +253,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: chunkCRX2ZCM2_cjs.cn([
+      className: chunk6LTCLQH3_cjs.cn([
         "gap-xs touch-none select-none",
         !useGrid && "flex flex-col",
         cursorState === "default" && "cursor-crosshair",
@@ -267,7 +267,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
       ]),
       style: useGrid ? gridStyles : void 0,
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkF3HOBNGR_cjs.InputRoot,
+        chunkPMG3NZF5_cjs.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -286,7 +286,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
           onChange: valueChangeHandler(index),
           onKeyDown: handleKeyDown(index),
           "data-hover": "none",
-          className: chunkCRX2ZCM2_cjs.cn([
+          className: chunk6LTCLQH3_cjs.cn([
             "group/number-input",
             "cursor-text",
             cursorState === "dragging-x" && [
@@ -299,17 +299,17 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
             "data-[hover=x]:cursor-col-resize",
             "data-[hover=y]:cursor-ns-resize"
           ]),
-          inputClassName: chunkCRX2ZCM2_cjs.cn([
+          inputClassName: chunk6LTCLQH3_cjs.cn([
             "cursor-text",
             "group-data-[hover=x]/number-input:cursor-col-resize",
             "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
           children: [
             prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkF3HOBNGR_cjs.InputSlot,
+              chunkPMG3NZF5_cjs.InputSlot,
               {
                 side: "left",
-                className: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_cjs.cn(
                   "cursor-text",
                   "group-data-[hover=x]/number-input:cursor-col-resize",
                   "group-data-[hover=y]/number-input:cursor-ns-resize"
@@ -318,10 +318,10 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
               }
             ),
             suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkF3HOBNGR_cjs.InputSlot,
+              chunkPMG3NZF5_cjs.InputSlot,
               {
                 side: "right",
-                className: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_cjs.cn(
                   "cursor-text",
                   "group-data-[hover=x]/number-input:cursor-col-resize",
                   "group-data-[hover=y]/number-input:cursor-ns-resize"

package/dist/chunk-DGJ7E77I.mjs

@@ -0,0 +1,23 @@
+import { useTheme } from './chunk-FK6ZROZE.mjs';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+var Toaster = ({ ...props }) => {
+  const { baseTheme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: baseTheme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--bg-primary)",
+        "--normal-text": "var(--text-primary)",
+        "--normal-border": "var(--bg-secondary)"
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/{chunk-B7PLWNPX.mjs → chunk-DSQPFXYL.mjs}

@@ -1,11 +1,11 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-A6EASR27.mjs';
-import { Skeleton } from './chunk-BXZSWY4N.mjs';
-import { Separator } from './chunk-EXY6WRH4.mjs';
-import { InputRoot } from './chunk-SMXN2KOV.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { useIsMobile } from './chunk-XHJDRQD7.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-GHQA7PER.mjs';
+import { Skeleton } from './chunk-QYJZ5KA6.mjs';
+import { Separator } from './chunk-N6KP2HIC.mjs';
+import { InputRoot } from './chunk-HGTL7DFT.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
+import { useIsMobile } from './chunk-H3JRYX2U.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
@@ -106,7 +106,10 @@ function Sidebar({
       "div",
       {
         "data-slot": "sidebar",
-        className: cn("flex h-full w-(--sidebar-width) flex-col", className),
+        className: cn(
+          "bg-bg-primary text-text-primary flex h-full w-(--sidebar-width) flex-col",
+          className
+        ),
         ...props,
         children
       }
@@ -137,7 +140,7 @@ function Sidebar({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "group peer hidden md:block",
+      className: "group peer text-text-primary hidden md:block",
       "data-state": state,
       "data-collapsible": state === "collapsed" ? collapsible : "",
       "data-variant": variant,
@@ -183,7 +186,7 @@ function Sidebar({
   );
 }
 function SidebarTrigger({ className, onClick, ...props }) {
-  const { toggleSidebar, state } = useSidebar();
+  const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxs(
     Button,
     {
@@ -191,12 +194,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       icon: true,
-      className: cn(
-        "absolute top-[0px] size-7 transition-[left] duration-200 ease-linear",
-        state === "collapsed" && "left-[2px]",
-        state === "expanded" && "left-[var(--sidebar-width)]",
-        className
-      ),
+      className: cn("size-7 transition-[left] duration-200 ease-linear", className),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -239,7 +237,7 @@ function SidebarInset({ className, ...props }) {
     {
       "data-slot": "sidebar-inset",
       className: cn(
-        "relative flex w-full flex-1 flex-col",
+        "bg-bg-primary relative flex w-full flex-1 flex-col",
         "md:peer-data-[variant=inset]:rounded-uk-xl md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         className
       ),
@@ -289,7 +287,7 @@ function SidebarSeparator({ className, ...props }) {
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
-      className: cn("bg-line-primary", className),
+      className: cn("bg-line-primary mr-0", className),
       ...props
     }
   );
@@ -301,7 +299,7 @@ function SidebarContent({ className, ...props }) {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
       className: cn(
-        "px-md lgflex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        "px-md flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         className
       ),
       ...props
@@ -402,17 +400,17 @@ function SidebarMenuItem({ className, ...props }) {
   );
 }
 var sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-md overflow-hidden rounde-uk-md text-left text-uk-lg leading-uk-lg outline-hidden ring-sidebar-ring transition-[width,height,padding] text-text-primary focus-visible:ring-2 active:text-text-highlight disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 font-medium group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-[16px] [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-md overflow-hidden rounded-uk-md p-2 text-left text-uk-lg leading-uk-lg outline-hidden ring-sidebar-ring transition-[width,height,padding] text-text-primary hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-bg-secondary active:text-text-highlight disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:bg-bg-secondary data-[active=true]:text-text-highlight group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg:not([class*='size-'])]:size-4 [&>svg:not([class*='size-'])]:shrink-0",
   {
     variants: {
       variant: {
-        default: "",
-        outline: ""
+        default: "hover:bg-bg-secondary hover:text-secondary",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-bg-tertiary hover:text-text-tertiary hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
       },
       size: {
         default: "h-[36px] text-uk-lg leading-uk-lg",
         sm: "h-[30px] text-uk-sm leading-uk-sm",
-        lg: "h-[32px] text-uk-lg leading-uk-lg group-data-[collapsible=icon]:p-0!"
+        lg: "h-[32px] text-uk-lg leading-uk-lg px-lg py-sm group-data-[collapsible=icon]:p-0!"
       }
     },
     defaultVariants: {

package/dist/chunk-DVUN6GQI.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useIsMobile.ts
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = react.useState(void 0);
+  react.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+exports.useIsMobile = useIsMobile;

package/dist/chunk-E7ACJ3NX.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var chunkQF3JWGWX_cjs = require('./chunk-QF3JWGWX.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EulerRadInput = react.forwardRef(function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
+  const displayValues = react.useMemo(() => {
+    if (display === "deg") {
+      return value.map((v) => v * 180 / Math.PI);
+    } else if (display === "pi") {
+      return value.map((v) => v / Math.PI);
+    }
+    return value;
+  }, [value, display]);
+  const handleChange = (displayVals) => {
+    let radValues;
+    if (display === "deg") {
+      radValues = displayVals.map((v) => v * Math.PI / 180);
+    } else if (display === "pi") {
+      radValues = displayVals.map((v) => v * Math.PI);
+    } else {
+      radValues = displayVals;
+    }
+    onValuesChange?.(radValues);
+  };
+  const unitSymbol = react.useMemo(() => {
+    if (display === "deg") return "\xB0";
+    if (display === "pi") return "\u03C0";
+    return "rad";
+  }, [display]);
+  const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQF3JWGWX_cjs.VectorInput,
+    {
+      ref,
+      value: displayValues,
+      onValuesChange: handleChange,
+      labels,
+      ...props
+    }
+  );
+});
+
+exports.EulerRadInput = EulerRadInput;

package/dist/{chunk-T4U3BG2V.mjs → chunk-EGJLY5VZ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { useState, useRef, useEffect } from 'react';

package/dist/{chunk-IPMQ63BJ.cjs → chunk-EMZEL54F.cjs}

@@ -1,8 +1,7 @@
 'use strict';
 
 var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
-var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -36,20 +35,16 @@ var useTabsContext = () => {
   }
   return context;
 };
-function TabsRoot({ className, size = "base", ...props }) {
+function Tabs({ className, size = "base", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
       "data-slot": "tabs",
-      className: chunkCRX2ZCM2_cjs.cn("flex w-full flex-col", className),
+      className: chunk6LTCLQH3_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: chunkCRX2ZCM2_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"], {
   variants: {
     size: {
@@ -62,31 +57,31 @@ var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center"
     size: "base"
   }
 });
-function TabsListRoot({ className, ...props }) {
-  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+function TabsList({ className, onMouseLeave, ...props }) {
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
-    {
-      onMouseLeave: () => setCursorTarget(null),
-      "data-slot": "tabs-list",
-      className: chunkCRX2ZCM2_cjs.cn(tabsListVariants({ size }), "justify-start", className),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TabsListInner, { className, size, onMouseLeave, ...props }) });
 }
-function TabsListFallback({ className, ...props }) {
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+function TabsListInner({
+  className,
+  size,
+  onMouseLeave,
+  ...props
+}) {
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  const handleMouseLeave = (e) => {
+    setCursorTarget(null);
+    onMouseLeave?.(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
     {
+      onMouseLeave: handleMouseLeave,
       "data-slot": "tabs-list",
-      className: chunkCRX2ZCM2_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      className: chunk6LTCLQH3_cjs.cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
-  ) });
+  );
 }
-var TabsList = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsListRoot, TabsListFallback);
 var tabsTriggerVariants = classVarianceAuthority.cva(
   [
     "inline-flex",
@@ -102,8 +97,9 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     "shrink-0",
     "[&_svg]:shrink-0",
     "outline-none",
-    "text-text-primary",
+    "text-text-secondary",
     "data-[state=active]:bg-bg-secondary",
+    "data-[state=active]:text-text-primary",
     "data-[state=active]:font-medium"
   ],
   {
@@ -119,7 +115,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-function TabsTriggerRoot({ className, ...props }) {
+function TabsTrigger({ className, ...props }) {
   const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
   const { size } = useTabsContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -127,39 +123,21 @@ function TabsTriggerRoot({ className, ...props }) {
     {
       onMouseEnter: (e) => setCursorTarget(e.currentTarget),
       "data-slot": "tabs-trigger",
-      className: chunkCRX2ZCM2_cjs.cn(tabsTriggerVariants({ size }), className),
-      ...props
-    }
-  );
-}
-function TabsTriggerFallback({ className, ...props }) {
-  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
-      "data-slot": "tabs-trigger",
-      className: chunkCRX2ZCM2_cjs.cn(tabsTriggerVariants({ size }), className),
+      className: chunk6LTCLQH3_cjs.cn(tabsTriggerVariants({ size }), className),
       ...props
     }
   );
 }
-var TabsTrigger = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsTriggerRoot, TabsTriggerFallback);
-function TabsContentRoot({ className, ...props }) {
+function TabsContent({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
     {
       "data-slot": "tabs-content",
-      className: chunkCRX2ZCM2_cjs.cn("flex-1 outline-none", className),
+      className: chunk6LTCLQH3_cjs.cn("flex-1 outline-none", className),
       ...props
     }
   );
 }
-function TabsContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkCRX2ZCM2_cjs.cn("flex-1 outline-none", className), ...props });
-}
-var TabsContent = chunkRPTRTGC2_cjs.createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
 
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;

package/dist/{chunk-7AEOJFD4.cjs → chunk-EOTGD64D.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkDG2EVWIW_cjs = require('./chunk-DG2EVWIW.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, displa
     return "rad";
   }, [display]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkDG2EVWIW_cjs.InputNumbers,
     {
       ref,
       value: [displayValue],

package/dist/{chunk-K2ZYSKRU.mjs → chunk-EZ536NLQ.mjs}

@@ -1,5 +1,5 @@
 import { colorClasses } from './chunk-4U232QAX.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function TimelineEvent({

package/dist/chunk-FB3M2JJV.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
+var chunkEMZEL54F_cjs = require('./chunk-EMZEL54F.cjs');
+var chunk6VIKDPCD_cjs = require('./chunk-6VIKDPCD.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunkYAFKQ5ZV_cjs = require('./chunk-YAFKQ5ZV.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkR22VW3EK_cjs.Button);
+var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkEMZEL54F_cjs.Tabs);
+var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkPMG3NZF5_cjs.InputRoot);
+var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkYAFKQ5ZV_cjs.SelectTrigger);
+var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk6VIKDPCD_cjs.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;