@actioneer/ads 0.5.7 → 0.5.8

package/components/carousel.js

@@ -1,34 +1,36 @@
 "use client";
-import { jsx as C, jsxs as V } from "react/jsx-runtime";
+import { jsx as b, jsxs as V } from "react/jsx-runtime";
 import * as t from "react";
 import { cva as W } from "class-variance-authority";
+import { MotionConfig as H, motion as X } from "motion/react";
 import { Button as D } from "./button.js";
-import { ChevronLeft as H, ChevronRight as X } from "../lib/icons.js";
-import { cn as S } from "../lib/cn.js";
+import { ChevronLeft as B, ChevronRight as G } from "../lib/icons.js";
+import { cn as w } from "../lib/cn.js";
+import { springCarousel as O } from "../lib/motion.js";
 const q = t.createContext(null);
 function T(l) {
-  const i = t.useContext(q);
-  if (!i)
+  const s = t.useContext(q);
+  if (!s)
     throw new Error(`<${l}> must be used within <Carousel>`);
-  return i;
+  return s;
 }
 const F = t.createContext(null);
-function L(l, i, d) {
-  return i <= 0 ? 0 : d ? (l % i + i) % i : Math.min(Math.max(l, 0), i - 1);
+function L(l, s, d) {
+  return s <= 0 ? 0 : d ? (l % s + s) % s : Math.min(Math.max(l, 0), s - 1);
 }
 function _(l) {
   return l.detail === 0;
 }
-const B = W(
+const Y = W(
   "relative w-full rounded-sm outline-none focus-visible:ring-3 focus-visible:ring-ring"
-), G = t.forwardRef(
+), J = t.forwardRef(
   ({
     className: l,
-    index: i,
+    index: s,
     defaultIndex: d = 0,
     onIndexChange: f,
     loop: o = !0,
-    children: b,
+    children: h,
     role: p,
     tabIndex: m,
     onKeyDown: r,
@@ -36,55 +38,55 @@ const B = W(
     "aria-roledescription": I,
     ...N
   }, u) => {
-    const a = i !== void 0, [n, y] = t.useState(d), [h, v] = t.useState(0), [P, R] = t.useState(!0), E = t.useId(), g = L(a ? i : n, h, !1), e = t.useCallback((s) => {
-      v(s), y(
-        (M) => L(M, s, !1)
+    const a = s !== void 0, [n, y] = t.useState(d), [C, S] = t.useState(0), [P, v] = t.useState(!0), E = t.useId(), g = L(a ? s : n, C, !1), e = t.useCallback((i) => {
+      S(i), y(
+        (M) => L(M, i, !1)
       );
     }, []), c = t.useCallback(
-      (s, M = "animated") => {
-        const $ = L(s, h, o);
-        R(M === "animated"), a || y($), $ !== g && (f == null || f($));
+      (i, M = "animated") => {
+        const $ = L(i, C, o);
+        v(M === "animated"), a || y($), $ !== g && (f == null || f($));
       },
-      [h, g, a, o, f]
+      [C, g, a, o, f]
     ), A = t.useCallback(
-      (s) => c(g - 1, s),
+      (i) => c(g - 1, i),
       [c, g]
-    ), w = t.useCallback(
-      (s) => c(g + 1, s),
+    ), R = t.useCallback(
+      (i) => c(g + 1, i),
       [c, g]
     );
     t.useEffect(() => {
       if (P) return;
-      const s = requestAnimationFrame(() => R(!0));
-      return () => cancelAnimationFrame(s);
+      const i = requestAnimationFrame(() => v(!0));
+      return () => cancelAnimationFrame(i);
     }, [g, P]);
     const k = t.useMemo(
       () => ({
         index: g,
-        count: h,
+        count: C,
         loop: o,
         contentId: E,
         isAnimated: P,
         setCount: e,
         goTo: c,
         goPrevious: A,
-        goNext: w
+        goNext: R
       }),
       [
         g,
-        h,
+        C,
         o,
         E,
         P,
         e,
         c,
         A,
-        w
+        R
       ]
-    ), z = (s) => {
-      r == null || r(s), !(s.defaultPrevented || s.target !== s.currentTarget) && (s.key === "ArrowLeft" ? (s.preventDefault(), A("instant")) : s.key === "ArrowRight" ? (s.preventDefault(), w("instant")) : s.key === "Home" ? (s.preventDefault(), c(0, "instant")) : s.key === "End" && (s.preventDefault(), c(h - 1, "instant")));
+    ), z = (i) => {
+      r == null || r(i), !(i.defaultPrevented || i.target !== i.currentTarget) && (i.key === "ArrowLeft" ? (i.preventDefault(), A("instant")) : i.key === "ArrowRight" ? (i.preventDefault(), R("instant")) : i.key === "Home" ? (i.preventDefault(), c(0, "instant")) : i.key === "End" && (i.preventDefault(), c(C - 1, "instant")));
     };
-    return /* @__PURE__ */ C(q.Provider, { value: k, children: /* @__PURE__ */ V(
+    return /* @__PURE__ */ b(q.Provider, { value: k, children: /* @__PURE__ */ V(
       "div",
       {
         ref: u,
@@ -92,26 +94,26 @@ const B = W(
         "aria-roledescription": I ?? "carousel",
         "aria-label": x ?? "Carousel",
         tabIndex: m ?? 0,
-        className: S(B(), l),
+        className: w(Y(), l),
         onKeyDown: z,
         ...N,
         children: [
-          b,
-          /* @__PURE__ */ C("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: h > 0 ? `Slide ${g + 1} of ${h}` : "" })
+          h,
+          /* @__PURE__ */ b("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: C > 0 ? `Slide ${g + 1} of ${C}` : "" })
         ]
       }
     ) });
   }
 );
-G.displayName = "Carousel";
-const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
+J.displayName = "Carousel";
+const Q = 40, Z = 10, K = 0.11, U = t.forwardRef(
   ({
     className: l,
-    children: i,
+    children: s,
     onPointerDown: d,
     onPointerUp: f,
     onPointerCancel: o,
-    onClickCapture: b,
+    onClickCapture: h,
     ...p
   }, m) => {
     const {
@@ -122,53 +124,52 @@ const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
       setCount: u,
       goPrevious: a,
       goNext: n
-    } = T("CarouselContent"), y = t.Children.toArray(i), h = t.useRef(null), v = t.useRef(!1);
+    } = T("CarouselContent"), y = t.Children.toArray(s), C = t.useRef(null), S = t.useRef(!1);
     t.useEffect(() => {
       u(y.length);
     }, [y.length, u]);
     const P = (e) => {
-      d == null || d(e), !(e.defaultPrevented || !e.isPrimary || e.pointerType === "mouse" || x <= 1) && (h.current = {
+      d == null || d(e), !(e.defaultPrevented || !e.isPrimary || e.pointerType === "mouse" || x <= 1) && (C.current = {
         pointerId: e.pointerId,
         x: e.clientX,
         time: e.timeStamp
       }, e.currentTarget.setPointerCapture(e.pointerId));
-    }, R = (e) => {
+    }, v = (e) => {
       e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId);
     }, E = (e) => {
       f == null || f(e);
-      const c = h.current;
-      if (h.current = null, R(e), !c || c.pointerId !== e.pointerId) return;
-      const A = e.clientX - c.x, w = Math.max(1, e.timeStamp - c.time), k = Math.abs(A) / w;
-      (Math.abs(A) >= O || Math.abs(A) >= Y && k > J) && (v.current = !0, A < 0 ? n() : a());
+      const c = C.current;
+      if (C.current = null, v(e), !c || c.pointerId !== e.pointerId) return;
+      const A = e.clientX - c.x, R = Math.max(1, e.timeStamp - c.time), k = Math.abs(A) / R;
+      (Math.abs(A) >= Q || Math.abs(A) >= Z && k > K) && (S.current = !0, A < 0 ? n() : a());
     }, j = (e) => {
-      o == null || o(e), h.current = null, R(e);
+      o == null || o(e), C.current = null, v(e);
     }, g = (e) => {
-      if (v.current) {
-        v.current = !1, e.preventDefault(), e.stopPropagation();
+      if (S.current) {
+        S.current = !1, e.preventDefault(), e.stopPropagation();
         return;
       }
-      b == null || b(e);
+      h == null || h(e);
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: m,
         id: I,
-        className: S("overflow-hidden touch-pan-y", l),
+        className: w("overflow-hidden touch-pan-y", l),
         onPointerDown: P,
         onPointerUp: E,
         onPointerCancel: j,
         onClickCapture: g,
         ...p,
-        children: /* @__PURE__ */ C(
-          "div",
+        children: /* @__PURE__ */ b(H, { reducedMotion: "user", children: /* @__PURE__ */ b(
+          X.div,
           {
-            className: S(
-              "flex",
-              N ? "transition-transform duration-(--duration-normal) ease-in-out motion-reduce:transition-none" : "transition-none"
-            ),
-            style: { transform: `translate3d(-${r * 100}%, 0, 0)` },
-            children: y.map((e, c) => /* @__PURE__ */ C(
+            className: "flex",
+            initial: !1,
+            animate: { x: `${-r * 100}%` },
+            transition: N ? O : { duration: 0 },
+            children: y.map((e, c) => /* @__PURE__ */ b(
               F.Provider,
               {
                 value: {
@@ -181,48 +182,48 @@ const O = 40, Y = 10, J = 0.11, Q = t.forwardRef(
               t.isValidElement(e) ? e.key ?? c : c
             ))
           }
-        )
+        ) })
       }
     );
   }
 );
-Q.displayName = "CarouselContent";
-const Z = t.forwardRef(
+U.displayName = "CarouselContent";
+const ee = t.forwardRef(
   ({
     className: l,
-    role: i,
+    role: s,
     inert: d,
     "aria-label": f,
     "aria-hidden": o,
-    "aria-roledescription": b,
+    "aria-roledescription": h,
     ...p
   }, m) => {
     const r = t.useContext(F);
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: m,
-        role: i ?? "group",
-        "aria-roledescription": b ?? "slide",
+        role: s ?? "group",
+        "aria-roledescription": h ?? "slide",
         "aria-label": f ?? (r ? `${r.index + 1} of ${r.count}` : void 0),
         "aria-hidden": o ?? (r ? !r.isActive : void 0),
         inert: d ?? (r ? !r.isActive : void 0),
         "data-active": (r == null ? void 0 : r.isActive) || void 0,
-        className: S("w-full shrink-0", l),
+        className: w("w-full shrink-0", l),
         ...p
       }
     );
   }
 );
-Z.displayName = "CarouselItem";
-const K = t.forwardRef(
+ee.displayName = "CarouselItem";
+const te = t.forwardRef(
   ({
     className: l,
-    getLabel: i = (p) => `Go to slide ${p + 1}`,
+    getLabel: s = (p) => `Go to slide ${p + 1}`,
     onKeyDown: d,
     "aria-label": f,
     ...o
-  }, b) => {
+  }, h) => {
     const { index: p, count: m, contentId: r, goTo: x } = T("CarouselIndicators"), I = t.useRef([]);
     if (m <= 1) return null;
     const N = (u) => {
@@ -231,25 +232,25 @@ const K = t.forwardRef(
       let a = null;
       u.key === "ArrowRight" ? a = (p + 1) % m : u.key === "ArrowLeft" ? a = (p - 1 + m) % m : u.key === "Home" ? a = 0 : u.key === "End" && (a = m - 1), a !== null && (u.preventDefault(), u.stopPropagation(), x(a, "instant"), (n = I.current[a]) == null || n.focus());
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       "div",
       {
-        ref: b,
+        ref: h,
         role: "group",
         "aria-label": f ?? "Choose a slide",
-        className: S("flex items-center justify-center gap-1", l),
+        className: w("flex items-center justify-center gap-1", l),
         onKeyDown: N,
         ...o,
         children: Array.from({ length: m }, (u, a) => {
           const n = a === p;
-          return /* @__PURE__ */ C(
+          return /* @__PURE__ */ b(
             "button",
             {
               ref: (y) => {
                 I.current[a] = y;
               },
               type: "button",
-              "aria-label": i(a),
+              "aria-label": s(a),
               "aria-current": n ? "true" : void 0,
               "aria-controls": r,
               tabIndex: n ? 0 : -1,
@@ -259,12 +260,12 @@ const K = t.forwardRef(
                 a,
                 _(y) ? "instant" : "animated"
               ),
-              children: /* @__PURE__ */ C(
+              children: /* @__PURE__ */ b(
                 "span",
                 {
                   "aria-hidden": !0,
-                  className: S(
-                    "size-2.5 rounded-dot transition-colors duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                  className: w(
+                    "size-2.5 rounded-dot transition-colors duration-150 ease-out motion-reduce:transition-none",
                     n ? "bg-brand" : "bg-fill group-hover:bg-muted"
                   )
                 }
@@ -277,75 +278,75 @@ const K = t.forwardRef(
     );
   }
 );
-K.displayName = "CarouselIndicators";
-const U = t.forwardRef(
+te.displayName = "CarouselIndicators";
+const re = t.forwardRef(
   ({
     children: l,
-    variant: i = "secondary",
+    variant: s = "secondary",
     size: d = "icon-sm",
     disabled: f,
     onClick: o,
-    "aria-label": b,
+    "aria-label": h,
     ...p
   }, m) => {
     const { index: r, count: x, loop: I, contentId: N, goPrevious: u } = T("CarouselPrevious"), a = f || x <= 1 || !I && r === 0;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       D,
       {
         ref: m,
         type: "button",
-        variant: i,
+        variant: s,
         size: d,
         disabled: a,
-        "aria-label": b ?? "Previous slide",
+        "aria-label": h ?? "Previous slide",
         "aria-controls": N,
         onClick: (n) => {
           o == null || o(n), n.defaultPrevented || u(_(n) ? "instant" : "animated");
         },
         ...p,
-        children: l ?? /* @__PURE__ */ C(H, {})
+        children: l ?? /* @__PURE__ */ b(B, {})
       }
     );
   }
 );
-U.displayName = "CarouselPrevious";
-const ee = t.forwardRef(
+re.displayName = "CarouselPrevious";
+const ae = t.forwardRef(
   ({
     children: l,
-    variant: i = "secondary",
+    variant: s = "secondary",
     size: d = "icon-sm",
     disabled: f,
     onClick: o,
-    "aria-label": b,
+    "aria-label": h,
     ...p
   }, m) => {
     const { index: r, count: x, loop: I, contentId: N, goNext: u } = T("CarouselNext"), a = f || x <= 1 || !I && r === x - 1;
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ b(
       D,
       {
         ref: m,
         type: "button",
-        variant: i,
+        variant: s,
         size: d,
         disabled: a,
-        "aria-label": b ?? "Next slide",
+        "aria-label": h ?? "Next slide",
         "aria-controls": N,
         onClick: (n) => {
           o == null || o(n), n.defaultPrevented || u(_(n) ? "instant" : "animated");
         },
         ...p,
-        children: l ?? /* @__PURE__ */ C(X, {})
+        children: l ?? /* @__PURE__ */ b(G, {})
       }
     );
   }
 );
-ee.displayName = "CarouselNext";
+ae.displayName = "CarouselNext";
 export {
-  G as Carousel,
-  Q as CarouselContent,
-  K as CarouselIndicators,
-  Z as CarouselItem,
-  ee as CarouselNext,
-  U as CarouselPrevious,
-  B as carouselVariants
+  J as Carousel,
+  U as CarouselContent,
+  te as CarouselIndicators,
+  ee as CarouselItem,
+  ae as CarouselNext,
+  re as CarouselPrevious,
+  Y as carouselVariants
 };

package/components/chart.js

@@ -131,7 +131,7 @@ function Pe({
 }) {
   const a = t ?? {}, s = /* @__PURE__ */ N("span", { className: $(ue, D[l].pill), children: [
     r,
-    n != null && /* @__PURE__ */ e("span", { className: "ml-1 tabular-nums opacity-70", children: n })
+    n != null && /* @__PURE__ */ e("span", { className: "ml-1 tabular-nums", children: n })
   ] });
   return o === "y" ? /* @__PURE__ */ e("foreignObject", { x: a.x ?? 0, y: (a.y ?? 0) - 12, width: a.width ?? 0, height: 24, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-end pr-1", children: s }) }) : /* @__PURE__ */ e("foreignObject", { x: (a.x ?? 0) - 90, y: (a.y ?? 0) - 12, width: 180, height: 24, className: "overflow-visible", children: /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: s }) });
 }
@@ -156,7 +156,7 @@ function _e({
       tabIndex: 0,
       role: "img",
       "aria-label": `Annotation ${n}: ${l.label}`,
-      className: "cursor-default outline-none [transform-box:fill-box] origin-center transition-transform ease-out [transition-duration:var(--duration-fast)] hover:scale-110 focus-visible:scale-110",
+      className: "cursor-default outline-none [transform-box:fill-box] origin-center transition-transform ease-out [transition-duration:150ms] hover:scale-110 focus-visible:scale-110 motion-reduce:transition-none motion-reduce:hover:scale-100 motion-reduce:focus-visible:scale-100",
       onMouseEnter: c,
       onMouseLeave: f,
       onFocus: () => {
@@ -176,7 +176,7 @@ function _e({
             y: r,
             dy: "0.35em",
             textAnchor: "middle",
-            className: "pointer-events-none fill-brand-foreground text-xs font-semibold select-none",
+            className: "pointer-events-none fill-brand-foreground text-xs font-medium select-none",
             children: n
           }
         )
@@ -207,7 +207,7 @@ function Ge({ hovered: t, frameWidth: r, format: n }) {
                 "span",
                 {
                   "aria-hidden": !0,
-                  className: "flex size-4.5 shrink-0 items-center justify-center rounded-full text-xs font-semibold text-brand-foreground",
+                  className: "flex size-4.5 shrink-0 items-center justify-center rounded-full text-xs font-medium text-brand-foreground",
                   style: { background: D[t.ann.color ?? "primary"].ref },
                   children: t.n
                 }
@@ -834,6 +834,8 @@ const Ze = k.forwardRef(
               children: t.map((p, i) => /* @__PURE__ */ e(
                 oe,
                 {
+                  role: "presentation",
+                  "aria-hidden": "true",
                   fill: b(String(p[r]), i),
                   fillOpacity: w(String(p[r]))
                 },
@@ -843,7 +845,7 @@ const Ze = k.forwardRef(
           )
         ] }) }),
         l && /* @__PURE__ */ N("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("div", { className: "text-xl font-semibold text-foreground tabular-nums", children: v(m) }),
+          /* @__PURE__ */ e("div", { className: "text-xl font-medium text-foreground tabular-nums", children: v(m) }),
           o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
         ] })
       ] })
@@ -1003,7 +1005,7 @@ const qe = k.forwardRef(
           }
         ) }),
         /* @__PURE__ */ N("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ e("div", { className: "text-xl font-semibold text-foreground tabular-nums", children: x(Math.round(m)) }),
+          /* @__PURE__ */ e("div", { className: "text-xl font-medium text-foreground tabular-nums", children: x(Math.round(m)) }),
           o && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-normal tracking-wide uppercase text-tertiary", children: o })
         ] })
       ] }),
@@ -1053,7 +1055,7 @@ function Je({
             "p",
             {
               className: $(
-                "truncate text-xs font-semibold",
+                "truncate text-xs font-medium",
                 d ? "text-background" : "text-foreground"
               ),
               children: s

package/components/checkbox.js

@@ -1,84 +1,120 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Minus as u, Check as f } from "../lib/icons.js";
-import { cn as l } from "../lib/cn.js";
-import { Field as m } from "./field.js";
-const b = {
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import * as t from "react";
+import { motion as x, MotionConfig as w, AnimatePresence as C } from "motion/react";
+import { Check as M, Minus as N } from "../lib/icons.js";
+import { cn as p } from "../lib/cn.js";
+import { Field as z } from "./field.js";
+import { checkDrawTransition as b } from "../lib/motion.js";
+const R = x.create(M), j = x.create(N), G = {
   sm: "size-4 [&_svg]:size-3",
   md: "size-4.5 [&_svg]:size-3.5"
-}, x = s.forwardRef(
-  ({ className: i, children: t, indeterminate: o = !1, size: a = "md", disabled: n, ...c }, d) => {
-    const r = s.useRef(null);
-    return s.useImperativeHandle(d, () => r.current), s.useEffect(() => {
-      r.current && (r.current.indeterminate = o);
-    }, [o]), /* @__PURE__ */ p(
+}, I = t.forwardRef(
+  ({
+    className: a,
+    children: o,
+    indeterminate: r = !1,
+    size: l = "md",
+    disabled: c,
+    checked: n,
+    defaultChecked: d = !1,
+    onChange: i,
+    ...h
+  }, k) => {
+    const s = t.useRef(null), f = n !== void 0, [g, y] = t.useState(d), m = f ? n : g;
+    return t.useImperativeHandle(k, () => s.current), t.useEffect(() => {
+      s.current && (s.current.indeterminate = r);
+    }, [r]), /* @__PURE__ */ v(
       "label",
       {
-        className: l(
+        className: p(
           "group inline-flex items-center gap-2 text-xs text-foreground select-none",
-          n ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-          i
+          c ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          a
         ),
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: r,
+              ref: s,
               type: "checkbox",
-              disabled: n,
+              disabled: c,
+              checked: m,
+              onChange: (u) => {
+                f || y(u.target.checked), i == null || i(u);
+              },
               className: "peer sr-only",
-              ...c
+              ...h
             }
           ),
           /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": !0,
-              className: l(
+              className: p(
                 "flex shrink-0 items-center justify-center rounded-sm border border-input bg-elevated text-brand-foreground",
-                "transition-[background,border,box-shadow] duration-(--duration-fast)",
+                "transition-[background,border,box-shadow] duration-150",
                 "peer-checked:border-brand peer-checked:bg-brand",
                 "peer-indeterminate:border-brand peer-indeterminate:bg-brand",
                 "peer-focus-visible:ring-3 peer-focus-visible:ring-ring",
-                b[a]
+                G[l]
               ),
-              children: o ? /* @__PURE__ */ e(u, { strokeWidth: 3 }) : /* @__PURE__ */ e(f, { className: "opacity-0 group-has-[:checked]:opacity-100", strokeWidth: 3 })
+              children: /* @__PURE__ */ e(w, { reducedMotion: "user", children: /* @__PURE__ */ e(C, { initial: !1, mode: "wait", children: (m || r) && (r ? /* @__PURE__ */ e(
+                j,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  exit: { opacity: 0, scale: 0.9 },
+                  transition: b,
+                  strokeWidth: 3
+                },
+                "indeterminate"
+              ) : /* @__PURE__ */ e(
+                R,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  exit: { opacity: 0, scale: 0.9 },
+                  transition: b,
+                  strokeWidth: 3
+                },
+                "checked"
+              )) }) })
             }
           ),
-          t && /* @__PURE__ */ e("span", { children: t })
+          o && /* @__PURE__ */ e("span", { children: o })
         ]
       }
     );
   }
 );
-x.displayName = "Checkbox";
-const h = s.forwardRef(
-  ({ className: i, label: t, description: o, error: a, orientation: n = "vertical", children: c, ...d }, r) => /* @__PURE__ */ e(
-    m,
+I.displayName = "Checkbox";
+const S = t.forwardRef(
+  ({ className: a, label: o, description: r, error: l, orientation: c = "vertical", children: n, ...d }, i) => /* @__PURE__ */ e(
+    z,
     {
-      ref: r,
-      label: t,
-      description: o,
-      error: a,
+      ref: i,
+      label: o,
+      description: r,
+      error: l,
       role: "group",
-      className: i,
+      className: a,
       ...d,
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: l(
+          className: p(
             "flex gap-3",
-            n === "vertical" ? "flex-col" : "flex-row flex-wrap"
+            c === "vertical" ? "flex-col" : "flex-row flex-wrap"
           ),
-          children: c
+          children: n
         }
       )
     }
   )
 );
-h.displayName = "CheckboxGroup";
+S.displayName = "CheckboxGroup";
 export {
-  x as Checkbox,
-  h as CheckboxGroup
+  I as Checkbox,
+  S as CheckboxGroup
 };