impact-nova 0.1.13 → 1.1.0

package/dist/components/ui/sheet.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import * as n from "react";
 import * as o from "@radix-ui/react-dialog";
 import { cva as x } from "class-variance-authority";
@@ -12,7 +12,7 @@ const p = n.createContext({
   o.Overlay,
   {
     className: i(
-      "fixed inset-0 z-[99] bg-black/40  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/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t,
@@ -21,7 +21,7 @@ const p = n.createContext({
 ));
 f.displayName = o.Overlay.displayName;
 const w = x(
-  "fixed z-[100] gap-4 bg-background 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",
+  "fixed z-50 gap-4 bg-background 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",
   {
     variants: {
       side: {
@@ -35,20 +35,21 @@ const w = x(
       side: "right"
     }
   }
-), C = n.forwardRef(({ side: e = "right", className: t, children: s, expandable: d = !1, ...c }, m) => {
-  const [l, h] = n.useState(!1), u = n.useCallback(() => {
+), C = n.forwardRef(({ side: e = "right", className: t, children: s, expandable: l = !1, ...c }, m) => {
+  const [r, h] = n.useState(!1), u = n.useCallback(() => {
     h((g) => !g);
   }, []);
-  return /* @__PURE__ */ a(p.Provider, { value: { isExpanded: l, onExpandToggle: u, expandable: d, side: e || void 0 }, children: /* @__PURE__ */ r(S, { children: [
+  return /* @__PURE__ */ a(p.Provider, { value: { isExpanded: r, onExpandToggle: u, expandable: l, side: e || void 0 }, children: /* @__PURE__ */ d(S, { children: [
     /* @__PURE__ */ a(f, {}),
     /* @__PURE__ */ a(
       o.Content,
       {
         ref: m,
+        "data-component": "sheet-content",
         className: i(
           w({ side: e }),
           "flex flex-col p-0 transition-all duration-300",
-          e === "bottom" && (l ? "h-[96vh]" : "h-[40vh]"),
+          e === "bottom" && (r ? "h-[96vh]" : "h-[40vh]"),
           t
         ),
         ...c,
@@ -63,32 +64,33 @@ const k = ({
   children: t,
   ...s
 }) => {
-  const { isExpanded: d, onExpandToggle: c, expandable: m, side: l } = n.useContext(p);
-  return /* @__PURE__ */ r(
+  const { isExpanded: l, onExpandToggle: c, expandable: m, side: r } = n.useContext(p);
+  return /* @__PURE__ */ d(
     "div",
     {
       className: i(
         "flex px-4 py-4 shrink-0 items-center justify-between bg-light-blue border-b",
-        l === "bottom" && "rounded-t-lg",
+        r === "bottom" && "rounded-t-lg",
         e
       ),
       ...s,
       children: [
         /* @__PURE__ */ a("div", { className: "flex flex-col space-y-1 text-center sm:text-left", children: t }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-          m && /* @__PURE__ */ r(
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+          m && /* @__PURE__ */ d(
             "button",
             {
               type: "button",
+              "data-component": "sheet-expand-toggle",
               onClick: c,
               className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
               children: [
-                d ? /* @__PURE__ */ a(y, { className: "h-4 w-4" }) : /* @__PURE__ */ a(b, { className: "h-4 w-4" }),
-                /* @__PURE__ */ a("span", { className: "sr-only", children: d ? "Collapse" : "Expand" })
+                l ? /* @__PURE__ */ a(y, { className: "h-4 w-4" }) : /* @__PURE__ */ a(b, { className: "h-4 w-4" }),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: l ? "Collapse" : "Expand" })
               ]
             }
           ),
-          /* @__PURE__ */ r(v, { className: "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", children: [
+          /* @__PURE__ */ d(v, { "data-component": "sheet-close", className: "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", children: [
             /* @__PURE__ */ a(N, { className: "h-4 w-4" }),
             /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
           ] })
@@ -128,6 +130,7 @@ const R = n.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
   o.Title,
   {
     ref: s,
+    "data-component": "sheet-title",
     className: i("text-sm font-bold leading-none tracking-tight", e),
     ...t
   }

package/dist/components/ui/sidebar.d.ts

@@ -68,7 +68,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: {
     variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
+    size?: "sm" | "lg" | "default";
 } & import('class-variance-authority/types').ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarLogout: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
@@ -76,7 +76,7 @@ declare const SidebarLogout: React.ForwardRefExoticComponent<Omit<Omit<React.Cla
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: {
     variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
+    size?: "sm" | "lg" | "default";
 } & import('class-variance-authority/types').ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;

package/dist/components/ui/sidebar.js

@@ -153,7 +153,7 @@ const ee = i.forwardRef(({ className: a, onClick: r, ...e }, n) => {
       },
       ...e,
       children: [
-        d === "expanded" ? /* @__PURE__ */ t(H, { size: 40 }) : /* @__PURE__ */ t(j, { size: 40 }),
+        d === "expanded" ? /* @__PURE__ */ t(H, { size: "3xl" }) : /* @__PURE__ */ t(j, { size: "3xl" }),
         /* @__PURE__ */ t("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -313,7 +313,7 @@ const de = i.forwardRef(({ className: a, routes: r, activeValue: e, isActive: n,
       ref: v,
       "data-sidebar": "content",
       className: l(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden group-data-[collapsible=icon]:overflow-hidden",
         a
       ),
       ...b,
@@ -392,7 +392,7 @@ const B = i.forwardRef(({ className: a, children: r, ...e }, n) => {
               /* @__PURE__ */ t("div", { className: "text-[#3bb273]", children: /* @__PURE__ */ t(
                 I,
                 {
-                  size: 20,
+                  size: "lg",
                   className: l("transition-transform duration-200", d ? "-rotate-90" : "rotate-90")
                 }
               ) }),

package/dist/components/ui/skeleton.d.ts

@@ -1,2 +1,3 @@
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const Skeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { Skeleton };

package/dist/components/ui/skeleton.js

@@ -1,17 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
-function i({
-  className: r,
-  ...e
-}) {
-  return /* @__PURE__ */ m(
+import * as r from "react";
+import { cn as t } from "../../lib/utils.js";
+const n = r.forwardRef(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ m(
     "div",
     {
-      className: o("animate-pulse rounded-md bg-primary/10", r),
-      ...e
+      ref: a,
+      "data-component": "skeleton",
+      className: t("animate-pulse rounded-md bg-primary/10", e),
+      ...o
     }
-  );
-}
+  )
+);
+n.displayName = "Skeleton";
 export {
-  i as Skeleton
+  n as Skeleton
 };

package/dist/components/ui/slider.js

@@ -1,23 +1,50 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as s from "react";
 import * as e from "@radix-ui/react-slider";
-import { cn as n } from "../../lib/utils.js";
-const t = a.forwardRef(({ className: o, ...i }, l) => /* @__PURE__ */ s(
+import { cn as t } from "../../lib/utils.js";
+const d = s.forwardRef(({ className: a, ...o }, i) => /* @__PURE__ */ n(
   e.Root,
   {
-    ref: l,
-    className: n(
+    ref: i,
+    className: t(
       "relative flex w-full touch-none select-none items-center",
-      o
+      a
     ),
-    ...i,
+    "data-component": "slider-root",
+    ...o,
     children: [
-      /* @__PURE__ */ r(e.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ r(e.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ r(e.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ r(
+        e.Track,
+        {
+          className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
+          "data-component": "slider-track",
+          children: /* @__PURE__ */ r(
+            e.Range,
+            {
+              className: "absolute h-full bg-primary",
+              "data-component": "slider-range"
+            }
+          )
+        }
+      ),
+      Array.isArray(o.value || o.defaultValue) ? (o.value || o.defaultValue || []).map((c, l) => /* @__PURE__ */ r(
+        e.Thumb,
+        {
+          className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+          "data-component": "slider-thumb"
+        },
+        l
+      )) : /* @__PURE__ */ r(
+        e.Thumb,
+        {
+          className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+          "data-component": "slider-thumb"
+        }
+      )
     ]
   }
 ));
-t.displayName = e.Root.displayName;
+d.displayName = e.Root.displayName;
 export {
-  t as Slider
+  d as Slider
 };

package/dist/components/ui/smart-input.js

@@ -4,26 +4,26 @@ import { Input as Y } from "./input.js";
 const re = ({
   value: D = "",
   onChange: V,
-  onBlur: y,
+  onBlur: P,
   onFocus: W,
-  isNumeric: f = !1,
+  isNumeric: l = !1,
   allowNegative: g = !0,
   min: s,
   max: u,
   min_operator: I = ">=",
-  max_operator: w = "<=",
-  maxIntegerDigits: S,
-  decimalPlaces: c,
+  max_operator: v = "<=",
+  maxIntegerDigits: w,
+  decimalPlaces: f,
   enforceDecimal: z = !1,
   allowDecimal: C = !0,
-  maxLength: l,
+  maxLength: a,
   trimLeadingSpaces: M = !0,
-  customValidator: P,
+  customValidator: y,
   onValidationError: h,
   disabled: p = !1,
   ...F
 }) => {
-  const [a, $] = Q(String(D ?? "")), K = U(null);
+  const [c, $] = Q(String(D ?? "")), K = U(null);
   X(() => {
     $(String(D ?? ""));
   }, [D]);
@@ -43,7 +43,7 @@ const re = ({
     }
   }, j = (t) => {
     if (u === void 0) return !0;
-    switch (w) {
+    switch (v) {
       case ">":
         return t > u;
       case ">=":
@@ -62,7 +62,7 @@ const re = ({
       e = Math.max(e, r);
     }
     if (u !== void 0) {
-      const r = w === "<" ? u - 0.01 : u;
+      const r = v === "<" ? u - 0.01 : u;
       e = Math.min(e, r);
     }
     return e;
@@ -81,67 +81,67 @@ const re = ({
       return t.replace("-", "");
     return t;
   }, q = (t) => {
-    if (c === void 0 || !t.includes(".")) return t;
+    if (f === void 0 || !t.includes(".")) return t;
     const [e, r] = t.split(".");
-    return r && r.length > c ? `${e}.${r.slice(0, c)}` : t;
+    return r && r.length > f ? `${e}.${r.slice(0, f)}` : t;
   }, A = (t) => {
-    if (S === void 0) return t;
+    if (w === void 0) return t;
     const [e, r] = t.split("."), n = e.replace("-", "");
-    if (n.length > S) {
-      const o = n.slice(0, S), d = e.startsWith("-") ? "-" : "";
-      return r !== void 0 ? `${d}${o}.${r}` : `${d}${o}`;
+    if (n.length > w) {
+      const i = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
+      return r !== void 0 ? `${d}${i}.${r}` : `${d}${i}`;
     }
     return t;
-  }, v = (t) => {
-    if (!f) return t;
+  }, S = (t) => {
+    if (!l) return t;
     let e = String(t ?? "");
     return M && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = q(e), e = A(e), C || (e = e.replace(".", "")), e;
   }, E = (t) => {
-    if (!f || !t || t === "-") return t;
+    if (!l || !t || t === "-") return t;
     let e = t;
     const r = parseFloat(e);
     if (isNaN(r)) return "";
     const n = k(r);
-    if (z && c !== void 0)
-      e = n.toFixed(c);
-    else if (c !== void 0 && e.includes(".")) {
-      const [o, d = ""] = e.split("."), B = d.padEnd(c, "0");
-      e = `${o}.${B}`;
+    if (z && f !== void 0)
+      e = n.toFixed(f);
+    else if (f !== void 0 && e.includes(".")) {
+      const [i, d = ""] = e.split("."), B = d.padEnd(f, "0");
+      e = `${i}.${B}`;
     } else
       e = String(n);
     return e;
   }, G = (t) => {
     if (!t) return !0;
-    if (P && !P(t))
+    if (y && !y(t))
       return h?.("Custom validation failed"), !1;
-    if (f) {
+    if (l) {
       const e = parseFloat(t);
       if (isNaN(e))
         return h?.("Invalid number"), !1;
       if (!b(e))
         return h?.(`Value must be ${I} ${s}`), !1;
       if (!j(e))
-        return h?.(`Value must be ${w} ${u}`), !1;
+        return h?.(`Value must be ${v} ${u}`), !1;
     }
-    return l && t.length > l ? (h?.(`Maximum length is ${l}`), !1) : !0;
+    return a && t.length > a ? (h?.(`Maximum length is ${a}`), !1) : !0;
   };
   return /* @__PURE__ */ J(
     Y,
     {
       ...F,
-      value: a,
+      value: c,
       onChange: (t) => {
         if (p) return;
         let r = t.target.value;
-        f ? r = v(r) : M && (r = r.replace(/^\s+/, "")), l && r.length > l && (r = r.slice(0, l)), $(r), V?.(r, t);
+        l ? r = S(r) : M && (r = r.replace(/^\s+/, "")), a && r.length > a && (r = r.slice(0, a)), $(r), V?.(r, t);
       },
       onBlur: (t) => {
-        let e = a;
-        f && e && (e = E(e), G(e) && ($(e), e !== a && V?.(e))), y?.(t);
+        let e = c;
+        l && e && (e = E(e), G(e) && ($(e), e !== c && V?.(e))), P?.(t);
       },
       onFocus: W,
       onKeyDown: (t) => {
-        if (p || !f) return;
+        if (p || !l) return;
         const e = t.key;
         if (e === "e" || e === "E") {
           t.preventDefault();
@@ -151,11 +151,11 @@ const re = ({
           t.preventDefault();
           return;
         }
-        if (e === "-" && a.includes("-")) {
+        if (e === "-" && c.includes("-")) {
           t.preventDefault();
           return;
         }
-        if (e === "." && (!C || a.includes("."))) {
+        if (e === "." && (!C || c.includes("."))) {
           t.preventDefault();
           return;
         }
@@ -163,12 +163,17 @@ const re = ({
       onPaste: (t) => {
         if (p) return;
         t.preventDefault();
-        const e = t.clipboardData.getData("text"), r = f ? v(e) : e, n = t.target, o = n.selectionStart || 0, d = n.selectionEnd || 0, B = a.slice(0, o), H = a.slice(d);
-        let i = B + r + H;
-        f && (i = v(i)), l && i.length > l && (i = i.slice(0, l)), $(i), V?.(i);
+        const e = t.clipboardData.getData("text"), r = l ? S(e) : e, n = t.target, i = n.selectionStart || 0, d = n.selectionEnd || 0, B = c.slice(0, i), H = c.slice(d);
+        let o = B + r + H;
+        l && (o = S(o)), a && o.length > a && (o = o.slice(0, a)), $(o), V?.(o);
       },
       disabled: p,
-      ref: K
+      ref: K,
+      "data-component": "smart-input",
+      "data-numeric": l || void 0,
+      "data-decimal-places": f,
+      "data-min": s,
+      "data-max": u
     }
   );
 };

package/dist/components/ui/stepper.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import * as x from "react";
-import { cva as d } from "class-variance-authority";
+import { cva as c } from "class-variance-authority";
 import { Check as w } from "lucide-react";
-import { cn as t } from "../../lib/utils.js";
-const N = d("flex w-full gap-0", {
+import { cn as a } from "../../lib/utils.js";
+const N = c("flex w-full gap-0", {
   variants: {
     orientation: {
       horizontal: "flex-row items-center",
@@ -13,7 +13,7 @@ const N = d("flex w-full gap-0", {
   defaultVariants: {
     orientation: "horizontal"
   }
-}), y = d(
+}), y = c(
   "relative flex items-center transition-all duration-200",
   {
     variants: {
@@ -66,7 +66,7 @@ const N = d("flex w-full gap-0", {
       status: "default"
     }
   }
-), z = d(
+), z = c(
   "flex h-6 w-6 shrink-0 items-center justify-center rounded-[8px] text-xs font-extrabold transition-all",
   {
     variants: {
@@ -81,46 +81,50 @@ const N = d("flex w-full gap-0", {
     }
   }
 ), V = x.forwardRef(
-  ({ className: u, currentStep: c, steps: f, orientation: r = "horizontal", onStepClick: m, ...h }, v) => /* @__PURE__ */ e(
+  ({ className: u, currentStep: f, steps: p, orientation: e = "horizontal", onStepClick: m, ...h }, v) => /* @__PURE__ */ t(
     "div",
     {
       ref: v,
-      className: t(N({ orientation: r }), u),
+      className: a(N({ orientation: e }), u),
+      "data-orientation": e,
       ...h,
-      children: f.map((i, s) => {
-        const a = typeof i == "string" ? { label: i } : i, l = s + 1, g = l === c, p = l < c, b = a.disabled, o = p ? "completed" : g ? "active" : "default";
-        return /* @__PURE__ */ n(x.Fragment, { children: [
-          /* @__PURE__ */ n(
+      children: p.map((l, s) => {
+        const o = typeof l == "string" ? { label: l } : l, i = s + 1, g = i === f, b = i < f, n = o.disabled, r = b ? "completed" : g ? "active" : "default";
+        return /* @__PURE__ */ d(x.Fragment, { children: [
+          /* @__PURE__ */ d(
             "div",
             {
-              onClick: () => !b && m?.(s),
-              className: t(
-                y({ orientation: r, status: o }),
-                r === "horizontal" && "min-w-[140px]",
-                b ? "opacity-80 cursor-not-allowed" : m ? "cursor-pointer" : "cursor-default"
+              onClick: () => !n && m?.(s),
+              "data-step": i,
+              "data-status": r,
+              "data-disabled": n || void 0,
+              className: a(
+                y({ orientation: e, status: r }),
+                e === "horizontal" && "min-w-[140px]",
+                n ? "opacity-80 cursor-not-allowed" : m ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ e("div", { className: t(z({ status: o }), "mr-2"), children: p ? /* @__PURE__ */ e(w, { className: "h-4 w-4 stroke-[3px]" }) : /* @__PURE__ */ e("span", { children: a.icon || l }) }),
-                /* @__PURE__ */ n("div", { className: "flex flex-col justify-center overflow-hidden", children: [
-                  /* @__PURE__ */ e("div", { className: t(
+                /* @__PURE__ */ t("div", { className: a(z({ status: r }), "mr-2"), children: b ? /* @__PURE__ */ t(w, { className: "h-4 w-4 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: o.icon || i }) }),
+                /* @__PURE__ */ d("div", { className: "flex flex-col justify-center overflow-hidden", children: [
+                  /* @__PURE__ */ t("div", { className: a(
                     "text-[14px] leading-tight font-medium truncate max-w-[200px]",
-                    o === "completed" ? "text-[#3bb273]" : "text-foreground",
-                    o === "active" && r === "vertical" ? "text-primary" : ""
-                  ), children: a.label }),
-                  a.description && /* @__PURE__ */ e("div", { className: t(
+                    r === "completed" ? "text-[#3bb273]" : "text-foreground",
+                    r === "active" && e === "vertical" ? "text-primary" : ""
+                  ), children: o.label }),
+                  o.description && /* @__PURE__ */ t("div", { className: a(
                     "text-[12px] leading-tight mt-0.5 truncate max-w-[200px]",
-                    o === "completed" ? "text-[#3bb273]" : "text-muted-foreground"
-                  ), children: a.description })
+                    r === "completed" ? "text-[#3bb273]" : "text-muted-foreground"
+                  ), children: o.description })
                 ] })
               ]
             }
           ),
-          s < f.length - 1 && /* @__PURE__ */ e(
+          s < p.length - 1 && /* @__PURE__ */ t(
             "div",
             {
-              className: t(
+              className: a(
                 "border-t border-dashed border-[#d9dde7] transition-colors",
-                r === "horizontal" ? "flex-1 min-w-[24px] mx-1 self-center" : "h-6 w-0 border-l ml-[12px] my-[-4px]"
+                e === "horizontal" ? "flex-1 min-w-[24px] mx-1 self-center" : "h-6 w-0 border-l ml-[12px] my-[-4px]"
               )
             }
           )

package/dist/components/ui/switch.js

@@ -2,21 +2,23 @@ import { jsx as t } from "react/jsx-runtime";
 import * as s from "react";
 import * as e from "@radix-ui/react-switch";
 import { cn as a } from "../../lib/utils.js";
-const c = s.forwardRef(({ className: r, ...o }, i) => /* @__PURE__ */ t(
+const c = s.forwardRef(({ className: o, ...r }, i) => /* @__PURE__ */ t(
   e.Root,
   {
     className: a(
       "peer inline-flex h-[16px] w-[24px] shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#eceefd] data-[state=checked]:border-accordion-bg data-[state=unchecked]:bg-white data-[state=unchecked]:border-light-blue",
-      r
+      o
     ),
-    ...o,
+    ...r,
     ref: i,
+    "data-component": "switch-root",
     children: /* @__PURE__ */ t(
       e.Thumb,
       {
         className: a(
           "pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[10px] data-[state=unchecked]:translate-x-[2px] data-[state=checked]:bg-primary data-[state=unchecked]:bg-tertiary-border"
-        )
+        ),
+        "data-component": "switch-thumb"
       }
     )
   }