@vuer-ai/vuer-uikit 0.0.55 → 0.0.57

package/README.md

@@ -72,12 +72,12 @@ Using CSS Variables and color utilities for theming.
 
 ```css
 @theme inline {
-  --brand-primary: var(--bg-custom-primary);
-  --brand-secondary: var(--bg-custom-secondary);
+    --brand-primary: var(--bg-custom-primary);
+    --brand-hover: var(--bg-custom-secondary);
 }
 
 :root {
-  --bg-custom-primary: rgba(0, 123, 255, 1);
-  --bg-custom-secondary: rgba(82, 177, 255, 1);
+    --bg-custom-primary: rgba(0, 123, 255, 1);
+    --bg-custom-secondary: rgba(82, 177, 255, 1);
 }
 ```

package/dist/{chunk-KYWKRMXK.js → chunk-2CM7Y2NL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -36,7 +36,7 @@ function Separator({
       "data-slot": "separator-root",
       decorative,
       orientation,
-      className: chunk7KYAICHB_js.cn(
+      className: chunkYUTSR2OT_js.cn(
         "bg-line-primary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         className
       ),

package/dist/{chunk-PY5KHH5C.js → chunk-2FX5DAJ6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -30,7 +30,7 @@ var CheckboxRoot = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRun
   CheckboxPrimitive__namespace.Root,
   {
     "data-slot": "checkbox",
-    className: chunk7KYAICHB_js.cn(
+    className: chunkYUTSR2OT_js.cn(
       "group",
       "relative",
       "w-[16px]",
@@ -60,12 +60,12 @@ var CheckboxRoot = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRun
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunk7KYAICHB_js.cn(
+        className: chunkYUTSR2OT_js.cn(
           "absolute",
           "inset-0",
           "m-auto",
-          "w-3/5",
-          "h-3/5",
+          "w-[8px]",
+          "h-[8px]",
           "bg-brand-primary",
           "group-disabled:bg-bg-tertiary"
         )
@@ -74,7 +74,7 @@ var CheckboxRoot = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRun
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunk7KYAICHB_js.cn(
+        className: chunkYUTSR2OT_js.cn(
           "flex",
           "items-center",
           "justify-center",
@@ -92,7 +92,7 @@ var CheckboxFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     "data-slot": "checkbox",
-    className: chunk7KYAICHB_js.cn(
+    className: chunkYUTSR2OT_js.cn(
       "w-[16px]",
       "h-[16px]",
       "rounded-[3px]",

package/dist/{chunk-6C6V7VLS.js → chunk-2O67IMMG.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,7 +36,7 @@ var AvatarRoot = ({
   AvatarPrimitive__namespace.Root,
   {
     "data-slot": "avatar",
-    className: chunk7KYAICHB_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+    className: chunkYUTSR2OT_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
     ...props
   }
 );
@@ -44,7 +44,7 @@ var AvatarSSRFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     "data-slot": "avatar",
-    className: chunk7KYAICHB_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
+    className: chunkYUTSR2OT_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
   }
 );
 var Avatar = chunkQG7ZF6TO_js.createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
@@ -55,11 +55,11 @@ var AvatarImageRoot = ({
   AvatarPrimitive__namespace.Image,
   {
     "data-slot": "avatar-image",
-    className: chunk7KYAICHB_js.cn("aspect-square size-full", className),
+    className: chunkYUTSR2OT_js.cn("aspect-square size-full", className),
     ...props
   }
 );
-var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunk7KYAICHB_js.cn("aspect-square size-full", className) });
+var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunkYUTSR2OT_js.cn("aspect-square size-full", className) });
 var AvatarImage = chunkQG7ZF6TO_js.createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
 var AvatarFallbackRoot = ({
   className,
@@ -68,7 +68,7 @@ var AvatarFallbackRoot = ({
   AvatarPrimitive__namespace.Fallback,
   {
     "data-slot": "avatar-fallback",
-    className: chunk7KYAICHB_js.cn(
+    className: chunkYUTSR2OT_js.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -82,7 +82,7 @@ var AvatarFallbackSSR = ({
   "span",
   {
     "data-slot": "avatar-fallback",
-    className: chunk7KYAICHB_js.cn(
+    className: chunkYUTSR2OT_js.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -99,11 +99,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: chunk7KYAICHB_js.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYUTSR2OT_js.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
     remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: chunk7KYAICHB_js.cn(
+        className: chunkYUTSR2OT_js.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: [
@@ -113,14 +113,13 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
       }
     ),
     displayChildren.reverse().map((child) => {
-      var _a;
       if (React__default.default.isValidElement(child)) {
         return React__default.default.cloneElement(
           child,
           {
-            className: chunk7KYAICHB_js.cn(
+            className: chunkYUTSR2OT_js.cn(
               `ring-background relative ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
-              (_a = child.props) == null ? void 0 : _a.className
+              child.props?.className
             )
           }
         );

package/dist/{chunk-EL4FTB5J.mjs → chunk-35VAGVXG.mjs}

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

package/dist/chunk-3EAUURAO.mjs

@@ -0,0 +1,27 @@
+import { cn } from './chunk-KVFUDYD3.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Toolbar({ className, children, variant = "default", size = "md" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "bg-bg-secondary flex items-center gap-2 shadow-sm",
+        size === "sm" && "rounded-uk-md p-1.5",
+        size === "md" && "rounded-uk-lg p-1.5",
+        size === "lg" && "rounded-uk-xl p-1.5",
+        variant === "floating" && "rounded-[var(--radius-uk-md)] bg-white shadow-lg dark:bg-gray-900" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
+        className
+      ),
+      children
+    }
+  );
+}
+function ToolbarGroup({ className, children }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), children });
+}
+function ToolbarSeparator({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-line-primary h-4 w-0.5 rounded-full", className) });
+}
+
+export { Toolbar, ToolbarGroup, ToolbarSeparator };

package/dist/{chunk-JWFD5H5L.js → chunk-3LLZLTYM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var vaul = require('vaul');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,7 +24,7 @@ function DrawerOverlay({
     vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: chunk7KYAICHB_js.cn(
+      className: chunkYUTSR2OT_js.cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
         className
       ),
@@ -43,7 +43,7 @@ function DrawerContent({
       vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
-        className: chunk7KYAICHB_js.cn(
+        className: chunkYUTSR2OT_js.cn(
           "group/drawer-content bg-bg-primary liquid:liquid-bg p-xl fixed z-50 flex h-auto flex-col shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh]",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:pt-0",
@@ -65,7 +65,7 @@ function DrawerHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-header",
-      className: chunk7KYAICHB_js.cn("gap-md pb-xl flex flex-col", className),
+      className: chunkYUTSR2OT_js.cn("gap-md pb-xl flex flex-col", className),
       ...props
     }
   );
@@ -75,7 +75,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: chunk7KYAICHB_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      className: chunkYUTSR2OT_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
       ...props
     }
   );
@@ -85,7 +85,7 @@ function DrawerTitle({ className, ...props }) {
     vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
-      className: chunk7KYAICHB_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      className: chunkYUTSR2OT_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
       ...props
     }
   );
@@ -98,7 +98,7 @@ function DrawerDescription({
     vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
-      className: chunk7KYAICHB_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      className: chunkYUTSR2OT_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
       ...props
     }
   );

package/dist/{chunk-YKL2SFIC.js → chunk-3PGI6A2I.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk7E25WN6I_js = require('./chunk-7E25WN6I.js');
+var chunkW4AQEJU6_js = require('./chunk-W4AQEJU6.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerRadInput = react.forwardRef(
   function EulerRadInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7E25WN6I_js.EulerInput, { ref, unit: "rad", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkW4AQEJU6_js.EulerInput, { ref, unit: "rad", ...props });
   }
 );
 

package/dist/{chunk-DZXMZBAQ.mjs → chunk-3RNKEHVV.mjs}

@@ -1,7 +1,7 @@
-import { Badge } from './chunk-IZCHLZ4H.mjs';
+import { Badge } from './chunk-Q27ILZE6.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.55" ;
+var PACKAGE_VERSION = "0.0.57" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,
@@ -15,7 +15,7 @@ function VersionBadge({
   const badge = /* @__PURE__ */ jsx(
     Badge,
     {
-      variant: "accent",
+      variant: "secondary",
       className,
       style: linkable ? { cursor: "pointer" } : void 0,
       children: displayVersion

package/dist/{chunk-DDG2W6BX.mjs → chunk-54AT7VFI.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-WM2VP7MI.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { cva } from 'class-variance-authority';
 import { ChevronRight } from 'lucide-react';
@@ -27,7 +27,7 @@ var TreeViewRoot = forwardRef(
     const [draggedItem, setDraggedItem] = useState(null);
     const handleSelectChange = useCallback(
       (item) => {
-        setSelectedItemId(item == null ? void 0 : item.id);
+        setSelectedItemId(item?.id);
         if (onSelectChange) {
           onSelectChange(item);
         }
@@ -109,17 +109,7 @@ var TreeViewRoot = forwardRef(
 );
 TreeViewRoot.displayName = "TreeViewRoot";
 var TreeViewFallback = forwardRef(
-  ({
-    data,
-    initialSelectedItemId,
-    onSelectChange,
-    expandAll,
-    defaultLeafIcon,
-    defaultNodeIcon,
-    className,
-    onDocumentDrag,
-    ...props
-  }, ref) => {
+  ({ data, initialSelectedItemId, onSelectChange, className, ...props }, ref) => {
     const [selectedItemId, setSelectedItemId] = useState(initialSelectedItemId);
     const dataArray = Array.isArray(data) ? data : [data];
     return /* @__PURE__ */ jsx(
@@ -137,10 +127,9 @@ var TreeViewFallback = forwardRef(
               selectedItemId === item.id && selectedTreeVariants()
             ),
             onClick: () => {
-              var _a;
               setSelectedItemId(item.id);
-              onSelectChange == null ? void 0 : onSelectChange(item);
-              (_a = item.onClick) == null ? void 0 : _a.call(item);
+              onSelectChange?.(item);
+              item.onClick?.();
             },
             children: /* @__PURE__ */ jsx("span", { className: "text-uk-sm leading-uk-sm z-10 flex-grow truncate", children: item.name })
           }
@@ -215,7 +204,7 @@ var TreeNode = ({
       return;
     }
     e.dataTransfer.setData("text/plain", item.id);
-    handleDragStart == null ? void 0 : handleDragStart(item);
+    handleDragStart?.(item);
   };
   const onDragOver = (e) => {
     if (item.droppable !== false && draggedItem && draggedItem.id !== item.id) {
@@ -229,12 +218,11 @@ var TreeNode = ({
   const onDrop = (e) => {
     e.preventDefault();
     setIsDragOver(false);
-    handleDrop == null ? void 0 : handleDrop(item);
+    handleDrop?.(item);
   };
   const handleSelect = () => {
-    var _a;
     handleSelectChange(item);
-    (_a = item.onClick) == null ? void 0 : _a.call(item);
+    item.onClick?.();
   };
   return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { type: "multiple", value, onValueChange: (s) => setValue(s), children: /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: item.id, children: [
     /* @__PURE__ */ jsx(
@@ -337,7 +325,7 @@ var TreeLeaf = forwardRef(
         return;
       }
       e.dataTransfer.setData("text/plain", item.id);
-      handleDragStart == null ? void 0 : handleDragStart(item);
+      handleDragStart?.(item);
     };
     const onDragOver = (e) => {
       if (item.droppable !== false && !item.disabled && draggedItem && draggedItem.id !== item.id) {
@@ -352,7 +340,7 @@ var TreeLeaf = forwardRef(
       if (item.disabled) return;
       e.preventDefault();
       setIsDragOver(false);
-      handleDrop == null ? void 0 : handleDrop(item);
+      handleDrop?.(item);
     };
     return /* @__PURE__ */ jsxs(
       "div",
@@ -367,10 +355,9 @@ var TreeLeaf = forwardRef(
           item.disabled && "text-text-tertiary pointer-events-none cursor-not-allowed"
         ),
         onClick: () => {
-          var _a;
           if (item.disabled) return;
           handleSelectChange(item);
-          (_a = item.onClick) == null ? void 0 : _a.call(item);
+          item.onClick?.();
         },
         draggable: !!item.draggable && !item.disabled,
         onDragStart,

package/dist/{chunk-3EC5RXZ4.js → chunk-5N5JXHOS.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk7E25WN6I_js = require('./chunk-7E25WN6I.js');
+var chunkW4AQEJU6_js = require('./chunk-W4AQEJU6.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerDegInput = react.forwardRef(
   function EulerDegInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7E25WN6I_js.EulerInput, { ref, unit: "deg", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkW4AQEJU6_js.EulerInput, { ref, unit: "deg", ...props });
   }
 );
 

package/dist/{chunk-AQENEOV3.mjs → chunk-5T7CZMWF.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-WM2VP7MI.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';

package/dist/{chunk-X4FMXFT3.mjs → chunk-6BP2DXBP.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-WM2VP7MI.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
@@ -42,8 +42,8 @@ var CheckboxRoot = ({ className, checkall, ...props }) => /* @__PURE__ */ jsx(
           "absolute",
           "inset-0",
           "m-auto",
-          "w-3/5",
-          "h-3/5",
+          "w-[8px]",
+          "h-[8px]",
           "bg-brand-primary",
           "group-disabled:bg-bg-tertiary"
         )

package/dist/{chunk-GJW5EH5E.js → chunk-6F42IK5W.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk37WZTN4K_js = require('./chunk-37WZTN4K.js');
-var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
-var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
+var chunkQEN7FX5Z_js = require('./chunk-QEN7FX5Z.js');
+var chunkJ2TJJ4YH_js = require('./chunk-J2TJJ4YH.js');
+var chunkZLY5KFWU_js = require('./chunk-ZLY5KFWU.js');
 var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
 var chunkOASPTOVZ_js = require('./chunk-OASPTOVZ.js');
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidToggleButton = ({ className, ...props }) => {
-  const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const { theme, setTheme, storageKey } = chunkQEN7FX5Z_js.useTheme();
   const document = chunkOASPTOVZ_js.useDocument();
   const handleLiquidToggle = () => {
     let newTheme;
@@ -34,9 +34,9 @@ var LiquidToggleButton = ({ className, ...props }) => {
   };
   const isLiquid = theme === "liquid-light" || theme === "liquid-dark";
   const isSystem = theme === "system";
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkER6XHUS7_js.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX6APNY5D_js.Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJ2TJJ4YH_js.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJ2TJJ4YH_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZLY5KFWU_js.Button,
       {
         icon: true,
         variant: "ghost",
@@ -44,16 +44,16 @@ var LiquidToggleButton = ({ className, ...props }) => {
         "aria-label": `Toggle liquid theme: ${isSystem ? "disabled (system mode)" : isLiquid ? "on" : "off"}`,
         ...props,
         onClick: handleLiquidToggle,
-        className: chunk7KYAICHB_js.cn(className, isSystem && "cursor-not-allowed opacity-50"),
+        className: chunkYUTSR2OT_js.cn(className, isSystem && "cursor-not-allowed opacity-50"),
         disabled: isSystem,
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipContent, { children: "Toggle liquid theme" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJ2TJJ4YH_js.TooltipContent, { children: "Toggle liquid theme" })
   ] });
 };
 var ThemeToggleButton = (props) => {
-  const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const { theme, setTheme, storageKey } = chunkQEN7FX5Z_js.useTheme();
   const document = chunkOASPTOVZ_js.useDocument();
   const handleThemeChange = () => {
     let newTheme;
@@ -78,7 +78,7 @@ var ThemeToggleButton = (props) => {
   const isDark = theme === "dark" || theme === "liquid-dark";
   const isSystem = theme === "system";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX6APNY5D_js.Button,
+    chunkZLY5KFWU_js.Button,
     {
       icon: true,
       variant: "ghost",
@@ -91,11 +91,11 @@ var ThemeToggleButton = (props) => {
 };
 var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
   LiquidToggleButton,
-  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkZLY5KFWU_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
 );
 var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
   ThemeToggleButton,
-  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkZLY5KFWU_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
 );
 
 exports.LiquidToggle = LiquidToggle;

package/dist/{chunk-ZLYXB2BN.js → chunk-6MFBKLXK.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkTBCV5QVJ_js = require('./chunk-TBCV5QVJ.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "\xB0", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkTBCV5QVJ_js.NumberInput, { ref, unit: "\xB0", ...props });
 });
 
 exports.DegInput = DegInput;

package/dist/chunk-6NZGA4MJ.mjs

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/layouts/dock-layout/index.tsx
+function DockLayout() {
+  return /* @__PURE__ */ jsxs("div", { className: "dock-layout", children: [
+    /* @__PURE__ */ jsx("div", { className: "dock-layout__header", children: "Header" }),
+    /* @__PURE__ */ jsx("div", { className: "dock-layout__sidebar", children: "Sidebar" }),
+    /* @__PURE__ */ jsx("div", { className: "dock-layout__content", children: "Content" }),
+    /* @__PURE__ */ jsx("div", { className: "dock-layout__footer", children: "Footer" })
+  ] });
+}
+
+export { DockLayout };

package/dist/{chunk-53PX4SCN.js → chunk-6SOMNSM7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 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: chunk7KYAICHB_js.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      className: chunkYUTSR2OT_js.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: chunk7KYAICHB_js.cn(
+      className: chunkYUTSR2OT_js.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-ZRS4RQCJ.mjs → chunk-73TF5NNK.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-36Q5EL3V.mjs';
+import { VectorInput } from './chunk-BMDY75R6.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-K6R7H7R2.mjs → chunk-7C24XIM4.mjs}

@@ -1,5 +1,4 @@
-import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-WM2VP7MI.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -25,7 +24,7 @@ var toggleVariants = cva(
       variant: {
         primary: [
           "text-text-primary",
-          "data-[state=on]:text-text-highlight",
+          "data-[state=on]:text-text-withbg",
           "data-[state=on]:bg-brand-primary",
           "hover:bg-bg-secondary"
         ],
@@ -69,7 +68,7 @@ var toggleVariants = cva(
     }
   }
 );
-function ToggleRoot({
+function Toggle({
   className,
   variant,
   size,
@@ -84,21 +83,5 @@ function ToggleRoot({
     }
   );
 }
-function ToggleFallback({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var Toggle = createClientOnlyComponent(ToggleRoot, ToggleFallback);
 
 export { Toggle, toggleVariants };

package/dist/{chunk-JOWWKLBU.js → chunk-7EI4ZGGO.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkTBCV5QVJ_js = require('./chunk-TBCV5QVJ.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "in", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkTBCV5QVJ_js.NumberInput, { ref, unit: "in", ...props });
 });
 
 exports.InchInput = InchInput;