@alfadocs/ui-kit 0.17.1 → 0.17.2

package/dist/_chunks/{checkbox-D5EHnB14.js → checkbox-mwbrPZDY.js}

@@ -1,14 +1,15 @@
-import { jsxs as G, jsx as r } from "react/jsx-runtime";
-import { createContext as K, useContext as O, forwardRef as T, useId as A, useState as B, useRef as F, useMemo as H } from "react";
-import * as v from "@radix-ui/react-checkbox";
-import { c as V } from "./index-D2ZczOXr.js";
-import { T as W } from "./tooltip-DHik5yRI.js";
-import { u as C } from "./registry-C9nwlNyL.js";
-const D = K(null);
-function P() {
-  return O(D);
+import { jsxs as M, jsx as s } from "react/jsx-runtime";
+import { createContext as O, useContext as S, forwardRef as G, useId as K, useRef as T, useMemo as V } from "react";
+import * as b from "@radix-ui/react-checkbox";
+import { c as A } from "./index-D2ZczOXr.js";
+import { u as B } from "./use-controllable-state-BiY4xTzM.js";
+import { T as F } from "./tooltip-DHik5yRI.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+const W = O(null);
+function D() {
+  return S(W);
 }
-const q = {
+const P = {
   id: "checkbox",
   capabilities: ["select_single"],
   state: {
@@ -25,8 +26,8 @@ const q = {
       argsType: '{ checked: boolean | "indeterminate" }',
       descriptionKey: "ui.agent.checkbox.actions.setChecked",
       description: "Set the checked state to a specific value.",
-      invoke: (t, n) => {
-        t.setChecked(n.checked);
+      invoke: (t, l) => {
+        t.setChecked(l.checked);
       }
     },
     toggle: {
@@ -50,12 +51,12 @@ const q = {
       description: "Sourced from the id prop."
     }
   }
-}, x = [
+}, g = [
   "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]",
   "ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]"
 ].join(" ");
-function E({ className: t }) {
-  return /* @__PURE__ */ r(
+function q({ className: t }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -67,12 +68,12 @@ function E({ className: t }) {
       "aria-hidden": "true",
       "data-slot": "checkbox-check-icon",
       className: t,
-      children: /* @__PURE__ */ r("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: x })
+      children: /* @__PURE__ */ s("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: g })
     }
   );
 }
-function J({ className: t }) {
-  return /* @__PURE__ */ r(
+function E({ className: t }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -83,11 +84,11 @@ function J({ className: t }) {
       "aria-hidden": "true",
       "data-slot": "checkbox-indeterminate-icon",
       className: t,
-      children: /* @__PURE__ */ r("path", { pathLength: "1", d: "M5 12h14", className: x })
+      children: /* @__PURE__ */ s("path", { pathLength: "1", d: "M5 12h14", className: g })
     }
   );
 }
-const Q = V(
+const J = A(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
     "ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background",
@@ -115,89 +116,93 @@ const Q = V(
       size: "md"
     }
   }
-), U = T(
+), Q = G(
   ({
     label: t,
-    checked: n,
-    onCheckedChange: s,
-    size: m = "md",
-    disabled: y,
-    disabledReason: b,
-    name: w,
+    checked: l,
+    onCheckedChange: C,
+    size: h = "md",
+    disabled: v,
+    disabledReason: m,
+    name: x,
     value: o,
-    id: f,
-    className: z,
-    ...I
-  }, N) => {
-    const j = A(), h = f ?? j, e = P(), c = e !== null && o !== void 0, [L, p] = B(n ?? !1), d = n !== void 0, l = c ? e.value.has(o) : d ? n : L, R = c ? () => e.toggle(o) : (i) => {
-      d || p(i), s == null || s(i);
-    }, _ = (e == null ? void 0 : e.name) ?? w, u = (e == null ? void 0 : e.disabled) || y, a = F(
-      l ?? !1
+    id: u,
+    className: y,
+    ...w
+  }, z) => {
+    const N = K(), f = u ?? N, e = D(), r = e !== null && o !== void 0, [j, i] = B({
+      value: l,
+      defaultValue: !1,
+      onChange: C
+    }), c = r ? e.value.has(o) : j ?? !1, I = r ? () => e.toggle(o) : (n) => {
+      i(n);
+    }, L = (e == null ? void 0 : e.name) ?? x, d = (e == null ? void 0 : e.disabled) || v, a = T(
+      c ?? !1
     );
-    a.current = l ?? !1;
-    const M = H(
+    a.current = c ?? !1;
+    const R = V(
       () => ({
         getChecked: () => a.current,
-        setChecked: (i) => {
-          if (c) {
-            (a.current === !0 || a.current === "indeterminate") !== (i === !0 || i === "indeterminate") && e.toggle(o);
+        setChecked: (n) => {
+          if (r) {
+            (a.current === !0 || a.current === "indeterminate") !== (n === !0 || n === "indeterminate") && e.toggle(o);
             return;
           }
-          d || p(i), s == null || s(i);
+          i(n);
         },
         toggle: () => {
-          if (c) {
+          if (r) {
             e.toggle(o);
             return;
           }
-          const i = !(a.current === !0 || a.current === "indeterminate");
-          d || p(i), s == null || s(i);
+          const n = !(a.current === !0 || a.current === "indeterminate");
+          i(n);
         }
       }),
-      [c, e, o, d, s]
+      [r, e, o, i]
     );
-    C(q, M, f);
+    H(P, R, u);
     const k = [
       "ds:text-primary-foreground",
-      m === "sm" ? "ds:size-3" : m === "lg" ? "ds:size-4" : "ds:size-3.5"
-    ].join(" "), S = [
+      h === "sm" ? "ds:size-3" : h === "lg" ? "ds:size-4" : "ds:size-3.5"
+    ].join(" "), _ = [
       "type-label ds:text-foreground ds:select-none",
-      u ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), g = /* @__PURE__ */ G(
+      d ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), p = /* @__PURE__ */ M(
       "div",
       {
         "data-component": "checkbox",
-        "data-component-id": f,
+        "data-component-id": u,
         "data-option-id": o,
         className: "ds:inline-flex ds:items-start ds:gap-[var(--spacing-sm)]",
         children: [
-          /* @__PURE__ */ r(
-            v.Root,
+          /* @__PURE__ */ s(
+            b.Root,
             {
-              ref: N,
-              id: h,
-              checked: l,
-              onCheckedChange: R,
-              disabled: u,
-              "aria-disabled": u || void 0,
-              name: _,
+              ref: z,
+              id: f,
+              checked: c,
+              onCheckedChange: I,
+              disabled: d,
+              "aria-disabled": d || void 0,
+              name: L,
               value: o,
-              className: Q({ size: m, className: z }),
-              ...I,
-              children: /* @__PURE__ */ r(v.Indicator, { children: l === "indeterminate" ? /* @__PURE__ */ r(J, { className: k }) : /* @__PURE__ */ r(E, { className: k }) })
+              className: J({ size: h, className: y }),
+              ...w,
+              children: /* @__PURE__ */ s(b.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ s(E, { className: k }) : /* @__PURE__ */ s(q, { className: k }) })
             }
           ),
-          /* @__PURE__ */ r("label", { htmlFor: h, className: S, children: t })
+          /* @__PURE__ */ s("label", { htmlFor: f, className: _, children: t })
         ]
       }
     );
-    return u && b ? /* @__PURE__ */ r(W, { label: b, children: g }) : g;
+    return d && m ? /* @__PURE__ */ s(F, { label: m, children: p }) : p;
   }
 );
-U.displayName = "Checkbox";
+Q.displayName = "Checkbox";
 export {
-  U as C,
-  D as a,
-  P as u
+  Q as C,
+  W as a,
+  D as u
 };
-//# sourceMappingURL=checkbox-D5EHnB14.js.map
+//# sourceMappingURL=checkbox-mwbrPZDY.js.map

package/dist/_chunks/{collapsible-CuxUBoHJ.js → collapsible-hHiyZp0b.js}

@@ -1,9 +1,10 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as b, useState as C, useRef as k, useCallback as w, useMemo as x, useEffect as h } from "react";
-import * as u from "@radix-ui/react-collapsible";
-import { a as R, c as N } from "./index-D2ZczOXr.js";
-import { u as T } from "./registry-C9nwlNyL.js";
-const K = {
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "react";
+import * as b from "@radix-ui/react-collapsible";
+import { a as y, c as h } from "./index-D2ZczOXr.js";
+import { u as k } from "./use-controllable-state-BiY4xTzM.js";
+import { u as w } from "./registry-C9nwlNyL.js";
+const x = {
   id: "collapsible",
   capabilities: ["expand"],
   state: {
@@ -52,7 +53,7 @@ const K = {
       description: "Sourced from the id prop."
     }
   }
-}, O = N("", {
+}, O = h("", {
   variants: {
     variant: {
       default: "",
@@ -63,7 +64,7 @@ const K = {
   defaultVariants: {
     variant: "default"
   }
-}), z = [
+}), R = [
   "ds:overflow-hidden",
   "ds:transition-[block-size]",
   "ds:duration-[var(--animation-duration)]",
@@ -71,77 +72,74 @@ const K = {
   "ds:motion-reduce:transition-none",
   "ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
   "ds:data-[state=closed]:[block-size:0]"
-].join(" "), j = b(
+].join(" "), N = p(
   ({
     variant: e,
-    className: t,
-    children: s,
-    open: o,
-    defaultOpen: l,
-    onOpenChange: a,
-    ...n
-  }, f) => {
-    const r = o !== void 0, [g, v] = C(
-      !!l
-    ), d = r ? !!o : g, c = k(d);
-    c.current = d;
-    const i = w(
-      (m) => {
-        r || v(m), a == null || a(m);
-      },
-      [r, a]
-    ), y = x(
+    className: o,
+    children: a,
+    open: t,
+    defaultOpen: s,
+    onOpenChange: l,
+    ...i
+  }, u) => {
+    const [g, n] = k({
+      value: t,
+      defaultValue: !!s,
+      onChange: l
+    }), r = g ?? !1, d = f(r);
+    d.current = r;
+    const m = C(
       () => ({
-        isOpen: () => c.current,
-        toggle: () => i(!c.current),
-        open: () => i(!0),
-        close: () => i(!1)
+        isOpen: () => d.current,
+        toggle: () => n(!d.current),
+        open: () => n(!0),
+        close: () => n(!1)
       }),
-      [i]
+      [n]
     );
-    return T(K, y, n.id), /* @__PURE__ */ p(
-      u.Root,
+    return w(x, m, i.id), /* @__PURE__ */ c(
+      b.Root,
       {
-        ref: f,
-        open: d,
-        onOpenChange: i,
-        className: O({ variant: e, className: t }),
+        ref: u,
+        open: r,
+        onOpenChange: n,
+        className: O({ variant: e, className: o }),
         "data-component": "collapsible",
-        "data-component-id": n.id,
-        ...n,
-        children: s
+        "data-component-id": i.id,
+        ...i,
+        children: a
       }
     );
   }
 );
-j.displayName = "Collapsible";
-const A = b(({ asChild: e = !1, children: t, ...s }, o) => /* @__PURE__ */ p(u.Trigger, { ref: o, asChild: e, ...s, children: t }));
-A.displayName = "CollapsibleTrigger";
-const B = b(
+N.displayName = "Collapsible";
+const T = p(({ asChild: e = !1, children: o, ...a }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...a, children: o }));
+T.displayName = "CollapsibleTrigger";
+const K = p(
   ({
     className: e,
-    children: t,
-    "aria-labelledby": s,
-    "aria-label": o,
-    ...l
-  }, a) => (h(() => {
-  }, []), /* @__PURE__ */ p(
-    u.Content,
+    children: o,
+    "aria-labelledby": a,
+    "aria-label": t,
+    ...s
+  }, l) => (v(() => {
+  }, []), /* @__PURE__ */ c(
+    b.Content,
     {
-      ref: a,
-      "aria-labelledby": s,
-      "aria-label": o,
-      className: R(z, e),
-      ...l,
-      children: t
+      ref: l,
+      "aria-labelledby": a,
+      "aria-label": t,
+      className: y(R, e),
+      ...s,
+      children: o
     }
   ))
 );
-B.displayName = "CollapsibleContent";
+K.displayName = "CollapsibleContent";
 export {
-  j as C,
-  B as a,
-  A as b,
-  K as c
+  N as C,
+  K as a,
+  T as b,
+  x as c
 };
-//# sourceMappingURL=collapsible-CuxUBoHJ.js.map
+//# sourceMappingURL=collapsible-hHiyZp0b.js.map

package/dist/_chunks/{color-picker-BPfcByHH.js → color-picker-Bm-gzpsh.js}

@@ -4,7 +4,7 @@ import * as E from "@radix-ui/react-popover";
 import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as Pe } from "react-i18next";
 import { u as Ae } from "./form-field-context-B3APVHKx.js";
-import { S as re } from "./slider-CkR6CLun.js";
+import { S as re } from "./slider-CfEzeseL.js";
 import { u as Me } from "./registry-C9nwlNyL.js";
 import { C as ne } from "./check-DPdL_Sm7.js";
 import { X as Se } from "./x-CCcI3eJp.js";
@@ -669,4 +669,4 @@ export {
   Ze as B,
   De as C
 };
-//# sourceMappingURL=color-picker-BPfcByHH.js.map
+//# sourceMappingURL=color-picker-Bm-gzpsh.js.map