@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-JEWTYDLX.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ColorInput = react.forwardRef(function ColorInput2({ className, value, defaultValue, onChange, onValueChange, ...props }, ref) {
+  const normalizeColor = (colorValue) => {
+    if (colorValue === void 0 || colorValue === null) {
+      return "ffffff";
+    }
+    if (typeof colorValue === "number") {
+      if (colorValue > 16777215) {
+        const hex = colorValue.toString(16).padStart(8, "0");
+        return hex.slice(0, 6);
+      }
+      return colorValue.toString(16).padStart(6, "0");
+    }
+    if (typeof colorValue === "string") {
+      const trimmed = colorValue.trim().toLowerCase();
+      if (trimmed.startsWith("0x")) {
+        const hex = trimmed.slice(2);
+        if (hex.length > 6) {
+          return hex.slice(0, 6);
+        }
+        return hex.padStart(6, "0");
+      }
+      if (trimmed.startsWith("#")) {
+        const hex = trimmed.slice(1);
+        if (hex.length === 3) {
+          return hex.split("").map((c) => c + c).join("");
+        }
+        if (hex.length === 4) {
+          return hex.slice(0, 3).split("").map((c) => c + c).join("");
+        }
+        if (hex.length > 6) {
+          return hex.slice(0, 6);
+        }
+        return hex;
+      }
+      const rgbMatch = trimmed.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
+      if (rgbMatch) {
+        const r = Math.min(255, parseInt(rgbMatch[1], 10)).toString(16).padStart(2, "0");
+        const g = Math.min(255, parseInt(rgbMatch[2], 10)).toString(16).padStart(2, "0");
+        const b = Math.min(255, parseInt(rgbMatch[3], 10)).toString(16).padStart(2, "0");
+        return r + g + b;
+      }
+      if (/^[0-9a-f]+$/i.test(trimmed)) {
+        if (trimmed.length === 3) {
+          return trimmed.split("").map((c) => c + c).join("");
+        }
+        if (trimmed.length > 6) {
+          return trimmed.slice(0, 6);
+        }
+        return trimmed.padStart(6, "0");
+      }
+      return trimmed;
+    }
+    return "ffffff";
+  };
+  const [color, setColor] = react.useState(normalizeColor(value || defaultValue));
+  react.useEffect(() => {
+    if (value !== void 0) {
+      setColor(normalizeColor(value));
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        type: "color",
+        value: `#${color}`,
+        onChange: (e) => {
+          const newColor = e.currentTarget.value.replace(/^#/, "");
+          setColor(newColor);
+          onValueChange?.(newColor);
+          onChange?.(e);
+        },
+        className: chunk6LTCLQH3_cjs.cn(
+          [
+            "h-6",
+            "w-6",
+            "flex-none",
+            "cursor-pointer",
+            "rounded-1",
+            "[appearance:none]",
+            "[&::-webkit-color-swatch-wrapper]:p-0",
+            "[&::-webkit-color-swatch]:border-line-primary",
+            "[&::-webkit-color-swatch]:rounded-lg",
+            "[&::-moz-color-swatch]:border-line-primary",
+            "[&::-moz-color-swatch]:rounded-lg"
+          ],
+          className
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkPMG3NZF5_cjs.InputRoot,
+      {
+        ...props,
+        size: "sm",
+        type: "text",
+        className: "flex-1",
+        value: color,
+        onChange: (e) => {
+          const newColor = e.currentTarget.value;
+          setColor(newColor);
+          onValueChange?.(newColor);
+          onChange?.(e);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { children: "#" })
+      }
+    )
+  ] });
+});
+
+exports.ColorInput = ColorInput;

package/dist/{chunk-Q7WCKEXG.cjs → chunk-JF43YF6J.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -33,10 +33,10 @@ function Separator({
   return /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
-      "data-slot": "separator-root",
+      "data-slot": "separator",
       decorative,
       orientation,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.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-JTFQFULL.cjs

@@ -0,0 +1,166 @@
+'use strict';
+
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var cardVariants = classVarianceAuthority.cva(
+  [
+    "relative",
+    "flex",
+    "flex-col",
+    "rounded-uk-xl",
+    "bg-bg-primary",
+    "liquid-dark:liquid-dark-bg",
+    "liquid-light:liquid-light-bg"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "p-sm",
+        md: "p-md",
+        lg: "p-lg",
+        xl: "p-xl"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+);
+function Card({
+  className,
+  size,
+  collapsible,
+  collapsedContent,
+  defaultCollapsed = false,
+  children,
+  ...props
+}) {
+  const [isCollapsed, setIsCollapsed] = react.useState(defaultCollapsed);
+  if (collapsible) {
+    if (isCollapsed) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          "data-slot": "card",
+          className: chunk6LTCLQH3_cjs.cn(cardVariants({ size }), "flex-row justify-between", className),
+          ...props,
+          children: [
+            collapsedContent,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "right-lg absolute top-1/2 h-6 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkR22VW3EK_cjs.Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                icon: true,
+                onClick: () => setIsCollapsed(false),
+                className: "hover:bg-shadow-secondary",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { strokeWidth: 1.5, className: "text-icon-primary size-4" })
+              }
+            ) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "card", className: chunk6LTCLQH3_cjs.cn(cardVariants({ size, className })), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "right-lg top-lg absolute", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkR22VW3EK_cjs.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          onClick: () => setIsCollapsed(true),
+          className: "hover:bg-shadow-secondary",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { strokeWidth: 1.5, className: "text-icon-primary size-4" })
+        }
+      ) }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card", className: chunk6LTCLQH3_cjs.cn(cardVariants({ size, className })), ...props, children });
+}
+var cardHeaderVariants = classVarianceAuthority.cva(["flex", "flex-row", "items-center", "justify-between"], {
+  variants: {
+    size: {
+      sm: "gap-sm",
+      md: "gap-md",
+      lg: "gap-lg",
+      xl: "gap-xl"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+function CardHeader({ className, size, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: chunk6LTCLQH3_cjs.cn(cardHeaderVariants({ size, className })),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: chunk6LTCLQH3_cjs.cn(
+        "text-text-highlight",
+        "text-uk-md",
+        "leading-uk-md",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: chunk6LTCLQH3_cjs.cn("text-uk-sm", "text-text-secondary", "leading-uk-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: chunk6LTCLQH3_cjs.cn(
+        "text-text-secondary",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunk6LTCLQH3_cjs.cn("", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunk6LTCLQH3_cjs.cn("flex items-center", className), ...props });
+}
+
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;

package/dist/{chunk-XQ3MWA3D.mjs → chunk-KXKUQSNY.mjs}

@@ -1,6 +1,6 @@
-import { RadInput } from './chunk-SCUMWMIN.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { RadInput } from './chunk-ITOTSGSL.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { forwardRef, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/chunk-L2AKG4VJ.mjs

@@ -0,0 +1,258 @@
+import { useVirtualGrid } from './chunk-VDYJAOMN.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
+import React, { forwardRef, useRef, useState, useCallback, useEffect, useLayoutEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function VirtualGridInner({
+  data,
+  rowCount,
+  columnCount,
+  rowHeight,
+  columnWidth,
+  height,
+  width = "100%",
+  overscanRows = 2,
+  overscanColumns = 2,
+  getCellKey,
+  getColSpan,
+  getRowSpan,
+  children,
+  stickyHeader = false,
+  stickyColumn = false,
+  className,
+  style,
+  ...props
+}, ref) {
+  const containerRef = useRef(null);
+  const stickyLayerRef = useRef(null);
+  const [scrollTop, setScrollTop] = useState(0);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [containerHeight, setContainerHeight] = useState(0);
+  const scrollRef = useRef({ top: 0, left: 0 });
+  const setRefs = useCallback(
+    (node) => {
+      containerRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        setContainerWidth(entry.contentRect.width);
+        setContainerHeight(entry.contentRect.height);
+      }
+    });
+    resizeObserver.observe(container);
+    setContainerWidth(container.clientWidth);
+    setContainerHeight(container.clientHeight);
+    return () => resizeObserver.disconnect();
+  }, []);
+  const {
+    visibleRange,
+    totalWidth,
+    totalHeight,
+    getCellStyle,
+    getRowOffset,
+    getColumnOffset,
+    getRowHeight,
+    getColumnWidth
+  } = useVirtualGrid({
+    rowCount,
+    columnCount,
+    rowHeight,
+    columnWidth,
+    containerWidth,
+    containerHeight,
+    scrollTop,
+    scrollLeft,
+    overscanRows,
+    overscanColumns,
+    getColSpan,
+    getRowSpan
+  });
+  const rafRef = useRef(null);
+  const handleScroll = useCallback((e) => {
+    const newScrollTop = e.currentTarget.scrollTop;
+    const newScrollLeft = e.currentTarget.scrollLeft;
+    scrollRef.current = { top: newScrollTop, left: newScrollLeft };
+    if (stickyLayerRef.current) {
+      stickyLayerRef.current.style.setProperty("--scroll-top", `${Math.round(newScrollTop)}px`);
+      stickyLayerRef.current.style.setProperty("--scroll-left", `${Math.round(newScrollLeft)}px`);
+    }
+    if (rafRef.current) {
+      cancelAnimationFrame(rafRef.current);
+    }
+    rafRef.current = requestAnimationFrame(() => {
+      setScrollTop(newScrollTop);
+      setScrollLeft(newScrollLeft);
+    });
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, []);
+  useLayoutEffect(() => {
+    if (stickyLayerRef.current) {
+      stickyLayerRef.current.style.setProperty("--scroll-top", "0px");
+      stickyLayerRef.current.style.setProperty("--scroll-left", "0px");
+    }
+  }, []);
+  const coveredCells = /* @__PURE__ */ new Set();
+  if (getColSpan || getRowSpan) {
+    for (let row = visibleRange.startRow; row <= visibleRange.endRow; row++) {
+      for (let col = visibleRange.startCol; col <= visibleRange.endCol; col++) {
+        const colspan = getColSpan?.(row, col) ?? 1;
+        const rowspan = getRowSpan?.(row, col) ?? 1;
+        if (colspan > 1 || rowspan > 1) {
+          for (let r = row; r < row + rowspan; r++) {
+            for (let c = col; c < col + colspan; c++) {
+              if (r !== row || c !== col) {
+                coveredCells.add(`${r}-${c}`);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  const visibleCells = [];
+  for (let row = visibleRange.startRow; row <= visibleRange.endRow && row < rowCount; row++) {
+    for (let col = visibleRange.startCol; col <= visibleRange.endCol && col < columnCount; col++) {
+      if (coveredCells.has(`${row}-${col}`)) {
+        continue;
+      }
+      if (stickyHeader && row === 0 || stickyColumn && col === 0) {
+        continue;
+      }
+      const cellData = data[row]?.[col];
+      const key = getCellKey ? getCellKey(row, col) : `${row}-${col}`;
+      const cellStyle = getCellStyle(row, col);
+      visibleCells.push(
+        /* @__PURE__ */ jsx(React.Fragment, { children: children(cellData, row, col, cellStyle) }, key)
+      );
+    }
+  }
+  const stickyContentStyle = { width: "100%", height: "100%" };
+  const stickyHeaderCells = [];
+  if (stickyHeader && rowCount > 0) {
+    for (let col = visibleRange.startCol; col <= visibleRange.endCol && col < columnCount; col++) {
+      if (stickyColumn && col === 0) continue;
+      if (coveredCells.has(`0-${col}`)) continue;
+      const cellData = data[0]?.[col];
+      const key = getCellKey ? getCellKey(0, col) : `header-${col}`;
+      stickyHeaderCells.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sticky-header-cell",
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: getColumnWidth(col),
+              height: getRowHeight(0),
+              transform: `translate3d(${getColumnOffset(col)}px, var(--scroll-top, 0px), 0)`,
+              willChange: "transform",
+              zIndex: 2
+            },
+            children: children(cellData, 0, col, stickyContentStyle)
+          },
+          key
+        )
+      );
+    }
+  }
+  const stickyColumnCells = [];
+  if (stickyColumn && columnCount > 0) {
+    for (let row = visibleRange.startRow; row <= visibleRange.endRow && row < rowCount; row++) {
+      if (stickyHeader && row === 0) continue;
+      if (coveredCells.has(`${row}-0`)) continue;
+      const cellData = data[row]?.[0];
+      const key = getCellKey ? getCellKey(row, 0) : `sticky-col-${row}`;
+      stickyColumnCells.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sticky-column-cell",
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: getColumnWidth(0),
+              height: getRowHeight(row),
+              transform: `translate3d(var(--scroll-left, 0px), ${getRowOffset(row)}px, 0)`,
+              willChange: "transform",
+              zIndex: 2
+            },
+            children: children(cellData, row, 0, stickyContentStyle)
+          },
+          key
+        )
+      );
+    }
+  }
+  const stickyCornerCell = stickyHeader && stickyColumn && rowCount > 0 && columnCount > 0 ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "sticky-corner-cell",
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: getColumnWidth(0),
+        height: getRowHeight(0),
+        transform: `translate3d(var(--scroll-left, 0px), var(--scroll-top, 0px), 0)`,
+        willChange: "transform",
+        zIndex: 3
+      },
+      children: children(data[0]?.[0], 0, 0, stickyContentStyle)
+    },
+    "sticky-corner"
+  ) : null;
+  const hasStickyElements = stickyHeader || stickyColumn;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setRefs,
+      className: cn("relative overflow-auto", className),
+      style: {
+        height,
+        width,
+        ...style
+      },
+      onScroll: handleScroll,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: hasStickyElements ? stickyLayerRef : void 0,
+          style: {
+            height: totalHeight,
+            width: totalWidth,
+            position: "relative"
+          },
+          children: [
+            stickyCornerCell,
+            stickyHeaderCells,
+            stickyColumnCells,
+            visibleCells
+          ]
+        }
+      )
+    }
+  );
+}
+var VirtualGrid = forwardRef(VirtualGridInner);
+
+export { VirtualGrid };

