@vuer-ai/vuer-uikit 0.0.74 → 0.0.76

package/dist/chunk-SYXRPCBO.cjs

@@ -0,0 +1,220 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/tree-view/hooks.tsx
+function useTreeSearch({
+  data,
+  searchQuery,
+  isCaseSensitive = false,
+  isRegex = false
+}) {
+  const [isRegexValid, setIsRegexValid] = react.useState(true);
+  const { filteredData, matchingIds, searchResultsCount } = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      return {
+        filteredData: data,
+        matchingIds: /* @__PURE__ */ new Set(),
+        searchResultsCount: 0
+      };
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    const directMatchIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return {
+          filteredData: [],
+          matchingIds: /* @__PURE__ */ new Set(),
+          searchResultsCount: 0
+        };
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        directMatchIds.add(item.id);
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    const filtered = data.filter((item) => matchingAndAncestorIds.has(item.id));
+    return {
+      filteredData: filtered,
+      matchingIds: directMatchIds,
+      searchResultsCount: directMatchIds.size
+    };
+  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
+  const renderLabel = react.useCallback((label, itemId) => {
+    if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
+    ) });
+  }, [searchQuery, isCaseSensitive, isRegexValid, matchingIds]);
+  return {
+    filteredData,
+    searchResultsCount,
+    isRegexValid,
+    renderLabel,
+    hasActiveSearch: !!searchQuery
+  };
+}
+function useTreeState({
+  data,
+  defaultExpanded = true,
+  expandedItems: externalExpandedItems,
+  onToggleItem: externalOnToggleItem
+}) {
+  const [internalExpandedItems, setInternalExpandedItems] = react.useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    if (defaultExpanded) {
+      data.forEach((item) => {
+        if (item.isCollapsible) initial.add(item.id);
+      });
+    }
+    return initial;
+  });
+  const expandedItems = externalExpandedItems ?? internalExpandedItems;
+  const toggleItem = react.useCallback((id) => {
+    if (externalOnToggleItem) {
+      externalOnToggleItem(id);
+    } else {
+      setInternalExpandedItems((prev) => {
+        const newSet = new Set(prev);
+        if (newSet.has(id)) {
+          newSet.delete(id);
+        } else {
+          newSet.add(id);
+        }
+        return newSet;
+      });
+    }
+  }, [externalOnToggleItem]);
+  const expandAll = react.useCallback(() => {
+    const allCollapsible = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) allCollapsible.add(item.id);
+    });
+    if (externalExpandedItems) {
+      allCollapsible.forEach((id) => {
+        if (!expandedItems.has(id) && externalOnToggleItem) {
+          externalOnToggleItem(id);
+        }
+      });
+    } else {
+      setInternalExpandedItems(allCollapsible);
+    }
+  }, [data, expandedItems, externalExpandedItems, externalOnToggleItem]);
+  const collapseAll = react.useCallback(() => {
+    if (externalExpandedItems) {
+      expandedItems.forEach((id) => {
+        if (externalOnToggleItem) {
+          externalOnToggleItem(id);
+        }
+      });
+    } else {
+      setInternalExpandedItems(/* @__PURE__ */ new Set());
+    }
+  }, [expandedItems, externalExpandedItems, externalOnToggleItem]);
+  const childrenMap = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const hasDescendants = react.useCallback((itemId) => {
+    return (childrenMap.get(itemId) || []).length > 0;
+  }, [childrenMap]);
+  const dataWithMeta = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    const sortedData = [];
+    const visited = /* @__PURE__ */ new Set();
+    const traverseNode = (nodeId) => {
+      const children = childrenMap.get(nodeId) || [];
+      children.forEach((child) => {
+        if (!visited.has(child.id)) {
+          visited.add(child.id);
+          sortedData.push(child);
+          traverseNode(child.id);
+        }
+      });
+    };
+    traverseNode(null);
+    return sortedData.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = react.useMemo(() => {
+    const isVisible = (item) => {
+      return item.ancestors.every(
+        (ancestor) => !ancestor.isCollapsible || expandedItems.has(ancestor.id)
+      );
+    };
+    return dataWithMeta.filter(isVisible);
+  }, [dataWithMeta, expandedItems]);
+  return {
+    visibleData,
+    expandedItems,
+    toggleItem,
+    expandAll,
+    collapseAll,
+    hasDescendants,
+    dataWithMeta
+  };
+}
+
+exports.useTreeSearch = useTreeSearch;
+exports.useTreeState = useTreeState;

