@easyops-cn/a2ui-react 0.0.3 → 0.0.4

package/dist/components/ui/calendar.js

@@ -1,176 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as e } from "../../lib/utils.js";
-import { buttonVariants as f, Button as b } from "./button.js";
-import { getDefaultClassNames as p } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as h } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-function B({
-  className: c,
-  classNames: i,
-  showOutsideDays: r = !0,
-  captionLayout: l = "label",
-  buttonVariant: s = "ghost",
-  formatters: u,
-  components: x,
-  ...g
-}) {
-  const t = p();
-  return /* @__PURE__ */ n(
-    h,
-    {
-      showOutsideDays: r,
-      className: e(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        c
-      ),
-      captionLayout: l,
-      formatters: {
-        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
-        ...u
-      },
-      classNames: {
-        root: e("w-fit", t.root),
-        months: e(
-          "flex gap-4 flex-col md:flex-row relative",
-          t.months
-        ),
-        month: e("flex flex-col w-full gap-4", t.month),
-        nav: e(
-          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
-          t.nav
-        ),
-        button_previous: e(
-          f({ variant: s }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
-          t.button_previous
-        ),
-        button_next: e(
-          f({ variant: s }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
-          t.button_next
-        ),
-        month_caption: e(
-          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
-          t.month_caption
-        ),
-        dropdowns: e(
-          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
-          t.dropdowns
-        ),
-        dropdown_root: e(
-          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
-          t.dropdown_root
-        ),
-        dropdown: e(
-          "absolute bg-popover inset-0 opacity-0",
-          t.dropdown
-        ),
-        caption_label: e(
-          "select-none font-medium",
-          l === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
-          t.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: e("flex", t.weekdays),
-        weekday: e(
-          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
-          t.weekday
-        ),
-        week: e("flex w-full mt-2", t.week),
-        week_number_header: e(
-          "select-none w-(--cell-size)",
-          t.week_number_header
-        ),
-        week_number: e(
-          "text-[0.8rem] select-none text-muted-foreground",
-          t.week_number
-        ),
-        day: e(
-          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
-          g.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
-          t.day
-        ),
-        range_start: e(
-          "rounded-l-md bg-accent",
-          t.range_start
-        ),
-        range_middle: e("rounded-none", t.range_middle),
-        range_end: e("rounded-r-md bg-accent", t.range_end),
-        today: e(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
-          t.today
-        ),
-        outside: e(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          t.outside
-        ),
-        disabled: e(
-          "text-muted-foreground opacity-50",
-          t.disabled
-        ),
-        hidden: e("invisible", t.hidden),
-        ...i
-      },
-      components: {
-        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
-          "div",
-          {
-            "data-slot": "calendar",
-            ref: d,
-            className: e(a),
-            ...o
-          }
-        ),
-        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(w, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
-          _,
-          {
-            className: e("size-4", a),
-            ...o
-          }
-        ) : /* @__PURE__ */ n(y, { className: e("size-4", a), ...o }),
-        DayButton: v,
-        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
-        ...x
-      },
-      ...g
-    }
-  );
-}
-function v({
-  className: c,
-  day: i,
-  modifiers: r,
-  ...l
-}) {
-  const s = p(), u = m.useRef(null);
-  return m.useEffect(() => {
-    r.focused && u.current?.focus();
-  }, [r.focused]), /* @__PURE__ */ n(
-    b,
-    {
-      ref: u,
-      variant: "ghost",
-      size: "icon",
-      "data-day": i.date.toLocaleDateString(),
-      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
-      "data-range-start": r.range_start,
-      "data-range-end": r.range_end,
-      "data-range-middle": r.range_middle,
-      className: e(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
-        s.day,
-        c
-      ),
-      ...l
-    }
-  );
-}
-export {
-  B as Calendar,
-  v as CalendarDayButton
-};

package/dist/components/ui/card.js

@@ -1,29 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "../../lib/utils.js";
-function n({ className: r, ...o }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card",
-      className: a(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        r
-      ),
-      ...o
-    }
-  );
-}
-function c({ className: r, ...o }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: a("px-6", r),
-      ...o
-    }
-  );
-}
-export {
-  n as Card,
-  c as CardContent
-};

