@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/{chunk-6D7FGGSX.cjs → chunk-753HUOAI.cjs}

@@ -2,21 +2,21 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
-var chunk7H7U2X45_cjs = require('./chunk-7H7U2X45.cjs');
-var chunkQWBMDS3S_cjs = require('./chunk-QWBMDS3S.cjs');
+var chunk5HT74RHB_cjs = require('./chunk-5HT74RHB.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
-var chunkS37MJNNP_cjs = require('./chunk-S37MJNNP.cjs');
+var chunkOCADGDGL_cjs = require('./chunk-OCADGDGL.cjs');
 var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
-var chunkRW4T7UBU_cjs = require('./chunk-RW4T7UBU.cjs');
+var chunkSTJMH4NX_cjs = require('./chunk-STJMH4NX.cjs');
+var chunkO3DFVRON_cjs = require('./chunk-O3DFVRON.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunkLYGYXV7S_cjs = require('./chunk-LYGYXV7S.cjs');
-var chunkEK3BTKZP_cjs = require('./chunk-EK3BTKZP.cjs');
-var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
-var chunkW3IHFG4B_cjs = require('./chunk-W3IHFG4B.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk7ICRKPIO_cjs = require('./chunk-7ICRKPIO.cjs');
+var chunkWZQ2BT3P_cjs = require('./chunk-WZQ2BT3P.cjs');
+var chunk4WWGBRQV_cjs = require('./chunk-4WWGBRQV.cjs');
+var chunkNIACIZWY_cjs = require('./chunk-NIACIZWY.cjs');
+var chunkZG33TW5I_cjs = require('./chunk-ZG33TW5I.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -44,11 +44,11 @@ function Waterfall({
   const internalTimelineState = chunkWJL5HMO6_cjs.useTimelineState(logData);
   const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
   const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
-  const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = chunkEEGQLTSQ_cjs.useTreeState({
+  const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = chunk4WWGBRQV_cjs.useTreeState({
     data: logData,
     defaultExpanded: true
   });
-  const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = chunkEEGQLTSQ_cjs.useTreeSearch({
+  const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = chunk4WWGBRQV_cjs.useTreeSearch({
     data: logData,
     searchQuery,
     isCaseSensitive,
@@ -78,10 +78,10 @@ function Waterfall({
     onTemporalCursorChange,
     temporalCursor
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-primary",
         "liquid-dark:liquid-dark-bg",
         "liquid-dark:border-[0.9px]",
@@ -108,7 +108,7 @@ function Waterfall({
             style: { width: panelWidth },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLYGYXV7S_cjs.TreeSearchBar,
+                chunk7ICRKPIO_cjs.TreeSearchBar,
                 {
                   className: "p-1",
                   searchQuery,
@@ -121,8 +121,8 @@ function Waterfall({
                   searchResultsCount
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEK3BTKZP_cjs.TreeView,
+              /* @__PURE__ */ jsxRuntime.jsx(chunkZG33TW5I_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkWZQ2BT3P_cjs.TreeView,
                 {
                   data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
                   getIcon,
@@ -175,11 +175,11 @@ function Waterfall({
                   zoomFactor,
                   enabled,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkZG33TW5I_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
                       (item, index) => item.time === void 0 ? (
                         // Render TimelineProcessBar for duration events
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          chunk7H7U2X45_cjs.TimelineProcessBar,
+                          chunkO3DFVRON_cjs.TimelineProcessBar,
                           {
                             index,
                             item,
@@ -198,7 +198,7 @@ function Waterfall({
                       ) : (
                         // Render TimelineEvent for instant events (with time property)
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkRW4T7UBU_cjs.TimelineEvent,
+                          chunkSTJMH4NX_cjs.TimelineEvent,
                           {
                             item,
                             isHovered: hoveredId === item.id,
@@ -214,8 +214,8 @@ function Waterfall({
                         )
                       )
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkQWBMDS3S_cjs.LeftWedge,
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkZG33TW5I_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunk5HT74RHB_cjs.LeftWedge,
                       {
                         item,
                         classes: chunkG2ZYONQO_cjs.rightWedgeClasses,
@@ -224,8 +224,8 @@ function Waterfall({
                       },
                       `left-wedge-${item.id}`
                     )) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkQWBMDS3S_cjs.RightWedge,
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkZG33TW5I_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunk5HT74RHB_cjs.RightWedge,
                       {
                         item,
                         classes: chunkG2ZYONQO_cjs.leftWedgeClasses,
@@ -261,7 +261,7 @@ function Waterfall({
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkS37MJNNP_cjs.CursorOverlay,
+                      chunkOCADGDGL_cjs.CursorOverlay,
                       {
                         left: 50,
                         label: `T${index + 1}`,
@@ -276,7 +276,7 @@ function Waterfall({
                 `marker-${time}-${index}`
               )),
               cursorVisible && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkS37MJNNP_cjs.CursorOverlay,
+                chunkOCADGDGL_cjs.CursorOverlay,
                 {
                   left: cursorPosition,
                   label: cursorLabel,

package/dist/{chunk-LYGYXV7S.cjs → chunk-7ICRKPIO.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkNIACIZWY_cjs = require('./chunk-NIACIZWY.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,44 +17,44 @@ function TreeSearchBar({
   searchResultsCount,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("shrink-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk6LTCLQH3_cjs.cn("shrink-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkF3HOBNGR_cjs.InputRoot,
+      chunkPMG3NZF5_cjs.InputRoot,
       {
         type: "text",
         placeholder: "Search...",
         size: "sm",
         className: "flex-1",
-        inputClassName: chunkCRX2ZCM2_cjs.cn(!isRegexValid && "text-red-500"),
+        inputClassName: chunk6LTCLQH3_cjs.cn(!isRegexValid && "text-red-500"),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.TooltipProvider, { delayDuration: 200, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsCaseSensitive((prev) => !prev),
-                  className: chunkCRX2ZCM2_cjs.cn(
+                  className: chunk6LTCLQH3_cjs.cn(
                     "rounded-uk-sm mr-1 p-1",
                     isCaseSensitive ? "bg-shadow-secondary" : ""
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsRegex((prev) => !prev),
-                  className: chunkCRX2ZCM2_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                  className: chunk6LTCLQH3_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
             ] })
           ] }) })
         ]

package/dist/chunk-7MKCWXNV.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DialButton = ({
+  name,
+  label,
+  icon,
+  onClick,
+  variant = "secondary",
+  disabled = false
+}) => {
+  const displayLabel = label || name.charAt(0).toUpperCase() + name.slice(1);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkR22VW3EK_cjs.Button,
+    {
+      variant,
+      size: "sm",
+      onClick,
+      disabled,
+      className: "w-full justify-center gap-2",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14 }),
+        displayLabel
+      ]
+    }
+  );
+};
+
+exports.DialButton = DialButton;

package/dist/{chunk-FMKD5JBL.mjs → chunk-7TD77VF4.mjs}

@@ -1,7 +1,8 @@
 import { colorClasses, borderColorClasses, formatDuration } from './chunk-4U232QAX.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 function TimelineProcessBar({
   item,
   isHovered,
@@ -148,16 +149,19 @@ function TimelineProcessBar({
           if (visibleEnd <= visibleStart) return null;
           const visibleDuration = visibleEnd - visibleStart;
           const visibleWidthPercent = visibleDuration / viewWindow * 100;
-          if (visibleWidthPercent < 8) return null;
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center",
+              className: "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center overflow-hidden",
               style: {
                 left: `${timeToPercent(visibleStart)}%`,
-                width: `${visibleWidthPercent}%`
+                width: `${visibleWidthPercent}%`,
+                zoom: clamp(visibleWidthPercent, 6, 12) / 12
               },
-              children: /* @__PURE__ */ jsx("span", { className: "text-text-secondary text-xs italic", children: "Halted" })
+              children: [
+                visibleWidthPercent > 7 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-orange-500 px-2 py-0.5 text-xs text-white", children: "Halted" }),
+                visibleWidthPercent < 7 && /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full bg-orange-500" })
+              ]
             }
           );
         })()

package/dist/{chunk-5ARBIWXX.cjs → chunk-7TXGEIV3.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkGEGPGQVH_cjs = require('./chunk-GEGPGQVH.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -94,7 +94,7 @@ var TreeViewRoot = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "px-sm relative w-[300px] w-full overflow-x-auto overflow-y-hidden",
           className
         ),
@@ -138,12 +138,12 @@ var TreeViewFallback = react.forwardRef(
       "div",
       {
         ref,
-        className: chunkCRX2ZCM2_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
+        className: chunk6LTCLQH3_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tree", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, padding: 0 }, children: dataArray.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { margin: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               "py-sm flex items-center pl-[20px] text-left",
               treeVariants(),
               selectedItemId === item.id && selectedTreeVariants()
@@ -250,7 +250,7 @@ var TreeNode = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           treeVariants(),
           selectedItemId === item.id && selectedTreeVariants(),
           isDragOver && dragOverVariants()
@@ -264,7 +264,7 @@ var TreeNode = ({
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionTrigger,
           {
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               "flex-1",
               selectedItemId === item.id && "text-text-withbg",
               isDragOver && "text-text-withbg"
@@ -368,7 +368,7 @@ var TreeLeaf = react.forwardRef(
       "div",
       {
         ref,
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "py-sm flex items-center pl-[20px] text-left before:right-1",
           treeVariants(),
           className,
@@ -401,7 +401,7 @@ var AccordionTrigger = react.forwardRef(({ className, children, ...props }, ref)
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       "py-sm flex w-full flex-1 items-center transition-all first:[&[data-state=open]>svg]:rotate-90",
       className
     ),
@@ -417,7 +417,7 @@ var AccordionContent = react.forwardRef(({ className, children, ...props }, ref)
   AccordionPrimitive__namespace.Content,
   {
     ref,
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-uk-sm text-text-primary leading-uk-sm z-10 overflow-hidden transition-all",
       className
     ),
@@ -451,7 +451,7 @@ var TreeActions = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         isSelected ? "block" : "hidden",
         "absolute right-[10px] z-10 group-hover:block"
       ),

package/dist/chunk-7WJ73FEI.mjs

@@ -0,0 +1,43 @@
+import { VectorInput } from './chunk-V4THHKSO.mjs';
+import { forwardRef, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var EulerRadInput = forwardRef(function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
+  const displayValues = 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 = useMemo(() => {
+    if (display === "deg") return "\xB0";
+    if (display === "pi") return "\u03C0";
+    return "rad";
+  }, [display]);
+  const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+  return /* @__PURE__ */ jsx(
+    VectorInput,
+    {
+      ref,
+      value: displayValues,
+      onValuesChange: handleChange,
+      labels,
+      ...props
+    }
+  );
+});
+
+export { EulerRadInput };

package/dist/{chunk-SLXM4F24.cjs → chunk-7YFUNCKT.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 Table({ className, ...props }) {
@@ -8,7 +8,7 @@ function Table({ className, ...props }) {
     "table",
     {
       "data-slot": "table",
-      className: chunkCRX2ZCM2_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      className: chunk6LTCLQH3_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
       ...props
     }
   ) });
@@ -18,7 +18,7 @@ function TableHeader({ className, ...props }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: chunkCRX2ZCM2_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      className: chunk6LTCLQH3_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
       ...props
     }
   );
@@ -28,7 +28,7 @@ function TableBody({ className, ...props }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: chunkCRX2ZCM2_cjs.cn("[&_tr:last-child]:border-0", className),
+      className: chunk6LTCLQH3_cjs.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
@@ -38,7 +38,7 @@ function TableFooter({ className, ...props }) {
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-secondary border-bg-secondary hover:bg-bg-tertiary border-t font-medium [&>tr]:last:border-b-0",
         className
       ),
@@ -51,7 +51,7 @@ function TableRow({ className, ...props }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "hover:bg-bg-secondary data-[state=selected]:bg-bg-secondary border-bg-secondary border-b transition-colors",
         className
       ),
@@ -64,7 +64,7 @@ function TableHead({ className, ...props }) {
     "th",
     {
       "data-slot": "table-head",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-secondary! px-lg! text-text-primary! text-uk-md h-[40px] py-0! text-left align-middle font-medium! whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -77,7 +77,7 @@ function TableCell({ className, ...props }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "px-lg! text-text-primary! text-uk-md h-[40px] py-0! align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -90,7 +90,7 @@ function TableCaption({ className, ...props }) {
     "caption",
     {
       "data-slot": "table-caption",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
+      className: chunk6LTCLQH3_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
       ...props
     }
   );

package/dist/{chunk-LGFWHV23.cjs → chunk-ACGXE2IO.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var LabelPrimitive = require('@radix-ui/react-label');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
@@ -51,7 +51,7 @@ var labelVariants = classVarianceAuthority.cva(
   }
 );
 var Label = React__namespace.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkCRX2ZCM2_cjs.cn(labelVariants({ size }), className), ...props })
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunk6LTCLQH3_cjs.cn(labelVariants({ size }), className), ...props })
 );
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
 

package/dist/{chunk-IU65XB2K.cjs → chunk-AFALU3AK.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 TimeInput = react.forwardRef(function TimeInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkUZTOUPJ7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-EGIIZWP3.mjs → chunk-AFR23IX6.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 * as React from 'react';

package/dist/{chunk-CXPF274N.mjs → chunk-BK77KKIM.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function Table({ className, ...props }) {

package/dist/{chunk-4PMXRQXC.cjs → chunk-BNXJ5VBE.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
-var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkUZTOUPJ7_cjs = require('./chunk-UZTOUPJ7.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,9 +17,9 @@ var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0,
     setPreset(presetValue);
     onChange?.(presetValue);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("gap-xs grid grid-cols-5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk6LTCLQH3_cjs.cn("gap-xs grid grid-cols-5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkASZIBFA6_cjs.InputNumbers,
+      chunkUZTOUPJ7_cjs.InputNumbers,
       {
         ...props,
         ref,
@@ -30,7 +30,7 @@ var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0,
     ) }),
     presets.map((p, i) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkJYYAGDLZ_cjs.Button,
+        chunkR22VW3EK_cjs.Button,
         {
           size,
           variant: "secondary",

package/dist/{chunk-3DIFS7CO.mjs → chunk-BPCD4L7T.mjs}

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

package/dist/{chunk-JQYMF2FW.cjs → chunk-BSDIS4KS.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function RadioGroup({ className, ...props }) {
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkCRX2ZCM2_cjs.cn("gap-md flex", className),
+      className: chunk6LTCLQH3_cjs.cn("gap-md flex", className),
       ...props
     }
   );
@@ -39,7 +39,7 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "group",
         "w-4",
         "h-4",
@@ -65,7 +65,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "m-auto",
                 "size-[8px]",
                 "rounded-full",

package/dist/{chunk-REZAPK6Z.mjs → chunk-BTGAKK3B.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';