@arcadeai/design-system 2.3.0 → 3.0.0

package/dist/components/ui/atoms/scroll-area.js

@@ -3,7 +3,7 @@ import * as c from "react";
 import { P as L } from "../../../index-CpDnqHCm.js";
 import { P as I } from "../../../index-BGfrl8IX.js";
 import { c as ae } from "../../../index-DFZozV_h.js";
-import { u as T } from "../../../index-5Bhkapwi.js";
+import { u as A } from "../../../index-5Bhkapwi.js";
 import { u as C } from "../../../index-0ioNhtNM.js";
 import { u as ie } from "../../../index-ByaXH_ih.js";
 import { u as de } from "../../../index-CCKe-Mpx.js";
@@ -13,7 +13,7 @@ import { c as V } from "../../../utils-Db4QWi-E.js";
 function fe(e, o) {
   return c.useReducer((r, l) => o[r][l] ?? r, e);
 }
-var B = "ScrollArea", [q, Ye] = ae(B), [he, p] = q(B), G = c.forwardRef(
+var B = "ScrollArea", [q] = ae(B), [he, v] = q(B), G = c.forwardRef(
   (e, o) => {
     const {
       __scopeScrollArea: r,
@@ -21,13 +21,13 @@ var B = "ScrollArea", [q, Ye] = ae(B), [he, p] = q(B), G = c.forwardRef(
       dir: t,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [a, i] = c.useState(null), [f, d] = c.useState(null), [b, u] = c.useState(null), [m, w] = c.useState(null), [x, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [N, y] = c.useState(!1), [W, H] = c.useState(!1), S = T(o, (E) => i(E)), v = ie(t);
+    } = e, [a, i] = c.useState(null), [f, d] = c.useState(null), [b, u] = c.useState(null), [m, w] = c.useState(null), [x, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [N, y] = c.useState(!1), [W, H] = c.useState(!1), S = A(o, (E) => i(E)), p = ie(t);
     return /* @__PURE__ */ h(
       he,
       {
         scope: r,
         type: l,
-        dir: v,
+        dir: p,
         scrollHideDelay: n,
         scrollArea: a,
         viewport: f,
@@ -47,7 +47,7 @@ var B = "ScrollArea", [q, Ye] = ae(B), [he, p] = q(B), G = c.forwardRef(
         children: /* @__PURE__ */ h(
           L.div,
           {
-            dir: v,
+            dir: p,
             ...s,
             ref: S,
             style: {
@@ -66,7 +66,7 @@ var B = "ScrollArea", [q, Ye] = ae(B), [he, p] = q(B), G = c.forwardRef(
 G.displayName = B;
 var J = "ScrollAreaViewport", K = c.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, children: l, nonce: t, ...n } = e, s = p(J, r), a = c.useRef(null), i = T(o, a, s.onViewportChange);
+    const { __scopeScrollArea: r, children: l, nonce: t, ...n } = e, s = v(J, r), a = c.useRef(null), i = A(o, a, s.onViewportChange);
     return /* @__PURE__ */ j(se, { children: [
       /* @__PURE__ */ h(
         "style",
@@ -108,7 +108,7 @@ var J = "ScrollAreaViewport", K = c.forwardRef(
 K.displayName = J;
 var g = "ScrollAreaScrollbar", Q = c.forwardRef(
   (e, o) => {
-    const { forceMount: r, ...l } = e, t = p(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = t, a = e.orientation === "horizontal";
+    const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = t, a = e.orientation === "horizontal";
     return c.useEffect(() => (a ? n(!0) : s(!0), () => {
       a ? n(!1) : s(!1);
     }), [a, n, s]), t.type === "hover" ? /* @__PURE__ */ h(be, { ...l, ref: o, forceMount: r }) : t.type === "scroll" ? /* @__PURE__ */ h(me, { ...l, ref: o, forceMount: r }) : t.type === "auto" ? /* @__PURE__ */ h(Z, { ...l, ref: o, forceMount: r }) : t.type === "always" ? /* @__PURE__ */ h(k, { ...l, ref: o }) : null;
@@ -116,7 +116,7 @@ var g = "ScrollAreaScrollbar", Q = c.forwardRef(
 );
 Q.displayName = g;
 var be = c.forwardRef((e, o) => {
-  const { forceMount: r, ...l } = e, t = p(g, e.__scopeScrollArea), [n, s] = c.useState(!1);
+  const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const a = t.scrollArea;
     let i = 0;
@@ -139,7 +139,7 @@ var be = c.forwardRef((e, o) => {
     }
   ) });
 }), me = c.forwardRef((e, o) => {
-  const { forceMount: r, ...l } = e, t = p(g, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Y(() => i("SCROLL_END"), 100), [a, i] = fe("hidden", {
+  const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Y(() => i("SCROLL_END"), 100), [a, i] = fe("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -183,13 +183,13 @@ var be = c.forwardRef((e, o) => {
     }
   ) });
 }), Z = c.forwardRef((e, o) => {
-  const r = p(g, e.__scopeScrollArea), { forceMount: l, ...t } = e, [n, s] = c.useState(!1), a = e.orientation === "horizontal", i = Y(() => {
+  const r = v(g, e.__scopeScrollArea), { forceMount: l, ...t } = e, [n, s] = c.useState(!1), a = e.orientation === "horizontal", i = Y(() => {
     if (r.viewport) {
       const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
       s(a ? f : d);
     }
   }, 10);
-  return A(r.viewport, i), A(r.content, i), /* @__PURE__ */ h(I, { present: l || n, children: /* @__PURE__ */ h(
+  return T(r.viewport, i), T(r.content, i), /* @__PURE__ */ h(I, { present: l || n, children: /* @__PURE__ */ h(
     k,
     {
       "data-state": n ? "visible" : "hidden",
@@ -198,7 +198,7 @@ var be = c.forwardRef((e, o) => {
     }
   ) });
 }), k = c.forwardRef((e, o) => {
-  const { orientation: r = "vertical", ...l } = e, t = p(g, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [a, i] = c.useState({
+  const { orientation: r = "vertical", ...l } = e, t = v(g, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [a, i] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -233,7 +233,7 @@ var be = c.forwardRef((e, o) => {
       }
     }
   ) : r === "vertical" ? /* @__PURE__ */ h(
-    pe,
+    ve,
     {
       ...d,
       ref: o,
@@ -252,7 +252,7 @@ var be = c.forwardRef((e, o) => {
     }
   ) : null;
 }), Se = c.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: l, ...t } = e, n = p(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = T(o, i, n.onScrollbarXChange);
+  const { sizes: r, onSizesChange: l, ...t } = e, n = v(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = A(o, i, n.onScrollbarXChange);
   return c.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
   }, [i]), /* @__PURE__ */ h(
@@ -290,8 +290,8 @@ var be = c.forwardRef((e, o) => {
       }
     }
   );
-}), pe = c.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: l, ...t } = e, n = p(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = T(o, i, n.onScrollbarYChange);
+}), ve = c.forwardRef((e, o) => {
+  const { sizes: r, onSizesChange: l, ...t } = e, n = v(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = A(o, i, n.onScrollbarYChange);
   return c.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
   }, [i]), /* @__PURE__ */ h(
@@ -330,7 +330,7 @@ var be = c.forwardRef((e, o) => {
       }
     }
   );
-}), [ve, ee] = q(g), re = c.forwardRef((e, o) => {
+}), [pe, ee] = q(g), re = c.forwardRef((e, o) => {
   const {
     __scopeScrollArea: r,
     sizes: l,
@@ -343,21 +343,21 @@ var be = c.forwardRef((e, o) => {
     onWheelScroll: d,
     onResize: b,
     ...u
-  } = e, m = p(g, r), [w, x] = c.useState(null), M = T(o, (S) => x(S)), P = c.useRef(null), _ = c.useRef(""), U = m.viewport, D = l.content - l.viewport, N = C(d), y = C(i), W = Y(b, 10);
+  } = e, m = v(g, r), [w, x] = c.useState(null), M = A(o, (S) => x(S)), P = c.useRef(null), _ = c.useRef(""), U = m.viewport, D = l.content - l.viewport, N = C(d), y = C(i), W = Y(b, 10);
   function H(S) {
     if (P.current) {
-      const v = S.clientX - P.current.left, E = S.clientY - P.current.top;
-      f({ x: v, y: E });
+      const p = S.clientX - P.current.left, E = S.clientY - P.current.top;
+      f({ x: p, y: E });
     }
   }
   return c.useEffect(() => {
-    const S = (v) => {
-      const E = v.target;
-      w?.contains(E) && N(v, D);
+    const S = (p) => {
+      const E = p.target;
+      w?.contains(E) && N(p, D);
     };
     return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [U, w, D, N]), c.useEffect(y, [l, y]), A(w, W), A(m.content, W), /* @__PURE__ */ h(
-    ve,
+  }, [U, w, D, N]), c.useEffect(y, [l, y]), T(w, W), T(m.content, W), /* @__PURE__ */ h(
+    pe,
     {
       scope: r,
       scrollbar: w,
@@ -377,8 +377,8 @@ var be = c.forwardRef((e, o) => {
           }),
           onPointerMove: R(e.onPointerMove, H),
           onPointerUp: R(e.onPointerUp, (S) => {
-            const v = S.target;
-            v.hasPointerCapture(S.pointerId) && v.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = _.current, m.viewport && (m.viewport.style.scrollBehavior = ""), P.current = null;
+            const p = S.target;
+            p.hasPointerCapture(S.pointerId) && p.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = _.current, m.viewport && (m.viewport.style.scrollBehavior = ""), P.current = null;
           })
         }
       )
@@ -391,7 +391,7 @@ var be = c.forwardRef((e, o) => {
   }
 ), we = c.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, style: l, ...t } = e, n = p(z, r), s = ee(z, r), { onThumbPositionChange: a } = s, i = T(
+    const { __scopeScrollArea: r, style: l, ...t } = e, n = v(z, r), s = ee(z, r), { onThumbPositionChange: a } = s, i = A(
       o,
       (b) => s.onThumbChange(b)
     ), f = c.useRef(void 0), d = Y(() => {
@@ -431,17 +431,17 @@ var be = c.forwardRef((e, o) => {
 oe.displayName = z;
 var F = "ScrollAreaCorner", te = c.forwardRef(
   (e, o) => {
-    const r = p(F, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
+    const r = v(F, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && l ? /* @__PURE__ */ h(ge, { ...e, ref: o }) : null;
   }
 );
 te.displayName = F;
 var ge = c.forwardRef((e, o) => {
-  const { __scopeScrollArea: r, ...l } = e, t = p(F, r), [n, s] = c.useState(0), [a, i] = c.useState(0), f = !!(n && a);
-  return A(t.scrollbarX, () => {
+  const { __scopeScrollArea: r, ...l } = e, t = v(F, r), [n, s] = c.useState(0), [a, i] = c.useState(0), f = !!(n && a);
+  return T(t.scrollbarX, () => {
     const d = t.scrollbarX?.offsetHeight || 0;
     t.onCornerHeightChange(d), i(d);
-  }), A(t.scrollbarY, () => {
+  }), T(t.scrollbarY, () => {
     const d = t.scrollbarY?.offsetWidth || 0;
     t.onCornerWidthChange(d), s(d);
   }), f ? /* @__PURE__ */ h(
@@ -504,7 +504,7 @@ function Y(e, o) {
     window.clearTimeout(l.current), l.current = window.setTimeout(r, o);
   }, [r, o]);
 }
-function A(e, o) {
+function T(e, o) {
   const r = C(o);
   de(() => {
     let l = 0;
@@ -518,8 +518,8 @@ function A(e, o) {
     }
   }, [e, r]);
 }
-var Re = G, Ee = K, Ae = te;
-function Me({
+var Re = G, Ee = K, Te = te;
+function Ye({
   className: e,
   children: o,
   viewPortClassName: r,
@@ -543,13 +543,13 @@ function Me({
             children: o
           }
         ),
-        /* @__PURE__ */ h(Te, {}),
-        /* @__PURE__ */ h(Ae, {})
+        /* @__PURE__ */ h(Ae, {}),
+        /* @__PURE__ */ h(Te, {})
       ]
     }
   );
 }
-function Te({
+function Ae({
   className: e,
   orientation: o = "vertical",
   ...r
@@ -577,6 +577,6 @@ function Te({
   );
 }
 export {
-  Me as ScrollArea,
-  Te as ScrollBar
+  Ye as ScrollArea,
+  Ae as ScrollBar
 };

package/dist/components/ui/atoms/select.js

@@ -19,7 +19,7 @@ import { u as yt } from "../../../index-BZPx6jYI.js";
 import { V as It } from "../../../index-DfNPZZ8M.js";
 import { CheckIcon as bt, ChevronDownIcon as Me, ChevronUpIcon as Tt } from "lucide-react";
 import { c as j } from "../../../utils-Db4QWi-E.js";
-var Pt = [" ", "Enter", "ArrowUp", "ArrowDown"], Nt = [" ", "Enter"], ee = "Select", [de, ue, Rt] = lt(ee), [ne, _o] = it(ee, [
+var Pt = [" ", "Enter", "ArrowUp", "ArrowDown"], Nt = [" ", "Enter"], ee = "Select", [de, ue, Rt] = lt(ee), [ne] = it(ee, [
   Rt,
   Ee
 ]), pe = Ee(), [_t, Y] = ne(ee), [Et, Mt] = ne(ee), Ae = (t) => {
@@ -810,22 +810,22 @@ function $t(t, o) {
   return t.map((e, c) => t[(o + c) % t.length]);
 }
 var Gt = Ae, jt = De, Yt = ke, qt = Be, Xt = Ve, Zt = He, Jt = ze, Qt = $e, eo = je, to = qe, oo = Xe, no = Je, ro = Qe, so = et, ao = ot;
-function Eo({
+function _o({
   ...t
 }) {
   return /* @__PURE__ */ s(Gt, { "data-slot": "select", ...t });
 }
-function Mo({
+function Eo({
   ...t
 }) {
   return /* @__PURE__ */ s(Qt, { "data-slot": "select-group", ...t });
 }
-function Ao({
+function Mo({
   ...t
 }) {
   return /* @__PURE__ */ s(Yt, { "data-slot": "select-value", ...t });
 }
-function Oo({
+function Ao({
   className: t,
   size: o = "default",
   children: e,
@@ -848,7 +848,7 @@ function Oo({
     }
   );
 }
-function Do({
+function Oo({
   className: t,
   children: o,
   position: e = "popper",
@@ -882,7 +882,7 @@ function Do({
     }
   ) });
 }
-function Lo({
+function Do({
   className: t,
   ...o
 }) {
@@ -895,7 +895,7 @@ function Lo({
     }
   );
 }
-function ko({
+function Lo({
   className: t,
   children: o,
   ...e
@@ -916,7 +916,7 @@ function ko({
     }
   );
 }
-function Bo({
+function ko({
   className: t,
   ...o
 }) {
@@ -964,14 +964,14 @@ function co({
   );
 }
 export {
-  Eo as Select,
-  Do as SelectContent,
-  Mo as SelectGroup,
-  ko as SelectItem,
-  Lo as SelectLabel,
+  _o as Select,
+  Oo as SelectContent,
+  Eo as SelectGroup,
+  Lo as SelectItem,
+  Do as SelectLabel,
   co as SelectScrollDownButton,
   lo as SelectScrollUpButton,
-  Bo as SelectSeparator,
-  Oo as SelectTrigger,
-  Ao as SelectValue
+  ko as SelectSeparator,
+  Ao as SelectTrigger,
+  Mo as SelectValue
 };

package/dist/components/ui/atoms/sidebar.js

@@ -33,7 +33,10 @@ function ue({
       i ? i(u) : C(u), document.cookie = `${G}=${u}; path=/; max-age=${Y}`;
     },
     [i, g]
-  ), w = c.useCallback(() => s ? p((d) => !d) : x((d) => !d), [s, x]);
+  ), w = c.useCallback(
+    () => s ? p((d) => !d) : x((d) => !d),
+    [s, x]
+  );
   c.useEffect(() => {
     const d = (u) => {
       u.key === J && (u.metaKey || u.ctrlKey) && (u.preventDefault(), w());

package/dist/components/ui/atoms/slider.js

@@ -9,14 +9,14 @@ import { u as fe } from "../../../index-ByaXH_ih.js";
 import { u as me } from "../../../index-BZPx6jYI.js";
 import { u as pe } from "../../../index-BGQepRFJ.js";
 import { P as B } from "../../../index-CpDnqHCm.js";
-import { c as Se } from "../../../index-CxO14pcK.js";
+import { c as he } from "../../../index-CxO14pcK.js";
 import { c as H } from "../../../utils-Db4QWi-E.js";
 var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], q = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [L, he, ge] = Se(M), [J, Xe] = de(M, [
+}, M = "Slider", [L, Se, ge] = he(M), [J] = de(M, [
   ge
 ]), [ve, T] = J(M), Q = c.forwardRef(
   (e, t) => {
@@ -29,7 +29,7 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       disabled: s = !1,
       minStepsBetweenThumbs: d = 0,
       defaultValue: w = [n],
-      value: h,
+      value: S,
       onValueChange: a = () => {
       },
       onValueCommit: u = () => {
@@ -37,15 +37,15 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: R,
       ...g
-    } = e, p = c.useRef(/* @__PURE__ */ new Set()), f = c.useRef(0), b = i === "horizontal" ? we : be, [S = [], A] = ue({
-      prop: h,
+    } = e, p = c.useRef(/* @__PURE__ */ new Set()), f = c.useRef(0), b = i === "horizontal" ? we : be, [h = [], A] = ue({
+      prop: S,
       defaultProp: w,
       onChange: (y) => {
         [...p.current][f.current]?.focus(), a(y);
       }
-    }), k = c.useRef(S);
+    }), k = c.useRef(h);
     function V(y) {
-      const P = De(S, y);
+      const P = De(h, y);
       K(y, P);
     }
     function le(y) {
@@ -53,7 +53,7 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
     }
     function ce() {
       const y = k.current[f.current];
-      S[f.current] !== y && u(S);
+      h[f.current] !== y && u(h);
     }
     function K(y, P, { commit: z } = { commit: !1 }) {
       const Y = Me(l), N = Ae(Math.round((y - n) / l) * l + n, Y), I = X(N, [n, r]);
@@ -77,7 +77,7 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
         max: r,
         valueIndexToChangeRef: f,
         thumbs: p.current,
-        values: S,
+        values: h,
         orientation: i,
         form: R,
         children: /* @__PURE__ */ m(L.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(L.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
@@ -88,7 +88,7 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
             ...g,
             ref: t,
             onPointerDown: _(g.onPointerDown, () => {
-              s || (k.current = S);
+              s || (k.current = h);
             }),
             min: n,
             max: r,
@@ -97,10 +97,10 @@ var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
             onSlideMove: s ? void 0 : le,
             onSlideEnd: s ? void 0 : ce,
             onHomeKeyDown: () => !s && K(n, 0, { commit: !0 }),
-            onEndKeyDown: () => !s && K(r, S.length - 1, { commit: !0 }),
+            onEndKeyDown: () => !s && K(r, h.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: y, direction: P }) => {
               if (!s) {
-                const N = G.includes(y.key) || y.shiftKey && W.includes(y.key) ? 10 : 1, I = f.current, E = S[I], x = l * N * P;
+                const N = G.includes(y.key) || y.shiftKey && W.includes(y.key) ? 10 : 1, I = f.current, E = h[I], x = l * N * P;
                 K(E + x, I, { commit: !0 });
               }
             }
@@ -127,11 +127,11 @@ var [Z, ee] = J(M, {
       onSlideMove: s,
       onSlideEnd: d,
       onStepKeyDown: w,
-      ...h
+      ...S
     } = e, [a, u] = c.useState(null), v = C(t, (b) => u(b)), R = c.useRef(void 0), g = fe(r), p = g === "ltr", f = p && !l || !p && l;
     function D(b) {
-      const S = R.current || a.getBoundingClientRect(), A = [0, S.width], V = F(A, f ? [o, n] : [n, o]);
-      return R.current = S, V(b - S.left);
+      const h = R.current || a.getBoundingClientRect(), A = [0, h.width], V = F(A, f ? [o, n] : [n, o]);
+      return R.current = h, V(b - h.left);
     }
     return /* @__PURE__ */ m(
       Z,
@@ -146,19 +146,19 @@ var [Z, ee] = J(M, {
           {
             dir: g,
             "data-orientation": "horizontal",
-            ...h,
+            ...S,
             ref: v,
             style: {
-              ...h.style,
+              ...S.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (b) => {
-              const S = D(b.clientX);
-              i?.(S);
+              const h = D(b.clientX);
+              i?.(h);
             },
             onSlideMove: (b) => {
-              const S = D(b.clientX);
-              s?.(S);
+              const h = D(b.clientX);
+              s?.(h);
             },
             onSlideEnd: () => {
               R.current = void 0, d?.();
@@ -183,9 +183,9 @@ var [Z, ee] = J(M, {
       onSlideEnd: s,
       onStepKeyDown: d,
       ...w
-    } = e, h = c.useRef(null), a = C(t, h), u = c.useRef(void 0), v = !r;
+    } = e, S = c.useRef(null), a = C(t, S), u = c.useRef(void 0), v = !r;
     function R(g) {
-      const p = u.current || h.current.getBoundingClientRect(), f = [0, p.height], b = F(f, v ? [n, o] : [o, n]);
+      const p = u.current || S.current.getBoundingClientRect(), f = [0, p.height], b = F(f, v ? [n, o] : [o, n]);
       return u.current = p, b(g - p.top);
     }
     return /* @__PURE__ */ m(
@@ -237,7 +237,7 @@ var [Z, ee] = J(M, {
       onEndKeyDown: s,
       onStepKeyDown: d,
       ...w
-    } = e, h = T(M, o);
+    } = e, S = T(M, o);
     return /* @__PURE__ */ m(
       B.span,
       {
@@ -248,7 +248,7 @@ var [Z, ee] = J(M, {
         }),
         onPointerDown: _(e.onPointerDown, (a) => {
           const u = a.target;
-          u.setPointerCapture(a.pointerId), a.preventDefault(), h.thumbs.has(u) ? u.focus() : n(a);
+          u.setPointerCapture(a.pointerId), a.preventDefault(), S.thumbs.has(u) ? u.focus() : n(a);
         }),
         onPointerMove: _(e.onPointerMove, (a) => {
           a.target.hasPointerCapture(a.pointerId) && r(a);
@@ -279,7 +279,7 @@ var O = "SliderRange", re = c.forwardRef(
   (e, t) => {
     const { __scopeSlider: o, ...n } = e, r = T(O, o), l = ee(O, o), i = c.useRef(null), s = C(t, i), d = r.values.length, w = r.values.map(
       (u) => se(u, r.min, r.max)
-    ), h = d > 1 ? Math.min(...w) : 0, a = 100 - Math.max(...w);
+    ), S = d > 1 ? Math.min(...w) : 0, a = 100 - Math.max(...w);
     return /* @__PURE__ */ m(
       B.span,
       {
@@ -289,7 +289,7 @@ var O = "SliderRange", re = c.forwardRef(
         ref: s,
         style: {
           ...e.style,
-          [l.startEdge]: h + "%",
+          [l.startEdge]: S + "%",
           [l.endEdge]: a + "%"
         }
       }
@@ -299,7 +299,7 @@ var O = "SliderRange", re = c.forwardRef(
 re.displayName = O;
 var U = "SliderThumb", ie = c.forwardRef(
   (e, t) => {
-    const o = he(e.__scopeSlider), [n, r] = c.useState(null), l = C(t, (s) => r(s)), i = c.useMemo(
+    const o = Se(e.__scopeSlider), [n, r] = c.useState(null), l = C(t, (s) => r(s)), i = c.useMemo(
       () => n ? o().findIndex((s) => s.ref.current === n) : -1,
       [o, n]
     );
@@ -307,7 +307,7 @@ var U = "SliderThumb", ie = c.forwardRef(
   }
 ), ye = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, index: n, name: r, ...l } = e, i = T(U, o), s = ee(U, o), [d, w] = c.useState(null), h = C(t, (D) => w(D)), a = d ? i.form || !!d.closest("form") : !0, u = pe(d), v = i.values[n], R = v === void 0 ? 0 : se(v, i.min, i.max), g = xe(n, i.values.length), p = u?.[s.size], f = p ? Ee(p, R, s.direction) : 0;
+    const { __scopeSlider: o, index: n, name: r, ...l } = e, i = T(U, o), s = ee(U, o), [d, w] = c.useState(null), S = C(t, (D) => w(D)), a = d ? i.form || !!d.closest("form") : !0, u = pe(d), v = i.values[n], R = v === void 0 ? 0 : se(v, i.min, i.max), g = xe(n, i.values.length), p = u?.[s.size], f = p ? Ee(p, R, s.direction) : 0;
     return c.useEffect(() => {
       if (d)
         return i.thumbs.add(d), () => {
@@ -335,7 +335,7 @@ var U = "SliderThumb", ie = c.forwardRef(
               "data-disabled": i.disabled ? "" : void 0,
               tabIndex: i.disabled ? void 0 : 0,
               ...l,
-              ref: h,
+              ref: S,
               style: v === void 0 ? { display: "none" } : e.style,
               onFocus: _(e.onFocus, () => {
                 i.valueIndexToChangeRef.current = n;
@@ -363,10 +363,10 @@ var Re = "RadioBubbleInput", ae = c.forwardRef(
     return c.useEffect(() => {
       const s = r.current;
       if (!s) return;
-      const d = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(d, "value").set;
-      if (i !== t && h) {
+      const d = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(d, "value").set;
+      if (i !== t && S) {
         const a = new Event("input", { bubbles: !0 });
-        h.call(s, t), s.dispatchEvent(a);
+        S.call(s, t), s.dispatchEvent(a);
       }
     }, [i, t]), /* @__PURE__ */ m(
       B.input,
@@ -425,7 +425,7 @@ function Ae(e, t) {
   return Math.round(e * o) / o;
 }
 var Ke = Q, Ie = ne, Be = re, Te = ie;
-function Ge({
+function Xe({
   className: e,
   defaultValue: t,
   value: o,
@@ -479,5 +479,5 @@ function Ge({
   );
 }
 export {
-  Ge as Slider
+  Xe as Slider
 };

package/dist/components/ui/atoms/switch.js

@@ -8,7 +8,7 @@ import { u as H } from "../../../index-BZPx6jYI.js";
 import { u as A } from "../../../index-BGQepRFJ.js";
 import { P } from "../../../index-CpDnqHCm.js";
 import { c as g } from "../../../utils-Db4QWi-E.js";
-var m = "Switch", [U, Z] = j(m), [q, L] = U(m), N = n.forwardRef(
+var h = "Switch", [U] = j(h), [q, L] = U(h), N = n.forwardRef(
   (r, e) => {
     const {
       __scopeSwitch: t,
@@ -20,12 +20,12 @@ var m = "Switch", [U, Z] = j(m), [q, L] = U(m), N = n.forwardRef(
       value: u = "on",
       onCheckedChange: v,
       form: i,
-      ...w
-    } = r, [l, p] = n.useState(null), k = x(e, (h) => p(h)), S = n.useRef(!1), C = l ? i || !!l.closest("form") : !0, [f, T] = z({
+      ...k
+    } = r, [l, p] = n.useState(null), w = x(e, (m) => p(m)), S = n.useRef(!1), C = l ? i || !!l.closest("form") : !0, [f, T] = z({
       prop: o,
       defaultProp: b ?? !1,
       onChange: v,
-      caller: m
+      caller: h
     });
     return /* @__PURE__ */ y(q, { scope: t, checked: f, disabled: c, children: [
       /* @__PURE__ */ s(
@@ -39,10 +39,10 @@ var m = "Switch", [U, Z] = j(m), [q, L] = U(m), N = n.forwardRef(
           "data-disabled": c ? "" : void 0,
           disabled: c,
           value: u,
-          ...w,
-          ref: k,
-          onClick: M(r.onClick, (h) => {
-            T((I) => !I), C && (S.current = h.isPropagationStopped(), S.current || h.stopPropagation());
+          ...k,
+          ref: w,
+          onClick: M(r.onClick, (m) => {
+            T((I) => !I), C && (S.current = m.isPropagationStopped(), S.current || m.stopPropagation());
           })
         }
       ),
@@ -63,7 +63,7 @@ var m = "Switch", [U, Z] = j(m), [q, L] = U(m), N = n.forwardRef(
     ] });
   }
 );
-N.displayName = m;
+N.displayName = h;
 var R = "SwitchThumb", E = n.forwardRef(
   (r, e) => {
     const { __scopeSwitch: t, ...a } = r, o = L(R, t);
@@ -91,13 +91,13 @@ var O = "SwitchBubbleInput", _ = n.forwardRef(
     return n.useEffect(() => {
       const i = d.current;
       if (!i) return;
-      const w = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(
-        w,
+      const k = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(
+        k,
         "checked"
       ).set;
       if (u !== t && p) {
-        const k = new Event("click", { bubbles: a });
-        p.call(i, t), i.dispatchEvent(k);
+        const w = new Event("click", { bubbles: a });
+        p.call(i, t), i.dispatchEvent(w);
       }
     }, [u, t, a]), /* @__PURE__ */ s(
       "input",
@@ -125,7 +125,7 @@ function B(r) {
   return r ? "checked" : "unchecked";
 }
 var D = N, F = E;
-function ee({
+function Z({
   className: r,
   loading: e = !1,
   disabled: t,
@@ -176,5 +176,5 @@ function ee({
   );
 }
 export {
-  ee as Switch
+  Z as Switch
 };