@drjoshcsimmons/scl 0.1.0 → 0.1.2

package/dist/index20.js

@@ -1,31 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as i from "react";
-import { Root as t, Item as s, Indicator as c } from "./index58.js";
-import { cn as l } from "./index2.js";
-import f from "./index56.js";
-const d = i.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
-  t,
+import { jsx as m } from "react/jsx-runtime";
+import * as t from "react";
+import { Root as o } from "./index60.js";
+import { cva as i } from "./index47.js";
+import { cn as s } from "./index2.js";
+const l = i(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), p = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ m(
+  o,
   {
-    className: l("grid gap-2", r),
-    ...a,
-    ref: o
+    ref: r,
+    className: s(l(), a),
+    ...e
   }
 ));
-d.displayName = t.displayName;
-const m = i.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
-  s,
-  {
-    ref: o,
-    className: l(
-      "h-6 w-6 rounded-full border-2 border-[#00ff00] bg-black focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[#00ff00] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#00ff00] flex items-center justify-center",
-      r
-    ),
-    ...a,
-    children: /* @__PURE__ */ e(c, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(f, { className: "h-3 w-3 fill-black text-black" }) })
-  }
-));
-m.displayName = s.displayName;
+p.displayName = o.displayName;
 export {
-  d as RadioGroup,
-  m as RadioGroupItem
+  p as Label
 };

package/dist/index21.js

@@ -1,38 +1,24 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as t from "react";
-import { Root as s, Viewport as d, Corner as p, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index62.js";
-import { cn as i } from "./index2.js";
-const h = t.forwardRef(({ className: l, children: r, ...a }, o) => /* @__PURE__ */ n(
-  s,
+import { jsx as o } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index64.js";
+import { cn as l } from "./index2.js";
+const P = d, u = m, v = p, f = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, n) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
+  t,
   {
-    ref: o,
-    className: i("relative overflow-hidden", l),
-    ...a,
-    children: [
-      /* @__PURE__ */ e(d, { className: "h-full w-full rounded-[inherit]", children: r }),
-      /* @__PURE__ */ e(m, {}),
-      /* @__PURE__ */ e(p, {})
-    ]
-  }
-));
-h.displayName = s.displayName;
-const m = t.forwardRef(({ className: l, orientation: r = "vertical", ...a }, o) => /* @__PURE__ */ e(
-  c,
-  {
-    ref: o,
-    orientation: r,
-    className: i(
-      "flex touch-none select-none transition-colors",
-      r === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      l
+    ref: n,
+    align: a,
+    sideOffset: r,
+    className: l(
+      "z-50 w-72 border-2 border-primary bg-black p-4 text-primary 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
     ),
-    ...a,
-    children: /* @__PURE__ */ e(f, { className: "relative flex-1 bg-terminal-green terminal-glow" })
+    ...i
   }
-));
-m.displayName = c.displayName;
+) }));
+f.displayName = t.displayName;
 export {
-  h as ScrollArea,
-  m as ScrollBar
+  P as Popover,
+  v as PopoverAnchor,
+  f as PopoverContent,
+  u as PopoverTrigger
 };

package/dist/index22.js

