@vuer-ai/vuer-uikit 0.0.119 → 0.0.121

package/dist/{chunk-MNCBTS63.cjs → chunk-4TRHQ7MJ.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');
 
@@ -29,7 +29,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value.replace(/^#/, ""));
           onChange?.(e);
         },
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           [
             "h-6",
             "w-6",
@@ -48,7 +48,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkF3HOBNGR_cjs.InputRoot,
+      chunkPMG3NZF5_cjs.InputRoot,
       {
         ...props,
         size: "sm",
@@ -59,7 +59,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value);
           onChange?.(e);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { children: "#" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { children: "#" })
       }
     )
   ] });

package/dist/{chunk-F2LEYFWW.cjs → chunk-4WKFVKFF.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.22" ;
-var DIAL_GIT_HASH = "32b0d39" ;
+var DIAL_PACKAGE_VERSION = "0.0.23" ;
+var DIAL_GIT_HASH = "93872f6" ;
 function DialBadge({
   className,
   package: showPackage = true,
@@ -21,7 +21,7 @@ function DialBadge({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center",
         className
       ),
@@ -43,7 +43,7 @@ function DialBadge({
           "a",
           {
             href: linkable ? 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-EEGQLTSQ.cjs → chunk-4WWGBRQV.cjs}

@@ -4,6 +4,76 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/tree-view/hooks.tsx
+function getDescendantIds(itemId, data, childrenMap) {
+  const descendants = [];
+  const children = childrenMap.get(itemId) || [];
+  children.forEach((child) => {
+    descendants.push(child.id);
+    descendants.push(...getDescendantIds(child.id, data, childrenMap));
+  });
+  return descendants;
+}
+function getAncestorIds(itemId, data) {
+  const ancestors = [];
+  const dataMap = new Map(data.map((item) => [item.id, item]));
+  let current = dataMap.get(itemId)?.parentId;
+  while (current) {
+    ancestors.push(current);
+    current = dataMap.get(current)?.parentId;
+  }
+  return ancestors;
+}
+function isIndirectlySelected(itemId, selectedIds, data) {
+  const ancestors = getAncestorIds(itemId, data);
+  return ancestors.some((ancestorId) => selectedIds.has(ancestorId));
+}
+function getMultiSelectState(itemId, selectedIds, data) {
+  if (isIndirectlySelected(itemId, selectedIds, data)) {
+    return "indirect";
+  }
+  if (selectedIds.has(itemId)) {
+    return "selected";
+  }
+  return "unselected";
+}
+function getRangeIds(lastSelectedId, currentId, data) {
+  if (!lastSelectedId) {
+    return [currentId];
+  }
+  const lastIndex = data.findIndex((item) => item.id === lastSelectedId);
+  const currentIndex = data.findIndex((item) => item.id === currentId);
+  if (lastIndex === -1 || currentIndex === -1) {
+    return [currentId];
+  }
+  const startIndex = Math.min(lastIndex, currentIndex);
+  const endIndex = Math.max(lastIndex, currentIndex);
+  const rangeIds = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    rangeIds.push(data[i].id);
+  }
+  return rangeIds;
+}
+function cleanIndirectSelectedNodes(selectedIds, data) {
+  const cleanedIds = /* @__PURE__ */ new Set();
+  for (const id of selectedIds) {
+    const isNodeIndirectlySelected = isIndirectlySelected(id, selectedIds, data);
+    if (!isNodeIndirectlySelected) {
+      cleanedIds.add(id);
+    }
+  }
+  return cleanedIds;
+}
+function getAdjacentSelectionState(itemId, selectedIds, data) {
+  const currentIndex = data.findIndex((item) => item.id === itemId);
+  if (currentIndex === -1) {
+    return { hasPrevSelected: false, hasNextSelected: false };
+  }
+  const prevIndex = currentIndex - 1;
+  const hasPrevSelected = prevIndex >= 0 && getMultiSelectState(data[prevIndex].id, selectedIds, data) !== "unselected";
+  const nextIndex = currentIndex + 1;
+  const hasNextSelected = nextIndex < data.length && getMultiSelectState(data[nextIndex].id, selectedIds, data) !== "unselected";
+  return { hasPrevSelected, hasNextSelected };
+}
 function useTreeSearch({
   data,
   searchQuery,
@@ -225,5 +295,12 @@ function useTreeState({
   };
 }
 
+exports.cleanIndirectSelectedNodes = cleanIndirectSelectedNodes;
+exports.getAdjacentSelectionState = getAdjacentSelectionState;
+exports.getAncestorIds = getAncestorIds;
+exports.getDescendantIds = getDescendantIds;
+exports.getMultiSelectState = getMultiSelectState;
+exports.getRangeIds = getRangeIds;
+exports.isIndirectlySelected = isIndirectlySelected;
 exports.useTreeSearch = useTreeSearch;
 exports.useTreeState = useTreeState;

package/dist/chunk-4Y5IF7R5.mjs

@@ -0,0 +1,322 @@
+import { cn } from './chunk-HBEU2PU2.mjs';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        [
+          "bg-bg-primary",
+          "p-md",
+          "data-[state=open]:animate-in",
+          "data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0",
+          "data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95",
+          "data-[state=open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "relative",
+          "z-50",
+          "max-h-(--radix-context-menu-content-available-height)",
+          "origin-(--radix-context-menu-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg"
+        ],
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Group,
+    {
+      "data-slot": "context-menu-group",
+      className: cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "px-sm",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground",
+          variant === "destructive" && "text-text-danger"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        [
+          "w-full",
+          "hover:bg-bg-tertiary",
+          "outline-hidden",
+          "relative",
+          "flex",
+          "cursor-default",
+          "select-none",
+          "items-center",
+          "gap-md",
+          "rounded-uk-xs",
+          "py-xs",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "pr-md",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn("text-text-secondary text-uk-sm leading-uk-sm pb-lg pt-xs px-sm", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-line-primary my-lg pointer-events-none h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("text-text-tertiary text-uk-sm leading-uk-sm ml-auto", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "w-full",
+        "flex",
+        "gap-md",
+        "items-center",
+        "px-sm",
+        "py-xs",
+        "relative",
+        "cursor-default",
+        "rounded-uk-xs",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "outline-hidden",
+        "select-none",
+        "hover:bg-bg-tertiary",
+        "data-[state=open]:bg-bg-tertiary",
+        "data-[disabled]:pointer-events-none",
+        "data-[disabled]:text-bg-quaternary",
+        "[&_svg]:pointer-events-none",
+        "[&_svg]:shrink-0",
+        "[&_svg:not([class*='size-'])]:size-4",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "bg-bg-primary",
+        "p-md",
+        "data-[state=open]:animate-in",
+        "data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0",
+        "data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95",
+        "data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        "relative",
+        "z-50",
+        "max-h-(--radix-context-menu-content-available-height)",
+        "origin-(--radix-context-menu-content-transform-origin)",
+        "overflow-x-hidden",
+        "overflow-y-auto",
+        "rounded-uk-md",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/{chunk-24SOZV7S.mjs → chunk-4YVKJKWV.mjs}

@@ -1,7 +1,6 @@
 import { useTheme } from './chunk-FK6ZROZE.mjs';
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
 import { PanelsTopLeft, LayoutTemplate, SunMoon, Moon, Sun } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -20,7 +19,7 @@ var LiquidToggle = ({ className, ...props }) => {
         children: isLiquid ? /* @__PURE__ */ jsx(PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsx(LayoutTemplate, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
+    /* @__PURE__ */ jsx(TooltipContent, { children: isLiquid ? "Dock Layout" : "Liquid Layout" })
   ] });
 };
 var ThemeColorToggle = (props) => {
@@ -48,15 +47,5 @@ var ThemeColorToggle = (props) => {
     }
   );
 };
-var ThemeToggles = ({
-  className,
-  liquidToggleProps = {},
-  colorToggleProps = {}
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex", className), children: [
-    /* @__PURE__ */ jsx(LiquidToggle, { ...liquidToggleProps }),
-    /* @__PURE__ */ jsx(ThemeColorToggle, { ...colorToggleProps })
-  ] });
-};
 
-export { LiquidToggle, ThemeColorToggle, ThemeToggles };
+export { LiquidToggle, ThemeColorToggle };

package/dist/{chunk-X6WOCNBX.cjs → chunk-57NITJN5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,7 +35,7 @@ var CollapsibleContent2 = ({
   CollapsiblePrimitive__namespace.CollapsibleContent,
   {
     "data-slot": "collapsible-content",
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       [
         "overflow-hidden",
         "data-[state=open]:animate-collapsible-down",

package/dist/{chunk-QWBMDS3S.cjs → chunk-5HT74RHB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function LeftWedge({ item, classes, viewStart }) {
@@ -9,11 +9,11 @@ function LeftWedge({ item, classes, viewStart }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn("relative flex h-[32px] w-0 flex-row justify-items-center"),
+      className: chunk6LTCLQH3_cjs.cn("relative flex h-[32px] w-0 flex-row justify-items-center"),
       children: isOffscreenLeft && item.color ? /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkCRX2ZCM2_cjs.cn(
+          className: chunk6LTCLQH3_cjs.cn(
             "my-auto border-y-[6px] border-r-[5px] border-y-transparent",
             classes[item.color]
           )
@@ -29,11 +29,11 @@ function RightWedge({ item, classes, viewEnd }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn("relative flex h-[32px] w-0 flex-row justify-items-center"),
+      className: chunk6LTCLQH3_cjs.cn("relative flex h-[32px] w-0 flex-row justify-items-center"),
       children: isOffscreenRight && item.color ? /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkCRX2ZCM2_cjs.cn(
+          className: chunk6LTCLQH3_cjs.cn(
             "my-auto border-y-[6px] border-l-[5px] border-y-transparent",
             classes[item.color]
           )

package/dist/{chunk-4ODJAEOM.mjs → chunk-5JYH7TXY.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';

package/dist/{chunk-OJOWMXXY.mjs → chunk-67H3OSM3.mjs}

@@ -1,9 +1,9 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.22" ;
-var DIAL_GIT_HASH = "32b0d39" ;
+var DIAL_PACKAGE_VERSION = "0.0.23" ;
+var DIAL_GIT_HASH = "93872f6" ;
 function DialBadge({
   className,
   package: showPackage = true,

package/dist/{chunk-2CD4D2BR.cjs → chunk-6CJWNYHL.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.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: chunkCRX2ZCM2_cjs.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_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-CRX2ZCM2.cjs → chunk-6LTCLQH3.cjs}

@@ -17,6 +17,10 @@ var twMerge = tailwindMerge.extendTailwindMerge({
       p: ["p-xxs", "p-xs", "p-sm", "p-md", "p-lg", "p-xl"],
       py: ["py-xxs", "py-xs", "py-sm", "py-md", "py-lg", "py-xl"],
       px: ["px-xxs", "px-xs", "px-sm", "px-md", "px-lg", "px-xl"],
+      pt: ["pt-xxs", "pt-xs", "pt-sm", "pt-md", "pt-lg", "pt-xl"],
+      pb: ["pb-xxs", "pb-xs", "pb-sm", "pb-md", "pb-lg", "pb-xl"],
+      pl: ["pl-xxs", "pl-xs", "pl-sm", "pl-md", "pl-lg", "pl-xl"],
+      pr: ["pr-xxs", "pr-xs", "pr-sm", "pr-md", "pr-lg", "pr-xl"],
       "font-size": [
         "text-uk-xs",
         "text-uk-sm",
@@ -24,7 +28,8 @@ var twMerge = tailwindMerge.extendTailwindMerge({
         "text-uk-lg",
         "text-uk-xl",
         "text-uk-xxl"
-      ]
+      ],
+      "text-color": ["text-text-primary", "text-text-highlight"]
     }
   }
 });

package/dist/{chunk-TQKX345P.mjs → chunk-6NSLYQ35.mjs}

@@ -1,5 +1,5 @@
-import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-WKK5UX2W.mjs → chunk-6U6LRS37.mjs}

@@ -1,6 +1,6 @@
-import { buttonVariants } from './chunk-4ODJAEOM.mjs';
+import { buttonVariants } from './chunk-5JYH7TXY.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-4OUQ6NSX.cjs → chunk-6VIKDPCD.cjs}

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