@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/chunk-KAPV3EZO.mjs

@@ -0,0 +1,271 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cva } from 'class-variance-authority';
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Group,
+    {
+      "data-slot": "select-group",
+      className: cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+var selectTriggerVariants = cva(
+  [
+    // "data-[placeholder]:text-muted-foreground",
+    "flex",
+    "items-center",
+    "justify-between",
+    "gap-2",
+    "rounded-uk-sm",
+    "bg-bg-secondary",
+    "whitespace-nowrap",
+    "shadow-xs",
+    "transition-[color,box-shadow]",
+    "outline-none",
+    "*:data-[slot=select-value]:line-clamp-1",
+    "*: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:not([class*='text-'])]:text-muted-foreground"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:bg-bg-tertiary", "has-[input:focus]:bg-bg-quaternary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-tertiary", "text-text-tertiary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
+      },
+      size: {
+        sm: "p-sm text-sm h-6.5",
+        base: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "base"
+    }
+  }
+);
+function SelectTrigger({
+  className,
+  size,
+  children,
+  disabled,
+  state,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+      ),
+      disabled,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        [
+          "bg-bg-primary",
+          "data-[state=open]:animate-in",
+          "data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0",
+          "data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95",
+          "data-[state=open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "relative",
+          "z-50",
+          "max-h-(--radix-select-content-available-height)",
+          "min-w-[8rem]",
+          "origin-(--radix-select-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-md",
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]"
+        ],
+        {
+          "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"
+        },
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn("p-md", {
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1": position === "popper"
+            }),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-text-secondary px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({ className, children, prefix, suffix, disabled, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      disabled,
+      className: cn(
+        [
+          "group/select-item",
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "px-md",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-xs",
+          "outline-hidden",
+          "select-none",
+          "focus:bg-bg-secondary",
+          "data-[state=checked]:bg-brand-primary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground",
+          "*:[span]:last:flex",
+          "*:[span]:last:items-center",
+          "*:[span]:last:gap-2"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: cn([
+              "text-text-tertiary",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              "data-[disabled=true]:text-bg-quaternary",
+              "group-data-[state=checked]/select-item:text-text-withbg"
+            ]),
+            children: prefix
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: cn(
+              "text-text-tertiary",
+              "ml-auto",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              "data-[disabled=true]:text-bg-quaternary",
+              "group-data-[state=checked]/select-item:text-text-withbg"
+            ),
+            children: suffix
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/chunk-KJ42IGH6.js

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

package/dist/chunk-KO7BQ6RR.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Root,
+    {
+      "data-slot": "radio-group",
+      className: chunkUWO6RBCE_js.cn("grid gap-2", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: chunkUWO6RBCE_js.cn(
+        "group",
+        "w-[16px]",
+        "h-[16px]",
+        "rounded-full",
+        "border-[1.5px]",
+        "border-solid",
+        "border-bg-tertiary",
+        "data-[state=checked]:border-brand-primary",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-bg-secondary",
+        "disabled:data-[state=checked]:border-bg-tertiary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        RadioGroupPrimitive__namespace.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkUWO6RBCE_js.cn(
+                "absolute",
+                "inset-0",
+                "m-auto",
+                "size-[8px]",
+                "rounded-full",
+                "bg-brand-primary",
+                "group-disabled:bg-bg-tertiary"
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/chunk-KVDEBKWR.mjs

@@ -0,0 +1,106 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+import { cva } from 'class-variance-authority';
+import { forwardRef, useRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var inputRootVariants = cva(
+  [
+    "px-1.5",
+    "flex",
+    "gap-md",
+    "items-center",
+    "rounded-uk-sm",
+    "overflow-hidden",
+    "bg-bg-secondary"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:bg-bg-tertiary", "has-[input:focus]:bg-bg-quaternary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-tertiary", "text-text-tertiary"],
+        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"]
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "default"
+    }
+  }
+);
+var InputRoot = forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, name, inputClassName, ...props }, ref) {
+  const inputRef = useRef(null);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style,
+      "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;
+        if (!input) return;
+        const isRightSlot = target.closest(`
+            .input-slot[data-side='right'],
+            .input-slot:not([data-side='right']) ~ .input-slot:not([data-side='left'])
+          `);
+        const cursorPosition = isRightSlot ? input.value.length : 0;
+        requestAnimationFrame(() => {
+          try {
+            input.setSelectionRange(cursorPosition, cursorPosition);
+          } catch {
+          }
+          input.focus();
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            spellCheck: "false",
+            ...props,
+            "data-side": side,
+            disabled,
+            name: name ?? "text",
+            ref: composeRefs(inputRef, ref),
+            className: cn(
+              ["data-[side=right]:text-right", "outline-none", "w-full", "h-full"],
+              inputClassName
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+});
+var InputSlot = forwardRef(function({ className, children, side = "left", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-side": side,
+      ...props,
+      ref,
+      className: cn(
+        [
+          "input-slot",
+          "cursor-text",
+          "shrink-0",
+          "order-[0]",
+          "data-[side=left]:-order-1",
+          "text-text-tertiary"
+        ],
+        className
+      ),
+      children
+    }
+  );
+});
+
+export { InputRoot, InputSlot };

package/dist/chunk-KVFK3YC7.js

@@ -0,0 +1,187 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+var Slider = react.forwardRef(function Slider2({
+  className,
+  defaultValue,
+  value,
+  onValueChange,
+  showStep = false,
+  step = 1,
+  min = 0,
+  max = 100,
+  ...props
+}, ref) {
+  const [currentValue, setCurrentValue] = react.useState(value ?? defaultValue ?? [0]);
+  const _values = react.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SliderPrimitive__namespace.Root,
+    {
+      "data-slot": "slider",
+      value,
+      defaultValue,
+      onValueChange: (v) => {
+        onValueChange == null ? void 0 : onValueChange(v);
+        setCurrentValue(v);
+      },
+      ref,
+      min,
+      max,
+      step,
+      className: chunkUWO6RBCE_js.cn(
+        "relative",
+        "flex",
+        "w-full",
+        "touch-none",
+        "select-none",
+        "items-center",
+        "data-[orientation=vertical]:h-full",
+        "data-[orientation=vertical]:min-h-44",
+        "data-[orientation=vertical]:w-auto",
+        "data-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SliderPrimitive__namespace.Track,
+          {
+            "data-slot": "slider-track",
+            className: chunkUWO6RBCE_js.cn(
+              "peer/slider-track",
+              "bg-line-primary",
+              "relative",
+              "grow",
+              "overflow-hidden",
+              "rounded-full",
+              "data-[disabled]:bg-bg-secondary",
+              "data-[orientation=vertical]:w-0.5",
+              "data-[orientation=vertical]:h-full",
+              "data-[orientation=horizontal]:h-0.5",
+              "data-[orientation=horizontal]:w-full"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              SliderPrimitive__namespace.Range,
+              {
+                "data-slot": "slider-range",
+                className: chunkUWO6RBCE_js.cn(
+                  "bg-brand-primary",
+                  "absolute",
+                  "data-[disabled]:bg-bg-secondary",
+                  "data-[orientation=vertical]:w-full",
+                  "data-[orientation=horizontal]:h-full"
+                )
+              }
+            )
+          }
+        ),
+        showStep && /* @__PURE__ */ jsxRuntime.jsx(SliderSteps, { currentValue, max, min, step }),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          SliderPrimitive__namespace.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: chunkUWO6RBCE_js.cn(
+              "ring-brand-primary/50",
+              "bg-brand-primary",
+              "block",
+              "h-4",
+              "w-[0.6rem]",
+              "shrink-0",
+              "rounded-[3px]",
+              "transition-[color,box-shadow]",
+              "hover:ring-4",
+              "hover:cursor-ew-resize",
+              "focus-visible:ring-4",
+              "focus-visible:outline-hidden",
+              "data-[disabled]:bg-bg-tertiary",
+              "data-[disabled]:pointer-events-none"
+            )
+          },
+          index
+        ))
+      ]
+    }
+  );
+});
+function SliderSteps({ step, min, max, currentValue }) {
+  const steps = react.useMemo(() => {
+    const value = max - min;
+    const stepCount = Math.ceil(value / step);
+    return Array.from({ length: stepCount + 1 }, (_, i) => {
+      return { position: Math.min(100 / value * (i * step), 100), v: i * step + min };
+    });
+  }, [max, min, step]);
+  const [minRange, maxRange] = react.useMemo(() => {
+    if (currentValue.length > 1) {
+      return [Math.min(...currentValue), Math.max(...currentValue)];
+    } else {
+      return [0, ...currentValue];
+    }
+  }, [currentValue]);
+  return steps.map((step2, i) => {
+    const thumbInBoundsOffset = getThumbInBoundsOffset(9.6, step2.position, 1);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-slot": "slider-step",
+        style: { left: `calc(${step2.position}% + ${thumbInBoundsOffset}px)` },
+        className: chunkUWO6RBCE_js.cn(
+          "absolute",
+          "top-1/2",
+          "translate-y-[-50%]",
+          "translate-x-[-50%]",
+          "bg-brand-primary",
+          "block",
+          "h-[5pt]",
+          "w-[1pt]",
+          "shrink-0",
+          "rounded-[1px]",
+          "peer-has-data-[disabled]/slider-track:bg-bg-tertiary",
+          { "bg-bg-tertiary": step2.v < minRange || step2.v > maxRange }
+        )
+      },
+      i
+    );
+  });
+}
+function getThumbInBoundsOffset(width, left, direction) {
+  const halfWidth = width / 2;
+  const halfPercent = 50;
+  const offset = linearScale([0, halfPercent], [0, halfWidth]);
+  return (halfWidth - offset(left) * direction) * direction;
+}
+function linearScale(input, output) {
+  return (value) => {
+    const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+    return output[0] + ratio * (value - input[0]);
+  };
+}
+
+exports.Slider = Slider;