package/dist/{chunk-2JDLZHCB.cjs → chunk-T2RTITL6.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkWVQ4FHYY_cjs = require('./chunk-WVQ4FHYY.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkYQCSEMRB_cjs = require('./chunk-YQCSEMRB.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -77,6 +77,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
         if (Math.abs(totalDeltaY) > 2 || Math.abs(totalDeltaX) > 2) {
           dragDirection.current = "y";
           setCursorState("dragging-y");
+          Array.from(inputs.current.values()).forEach((input) => {
+            input?.blur();
+          });
         }
       } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5) {
         dragDirection.current = "x";
@@ -155,10 +158,10 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
         const inputValue = e.target.value;
         if (inputValue === "" || !isNaN(Number(inputValue))) {
           const newValue = value.map((v, i) => {
-            if (inputValue === "") {
-              return "";
+            if (i === index) {
+              return inputValue === "" ? "" : Number(inputValue);
             }
-            return i === index ? Number(inputValue) : v;
+            return v;
           });
           onValuesChange?.(newValue);
         }
@@ -166,6 +169,26 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
     },
     [onValuesChange, value]
   );
+  const handleKeyDown = React.useCallback(
+    (index) => {
+      return (e) => {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const direction = e.key === "ArrowUp" ? 1 : -1;
+          const currentValue = value[index] || 0;
+          const newValue = Number((currentValue + direction * step).toPrecision(6));
+          const updatedValues = value.map((v, i) => {
+            if (i === index) {
+              return newValue;
+            }
+            return v;
+          });
+          onValuesChange?.(updatedValues);
+        }
+      };
+    },
+    [value, onValuesChange, step]
+  );
   if (value?.length === 0) {
     throw new Error("`value` cannot be an empty array");
   }