@@ -1,123 +1,40 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as N, Group as g, Value as b, Trigger as n, Icon as S, Portal as v, Content as d, Viewport as R, Label as c, Item as m, ItemIndicator as C, ItemText as j, Separator as f, ScrollUpButton as p, ScrollDownButton as u } from "./index52.js";
-import { cn as o } from "./index2.js";
-import h from "./index45.js";
-import I from "./index48.js";
-import B from "./index53.js";
-const E = N, F = g, H = b, k = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
-  n,
-  {
-    ref: l,
-    className: o(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap border border-[#00ff00] bg-black text-[#00ff00] px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-[#00ff00] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      a
-    ),
-    ...t,
-    children: [
-      r,
-      /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(h, { className: "h-4 w-4 text-[#00ff00]" }) })
-    ]
-  }
-));
-k.displayName = n.displayName;
-const w = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
-  p,
-  {
-    ref: t,
-    className: o(
-      "flex cursor-default items-center justify-center py-1",
-      a
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(B, { className: "h-4 w-4 text-[#00ff00]" })
-  }
-));
-w.displayName = p.displayName;
-const x = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
-  u,
-  {
-    ref: t,
-    className: o(
-      "flex cursor-default items-center justify-center py-1",
-      a
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(h, { className: "h-4 w-4 text-[#00ff00]" })
-  }
-));
-x.displayName = u.displayName;
-const z = s.forwardRef(({ className: a, children: r, position: t = "popper", ...l }, y) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
-  d,
-  {
-    ref: y,
-    className: o(
-      "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden border border-[#00ff00] bg-black text-[#00ff00] 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",
-      a
-    ),
-    position: t,
-    ...l,
-    children: [
-      /* @__PURE__ */ e(w, {}),
-      /* @__PURE__ */ e(
-        R,
-        {
-          className: o(
-            "p-1",
-            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children: r
-        }
-      ),
-      /* @__PURE__ */ e(x, {})
-    ]
-  }
-) }));
-z.displayName = d.displayName;
-const D = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
-  c,
-  {
-    ref: t,
-    className: o("px-2 py-1.5 text-sm font-semibold", a),
-    ...r
-  }
-));
-D.displayName = c.displayName;
-const T = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
-  m,
-  {
-    ref: l,
-    className: o(
-      "relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-terminal-green/20 hover:text-terminal-green focus:bg-terminal-green/20 focus:text-terminal-green data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      a
-    ),
-    ...t,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(I, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ e(j, { children: r })
-    ]
-  }
-));
-T.displayName = m.displayName;
-const U = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
-  f,
-  {
-    ref: t,
-    className: o("-mx-1 my-1 h-px bg-muted", a),
-    ...r
-  }
-));
-U.displayName = f.displayName;
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { Root as d, Indicator as l } from "./index70.js";
+import { cn as c } from "./index2.js";
+const f = m.forwardRef(
+  ({
+    className: s,
+    value: t = 0,
+    showPercentage: i = !1,
+    label: r,
+    ...a
+  }, n) => /* @__PURE__ */ o("div", { className: "w-full min-w-[200px]", children: [
+    (r || i) && /* @__PURE__ */ o("div", { className: "flex justify-center items-center gap-2 mb-2 font-mono text-sm font-bold text-primary", children: [
+      r && /* @__PURE__ */ e("span", { children: r }),
+      i && /* @__PURE__ */ o("span", { children: [
+        Math.round(t),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        ref: n,
+        className: c("relative h-6 w-full overflow-hidden bg-background border-2 border-primary", s),
+        ...a,
+        children: /* @__PURE__ */ e(
+          l,
+          {
+            className: "h-full bg-primary transition-all duration-200",
+            style: { width: `${t}%` }
+          }
+        )
+      }
+    )
+  ] })
+);
+f.displayName = "Progress";
 export {
-  E as Select,
-  z as SelectContent,
-  F as SelectGroup,
-  T as SelectItem,
-  D as SelectLabel,
-  x as SelectScrollDownButton,
-  w as SelectScrollUpButton,
-  U as SelectSeparator,
-  k as SelectTrigger,
-  H as SelectValue
+  f as Progress
 };

package/dist/index23.js

@@ -1,24 +1,31 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import { Root as r } from "./index61.js";
-import { cn as s } from "./index2.js";
-const e = l.forwardRef(
-  ({ className: a, orientation: o = "horizontal", decorative: m = !0, ...f }, p) => /* @__PURE__ */ t(
-    r,
-    {
-      ref: p,
-      decorative: m,
-      orientation: o,
-      className: s(
-        "shrink-0 bg-[#00ff00]",
-        o === "horizontal" ? "h-[2px] w-full" : "h-full w-[3px]",
-        a
-      ),
-      ...f
-    }
-  )
-);
-e.displayName = r.displayName;
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { Root as t, Item as s, Indicator as d } from "./index65.js";
+import { cn as m } from "./index2.js";
+import l from "./index62.js";
+const c = i.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
+  t,
+  {
+    className: m("grid gap-2", e),
+    ...o,
+    ref: a
+  }
+));
+c.displayName = t.displayName;
+const n = i.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ r(
+  s,
+  {
+    ref: a,
+    className: m(
+      "h-6 w-6 rounded-full border-2 border-primary bg-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary flex items-center justify-center",
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ r(d, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(l, { className: "h-3 w-3 fill-primary-foreground text-primary-foreground" }) })
+  }
+));
+n.displayName = s.displayName;
 export {
-  e as Separator
+  c as RadioGroup,
+  n as RadioGroupItem
 };

package/dist/index24.js

@@ -1,72 +1,39 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as d, Overlay as n, Content as l, Title as m, Description as c } from "./index59.js";
-import { cva as y } from "./index42.js";
-import { cn as s } from "./index2.js";
-import N from "./index60.js";
-const H = g, O = x, P = d, b = u, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  n,
+import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index66.js";
+import { cn as n } from "./index2.js";
+const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__ */ m(
+  s,
   {
-    className: s(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
-    ),
-    ...t,
-    ref: o
+    ref: a,
+    className: n("relative overflow-hidden", l),
+    ...o,
+    children: [
+      /* @__PURE__ */ r(p, { className: "h-full w-full rounded-[inherit]", children: e }),
+      /* @__PURE__ */ r(t, { orientation: "vertical" }),
+      /* @__PURE__ */ r(t, { orientation: "horizontal" }),
+      /* @__PURE__ */ r(d, {})
+    ]
   }
 ));
