@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{dependent-selector-DpzGtr_J.js → dependent-selector-DUV4thxX.js}

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as le, useId as ce, useRef as f, useEffect as P, useMemo as E, useState as me } from "react";
-import * as L from "@radix-ui/react-radio-group";
-import { c as q } from "./index-D2ZczOXr.js";
+import { forwardRef as le, useId as ce, useRef as f, useEffect as P, useMemo as q, useState as me } from "react";
+import * as E from "@radix-ui/react-radio-group";
+import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import { A as ue } from "./avatar-BNQNhoyL.js";
-import { B as fe } from "./badge-CqGsX32l.js";
+import { B as fe } from "./badge-DCOqV9mI.js";
 import { T as ge } from "./tooltip-DvmfrNvB.js";
 import { c as ve } from "./compose-refs-C0k0tdqF.js";
-import { u as be } from "./registry-nPAVE19X.js";
+import { u as be } from "./registry-DvAUVLHh.js";
 import { u as he } from "./use-direction-Dp8h70PP.js";
 import { C as ye } from "./circle-alert-ChA9opNA.js";
 const xe = {
@@ -25,8 +25,22 @@ const xe = {
     set_value: {
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Stable opaque id of the person row to select."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.dependentSelector.actions.setValue",
       description: "Select the person row with the given id.",
+      examples: [
+        { args: { value: "person-2" }, note: "Select the second dependent." }
+      ],
       invoke: (t, c) => {
         t.setValue(c.value);
       }
@@ -48,7 +62,7 @@ const xe = {
       description: "Stable person id emitted on each rendered person row."
     }
   }
-}, we = q(
+}, Se = G(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
   {
     variants: {
@@ -57,7 +71,7 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin" }
   }
-), G = q(
+), L = G(
   [
     // The row IS the Radix Item (`<button role="radio">`). Reset the
     // button chrome, lay out avatar + text on the inline axis. Logical
@@ -102,7 +116,7 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin", disabled: !1 }
   }
-), Ne = { sm: "sm", md: "md", lg: "lg" }, Se = {
+), we = { sm: "sm", md: "md", lg: "lg" }, Ne = {
   sm: "ds:size-8",
   md: "ds:size-10",
   lg: "ds:size-12"
@@ -117,7 +131,7 @@ const xe = {
     defaultValue: g,
     onValueChange: n,
     label: v,
-    description: w,
+    description: S,
     size: F = "md",
     tone: J = "checkin",
     loading: r = !1,
@@ -125,14 +139,14 @@ const xe = {
     emptyState: O,
     id: p,
     className: Q,
-    "aria-label": N,
+    "aria-label": w,
     "aria-labelledby": z,
     ...U
   }, W) => {
-    const o = F ?? "md", S = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
+    const o = F ?? "md", N = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
     f(!1), P(() => {
-    }, [v, N, z]);
-    const I = E(
+    }, [v, w, z]);
+    const I = q(
       () => t.filter((e) => !e.disabled),
       [t]
     ), X = t.some(
@@ -145,12 +159,12 @@ const xe = {
       r || (i || Z(e), n == null || n(e));
     }, h = f(n);
     h.current = n;
-    const D = f(!1);
+    const j = f(!1);
     P(() => {
       var e;
-      !D.current && !i && !r && g === void 0 && u !== void 0 && (D.current = !0, (e = h.current) == null || e.call(h, u));
+      !j.current && !i && !r && g === void 0 && u !== void 0 && (j.current = !0, (e = h.current) == null || e.call(h, u));
     }, [i, r, g, u]);
-    const C = E(
+    const C = q(
       () => ({
         getValue: () => _.current,
         setValue: (e) => $(e)
@@ -159,13 +173,13 @@ const xe = {
       [i, r, n]
     );
     be(xe, C, p);
-    const T = f(null), j = ve(W, T), ee = he(T), y = z ?? (v ? k : void 0), K = [w ? B : null, m ? R : null].filter(Boolean).join(" ") || void 0, V = (e) => a(`dependentSelector.relationship.${e}`), M = (e) => a("dependentSelector.age", { count: e }), se = (e) => {
+    const D = f(null), T = ve(W, D), ee = he(D), y = z ?? (v ? k : void 0), K = [S ? B : null, m ? R : null].filter(Boolean).join(" ") || void 0, V = (e) => a(`dependentSelector.relationship.${e}`), M = (e) => a("dependentSelector.age", { count: e }), se = (e) => {
       const l = [a("dependentSelector.optionLabel", {
         name: e.name,
         relationship: V(e.relationshipKey)
       })];
       return typeof e.age == "number" && l.push(M(e.age)), e.isMinor && l.push(a("dependentSelector.minorBadge")), l.join(", ");
-    }, de = w ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: w }) : null, te = m ? /* @__PURE__ */ d(
+    }, de = S ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: S }) : null, te = m ? /* @__PURE__ */ d(
       "p",
       {
         id: R,
@@ -184,12 +198,12 @@ const xe = {
         children: Array.from({ length: 3 }).map((e, x) => /* @__PURE__ */ d(
           "div",
           {
-            className: G({ size: o, tone: S, disabled: !1 }),
+            className: L({ size: o, tone: N, disabled: !1 }),
             children: [
               /* @__PURE__ */ s(
                 "span",
                 {
-                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Se[o]}`
+                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Ne[o]}`
                 }
               ),
               /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1", children: [
@@ -203,7 +217,7 @@ const xe = {
       }
     ), ie = (e) => {
       const x = `${b}-row-${e.id}`, l = se(e), H = /* @__PURE__ */ d(
-        L.Item,
+        E.Item,
         {
           id: x,
           value: e.id,
@@ -211,9 +225,9 @@ const xe = {
           "aria-label": l,
           title: e.dob ?? void 0,
           "data-option-id": e.id,
-          className: G({
+          className: L({
             size: o,
-            tone: S,
+            tone: N,
             disabled: !!e.disabled
           }),
           children: [
@@ -222,7 +236,7 @@ const xe = {
               {
                 src: e.avatarSrc,
                 name: e.name,
-                size: Ne[o],
+                size: we[o],
                 "aria-hidden": "true"
               }
             ),
@@ -271,10 +285,10 @@ const xe = {
     }, ne = O ?? /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-muted-foreground", children: a("dependentSelector.empty") }), re = r ? /* @__PURE__ */ d(
       "div",
       {
-        ref: j,
+        ref: T,
         id: p,
         role: "radiogroup",
-        "aria-label": y ? void 0 : N,
+        "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
         "aria-describedby": K,
         "aria-invalid": !!m || void 0,
@@ -288,15 +302,15 @@ const xe = {
         ]
       }
     ) : /* @__PURE__ */ s(
-      L.Root,
+      E.Root,
       {
-        ref: j,
+        ref: T,
         id: p,
         dir: ee,
         value: i ? c ?? "" : void 0,
         defaultValue: i ? void 0 : g ?? u,
         onValueChange: $,
-        "aria-label": y ? void 0 : N,
+        "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
         "aria-describedby": K,
         "aria-invalid": !!m || void 0,
@@ -306,7 +320,7 @@ const xe = {
         ...U,
         children: t.map(ie)
       }
-    ), oe = we({ size: o, tone: S, className: Q });
+    ), oe = Se({ size: o, tone: N, className: Q });
     return /* @__PURE__ */ d("div", { className: oe, children: [
       v ? /* @__PURE__ */ s("div", { id: k, className: "type-label ds:text-foreground", children: v }) : null,
       de,
@@ -321,4 +335,4 @@ export {
   ke as D,
   xe as d
 };
-//# sourceMappingURL=dependent-selector-DpzGtr_J.js.map
+//# sourceMappingURL=dependent-selector-DUV4thxX.js.map

package/dist/_chunks/{dialog-DMGnSelc.js → dialog-ZNuboNmy.js}

@@ -1,17 +1,18 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useRef as j, useEffect as O, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
+import { useRef as O, useEffect as j, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
 import * as s from "@radix-ui/react-dialog";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
 import { u as S } from "./use-controllable-state-BiY4xTzM.js";
-import { u as w } from "./registry-nPAVE19X.js";
-import { X as A } from "./x-CCcI3eJp.js";
-const E = {
+import { u as A } from "./registry-DvAUVLHh.js";
+import { X as E } from "./x-CCcI3eJp.js";
+const I = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.dialog.state.isOpen",
       description: "True when the dialog is currently open.",
       read: (e) => e.getIsOpen()
     }
@@ -19,13 +20,17 @@ const E = {
   actions: {
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.open",
       description: "Open the dialog.",
       invoke: (e) => {
         e.open();
       }
     },
     close: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.close",
       description: "Close the dialog. Reversible by reopening.",
       invoke: (e) => {
         e.close();
@@ -33,6 +38,8 @@ const E = {
     },
     dismiss: {
       safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.dismiss",
       description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
       invoke: (e) => {
         e.close();
@@ -47,7 +54,7 @@ const E = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, I = [
+}, w = [
   "ds-dialog__backdrop",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
@@ -68,23 +75,23 @@ const E = {
     }
   },
   defaultVariants: { size: "md" }
-}), D = B(void 0), u = ({
+}), y = B(void 0), u = ({
   children: e,
   id: o,
   open: a,
   defaultOpen: l,
   onOpenChange: c,
-  ...m
+  ...p
 }) => {
-  const [p, n] = S({
+  const [g, n] = S({
     value: a,
     defaultValue: l ?? !1,
     onChange: c
-  }), d = p ?? !1, r = j(d);
-  O(() => {
+  }), d = g ?? !1, r = O(d);
+  j(() => {
     r.current = d;
   }, [d]);
-  const g = T(
+  const m = T(
     () => ({
       getIsOpen: () => r.current,
       open: () => n(!0),
@@ -92,11 +99,11 @@ const E = {
     }),
     [n]
   );
-  return w(E, g, o), /* @__PURE__ */ t(D.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
+  return A(I, m, o), /* @__PURE__ */ t(y.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...p, children: e }) });
 };
 u.displayName = "Dialog.Root";
-const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-y.displayName = "Dialog.Trigger";
+const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+D.displayName = "Dialog.Trigger";
 const v = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
 v.displayName = "Dialog.Close";
 const C = i(
@@ -106,29 +113,29 @@ const C = i(
     hideCloseButton: a,
     className: l,
     children: c,
-    ...m
-  }, p) => {
-    const { t: n } = H(), d = x(D), r = o === "alert" ? { role: "alertdialog" } : {}, g = a ?? o !== "default";
+    ...p
+  }, g) => {
+    const { t: n } = H(), d = x(y), r = o === "alert" ? { role: "alertdialog" } : {}, m = a ?? o !== "default";
     return /* @__PURE__ */ f(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: I
+          className: w
         }
       ),
       /* @__PURE__ */ f(
         s.Content,
         {
-          ref: p,
+          ref: g,
           ...r,
           "data-component": "dialog",
           "data-component-id": d,
           className: F({ size: e, className: l }),
-          ...m,
+          ...p,
           children: [
             c,
-            !g && // The close is a plain button carrying the `ds-dialog__close`
+            !m && // The close is a plain button carrying the `ds-dialog__close`
             // contract class — the SAME class a vanilla host renders. The CSS
             // (src/styles.css) owns its position, sizing, glyph size, hover
             // wash, and focus ring from tokens, so the React and non-React
@@ -139,7 +146,7 @@ const C = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": n("common.close", "Close"),
-                children: /* @__PURE__ */ t(A, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
               }
             )
           ]
@@ -205,9 +212,9 @@ const R = i(
   )
 );
 R.displayName = "Dialog.Footer";
-const $ = Object.assign(u, {
+const Y = Object.assign(u, {
   Root: u,
-  Trigger: y,
+  Trigger: D,
   Content: C,
   Header: _,
   Title: h,
@@ -217,7 +224,7 @@ const $ = Object.assign(u, {
   Close: v
 });
 export {
-  $ as D,
-  E as d
+  Y as D,
+  I as d
 };
-//# sourceMappingURL=dialog-DMGnSelc.js.map
+//# sourceMappingURL=dialog-ZNuboNmy.js.map

package/dist/_chunks/{document-scanner-D2qehl3-.js → document-scanner-C_AxLooF.js}

@@ -3,10 +3,10 @@ import { forwardRef as Fe, useId as Te, useRef as m, useState as Y, useEffect as
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as $e } from "react-i18next";
 import { B as H } from "./button-DD_0Xdmr.js";
-import { A as ae } from "./alert-_mUKLmwA.js";
-import { L as he, F as Xe } from "./file-upload-BosbPDb1.js";
+import { A as ae } from "./alert-CHYZ96tR.js";
+import { L as he, F as Xe } from "./file-upload-DwZcAK8D.js";
 import { u as Ze } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Ge } from "./registry-nPAVE19X.js";
+import { u as Ge } from "./registry-DvAUVLHh.js";
 import { R as Je } from "./rotate-ccw-BWANpitO.js";
 import { C as Qe } from "./check-DPdL_Sm7.js";
 import { c as ze } from "./createLucideIcon-CrFbzy84.js";
@@ -45,7 +45,7 @@ const rr = [
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
 ], nr = ze("image-up", rr), tr = {
   id: "document-scanner",
-  capabilities: ["submit"],
+  capabilities: ["capture", "submit"],
   state: {
     hasCapture: {
       type: "boolean",
@@ -63,14 +63,22 @@ const rr = [
   actions: {
     start_camera: {
       safety: "write",
+      idempotent: !0,
       descriptionKey: "documentScanner.agent.actions.startCamera",
       description: "Request camera permission and begin the live viewfinder.",
+      errors: [
+        "permission-denied",
+        "no-camera",
+        "not-readable",
+        "insecure-context"
+      ],
       invoke: (a) => a.startCamera()
     },
     capture: {
       safety: "write",
       descriptionKey: "documentScanner.agent.actions.capture",
       description: "Freeze the current viewfinder frame as a captured image.",
+      errors: ["capture-failed"],
       invoke: (a) => a.capture()
     },
     submit: {
@@ -700,4 +708,4 @@ export {
   ur as D,
   tr as d
 };
-//# sourceMappingURL=document-scanner-D2qehl3-.js.map
+//# sourceMappingURL=document-scanner-C_AxLooF.js.map