@@ -174,7 +197,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: chunkDWD754BX_cjs.cn([
+      className: chunkOHIB3TEN_cjs.cn([
         "gap-xs flex touch-none flex-col select-none",
         cursorState === "default" && "cursor-crosshair",
         cursorState === "dragging-y" && "cursor-ns-resize",
@@ -186,7 +209,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
         "data-[hover=y]:cursor-ns-resize"
       ]),
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkWVQ4FHYY_cjs.InputRoot,
+        chunkYQCSEMRB_cjs.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -202,8 +225,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
             inputs.current.get(index.toString())?.focus();
           },
           onChange: valueChangeHandler(index),
+          onKeyDown: handleKeyDown(index),
           "data-hover": "none",
-          className: chunkDWD754BX_cjs.cn([
+          className: chunkOHIB3TEN_cjs.cn([
             "group/number-input",
             "cursor-text",
             cursorState === "dragging-x" && [
@@ -216,17 +240,17 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
             "data-[hover=x]:cursor-col-resize",
             "data-[hover=y]:cursor-ns-resize"
           ]),
-          inputClassName: chunkDWD754BX_cjs.cn([
+          inputClassName: chunkOHIB3TEN_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(
-              chunkWVQ4FHYY_cjs.InputSlot,
+              chunkYQCSEMRB_cjs.InputSlot,
               {
                 side: "left",
-                className: chunkDWD754BX_cjs.cn(
+                className: chunkOHIB3TEN_cjs.cn(
                   "cursor-text",
                   "group-data-[hover=x]/number-input:cursor-col-resize",
                   "group-data-[hover=y]/number-input:cursor-ns-resize"
@@ -235,10 +259,10 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
               }
             ),
             suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWVQ4FHYY_cjs.InputSlot,
+              chunkYQCSEMRB_cjs.InputSlot,
               {
                 side: "right",
-                className: chunkDWD754BX_cjs.cn(
+                className: chunkOHIB3TEN_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-3AVBTPE6.mjs → chunk-TSHZODTT.mjs}

@@ -1,10 +1,10 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.74" ;
+var PACKAGE_VERSION = "0.0.76" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "15b30a4" ;
+var GIT_HASH = "9073cde" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-IDEJBDZT.cjs → chunk-TUYG6BYZ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function TimelineEvent({
@@ -16,13 +16,13 @@ function TimelineEvent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkDWD754BX_cjs.cn("relative h-[32px]", isHovered && "bg-bg-secondary"),
+      className: chunkOHIB3TEN_cjs.cn("relative h-[32px]", isHovered && "bg-bg-secondary"),
       onMouseEnter,
       onMouseLeave,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkDWD754BX_cjs.cn(
+          className: chunkOHIB3TEN_cjs.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 && chunkG2ZYONQO_cjs.colorClasses[item.color],

package/dist/{chunk-PJYCN74V.cjs → chunk-TZC4ST5T.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -87,7 +87,7 @@ function DropdownMenuContentRoot({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "bg-bg-primary",
           "p-md",
@@ -122,7 +122,7 @@ function DropdownMenuContentFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "dropdown-menu-content",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "bg-bg-primary",
           "p-md",
@@ -152,13 +152,13 @@ function DropdownMenuGroupRoot({
     DropdownMenuPrimitive__namespace.Group,
     {
       "data-slot": "dropdown-menu-group",
-      className: chunkDWD754BX_cjs.cn("space-y-xs", className),
+      className: chunkOHIB3TEN_cjs.cn("space-y-xs", className),
       ...props
     }
   );
 }
 function DropdownMenuGroupFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dropdown-menu-group", className: chunkDWD754BX_cjs.cn("space-y-xs", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dropdown-menu-group", className: chunkOHIB3TEN_cjs.cn("space-y-xs", className), ...props });
 }
 var DropdownMenuGroup = chunkRPTRTGC2_cjs.createClientOnlyComponent(
   DropdownMenuGroupRoot,
@@ -176,7 +176,7 @@ function DropdownMenuItemRoot({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "flex",
@@ -217,7 +217,7 @@ function DropdownMenuItemFallback({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "flex",
@@ -258,7 +258,7 @@ function DropdownMenuCheckboxItemRoot({
     DropdownMenuPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "flex",
@@ -302,7 +302,7 @@ function DropdownMenuCheckboxItemFallback({
     "div",
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "flex",
@@ -358,7 +358,7 @@ function DropdownMenuRadioItemRoot({
     DropdownMenuPrimitive__namespace.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "hover:bg-bg-tertiary",
@@ -400,7 +400,7 @@ function DropdownMenuRadioItemFallback({
     "div",
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         [
           "w-full",
           "hover:bg-bg-tertiary",
@@ -445,7 +445,7 @@ function DropdownMenuLabelRoot({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: chunkDWD754BX_cjs.cn("text-text-secondary text-uk-sm leading-uk-xs pb-lg pt-xs px-sm", className),
+      className: chunkOHIB3TEN_cjs.cn("text-text-secondary text-uk-sm leading-uk-xs pb-lg pt-xs px-sm", className),
       ...props
     }
   );
@@ -460,7 +460,7 @@ function DropdownMenuLabelFallback({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: chunkDWD754BX_cjs.cn("text-text-secondary text-uk-sm leading-uk-xs px-2 py-1.5", className),
+      className: chunkOHIB3TEN_cjs.cn("text-text-secondary text-uk-sm leading-uk-xs px-2 py-1.5", className),
       ...props
     }
   );
@@ -477,7 +477,7 @@ function DropdownMenuSeparatorRoot({
     DropdownMenuPrimitive__namespace.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: chunkDWD754BX_cjs.cn("bg-line-primary my-lg pointer-events-none h-px", className),
+      className: chunkOHIB3TEN_cjs.cn("bg-line-primary my-lg pointer-events-none h-px", className),
       ...props
     }
   );
@@ -487,7 +487,7 @@ function DropdownMenuSeparatorFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "dropdown-menu-separator",
-      className: chunkDWD754BX_cjs.cn("bg-line-primary my-lg pointer-events-none h-px", className),
+      className: chunkOHIB3TEN_cjs.cn("bg-line-primary my-lg pointer-events-none h-px", className),
       ...props
     }
   );
@@ -501,7 +501,7 @@ function DropdownMenuShortcut({ className, ...props }) {
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: chunkDWD754BX_cjs.cn("text-text-tertiary text-uk-sm leading-uk-xs ml-auto", className),
+      className: chunkOHIB3TEN_cjs.cn("text-text-tertiary text-uk-sm leading-uk-xs ml-auto", className),
       ...props
     }
   );
@@ -524,7 +524,7 @@ function DropdownMenuSubTriggerRoot({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "w-full",
         "flex",
         "gap-md",
@@ -567,7 +567,7 @@ function DropdownMenuSubTriggerFallback({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "w-full",
         "flex",
         "gap-md",
@@ -608,7 +608,7 @@ function DropdownMenuSubContentRoot({
     DropdownMenuPrimitive__namespace.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "bg-bg-primary",
         "p-md",
         "data-[state=open]:animate-in",
@@ -641,7 +641,7 @@ function DropdownMenuSubContentFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "bg-bg-primary",
         "p-md",
         "relative",

package/dist/{chunk-J3ZWVQT7.mjs → chunk-U4OZ35J3.mjs}

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

package/dist/{chunk-WTUAR2X5.cjs → chunk-UCRLH44Q.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');
 
@@ -9,7 +9,7 @@ function LiquidLayout({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "pointer-events-none relative z-1 grid h-full w-full grid-cols-3 grid-rows-[1fr_auto] flex-col justify-between overflow-hidden p-4",
         className
       )
@@ -17,14 +17,14 @@ function LiquidLayout({ className, ...props }) {
   );
 }
 function LiquidLayoutContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkDWD754BX_cjs.cn("pointer-events-auto absolute inset-0 -z-1", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkOHIB3TEN_cjs.cn("pointer-events-auto absolute inset-0 -z-1", className) });
 }
 function LiquidLayoutLeft({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "order-2 col-start-1 flex flex-col items-start gap-4 [&>*]:pointer-events-auto",
         className
       )
@@ -36,7 +36,7 @@ function LiquidLayoutTop({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "order-3 col-start-2 flex items-start justify-center [&>*]:pointer-events-auto",
         className
       )
@@ -53,7 +53,7 @@ function LiquidLayoutRight({
     Comp,
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "order-4 col-start-3 flex flex-col items-end gap-4 [&>*]:pointer-events-auto",
         className
       )
@@ -70,7 +70,7 @@ function LiquidLayoutBottom({
     Comp,
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "order-5 col-span-3 col-start-1 flex justify-center [&>*]:pointer-events-auto",
         className
       )

package/dist/{chunk-LH5AV54U.cjs → chunk-UULSGVNF.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 react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -12,7 +12,7 @@ var DockLayout = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkDWD754BX_cjs.cn("relative flex h-full w-full flex-col overflow-hidden", className)
+        className: chunkOHIB3TEN_cjs.cn("relative flex h-full w-full flex-col overflow-hidden", className)
       }
     );
   }
@@ -23,7 +23,7 @@ function DockLayoutContent({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "relative flex flex-1 flex-col items-center justify-center overflow-auto",
         className
       )
@@ -36,7 +36,7 @@ function DockLayoutLeft({ className, asChild, ...props }) {
     Comp,
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
         className
       )
@@ -48,7 +48,7 @@ function DockLayoutTop({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "absolute top-4 left-1/2 z-20 flex -translate-x-1/2 transform items-start justify-center",
         className
       )
@@ -61,7 +61,7 @@ function DockLayoutRight({ className, asChild, ...props }) {
     Comp,
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
+      className: chunkOHIB3TEN_cjs.cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
     }
   );
 }
@@ -73,7 +73,7 @@ var DockLayoutBottom = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkDWD754BX_cjs.cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
+        className: chunkOHIB3TEN_cjs.cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
       }
     );
   }

package/dist/{chunk-LAZO5ZDT.mjs → chunk-V2IP7UUV.mjs}

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