-f.displayName = n.displayName;
-const S = y(
-  "fixed z-[60] gap-4 bg-black p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+h.displayName = s.displayName;
+const t = i.forwardRef(({ className: l, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ r(
+  c,
   {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
+    ref: a,
+    orientation: e,
+    className: n(
+      "flex touch-none select-none transition-colors",
+      e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      l
+    ),
+    ...o,
+    children: /* @__PURE__ */ r(f, { className: "relative flex-1 bg-primary" })
   }
-), w = i.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ r(b, { children: [
-  /* @__PURE__ */ a(f, {}),
-  /* @__PURE__ */ r(
-    l,
-    {
-      ref: h,
-      className: s(S({ side: e }), t),
-      ...p,
-      children: [
-        /* @__PURE__ */ r(d, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ a(N, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-        ] }),
-        o
-      ]
-    }
-  )
-] }));
-w.displayName = l.displayName;
-const v = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-v.displayName = "SheetHeader";
-const R = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
-R.displayName = "SheetFooter";
-const C = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(m, { ref: o, className: s("text-lg font-semibold text-foreground", e), ...t }));
-C.displayName = m.displayName;
-const T = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(c, { ref: o, className: s("text-sm text-muted-foreground", e), ...t }));
-T.displayName = c.displayName;
+));
+t.displayName = c.displayName;
 export {
-  H as Sheet,
-  P as SheetClose,
-  w as SheetContent,
-  T as SheetDescription,
-  R as SheetFooter,
-  v as SheetHeader,
-  f as SheetOverlay,
-  b as SheetPortal,
-  C as SheetTitle,
-  O as SheetTrigger
+  h as ScrollArea,
+  t as ScrollBar
 };

package/dist/index25.js

