@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/{chunk-T66ETI7E.mjs → chunk-HBEU2PU2.mjs}

@@ -15,6 +15,10 @@ var twMerge = 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",
@@ -22,7 +26,8 @@ var twMerge = extendTailwindMerge({
         "text-uk-lg",
         "text-uk-xl",
         "text-uk-xxl"
-      ]
+      ],
+      "text-color": ["text-text-primary", "text-text-highlight"]
     }
   }
 });

package/dist/{chunk-SMXN2KOV.mjs → chunk-HGTL7DFT.mjs}

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

package/dist/{chunk-JFPIUDGT.mjs → chunk-HI4LO6IJ.mjs}

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

package/dist/{chunk-QO2AM6MF.mjs → chunk-HIDTQ4Z2.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-DDU3SPCC.mjs → chunk-HNW2DRPV.mjs}

@@ -1,19 +1,19 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var cardVariants = cva(
   [
+    "relative",
     "flex",
     "flex-col",
     "rounded-uk-xl",
     "bg-bg-primary",
     "liquid-dark:liquid-dark-bg",
-    "liquid-dark:border-[0.9px]",
-    "liquid-dark:border-[rgba(85,85,85,100)]",
-    "liquid-light:liquid-light-bg",
-    "liquid-light:border-[0.8px]",
-    "liquid-light:border-[white]"
+    "liquid-light:liquid-light-bg"
   ],
   {
     variants: {
@@ -29,8 +29,57 @@ var cardVariants = cva(
     }
   }
 );
-function Card({ className, size, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "card", className: cn(cardVariants({ size, className })), ...props });
+function Card({
+  className,
+  size,
+  collapsible,
+  collapsedContent,
+  defaultCollapsed = false,
+  children,
+  ...props
+}) {
+  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+  if (collapsible) {
+    if (isCollapsed) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "card",
+          className: cn(cardVariants({ size }), "flex-row justify-between", className),
+          ...props,
+          children: [
+            collapsedContent,
+            /* @__PURE__ */ jsx("div", { className: "right-lg absolute top-1/2 h-6 -translate-y-1/2", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                icon: true,
+                onClick: () => setIsCollapsed(false),
+                className: "hover:bg-shadow-secondary",
+                children: /* @__PURE__ */ jsx(ChevronDown, { strokeWidth: 1.5, className: "text-icon-primary size-4" })
+              }
+            ) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "card", className: cn(cardVariants({ size, className })), ...props, children: [
+      /* @__PURE__ */ jsx("div", { className: "right-lg top-lg absolute", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          onClick: () => setIsCollapsed(true),
+          className: "hover:bg-shadow-secondary",
+          children: /* @__PURE__ */ jsx(ChevronUp, { strokeWidth: 1.5, className: "text-icon-primary size-4" })
+        }
+      ) }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card", className: cn(cardVariants({ size, className })), ...props, children });
 }
 var cardHeaderVariants = cva(["flex", "flex-row", "items-center", "justify-between"], {
   variants: {

package/dist/{chunk-5AKVDZMA.cjs → chunk-HSUL5OUG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var SelectPrimitive = require('@radix-ui/react-select');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -36,7 +36,7 @@ function SelectGroup({ className, ...props }) {
     SelectPrimitive__namespace.Group,
     {
       "data-slot": "select-group",
-      className: chunkCRX2ZCM2_cjs.cn("space-y-xs", className),
+      className: chunk6LTCLQH3_cjs.cn("space-y-xs", className),
       ...props
     }
   );
@@ -101,6 +101,7 @@ function SelectTrigger({
   state,
   font,
   align,
+  icon,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -108,7 +109,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         selectTriggerVariants({
           size,
           className,
@@ -121,7 +122,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "opacity-50" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "opacity-50" }) })
       ]
     }
   );
@@ -138,7 +139,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       "data-font": font,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "bg-bg-primary",
           "data-[state=open]:animate-in",
@@ -176,7 +177,7 @@ function SelectContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectPrimitive__namespace.Viewport,
           {
-            className: chunkCRX2ZCM2_cjs.cn("p-md", {
+            className: chunk6LTCLQH3_cjs.cn("p-md", {
               "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1": position === "popper"
             }),
             children
@@ -192,7 +193,7 @@ function SelectLabel({ className, ...props }) {
     SelectPrimitive__namespace.Label,
     {
       "data-slot": "select-label",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-secondary text-uk-sm px-2 py-1.5", className),
+      className: chunk6LTCLQH3_cjs.cn("text-text-secondary text-uk-sm px-2 py-1.5", className),
       ...props
     }
   );
@@ -210,7 +211,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       disabled,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "group/select-item",
           "w-full",
@@ -255,7 +256,7 @@ function SelectItem({
           "p",
           {
             "data-disabled": disabled,
-            className: chunkCRX2ZCM2_cjs.cn([
+            className: chunk6LTCLQH3_cjs.cn([
               "text-text-tertiary",
               "flex",
               "shrink-0",
@@ -271,7 +272,7 @@ function SelectItem({
           "p",
           {
             "data-disabled": disabled,
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               "text-text-tertiary",
               "ml-auto",
               "flex",
@@ -295,7 +296,7 @@ function SelectSeparator({
     SelectPrimitive__namespace.Separator,
     {
       "data-slot": "select-separator",
-      className: chunkCRX2ZCM2_cjs.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      className: chunk6LTCLQH3_cjs.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
       ...props
     }
   );
@@ -308,7 +309,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkCRX2ZCM2_cjs.cn("mx-24 flex cursor-default items-center justify-center py-1", className),
+      className: chunk6LTCLQH3_cjs.cn("mx-24 flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
     }
@@ -322,7 +323,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunkCRX2ZCM2_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+      className: chunk6LTCLQH3_cjs.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
     }

package/dist/{chunk-EY6PKK4X.cjs → chunk-I2COLDHC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkUZTOUPJ7_cjs = require('./chunk-UZTOUPJ7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkUZTOUPJ7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/chunk-IAWMCOHS.cjs

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

package/dist/chunk-IM5QVMGO.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-UQQBUPGF.mjs → chunk-IPMWGCAI.mjs}

@@ -1,11 +1,10 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { useState, useEffect } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function TooltipProvider({
   delayDuration = 0,
-  children,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
@@ -13,29 +12,14 @@ function TooltipProvider({
     {
       "data-slot": "tooltip-provider",
       delayDuration,
-      ...props,
-      children
+      ...props
     }
   );
 }
-function Tooltip({ children, ...props }) {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  if (!isClient) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({ ...props }) {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  if (!isClient) {
-    return /* @__PURE__ */ jsx(Fragment, { children: props.children });
-  }
   return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({

package/dist/{chunk-SCUMWMIN.mjs → chunk-ITOTSGSL.mjs}

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

package/dist/{chunk-NJWKR5WR.mjs → chunk-IYTGWOZY.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-J74A5LNZ.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+var react = require('react');
+
+// src/ui/virtual-grid/useVirtualGrid.ts
+function getHeight(rowHeight, rowIndex) {
+  return typeof rowHeight === "function" ? rowHeight(rowIndex) : rowHeight;
+}
+function getWidth(columnWidth, colIndex) {
+  return typeof columnWidth === "function" ? columnWidth(colIndex) : columnWidth;
+}
+function findStartIndex(count, scrollOffset, getSize) {
+  if (count === 0) return 0;
+  let offset = 0;
+  let low = 0;
+  let high = count - 1;
+  while (low <= high) {
+    const mid = Math.floor((low + high) / 2);
+    let midOffset = 0;
+    for (let i = 0; i < mid; i++) {
+      midOffset += getSize(i);
+    }
+    if (midOffset < scrollOffset) {
+      low = mid + 1;
+      offset = midOffset;
+    } else if (midOffset > scrollOffset) {
+      high = mid - 1;
+    } else {
+      return mid;
+    }
+  }
+  let index = Math.max(0, low - 1);
+  offset = 0;
+  for (let i = 0; i < index; i++) {
+    offset += getSize(i);
+  }
+  while (index < count - 1 && offset + getSize(index) <= scrollOffset) {
+    offset += getSize(index);
+    index++;
+  }
+  return index;
+}
+function useVirtualGrid({
+  rowCount,
+  columnCount,
+  rowHeight,
+  columnWidth,
+  containerWidth,
+  containerHeight,
+  scrollTop,
+  scrollLeft,
+  overscanRows,
+  overscanColumns,
+  getColSpan = () => 1,
+  getRowSpan = () => 1
+}) {
+  const getRowHeightFn = react.useCallback((index) => getHeight(rowHeight, index), [rowHeight]);
+  const getColumnWidthFn = react.useCallback(
+    (index) => getWidth(columnWidth, index),
+    [columnWidth]
+  );
+  const totalHeight = react.useMemo(() => {
+    let height = 0;
+    for (let i = 0; i < rowCount; i++) {
+      height += getRowHeightFn(i);
+    }
+    return height;
+  }, [rowCount, getRowHeightFn]);
+  const totalWidth = react.useMemo(() => {
+    let width = 0;
+    for (let i = 0; i < columnCount; i++) {
+      width += getColumnWidthFn(i);
+    }
+    return width;
+  }, [columnCount, getColumnWidthFn]);
+  const rowOffsets = react.useMemo(() => {
+    const offsets = [0];
+    for (let i = 0; i < rowCount; i++) {
+      offsets.push(offsets[i] + getRowHeightFn(i));
+    }
+    return offsets;
+  }, [rowCount, getRowHeightFn]);
+  const columnOffsets = react.useMemo(() => {
+    const offsets = [0];
+    for (let i = 0; i < columnCount; i++) {
+      offsets.push(offsets[i] + getColumnWidthFn(i));
+    }
+    return offsets;
+  }, [columnCount, getColumnWidthFn]);
+  const getRowOffset = react.useCallback((rowIndex) => rowOffsets[rowIndex] ?? 0, [rowOffsets]);
+  const getColumnOffset = react.useCallback(
+    (colIndex) => columnOffsets[colIndex] ?? 0,
+    [columnOffsets]
+  );
+  const visibleRange = react.useMemo(() => {
+    if (rowCount === 0 || columnCount === 0) {
+      return { startRow: 0, endRow: 0, startCol: 0, endCol: 0 };
+    }
+    const startRow = findStartIndex(rowCount, scrollTop, getRowHeightFn);
+    let endRow = startRow;
+    let accumulatedHeight = getRowOffset(startRow) - scrollTop;
+    while (endRow < rowCount - 1 && accumulatedHeight < containerHeight) {
+      accumulatedHeight += getRowHeightFn(endRow);
+      endRow++;
+    }
+    const startCol = findStartIndex(columnCount, scrollLeft, getColumnWidthFn);
+    let endCol = startCol;
+    let accumulatedWidth = getColumnOffset(startCol) - scrollLeft;
+    while (endCol < columnCount - 1 && accumulatedWidth < containerWidth) {
+      accumulatedWidth += getColumnWidthFn(endCol);
+      endCol++;
+    }
+    return {
+      startRow: Math.max(0, startRow - overscanRows),
+      endRow: Math.min(rowCount - 1, endRow + overscanRows),
+      startCol: Math.max(0, startCol - overscanColumns),
+      endCol: Math.min(columnCount - 1, endCol + overscanColumns)
+    };
+  }, [
+    rowCount,
+    columnCount,
+    scrollTop,
+    scrollLeft,
+    containerHeight,
+    containerWidth,
+    overscanRows,
+    overscanColumns,
+    getRowHeightFn,
+    getColumnWidthFn,
+    getRowOffset,
+    getColumnOffset
+  ]);
+  const getCellStyle = react.useCallback(
+    (row, col) => {
+      const top = getRowOffset(row);
+      const left = getColumnOffset(col);
+      const colspan = getColSpan(row, col);
+      let width = 0;
+      for (let c = col; c < col + colspan && c < columnCount; c++) {
+        width += getColumnWidthFn(c);
+      }
+      const rowspan = getRowSpan(row, col);
+      let height = 0;
+      for (let r = row; r < row + rowspan && r < rowCount; r++) {
+        height += getRowHeightFn(r);
+      }
+      return {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width,
+        height,
+        transform: `translate(${left}px, ${top}px)`
+      };
+    },
+    [
+      getRowOffset,
+      getColumnOffset,
+      getColSpan,
+      getRowSpan,
+      columnCount,
+      rowCount,
+      getColumnWidthFn,
+      getRowHeightFn
+    ]
+  );
+  return {
+    visibleRange,
+    totalWidth,
+    totalHeight,
+    getRowOffset,
+    getColumnOffset,
+    getRowHeight: getRowHeightFn,
+    getColumnWidth: getColumnWidthFn,
+    getCellStyle
+  };
+}
+
+exports.useVirtualGrid = useVirtualGrid;

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

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