@vuer-ai/vuer-uikit 0.0.4 → 0.0.7

package/dist/{chunk-ENZI5WM7.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,24 +24,25 @@ 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) => {
         const target = event.target;
         if (target.closest("input, button, a")) return;
@@ -66,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
             )
           }
@@ -88,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';

package/dist/{chunk-IPKCIMU4.mjs → chunk-TMBKCIVQ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 import { XIcon } from 'lucide-react';
@@ -35,12 +35,11 @@ function ModalOverlay({ className, ...props }) {
   );
 }
 var modalContentVariants = cva([
-  "px-xl",
   "pb-xl",
+  "px-xl",
   "bg-bg-primary",
-  "rounded-xl",
+  "rounded-uk-xl",
   "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-  "w-[320px]",
   "min-w-[280px]",
   "duration-200",
   "transition-all",
@@ -84,7 +83,7 @@ function ModalContent({
                 "top-[16px]",
                 "w-[16px]",
                 "h-[16px]",
-                "rounded-sm",
+                "rounded-uk-sm",
                 "cursor-pointer",
                 "hover:text-icon-highlight",
                 "text-icon-primary",
@@ -113,10 +112,11 @@ function ModalTitle({ className, ...props }) {
       "data-slot": "modal-title",
       className: cn(
         "text-text-highlight",
-        "text-[14px]",
-        "leading-[20px]",
+        "text-uk-lg",
+        "leading-uk-lg",
         "font-medium",
         "py-lg",
+        "px-xl",
         "text-center",
         className
       ),
@@ -129,15 +129,7 @@ function ModalDescription({ className, ...props }) {
     DialogPrimitive.Description,
     {
       "data-slot": "modal-description",
-      className: cn(
-        "text-text-primary",
-        "text-[14px]",
-        "leading-[20px]",
-        "font-normal",
-        "pb-lg",
-        "text-start",
-        className
-      ),
+      className: cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
       ...props
     }
   );
@@ -147,7 +139,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "modal-footer",
-      className: cn("w-full", "flex", "justify-end", "gap-[8px]", className),
+      className: cn("w-full", "flex", "justify-end", "gap-xs", className),
       ...props
     }
   );

package/dist/{chunk-YQORMF34.js → chunk-U7SNLMJR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,26 +59,26 @@ var toggleVariants = classVarianceAuthority.cva(
       },
       size: {
         sm: [
-          "text-xs",
-          "h-5.5",
+          "text-uk-sm",
+          "leading-uk-sm",
           "gap-xxs",
-          "px-md",
+          "p-xs",
           "[&_svg:not([class*='size-'])]:size-3",
           "rounded-uk-xs"
         ],
         base: [
-          "text-xs",
-          "h-7 ",
+          "text-uk-md",
+          "leading-uk-md",
           "gap-xs",
-          " px-lg",
+          "p-sm",
           "[&_svg:not([class*='size-'])]:size-3.5",
           "rounded-uk-sm"
         ],
         lg: [
-          "text-sm",
-          "h-8",
-          " gap-xs",
-          "px-xl",
+          "text-uk-lg",
+          "leading-uk-lg",
+          "gap-xs",
+          "p-md",
           "[&_svg:not([class*='size-'])]:size-4",
           "rounded-uk-md"
         ]
@@ -100,7 +100,7 @@ function Toggle({
     TogglePrimitive__namespace.Root,
     {
       "data-slot": "toggle",
-      className: chunkUWO6RBCE_js.cn(toggleVariants({ variant, size, className })),
+      className: chunkXXWQ4RVP_js.cn(toggleVariants({ variant, size, className })),
       ...props
     }
   );

package/dist/{chunk-7SXCVFSA.mjs → chunk-UMIQYHO6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';

package/dist/{chunk-KO7BQ6RR.js → chunk-VAXIFFOT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 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: chunkUWO6RBCE_js.cn("grid gap-2", className),
+      className: chunkXXWQ4RVP_js.cn("grid gap-2", className),
       ...props
     }
   );
@@ -39,7 +39,7 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "group",
         "w-[16px]",
         "h-[16px]",
@@ -62,7 +62,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkUWO6RBCE_js.cn(
+              className: chunkXXWQ4RVP_js.cn(
                 "absolute",
                 "inset-0",
                 "m-auto",

package/dist/{chunk-UFR656UY.mjs → chunk-WDUTW7HS.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -37,26 +37,26 @@ var toggleVariants = cva(
       },
       size: {
         sm: [
-          "text-xs",
-          "h-5.5",
+          "text-uk-sm",
+          "leading-uk-sm",
           "gap-xxs",
-          "px-md",
+          "p-xs",
           "[&_svg:not([class*='size-'])]:size-3",
           "rounded-uk-xs"
         ],
         base: [
-          "text-xs",
-          "h-7 ",
+          "text-uk-md",
+          "leading-uk-md",
           "gap-xs",
-          " px-lg",
+          "p-sm",
           "[&_svg:not([class*='size-'])]:size-3.5",
           "rounded-uk-sm"
         ],
         lg: [
-          "text-sm",
-          "h-8",
-          " gap-xs",
-          "px-xl",
+          "text-uk-lg",
+          "leading-uk-lg",
+          "gap-xs",
+          "p-md",
           "[&_svg:not([class*='size-'])]:size-4",
           "rounded-uk-md"
         ]

package/dist/{chunk-M3KBBKQR.mjs → chunk-WMXX2UMD.mjs}

@@ -1,8 +1,8 @@
-import { Tabs } from './chunk-QOUX33X5.mjs';
-import { Textarea } from './chunk-5GPQ7U5B.mjs';
-import { SelectTrigger } from './chunk-66JQXJEV.mjs';
-import { Button } from './chunk-Q3APPCB2.mjs';
-import { InputRoot } from './chunk-25GQKTNF.mjs';
+import { Tabs } from './chunk-3XVIJY3H.mjs';
+import { Textarea } from './chunk-DDOX4EEM.mjs';
+import { SelectTrigger } from './chunk-QVUX6LLD.mjs';
+import { Button } from './chunk-IQ6J7YTQ.mjs';
+import { InputRoot } from './chunk-QYRRQ65X.mjs';
 import { withCursor } from './chunk-CP7QYV4N.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-ATEHWT2R.mjs → chunk-WOZWC6KO.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -36,7 +36,8 @@ function TooltipContent({
         "bg-bg-secondary",
         "text-text-primary",
         "animate-in",
-        "text-sm",
+        "text-uk-sm",
+        "leading-uk-sm",
         "rounded-uk-md",
         "px-lg",
         "py-md",
@@ -63,7 +64,7 @@ function TooltipContent({
         /* @__PURE__ */ jsx(
           TooltipPrimitive.Arrow,
           {
-            className: "fill-bg-secondary z-50 h-[9px] w-[20px] border-none liquid:liquid-bg",
+            className: "fill-bg-secondary liquid:liquid-bg z-50 h-[9px] w-[20px] border-none",
             style: {
               clipPath: "polygon(50% 100%, 0% 0%, 100% 0%)",
               borderRadius: "1px 1px 0 0"

package/dist/{chunk-SI56IQWH.js → chunk-X55EAYE2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Card({ className, ...props }) {
@@ -8,15 +8,14 @@ function Card({ className, ...props }) {
     "div",
     {
       "data-slot": "card",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "flex",
         "flex-col",
-        "gap-lg",
+        "gap-md",
         "min-w-[300px]",
-        "rounded-lg",
+        "rounded-uk-lg",
         "p-lg",
         "bg-bg-primary",
-        "border-text-secondary",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         "liquid:liquid-bg",
         className
@@ -30,7 +29,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "card-header",
-      className: chunkUWO6RBCE_js.cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
+      className: chunkXXWQ4RVP_js.cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
       ...props
     }
   );
@@ -40,10 +39,10 @@ function CardTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "card-title",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "text-text-highlight",
-        "text-[14px]",
-        "leading-[20px]",
+        "text-uk-md",
+        "leading-uk-md",
         "font-medium",
         "vertical-align-middle",
         className
@@ -57,7 +56,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: chunkUWO6RBCE_js.cn("text-muted-foreground text-sm", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-sm leading-uk-sm", className),
       ...props
     }
   );
@@ -67,10 +66,10 @@ function CardAction({ className, ...props }) {
     "div",
     {
       "data-slot": "card-action",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "text-text-secondary",
-        "text-[11px]",
-        "leading-[14px]",
+        "text-uk-sm",
+        "leading-uk-sm",
         "font-medium",
         "vertical-align-middle",
         className
@@ -80,17 +79,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkUWO6RBCE_js.cn("", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkXXWQ4RVP_js.cn("", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: chunkUWO6RBCE_js.cn("[.border-t]:pt-6 flex items-center", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkXXWQ4RVP_js.cn("flex items-center", className), ...props });
 }
 
 exports.Card = Card;