@vuer-ai/vuer-uikit 0.0.3 → 0.0.5

package/dist/{chunk-KVFK3YC7.js → chunk-PIR7EZC6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -55,7 +55,7 @@ var Slider = react.forwardRef(function Slider2({
       min,
       max,
       step,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "relative",
         "flex",
         "w-full",
@@ -74,7 +74,7 @@ var Slider = react.forwardRef(function Slider2({
           SliderPrimitive__namespace.Track,
           {
             "data-slot": "slider-track",
-            className: chunkUWO6RBCE_js.cn(
+            className: chunkXXWQ4RVP_js.cn(
               "peer/slider-track",
               "bg-line-primary",
               "relative",
@@ -91,7 +91,7 @@ var Slider = react.forwardRef(function Slider2({
               SliderPrimitive__namespace.Range,
               {
                 "data-slot": "slider-range",
-                className: chunkUWO6RBCE_js.cn(
+                className: chunkXXWQ4RVP_js.cn(
                   "bg-brand-primary",
                   "absolute",
                   "data-[disabled]:bg-bg-secondary",
@@ -107,7 +107,7 @@ var Slider = react.forwardRef(function Slider2({
           SliderPrimitive__namespace.Thumb,
           {
             "data-slot": "slider-thumb",
-            className: chunkUWO6RBCE_js.cn(
+            className: chunkXXWQ4RVP_js.cn(
               "ring-brand-primary/50",
               "bg-brand-primary",
               "block",
@@ -152,7 +152,7 @@ function SliderSteps({ step, min, max, currentValue }) {
       {
         "data-slot": "slider-step",
         style: { left: `calc(${step2.position}% + ${thumbInBoundsOffset}px)` },
-        className: chunkUWO6RBCE_js.cn(
+        className: chunkXXWQ4RVP_js.cn(
           "absolute",
           "top-1/2",
           "translate-y-[-50%]",

package/dist/{chunk-5BIQ3IN7.js → chunk-QA7H2Z3Z.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -59,9 +59,9 @@ var buttonVariants = classVarianceAuthority.cva(
         link: ["text-text-primary", "underline-offset-4", "hover:underline"]
       },
       size: {
-        sm: ["text-xs", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
-        base: ["text-xs", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
-        lg: ["text-sm", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
+        sm: ["text-uk-sm", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-uk-md", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
+        lg: ["text-uk-lg", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
       },
       icon: { false: null, true: null }
     },
@@ -84,7 +84,7 @@ var Button = react.forwardRef(function Button2({ className, variant, size, icon,
     {
       ref,
       "data-slot": "button",
-      className: chunkUWO6RBCE_js.cn(buttonVariants({ variant, size, icon, className })),
+      className: chunkXXWQ4RVP_js.cn(buttonVariants({ variant, size, icon, className })),
       ...props
     }
   );

package/dist/chunk-QD7TNSTX.js

@@ -0,0 +1,261 @@
+'use strict';
+
+var chunk5P3KAS53_js = require('./chunk-5P3KAS53.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId
+}) {
+  const [expandedItems, setExpandedItems] = react.useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = react.useState(false);
+  const [isRegex, setIsRegex] = react.useState(false);
+  const [isRegexValid, setIsRegexValid] = react.useState(true);
+  const toggleItem = (id) => {
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+  const childrenMap = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const dataWithMeta = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    return data.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      const isVisible = (item) => {
+        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
+      };
+      return dataWithMeta.filter(isVisible);
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return [];
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
+  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
+  react.useEffect(() => {
+    onVisibleDataChange == null ? void 0 : onVisibleDataChange(visibleData);
+  }, [visibleData, onVisibleDataChange]);
+  const renderLabel = (label) => {
+    if (!searchQuery || !isRegexValid) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-yellow-300 dark:bg-yellow-700", children: part }, i) : part
+    ) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXXWQ4RVP_js.cn("border-line-secondary/20 flex flex-col", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-secondary/20 flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          className: chunkXXWQ4RVP_js.cn(
+            "text-uk-md w-full bg-transparent focus:outline-none",
+            !isRegexValid && "text-red-500"
+          ),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.TooltipProvider, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsCaseSensitive((prev) => !prev),
+              className: chunkXXWQ4RVP_js.cn("rounded-uk-sm p-1", isCaseSensitive && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5P3KAS53_js.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsRegex((prev) => !prev),
+              className: chunkXXWQ4RVP_js.cn("rounded-uk-sm p-1", isRegex && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5P3KAS53_js.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto", children: visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkXXWQ4RVP_js.cn(
+          "group relative flex h-[32px] cursor-pointer items-center",
+          hoveredId === item.id && "bg-bg-secondary/80"
+        ),
+        onMouseEnter: () => onItemHover == null ? void 0 : onItemHover(item.id),
+        onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-[-0.28rem] top-0 z-0 flex h-full items-center", children: [
+            item.ancestors.map((ancestor, index) => {
+              var _a;
+              const parentIsLast = (_a = dataWithMeta.find((d) => d.id === ancestor.id)) == null ? void 0 : _a.isLast;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkXXWQ4RVP_js.cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-secondary/20"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkXXWQ4RVP_js.cn(
+                    "absolute left-0 top-0 h-1/2 w-1/2 border-b border-l",
+                    item.isLast ? "rounded-bl-md" : "",
+                    "border-line-secondary/20"
+                  )
+                }
+              ),
+              !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-secondary/20 absolute left-0 top-1/2 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "text-uk-md z-10 flex w-full items-center gap-2 whitespace-nowrap px-2",
+              style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                  item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: () => toggleItem(item.id),
+                      className: "absolute inset-0 z-20 opacity-0 transition-opacity group-hover:opacity-100",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ChevronDown,
+                        {
+                          className: chunkXXWQ4RVP_js.cn(
+                            "size-4 transition-transform",
+                            !expandedItems.has(item.id) && "-rotate-90"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkXXWQ4RVP_js.cn(
+                        "transition-opacity",
+                        item.isCollapsible && "group-hover:opacity-0"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: renderLabel(item.label) })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
+exports.TreeView = TreeView;

package/dist/{chunk-KAPV3EZO.mjs → chunk-QVUX6LLD.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { cva } from 'class-variance-authority';
 import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
@@ -22,7 +22,6 @@ function SelectValue({ ...props }) {
 }
 var selectTriggerVariants = cva(
   [
-    // "data-[placeholder]:text-muted-foreground",
     "flex",
     "items-center",
     "justify-between",
@@ -37,9 +36,8 @@ var selectTriggerVariants = cva(
     "*:data-[slot=select-value]:flex",
     "*:data-[slot=select-value]:items-center",
     "*:data-[slot=select-value]:gap-2",
-    "[&_svg]:pointer-events-none",
     "[&_svg]:shrink-0",
-    "[&_svg:not([class*='size-'])]:size-4",
+    "[&_svg]:pointer-events-none",
     "[&_svg:not([class*='text-'])]:text-muted-foreground"
   ],
   {
@@ -50,9 +48,9 @@ var selectTriggerVariants = cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        sm: "p-sm text-sm h-6.5",
-        base: "",
-        lg: ""
+        sm: "px-sm py-xs text-uk-sm h-5.5 [&_svg:not([class*='size-'])]:size-lg",
+        base: "px-md py-sm text-uk-md h-7 [&_svg:not([class*='size-'])]:size-[14px]",
+        lg: "px-lg py-sm text-uk-lg h-8 [&_svg:not([class*='size-'])]:size-xl"
       }
     },
     defaultVariants: {
@@ -81,7 +79,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "opacity-50" }) })
       ]
     }
   );
@@ -118,7 +116,8 @@ function SelectContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-md",
-          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]"
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "liquid:liquid-bg"
         ],
         {
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"
@@ -148,7 +147,7 @@ function SelectLabel({ className, ...props }) {
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: cn("text-text-secondary px-2 py-1.5 text-xs", className),
+      className: cn("text-text-secondary text-uk-xs px-2 py-1.5", className),
       ...props
     }
   );
@@ -171,7 +170,7 @@ function SelectItem({ className, children, prefix, suffix, disabled, ...props })
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",

package/dist/{chunk-KVDEBKWR.mjs → chunk-QYRRQ65X.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { composeRefs } from '@radix-ui/react-compose-refs';
 import { cva } from 'class-variance-authority';
 import { forwardRef, useRef } from 'react';
@@ -22,17 +22,18 @@ var inputRootVariants = cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        default: ["h-9 ", "text-xs"],
-        sm: ["h-6 ", "text-sm ", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
+        sm: ["h-5.5", "text-uk-sm", "[&_.input-slot>svg:not([class*='size-'])]:size-lg"],
+        base: ["h-7", "text-uk-md", "[&_.input-slot>svg:not([class*='size-'])]:size-[14px]"],
+        lg: ["h-8", "text-uk-lg", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
       }
     },
     defaultVariants: {
       state: "default",
-      size: "default"
+      size: "base"
     }
   }
 );
-var InputRoot = forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, name, inputClassName, ...props }, ref) {
+var InputRoot = forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, type, inputClassName, ...props }, ref) {
   const inputRef = useRef(null);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -41,7 +42,6 @@ var InputRoot = forwardRef(function InputRoot2({ style, className, side, childre
       "data-input": true,
       className: cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
-        console.log("onPointerDown", event);
         const target = event.target;
         if (target.closest("input, button, a")) return;
         const input = inputRef.current;
@@ -65,12 +65,21 @@ var InputRoot = forwardRef(function InputRoot2({ style, className, side, childre
           {
             spellCheck: "false",
             ...props,
+            type,
             "data-side": side,
             disabled,
-            name: name ?? "text",
+            name: type ?? "text",
             ref: composeRefs(inputRef, ref),
             className: cn(
-              ["data-[side=right]:text-right", "outline-none", "w-full", "h-full"],
+              [
+                "w-full",
+                "h-full",
+                "outline-none",
+                "data-[side=right]:text-right",
+                "[input[type=number]]:font-number-input",
+                "[&::-webkit-inner-spin-button]:appearance-none",
+                "[&::-webkit-outer-spin-button]:appearance-none"
+              ],
               inputClassName
             )
           }
@@ -93,8 +102,8 @@ var InputSlot = forwardRef(function({ className, children, side = "left", ...pro
           "cursor-text",
           "shrink-0",
           "order-[0]",
-          "data-[side=left]:-order-1",
-          "text-text-tertiary"
+          "text-text-tertiary",
+          "data-[side=left]:-order-1"
         ],
         className
       ),

package/dist/{chunk-SZU2TX5H.js → chunk-QZASHJNJ.js}

@@ -9,7 +9,7 @@ var Toaster = ({ ...props }) => {
     sonner.Toaster,
     {
       toastOptions: {
-        className: "vk-toast",
+        className: "vk-toast liquid:liquid-bg",
         descriptionClassName: "vk-toast-description"
       },
       ...props

package/dist/{chunk-WI2J7NIV.mjs → chunk-RX22QM5B.mjs}

@@ -1,5 +1,5 @@
-import { InputRoot, InputSlot } from './chunk-KVDEBKWR.mjs';
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { InputRoot, InputSlot } from './chunk-QYRRQ65X.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { useGesture } from '@use-gesture/react';
 import { forwardRef, useRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-ZYBSCTBR.js → chunk-SKO72K64.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -24,26 +24,26 @@ var inputRootVariants = classVarianceAuthority.cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        default: ["h-9 ", "text-xs"],
-        sm: ["h-6 ", "text-sm ", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
+        sm: ["h-5.5", "text-uk-sm", "[&_.input-slot>svg:not([class*='size-'])]:size-lg"],
+        base: ["h-7", "text-uk-md", "[&_.input-slot>svg:not([class*='size-'])]:size-[14px]"],
+        lg: ["h-8", "text-uk-lg", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
       }
     },
     defaultVariants: {
       state: "default",
-      size: "default"
+      size: "base"
     }
   }
 );
-var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, name, inputClassName, ...props }, ref) {
+var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, type, inputClassName, ...props }, ref) {
   const inputRef = react.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style,
       "data-input": true,
-      className: chunkUWO6RBCE_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
+      className: chunkXXWQ4RVP_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
-        console.log("onPointerDown", event);
         const target = event.target;
         if (target.closest("input, button, a")) return;
         const input = inputRef.current;
@@ -67,12 +67,21 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
           {
             spellCheck: "false",
             ...props,
+            type,
             "data-side": side,
             disabled,
-            name: name ?? "text",
+            name: type ?? "text",
             ref: reactComposeRefs.composeRefs(inputRef, ref),
-            className: chunkUWO6RBCE_js.cn(
-              ["data-[side=right]:text-right", "outline-none", "w-full", "h-full"],
+            className: chunkXXWQ4RVP_js.cn(
+              [
+                "w-full",
+                "h-full",
+                "outline-none",
+                "data-[side=right]:text-right",
+                "[input[type=number]]:font-number-input",
+                "[&::-webkit-inner-spin-button]:appearance-none",
+                "[&::-webkit-outer-spin-button]:appearance-none"
+              ],
               inputClassName
             )
           }
@@ -89,14 +98,14 @@ var InputSlot = react.forwardRef(function({ className, children, side = "left",
       "data-side": side,
       ...props,
       ref,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "input-slot",
           "cursor-text",
           "shrink-0",
           "order-[0]",
-          "data-[side=left]:-order-1",
-          "text-text-tertiary"
+          "text-text-tertiary",
+          "data-[side=left]:-order-1"
         ],
         className
       ),

package/dist/{chunk-TOZYLDAL.mjs → chunk-SP3DH5MP.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -8,24 +8,17 @@ var badgeVariants = cva(
     "inline-flex",
     "items-center",
     "justify-center",
-    "rounded-md",
+    "rounded-uk-xs",
     "px-md",
     "py-xxs",
     "align-middle",
-    "text-xs",
-    "font-normal",
+    "text-uk-sm",
+    "leading-uk-sm",
     "w-fit",
     "whitespace-nowrap",
     "shrink-0",
     "[&>svg]:size-3",
-    "gap-1",
     "[&>svg]:pointer-events-none",
-    "focus-visible:border-ring",
-    "focus-visible:ring-ring/50",
-    "focus-visible:ring-[3px]",
-    "aria-invalid:ring-destructive/20",
-    "dark:aria-invalid:ring-destructive/40",
-    "aria-invalid:border-destructive",
     "transition-[color,box-shadow]",
     "overflow-hidden",
     "text-text-withbg"
@@ -41,7 +34,7 @@ var badgeVariants = cva(
       },
       type: {
         default: "",
-        circle: "size-[18px] rounded-full",
+        circle: "size-[18px] !rounded-full",
         dot: "size-[6px] rounded-full !px-0 !py-0 text-transparent"
       }
     },

package/dist/{chunk-CZSRIDXN.mjs → chunk-T3VSSE2L.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { forwardRef, useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';