@@ -1,17 +1,123 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as t } from "./index2.js";
-function i({
-  className: e,
-  ...r
-}) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: t("animate-pulse bg-terminal-green/25", e),
-      ...r
-    }
-  );
-}
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index73.js";
+import { cn as o } from "./index2.js";
+import u from "./index46.js";
+import I from "./index57.js";
+import B from "./index74.js";
+const E = N, F = b, H = g, k = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
+  d,
+  {
+    ref: l,
+    className: o(
+      "flex h-10 w-full items-center justify-between whitespace-nowrap border-2 border-primary bg-black text-primary px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      a
+    ),
+    ...t,
+    children: [
+      r,
+      /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" }) })
+    ]
+  }
+));
+k.displayName = d.displayName;
+const h = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  f,
+  {
+    ref: t,
+    className: o(
+      "flex cursor-default items-center justify-center py-1",
+      a
+    ),
+    ...r,
+    children: /* @__PURE__ */ e(B, { className: "h-4 w-4 text-primary" })
+  }
+));
+h.displayName = f.displayName;
+const x = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  y,
+  {
+    ref: t,
+    className: o(
+      "flex cursor-default items-center justify-center py-1",
+      a
+    ),
+    ...r,
+    children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" })
+  }
+));
+x.displayName = y.displayName;
+const z = s.forwardRef(({ className: a, children: r, position: t = "popper", ...l }, w) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
+  m,
+  {
+    ref: w,
+    className: o(
+      "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden border-2 border-primary bg-black text-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",
+      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",
+      a
+    ),
+    position: t,
+    ...l,
+    children: [
+      /* @__PURE__ */ e(h, {}),
+      /* @__PURE__ */ e(
+        R,
+        {
+          className: o(
+            "p-1",
+            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(x, {})
+    ]
+  }
+) }));
+z.displayName = m.displayName;
+const D = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  n,
+  {
+    ref: t,
+    className: o("px-2 py-1.5 text-sm font-semibold", a),
+    ...r
+  }
+));
+D.displayName = n.displayName;
+const T = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
+  c,
+  {
+    ref: l,
+    className: o(
+      "relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-primary/20 hover:text-primary focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      a
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(I, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e(j, { children: r })
+    ]
+  }
+));
+T.displayName = c.displayName;
+const U = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+  p,
+  {
+    ref: t,
+    className: o("-mx-1 my-1 h-px bg-muted", a),
+    ...r
+  }
+));
+U.displayName = p.displayName;
 export {
-  i as Skeleton
+  E as Select,
+  z as SelectContent,
+  F as SelectGroup,
+  T as SelectItem,
+  D as SelectLabel,
+  x as SelectScrollDownButton,
+  h as SelectScrollUpButton,
+  U as SelectSeparator,
+  k as SelectTrigger,
+  H as SelectValue
 };

package/dist/index26.js

@@ -1,34 +1,24 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as b from "react";
-import { Root as n, Track as f, Range as a, Thumb as h } from "./index77.js";
-import { cn as d } from "./index2.js";
-const p = b.forwardRef(({ className: s, defaultValue: o, value: r, ...t }, i) => {
-  const c = (r == null ? void 0 : r.length) ?? (o == null ? void 0 : o.length) ?? 1;
-  return /* @__PURE__ */ l(
-    n,
+import { jsx as l } from "react/jsx-runtime";
+import * as f from "react";
+import { Root as o } from "./index72.js";
+import { cn as i } from "./index2.js";
+const s = f.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(
+    o,
     {
-      ref: i,
-      defaultValue: o,
-      value: r,
-      className: d(
-        "relative flex w-full touch-none select-none items-center",
-        s
+      ref: t,
+      decorative: m,
+      orientation: r,
+      className: i(
+        "shrink-0 bg-primary",
+        r === "horizontal" ? "h-[2px] w-full" : "h-full w-[3px]",
+        a
       ),
-      ...t,
-      children: [
-        /* @__PURE__ */ e(f, { className: "relative h-2 w-full grow overflow-hidden border border-[#00ff00] bg-black", children: /* @__PURE__ */ e(a, { className: "absolute h-full bg-[#00ff00]" }) }),
-        Array.from({ length: c }).map((g, m) => /* @__PURE__ */ e(
-          h,
-          {
-            className: "block h-5 w-3 border-2 border-[#00ff00] bg-[#00ff00] transition-all focus-visible:outline-none hover:bg-black disabled:pointer-events-none disabled:opacity-50"
-          },
-          m
-        ))
-      ]
+      ...p
     }
-  );
-});
-p.displayName = n.displayName;
+  )
+);
+s.displayName = o.displayName;
 export {
-  p as Slider
+  s as Separator
 };