package/dist/components/ui/checkbox.js

@@ -1,31 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Checkbox as a, CheckboxIndicator as t } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
-import { cn as o } from "../../lib/utils.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-function l({
-  className: e,
-  ...i
-}) {
-  return /* @__PURE__ */ r(
-    a,
-    {
-      "data-slot": "checkbox",
-      className: o(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...i,
-      children: /* @__PURE__ */ r(
-        t,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ r(d, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-export {
-  l as Checkbox
-};

package/dist/components/ui/dialog.js

@@ -1,77 +0,0 @@
-import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import { Root as r, Trigger as l, Content as d, Close as g, Portal as c, Overlay as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
-import { cn as n } from "../../lib/utils.js";
-import f from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function y({
-  ...t
-}) {
-  return /* @__PURE__ */ a(r, { "data-slot": "dialog", ...t });
-}
-function z({
-  ...t
-}) {
-  return /* @__PURE__ */ a(l, { "data-slot": "dialog-trigger", ...t });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ a(c, { "data-slot": "dialog-portal", ...t });
-}
-function m({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    u,
-    {
-      "data-slot": "dialog-overlay",
-      className: n(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        t
-      ),
-      ...o
-    }
-  );
-}
-function D({
-  className: t,
-  children: o,
-  showCloseButton: s = !0,
-  ...i
-}) {
-  return /* @__PURE__ */ e(p, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(m, {}),
-    /* @__PURE__ */ e(
-      d,
-      {
-        "data-slot": "dialog-content",
-        className: n(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          t
-        ),
-        ...i,
-        children: [
-          o,
-          s && /* @__PURE__ */ e(
-            g,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ a(f, {}),
-                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-export {
-  y as Dialog,
-  D as DialogContent,
-  m as DialogOverlay,
-  p as DialogPortal,
-  z as DialogTrigger
-};

package/dist/components/ui/input.js

@@ -1,21 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "../../lib/utils.js";
-function a({ className: e, type: i, ...r }) {
-  return /* @__PURE__ */ t(
-    "input",
-    {
-      type: i,
-      "data-slot": "input",
-      className: n(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "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",
-        e
-      ),
-      ...r
-    }
-  );
-}
-export {
-  a as Input
-};

package/dist/components/ui/label.js

@@ -1,22 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Root as a } from "../../node_modules/@radix-ui/react-label/dist/index.js";
-import { cn as r } from "../../lib/utils.js";
-function l({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ o(
-    a,
-    {
-      "data-slot": "label",
-      className: r(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        e
-      ),
-      ...t
-    }
-  );
-}
-export {
-  l as Label
-};

package/dist/components/ui/popover.js

@@ -1,38 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Root as n, Trigger as d, Portal as i, Content as s } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import { cn as p } from "../../lib/utils.js";
-function c({
-  ...o
-}) {
-  return /* @__PURE__ */ t(n, { "data-slot": "popover", ...o });
-}
-function g({
-  ...o
-}) {
-  return /* @__PURE__ */ t(d, { "data-slot": "popover-trigger", ...o });
-}
-function u({
-  className: o,
-  align: e = "center",
-  sideOffset: r = 4,
-  ...a
-}) {
-  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-    s,
-    {
-      "data-slot": "popover-content",
-      align: e,
-      sideOffset: r,
-      className: p(
-        "bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-        o
-      ),
-      ...a
-    }
-  ) });
-}
-export {
-  c as Popover,
-  u as PopoverContent,
-  g as PopoverTrigger
-};

package/dist/components/ui/select.js

@@ -1,146 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Root as d, Trigger as c, Icon as u, Value as m, Portal as p, Content as f, Viewport as g, Item as v, ItemIndicator as h, ItemText as x, ScrollUpButton as b, ScrollDownButton as w } from "../../node_modules/@radix-ui/react-select/dist/index.js";
-import { cn as r } from "../../lib/utils.js";
-import i from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-import z from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
-function D({
-  ...t
-}) {
-  return /* @__PURE__ */ e(d, { "data-slot": "select", ...t });
-}
-function T({
-  ...t
-}) {
-  return /* @__PURE__ */ e(m, { "data-slot": "select-value", ...t });
-}
-function U({
-  className: t,
-  size: a = "default",
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n(
-    c,
-    {
-      "data-slot": "select-trigger",
-      "data-size": a,
-      className: r(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *: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",
-        t
-      ),
-      ...o,
-      children: [
-        s,
-        /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e(i, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function V({
-  className: t,
-  children: a,
-  position: s = "item-aligned",
-  align: o = "center",
-  ...l
-}) {
-  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(
-    f,
-    {
-      "data-slot": "select-content",
-      className: r(
-        "bg-popover text-popover-foreground 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-md border shadow-md",
-        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        t
-      ),
-      position: s,
-      align: o,
-      ...l,
-      children: [
-        /* @__PURE__ */ e(N, {}),
-        /* @__PURE__ */ e(
-          g,
-          {
-            className: r(
-              "p-1",
-              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children: a
-          }
-        ),
-        /* @__PURE__ */ e(S, {})
-      ]
-    }
-  ) });
-}
-function R({
-  className: t,
-  children: a,
-  ...s
-}) {
-  return /* @__PURE__ */ n(
-    v,
-    {
-      "data-slot": "select-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        t
-      ),
-      ...s,
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "data-slot": "select-item-indicator",
-            className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(y, { className: "size-4" }) })
-          }
-        ),
-        /* @__PURE__ */ e(x, { children: a })
-      ]
-    }
-  );
-}
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    b,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: r(
-        "flex cursor-default items-center justify-center py-1",
-        t
-      ),
-      ...a,
-      children: /* @__PURE__ */ e(z, { className: "size-4" })
-    }
-  );
-}
-function S({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    w,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: r(
-        "flex cursor-default items-center justify-center py-1",
-        t
-      ),
-      ...a,
-      children: /* @__PURE__ */ e(i, { className: "size-4" })
-    }
-  );
-}
-export {
-  D as Select,
-  V as SelectContent,
-  R as SelectItem,
-  S as SelectScrollDownButton,
-  N as SelectScrollUpButton,
-  U as SelectTrigger,
-  T as SelectValue
-};

package/dist/components/ui/separator.js

@@ -1,26 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Root as n } from "../../node_modules/@radix-ui/react-separator/dist/index.js";
-import { cn as e } from "../../lib/utils.js";
-function d({
-  className: t,
-  orientation: o = "horizontal",
-  decorative: r = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ i(
-    n,
-    {
-      "data-slot": "separator",
-      decorative: r,
-      orientation: o,
-      className: e(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        t
-      ),
-      ...a
-    }
-  );
-}
-export {
-  d as Separator
-};

package/dist/components/ui/slider.js

@@ -1,63 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import * as h from "react";
-import { Root as m, Track as f, Range as b, Thumb as u } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
-import { cn as e } from "../../lib/utils.js";
-function y({
-  className: n,
-  defaultValue: t,
-  value: r,
-  min: a = 0,
-  max: o = 100,
-  ...l
-}) {
-  const s = h.useMemo(
-    () => Array.isArray(r) ? r : Array.isArray(t) ? t : [a, o],
-    [r, t, a, o]
-  );
-  return /* @__PURE__ */ c(
-    m,
-    {
-      "data-slot": "slider",
-      defaultValue: t,
-      value: r,
-      min: a,
-      max: o,
-      className: e(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        n
-      ),
-      ...l,
-      children: [
-        /* @__PURE__ */ i(
-          f,
-          {
-            "data-slot": "slider-track",
-            className: e(
-              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-            ),
-            children: /* @__PURE__ */ i(
-              b,
-              {
-                "data-slot": "slider-range",
-                className: e(
-                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                )
-              }
-            )
-          }
-        ),
-        Array.from({ length: s.length }, (g, d) => /* @__PURE__ */ i(
-          u,
-          {
-            "data-slot": "slider-thumb",
-            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-          },
-          d
-        ))
-      ]
-    }
-  );
-}
-export {
-  y as Slider
-};