mada-design-system 0.2.7 → 0.2.8

package/index.es54.js

@@ -1,55 +1,268 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-radio-group";
-import * as a from "react";
-import { cva as h } from "./index.es99.js";
-import { cn as s } from "./index.es79.js";
-import m from "./index.es124.js";
-const u = h(
-  "flex aspect-square   rounded-full enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect focus:ring-2 focus:ring-border-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled",
-  {
-    variants: {
-      colors: {
-        primary: `data-[state=checked]:border-control-primary-checked data-[state=checked]:text-control-primary-checked
-                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:text-control-primary-hovered
-                enabled:active:data-[state=checked]:border-control-primary-pressed active:data-[state=checked]:text-control-primary-pressed
-                `,
-        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:text-control-neutral-checked
-                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:text-control-neutral-hovered
-                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:text-control-neutral-pressed
-                `
+import { jsx as s, jsxs as L } from "react/jsx-runtime";
+import O from "./index.es159.js";
+import * as t from "react";
+import { Button as T } from "./index.es22.js";
+import Q from "./index.es116.js";
+import U from "./index.es117.js";
+import { cn as m } from "./index.es82.js";
+const D = t.createContext(null);
+function V() {
+  const c = t.useContext(D);
+  if (!c)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return c;
+}
+const G = t.forwardRef(
+  ({ orientation: c = "horizontal", opts: i, setApi: S, plugins: k, className: P, children: d, ...y }, z) => {
+    const [E, r] = O(
+      {
+        ...i,
+        axis: c === "horizontal" ? "x" : "y"
       },
-      size: {
-        default: "h-space-05 w-space-05 [&>span>svg]:size-space-04",
-        sm: "h-[20px] w-[20px] [&>span>svg]:size-[14px]",
-        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-03"
+      k
+    ), [h, w] = t.useState(!1), [I, R] = t.useState(!1), a = t.useCallback((u) => {
+      u && (w(u.canScrollPrev()), R(u.canScrollNext()));
+    }, []), e = t.useCallback(() => {
+      r == null || r.scrollPrev();
+    }, [r]), $ = t.useCallback(() => {
+      r == null || r.scrollNext();
+    }, [r]), n = t.useCallback(
+      (u) => {
+        u.key === "ArrowLeft" ? (u.preventDefault(), e()) : u.key === "ArrowRight" && (u.preventDefault(), $());
+      },
+      [e, $]
+    );
+    return t.useEffect(() => {
+      !r || !S || S(r);
+    }, [r, S]), t.useEffect(() => {
+      if (r)
+        return a(r), r.on("reInit", a), r.on("select", a), () => {
+          r == null || r.off("select", a);
+        };
+    }, [r, a]), /* @__PURE__ */ s(
+      D.Provider,
+      {
+        value: {
+          carouselRef: E,
+          api: r,
+          opts: i,
+          orientation: c || ((i == null ? void 0 : i.axis) === "y" ? "vertical" : "horizontal"),
+          scrollPrev: e,
+          scrollNext: $,
+          canScrollPrev: h,
+          canScrollNext: I
+        },
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: z,
+            onKeyDownCapture: n,
+            className: m("relative", P),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...y,
+            children: d
+          }
+        )
+      }
+    );
+  }
+);
+G.displayName = "CarouselPrimitive";
+const K = t.forwardRef(({ className: c, ...i }, S) => {
+  const { carouselRef: k, orientation: P } = V();
+  return /* @__PURE__ */ s("div", { ref: k, className: "overflow-hidden", children: /* @__PURE__ */ s("div", { ref: S, className: m("flex", P === "horizontal" ? "mx-4" : "-mt-4 flex-col", c), ...i }) });
+});
+K.displayName = "CarouselContent";
+const B = t.forwardRef(({ className: c, ...i }, S) => /* @__PURE__ */ s("div", { ref: S, role: "group", "aria-roledescription": "slide", className: m("min-w-0 shrink-0 grow-0 basis-full", c), ...i }));
+B.displayName = "CarouselItem";
+function re({
+  children: c,
+  className: i,
+  itemClassName: S,
+  showDots: k = !0,
+  showArrows: P = !0,
+  loop: d = !0,
+  autoplay: y = !1,
+  autoplayInterval: z = 5e3,
+  containerClassName: E,
+  maxDots: r = null,
+  itemWidth: h = 230,
+  slidesToShow: w,
+  showPartial: I = !0,
+  dir: R = "rtl",
+  type: a = "multiple"
+}) {
+  const [e, $] = t.useState(), [n, u] = t.useState(0), [o, F] = t.useState(0), [v, b] = t.useState(!1), [_, q] = t.useState(!0), A = t.useId(), M = t.useMemo(() => a === "single" ? "100%" : w ? `calc(${100 / w}% - ${I ? "1rem" : "0px"})` : typeof h == "number" ? `${h}px` : h, [a, w, h, I]), x = t.useCallback(
+    (l) => {
+      if (!e || v)
+        return;
+      b(!0);
+      const C = e.selectedScrollSnap();
+      if (C === l) {
+        b(!1);
+        return;
       }
+      const p = C < l ? 1 : -1;
+      if (Math.abs(C - l) === 1) {
+        p > 0 ? e.scrollNext() : e.scrollPrev(), setTimeout(() => b(!1), 300);
+        return;
+      }
+      let N = 0;
+      const f = Math.abs(C - l), g = () => {
+        N < f ? (p > 0 ? e.scrollNext() : e.scrollPrev(), N++, setTimeout(g, 150)) : b(!1);
+      };
+      g();
     },
-    defaultVariants: {
-      colors: "primary",
-      size: "default"
+    [e, v]
+  ), j = t.useCallback(() => {
+    !e || v || (d && n === o - 1 ? x(0) : (b(!0), e.scrollNext(), setTimeout(() => b(!1), 300)));
+  }, [e, v, d, n, o, x]), H = t.useCallback(() => {
+    !e || v || (b(!0), d && n === 0 ? x(o - 1) : (e.scrollPrev(), setTimeout(() => b(!1), 300)));
+  }, [e, v, d, n, o, x]);
+  t.useEffect(() => {
+    if (!e)
+      return;
+    F(e.scrollSnapList().length);
+    const l = () => {
+      u(e.selectedScrollSnap());
+    };
+    return u(e.selectedScrollSnap()), e.on("select", l), e.on("reInit", l), () => {
+      e.off("select", l), e.off("reInit", l);
+    };
+  }, [e]), t.useEffect(() => {
+    if (!e)
+      return;
+    const l = e.scrollSnapList().length, C = e.canScrollNext(), p = e.canScrollPrev();
+    q(C || p || l > 1);
+  }, [e, o, n]), t.useEffect(() => {
+    if (!e || !y)
+      return;
+    const l = setInterval(() => {
+      v || j();
+    }, z);
+    return () => clearInterval(l);
+  }, [e, y, z, v, j]);
+  const J = () => {
+    if (!r || o <= r)
+      return Array.from({ length: o }).map((N, f) => /* @__PURE__ */ s(
+        "button",
+        {
+          className: `size-space-04 rounded-full transition-colors focus:outline-none ${n === f ? "bg-primary" : "bg-background-neutral-200"}`,
+          onClick: () => x(f),
+          disabled: v,
+          "aria-label": `Go to slide ${f + 1}`
+        },
+        `${A}-dot-${f}`
+      ));
+    const l = [], C = o - (r - 1), p = Math.max(1, C);
+    for (let N = 0; N < r; N++) {
+      let f, g;
+      N === r - 1 ? (f = o - 1, g = n >= o - p) : (f = N, g = n === N), l.push(
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: `size-space-04 rounded-full transition-colors focus:outline-none ${g ? "bg-primary" : "bg-background-neutral-200"}`,
+            onClick: () => x(f),
+            disabled: v,
+            "aria-label": `Go to slide ${f + 1}`
+          },
+          `${A}-dot-${N}`
+        )
+      );
     }
-  }
-), l = a.createContext({
-  colors: "primary"
-}), b = a.forwardRef(({ className: o, colors: c, size: d, children: t, ...n }, i) => /* @__PURE__ */ e(r.Root, { className: s("grid gap-2", o), ...n, ref: i, children: /* @__PURE__ */ p(l.Provider, { value: { colors: c, size: d }, children: [
-  " ",
-  t
-] }) }));
-b.displayName = r.Root.displayName;
-const f = a.forwardRef(({ className: o, ...c }, d) => {
-  const t = a.useContext(l);
-  return /* @__PURE__ */ e("div", { className: "flex  items-center justify-center", children: /* @__PURE__ */ e(
-    r.Item,
+    return l;
+  };
+  return /* @__PURE__ */ s("div", { className: m("w-full ", E), children: /* @__PURE__ */ L(
+    G,
     {
-      ref: d,
-      className: s(u({ colors: t.colors, size: t.size, className: o })),
-      ...c,
-      children: /* @__PURE__ */ e(r.Indicator, { className: "flex h-full w-full items-center justify-center rounded-full", children: /* @__PURE__ */ e(m, {}) })
+      dir: R,
+      setApi: $,
+      opts: {
+        align: "start",
+        loop: !1,
+        skipSnaps: !1,
+        containScroll: "trimSnaps",
+        dragFree: !1,
+        direction: R,
+        slidesToScroll: 1
+      },
+      className: m("relative w-full", i),
+      children: [
+        /* @__PURE__ */ s(K, { className: " gap-space-04", children: t.Children.map(c, (l, C) => /* @__PURE__ */ s(
+          B,
+          {
+            className: m("transition-transform duration-300 ", S),
+            style: {
+              flex: `0 0 ${M}`,
+              maxWidth: M
+            },
+            children: l
+          },
+          `${A}-item-${C}`
+        )) }),
+        _ && /* @__PURE__ */ L(
+          "div",
+          {
+            className: m({
+              "container mt-space-05 flex items-center justify-between": a === "multiple"
+            }),
+            children: [
+              P && /* @__PURE__ */ L(
+                "div",
+                {
+                  className: m({
+                    "flex items-center gap-2": a === "multiple",
+                    "absolute inset-x-space-04 top-1/2 z-0 mx-auto flex max-w-container -translate-y-1/2 items-center justify-between": a === "single"
+                  }),
+                  children: [
+                    /* @__PURE__ */ s(
+                      T,
+                      {
+                        onClick: H,
+                        colors: "primary",
+                        variant: !d && n === 0 ? "outline" : "default",
+                        size: "icon",
+                        "aria-label": "Previous slide",
+                        className: m(!d && n === 0 && "!pointer-events-none"),
+                        children: /* @__PURE__ */ s(Q, { className: "ltr:rotate-180" })
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      T,
+                      {
+                        onClick: j,
+                        colors: "primary",
+                        variant: !d && n === o - 1 ? "outline" : "default",
+                        size: "icon",
+                        "aria-label": "Next slide",
+                        className: m(!d && n === o - 1 && "!pointer-events-none"),
+                        children: /* @__PURE__ */ s(U, { className: "ltr:rotate-180" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              k && o > 0 && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: m("flex  gap-space-02", {
+                    " items-center": a === "multiple",
+                    "absolute inset-x-0 bottom-space-08 justify-center": a === "single"
+                  }),
+                  children: J()
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
   ) });
-});
-f.displayName = r.Item.displayName;
+}
 export {
-  b as RadioGroup,
-  f as RadioGroupItem
+  re as Carousel,
+  K as CarouselContent,
+  B as CarouselItem,
+  G as CarouselPrimitive
 };

package/index.es55.js

@@ -1,30 +1,35 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-scroll-area";
-import * as t from "react";
-import { cn as s } from "./index.es79.js";
-const m = t.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ i(r.Root, { ref: c, className: s("relative overflow-hidden", o), ...a, children: [
-  /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
-  /* @__PURE__ */ e(d, {}),
-  /* @__PURE__ */ e(r.Corner, {})
-] }));
-m.displayName = r.Root.displayName;
-const d = t.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
-  r.ScrollAreaScrollbar,
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-hover-card";
+import * as s from "react";
+import { cn as d } from "./index.es82.js";
+const v = a.Root, u = a.Trigger, l = s.forwardRef(({ className: t, align: o = "center", variant: e, sideOffset: i = 4, ...n }, p) => /* @__PURE__ */ r(
+  a.Content,
   {
-    ref: c,
-    orientation: l,
-    className: s(
-      "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      o
+    ref: p,
+    align: o,
+    sideOffset: i,
+    className: d(
+      `z-50  flex max-w-96 origin-[--radix-hover-card-content-transform-origin] flex-col gap-space-02 text-wrap rounded p-space-02  text-caption-01 shadow-lg outline-none 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
+            [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-space-02 [&>svg]:top-space-02 [&>svg]:size-[24px]  [&>svg]:rounded-full [&>svg]:bg-icon-neutral [&>svg]:p-space-01 [&>svg]:text-icon-oncolor [&>svg~*]:ps-[32px]
+            `,
+      {
+        "bg-popover text-popover-foreground ": e === "default",
+        "bg-background-neutral-800 text-neutral-100": e === "inverted"
+      },
+      t
     ),
-    ...a,
-    children: /* @__PURE__ */ e(r.ScrollAreaThumb, { className: s("relative rounded-full bg-border", l === "vertical" && "flex-1") })
+    ...n
   }
 ));
-d.displayName = r.ScrollAreaScrollbar.displayName;
+l.displayName = a.Content.displayName;
+const c = s.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r("h5", { ref: e, className: d("font-semibold", t), ...o }));
+c.displayName = "HoverCardTitle";
+const m = s.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ r("div", { ref: e, className: d(t), ...o }));
+m.displayName = "HoverCardDescription";
 export {
-  m as ScrollArea,
-  d as ScrollBar
+  v as HoverCard,
+  l as HoverCardContent,
+  m as HoverCardDescription,
+  c as HoverCardTitle,
+  u as HoverCardTrigger
 };

package/index.es56.js

@@ -1,74 +1,25 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import B, { useState as g, useRef as w, useEffect as m } from "react";
-import { debounce as v, cn as R } from "./index.es79.js";
-import { strings as d } from "./index.es91.js";
-import { Button as j } from "./index.es22.js";
-import { Input as z } from "./index.es35.js";
-import f from "./index.es120.js";
-import { Stack as A } from "./index.es40.js";
-import D from "./index.es102.js";
-const E = B.forwardRef(
-  ({ placeholder: h = "Search...", value: a = "", type: t, validationMessage: s, onSearch: n, disabled: x = !1, debounceTime: i = 600, className: N = "", ...b }, C) => {
-    const [r, c] = g(a), l = w();
-    m(() => {
-      c(a);
-    }, [a]), m(() => {
-      l.current = v((o) => n(o), i);
-    }, [n, i]);
-    const S = (o) => {
-      o.key === "Enter" && n(r.trim());
-    }, y = (o) => {
-      const p = o.target.value;
-      c(p), t === "onType" && l.current && l.current(p);
-    }, I = () => {
-      c(""), n("");
-    }, k = () => {
-      t === "onButton" && n(r);
-    };
-    return /* @__PURE__ */ u("div", { className: "space-y-space-01", children: [
-      /* @__PURE__ */ e(
-        z,
-        {
-          type: "text",
-          variant: "outline",
-          placeholder: h,
-          value: r,
-          disabled: x,
-          ...b,
-          onKeyDown: S,
-          onChange: y,
-          className: R("w-full ", { "pe-space-04": t === "onType", "pe-space-01": t === "onButton" }, N),
-          "aria-invalid": !!s,
-          "data-testid": "search-input",
-          startAdornment: t === "onType" && /* @__PURE__ */ e(f, { className: "text-icon-default" }),
-          endAdornment: /* @__PURE__ */ u(A, { gap: 1, alignItems: "center", children: [
-            r && /* @__PURE__ */ u("button", { type: "button", className: "text-text-default", onClick: I, children: [
-              /* @__PURE__ */ e(D, { size: 20 }),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: d.Shared.Clear })
-            ] }),
-            r && t === "onButton" && /* @__PURE__ */ e("span", { className: "mx-space-01 block h-space-05 border" }),
-            t === "onButton" && /* @__PURE__ */ e(
-              j,
-              {
-                variant: "outline",
-                rounded: "full",
-                size: "icon-sm",
-                type: "button",
-                tooltip: d.Shared.Search,
-                className: "h-auto rounded-full border !p-space-01",
-                onClick: k,
-                children: /* @__PURE__ */ e(f, {})
-              }
-            )
-          ] }),
-          ref: C
-        }
-      ),
-      s && /* @__PURE__ */ e("p", { className: "text-caption-01 text-error", children: s })
-    ] });
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-popover";
+import * as s from "react";
+import { cn as n } from "./index.es82.js";
+const f = o.Root, c = o.Trigger, v = o.Arrow, g = o.Close, m = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: r,
+    className: n(
+      "z-50 rounded-2 border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+      e
+    ),
+    ...d
   }
-);
-E.displayName = "SearchInput";
+) }));
+m.displayName = o.Content.displayName;
 export {
-  E as SearchInput
+  f as Popover,
+  v as PopoverArrow,
+  g as PopoverClose,
+  m as PopoverContent,
+  c as PopoverTrigger
 };

package/index.es57.js

@@ -1,144 +1,40 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import * as d from "react";
-import * as e from "@radix-ui/react-select";
-import { cva as u } from "./index.es99.js";
-import { cn as s } from "./index.es79.js";
-import b from "./index.es94.js";
-import h from "./index.es153.js";
-import x from "./index.es126.js";
-import g from "./index.es151.js";
-const w = u(
-  ` placeholder:text-form-field-text-placeholder data-[placeholder]:text-form-field-text-placeholder  text-form-field-text-filled after:bg-form-field-border-pressed group relative
-    flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden
-    aria-[invalid=true]:border-form-field-border-error  data-[state=open]:aria-[invalid=true]:after:bg-form-field-border-error
-    ps-space-03 pe-space-02  after:absolute after:bottom-0 after:start-1/2 after:h-[2px]  focus-visible:after:w-full focus:outline-none focus:shadow-md
-    after:w-0 after:transition-all after:ease-in-out data-[state=open]:after:w-full  disabled:cursor-not-allowed disabled:border-border-disabled disabled:text-disabled-text-default-disabled ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&>span]:truncate
-    `,
-  {
-    variants: {
-      variant: {
-        default: "bg-form-field-background-darker  enabled:hover:border-form-field-border-default",
-        outline: "bg-form-field-background-default enabled:hover:border-form-field-border-hovered border border-form-field-border-default disabled:border-border-disabled",
-        lighter: "bg-form-field-background-lighter  enabled:hover:border-form-field-border-default"
-      },
-      rounded: {
-        default: "rounded",
-        full: "rounded-4"
-      },
-      colors: {
-        default: "hover:enabled:border",
-        success: "border-success",
-        destructive: "border-form-field-border-error "
-      },
-      size: {
-        default: "py-space-02 text-body-02 h-[40px]",
-        sm: "py-space-01 text-body-01 h-[32px]"
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-progress";
+import * as n from "react";
+import { cn as s } from "./index.es82.js";
+const c = n.forwardRef(
+  ({ className: d, value: a, colors: o = "bg-primary", rounded: t, icon: i, ...l }, m) => /* @__PURE__ */ f("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ r(
+      e.Root,
+      {
+        ref: m,
+        "aria-label": "progress",
+        className: s("relative h-space-02 w-full overflow-hidden bg-background-secondary", t && "rounded-full", d),
+        ...l,
+        children: /* @__PURE__ */ r(
+          e.Indicator,
+          {
+            className: s("h-full w-full flex-1 transition-all", t && "rounded-full", o),
+            style: {
+              transform: (l == null ? void 0 : l.dir) === "rtl" ? `translateX(${100 - (a || 0)}%)` : `translateX(-${100 - (a || 0)}%)`
+            }
+          }
+        )
       }
-    },
-    defaultVariants: {
-      variant: "outline",
-      rounded: "default",
-      colors: "default",
-      size: "default"
-    }
-  }
-), c = d.createContext({
-  variant: "outline",
-  rounded: "default",
-  colors: "default",
-  size: "default"
-}), D = ({
-  variant: r,
-  size: o,
-  colors: t,
-  rounded: i,
-  children: l,
-  ...m
-}) => /* @__PURE__ */ a(e.Root, { ...m, children: /* @__PURE__ */ a(c.Provider, { value: { variant: r, size: o, colors: t, rounded: i }, children: l }) }), T = e.Group, U = e.Value, y = d.forwardRef(({ className: r, children: o, ...t }, i) => {
-  const l = d.useContext(c);
-  return /* @__PURE__ */ n(
-    e.Trigger,
-    {
-      ref: i,
-      "aria-label": t.placeholder || "select",
-      className: s(
-        w({ variant: l.variant, size: l.size, colors: l.colors, rounded: l.rounded, className: r })
-      ),
-      ...t,
-      children: [
-        o,
-        /* @__PURE__ */ a(e.Icon, { asChild: !0, children: /* @__PURE__ */ a(b, { className: "!size-[20px] shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180" }) })
-      ]
-    }
-  );
-});
-y.displayName = e.Trigger.displayName;
-const f = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.ScrollUpButton, { ref: t, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ a(h, {}) }));
-f.displayName = e.ScrollUpButton.displayName;
-const p = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.ScrollDownButton, { ref: t, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ a(x, {}) }));
-p.displayName = e.ScrollDownButton.displayName;
-const v = d.forwardRef(({ className: r, children: o, position: t = "popper", ...i }, l) => /* @__PURE__ */ a(e.Portal, { children: /* @__PURE__ */ n(
-  e.Content,
-  {
-    ref: l,
-    className: s(
-      "relative z-50 max-h-96  overflow-hidden rounded-2 border bg-card p-space-02 text-popover-foreground shadow-md 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",
-      t === "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",
-      r
     ),
-    position: t,
-    ...i,
-    children: [
-      /* @__PURE__ */ a(f, {}),
-      /* @__PURE__ */ a(
-        e.Viewport,
-        {
-          className: s(
-            "p-1",
-            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[calc(var(--radix-select-trigger-width)_-_16px)]"
-          ),
-          children: o
-        }
-      ),
-      /* @__PURE__ */ a(p, {})
-    ]
-  }
-) }));
-v.displayName = e.Content.displayName;
-const N = d.forwardRef(
-  ({ className: r, ...o }, t) => /* @__PURE__ */ a(e.Label, { ref: t, className: s("py-1.5 pl-8 pr-2 text-xs font-bold ", r), ...o })
-);
-N.displayName = e.Label.displayName;
-const S = d.forwardRef(
-  ({ className: r, children: o, ...t }, i) => /* @__PURE__ */ n(
-    e.Item,
-    {
-      ref: i,
-      className: s(
-        "relative flex w-full cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-05 text-sm leading-[2.2rem] outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-card-hover focus:bg-accent focus:text-accent-foreground",
-        r
-      ),
-      ...t,
-      children: [
-        /* @__PURE__ */ a("span", { className: "absolute start-space-01 flex h-space-04 w-space-04 items-baseline justify-center", children: /* @__PURE__ */ a(e.ItemIndicator, { children: /* @__PURE__ */ a(g, { className: "h-space-04 w-space-04" }) }) }),
-        /* @__PURE__ */ a(e.ItemText, { children: o })
-      ]
-    }
-  )
+    !!i && /* @__PURE__ */ r(
+      "div",
+      {
+        className: "absolute top-1/2 -translate-y-1/2 duration-200",
+        style: {
+          [(l == null ? void 0 : l.dir) === "rtl" ? "right" : "left"]: `calc(${a}% + -12px)`
+        },
+        children: i
+      }
+    )
+  ] })
 );
-S.displayName = e.Item.displayName;
-const z = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.Separator, { ref: t, className: s("-mx-1 my-1 h-px bg-muted", r), ...o }));
-z.displayName = e.Separator.displayName;
+c.displayName = e.Root.displayName;
 export {
-  D as Select,
-  v as SelectContent,
-  T as SelectGroup,
-  S as SelectItem,
-  N as SelectLabel,
-  p as SelectScrollDownButton,
-  f as SelectScrollUpButton,
-  z as SelectSeparator,
-  y as SelectTrigger,
-  U as SelectValue,
-  w as selectVariants
+  c as Progress
 };