package/dist/{chunk-ZCSJGDX7.mjs → chunk-L2DME42Q.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-3NIMV5PH.mjs';
+import { VectorInput } from './chunk-V4THHKSO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-K2BQNNEX.cjs → chunk-L6W77P4B.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -37,34 +37,34 @@ var navigationButtonVariants = classVarianceAuthority.cva([
   "disabled:bg-bg-transparent"
 ]);
 var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkCRX2ZCM2_cjs.cn(navigationVariants({ size, className })), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunk6LTCLQH3_cjs.cn(navigationVariants({ size, className })), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJYYAGDLZ_cjs.Button,
+      chunkR22VW3EK_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onBack,
         disabled: !canGoBack,
-        className: chunkCRX2ZCM2_cjs.cn(navigationButtonVariants()),
+        className: chunk6LTCLQH3_cjs.cn(navigationButtonVariants()),
         "aria-label": "Back",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJYYAGDLZ_cjs.Button,
+      chunkR22VW3EK_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onForward,
         disabled: !canGoForward,
-        className: chunkCRX2ZCM2_cjs.cn(navigationButtonVariants()),
+        className: chunk6LTCLQH3_cjs.cn(navigationButtonVariants()),
         "aria-label": "Forward",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCRX2ZCM2_cjs.cn(navigationTitleVariants({ size })), children: title })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk6LTCLQH3_cjs.cn(navigationTitleVariants({ size })), children: title })
   ] });
 });
 

package/dist/{chunk-N4Y5CBOI.cjs → chunk-LGUQR5AR.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Toolbar({ className, children, variant = "default", size = "md" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "flex items-center gap-2",
         "liquid-dark:liquid-dark-bg",
         "liquid-dark:border-[0.9px]",
@@ -36,10 +36,10 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
   );
 }
 function ToolbarGroup({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("flex items-center gap-1", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk6LTCLQH3_cjs.cn("flex items-center gap-1", className), children });
 }
 function ToolbarSeparator({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk6LTCLQH3_cjs.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
 }
 
 exports.Toolbar = Toolbar;

package/dist/{chunk-ZA7WOIIB.mjs → chunk-LHP7FLGK.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-3NIMV5PH.mjs';
+import { VectorInput } from './chunk-V4THHKSO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';