@alfadocs/ui-kit 1.53.0 → 1.54.1

package/dist/_chunks/password-input-B7pQTk7l.js

@@ -0,0 +1,447 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { forwardRef as xe, useContext as ke, useId as Ie, useRef as M, useState as m, useEffect as Ne, useCallback as d, useMemo as P } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as Ee } from "react-i18next";
+import { T as Te } from "./text-input-lZ2-t-p2.js";
+import { u as Ve, F as Se } from "./form-field-context-DtiROUJV.js";
+import { c as Le } from "./compose-refs-C0k0tdqF.js";
+import { u as ze } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ce } from "./registry-DvAUVLHh.js";
+import { E as je } from "./eye-off-C_4xkbRP.js";
+import { E as Me } from "./eye-BjhN2nYf.js";
+import { C as Pe } from "./check-DrFSN__t.js";
+import { C as Ae } from "./circle-j7oZoouK.js";
+import { T as Fe } from "./triangle-alert-CBnO6nq_.js";
+const Re = {
+  id: "password-input",
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.passwordInput.state.value",
+      description: "Current password value. Never log or persist this off-device.",
+      read: (t) => t.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.passwordInput.state.isEmpty",
+      description: "Whether the input has no value.",
+      read: (t) => t.getValue() === ""
+    },
+    isRevealed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.passwordInput.state.isRevealed",
+      description: "Whether the password is currently shown in plain text.",
+      read: (t) => t.isRevealed()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "New password. Sensitive — never log or persist off-device."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.passwordInput.actions.setValue",
+      description: "Replace the password value.",
+      invoke: (t, E) => {
+        t.setValue(E.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.passwordInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.passwordInput.actions.focus",
+      description: "Move keyboard focus to the input.",
+      invoke: (t) => {
+        t.focus();
+      }
+    },
+    toggle_visibility: {
+      // Pure ephemeral UI state — flips the mask on/off, no data change.
+      safety: "read",
+      descriptionKey: "ui.agent.passwordInput.actions.toggleVisibility",
+      description: "Toggle between masked and plain-text display.",
+      invoke: (t) => {
+        t.toggleVisibility();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "password-input",
+      description: "Marks the PasswordInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, $e = {
+  sm: "ds:size-4",
+  md: "ds:size-[18px]",
+  lg: "ds:size-5"
+}, Oe = N(
+  [
+    "ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:text-muted-foreground ds:hover:text-foreground",
+    "ds:bg-transparent ds:border-0 ds:cursor-pointer",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:min-w-[var(--min-target-size)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" ")
+), _e = N(
+  "ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted"
+), Be = N(
+  [
+    "ds:h-full ds:rounded-[var(--radius-full)]",
+    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      level: {
+        0: "ds:w-1/4 ds:bg-destructive",
+        1: "ds:w-1/2 ds:bg-warning",
+        2: "ds:w-3/4 ds:bg-success",
+        3: "ds:w-full ds:bg-success"
+      }
+    },
+    defaultVariants: { level: 0 }
+  }
+), He = {
+  0: "weak",
+  1: "fair",
+  2: "good",
+  3: "strong"
+}, Ke = N(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta",
+  {
+    variants: {
+      met: {
+        true: "ds:text-success",
+        false: "ds:text-muted-foreground"
+      }
+    },
+    defaultVariants: { met: !1 }
+  }
+), J = " — ", We = xe(
+  ({
+    onRevealChange: t,
+    showStrength: E = !1,
+    strength: A,
+    requirements: l,
+    deriveStrength: T = !1,
+    autoComplete: X,
+    size: F = "md",
+    disabled: Y,
+    name: Z,
+    id: v,
+    onKeyDown: h,
+    onKeyUp: b,
+    onBlur: w,
+    onInput: y,
+    defaultValue: V,
+    value: S,
+    className: D,
+    "aria-describedby": U,
+    ...q
+  }, ee) => {
+    const { t: c } = Ee("ui"), x = Ve(), R = ke(Se) !== null, $ = x.disabled || Y, se = Ie(), f = M(null), te = Le(ee, f), [n, O] = m(!1), [ae, _] = m(!1), [ie, re] = m(
+      () => typeof V == "string" ? V : ""
+    ), o = typeof S == "string" ? S : ie, [k, ne] = m(null), B = M(k), H = M(o), [oe, L] = m(
+      []
+    );
+    Ne(() => {
+      const e = k !== B.current;
+      B.current = k;
+      const s = H.current;
+      if (o === s) return;
+      if (H.current = o, !e) {
+        L((r) => r.length > 0 ? [] : r);
+        return;
+      }
+      const u = (l ?? []).flatMap((r) => {
+        const g = r.test(o);
+        return g === r.test(s) ? [] : [{ id: r.id, label: r.label, met: g }];
+      });
+      u.length > 0 && L(u);
+    }, [o, k, l]);
+    const de = d(
+      (e) => {
+        re(e.currentTarget.value), "inputType" in e.nativeEvent && ne({}), y == null || y(e);
+      },
+      [y]
+    ), z = d((e) => {
+      var g;
+      const s = f.current;
+      if (!s) return;
+      const u = Object.getPrototypeOf(s), r = (g = Object.getOwnPropertyDescriptor(u, "value")) == null ? void 0 : g.set;
+      r == null || r.call(s, e), s.dispatchEvent(new Event("input", { bubbles: !0 })), s.dispatchEvent(new Event("change", { bubbles: !0 }));
+    }, []), le = d(() => {
+      O((e) => {
+        const s = !e;
+        return t == null || t(s), s;
+      });
+    }, [t]), I = d((e) => {
+      typeof e.getModifierState == "function" && _(e.getModifierState("CapsLock"));
+    }, []), ce = d(
+      (e) => {
+        I(e), h == null || h(e);
+      },
+      [I, h]
+    ), ue = d(
+      (e) => {
+        I(e), b == null || b(e);
+      },
+      [I, b]
+    ), pe = d(
+      (e) => {
+        _(!1), L((s) => s.length > 0 ? [] : s), w == null || w(e);
+      },
+      [w]
+    ), me = P(
+      () => ({
+        getValue: () => {
+          var e;
+          return ((e = f.current) == null ? void 0 : e.value) ?? "";
+        },
+        setValue: (e) => z(e),
+        clear: () => z(""),
+        focus: () => {
+          var e;
+          return (e = f.current) == null ? void 0 : e.focus();
+        },
+        isRevealed: () => n,
+        toggleVisibility: () => {
+          O((e) => {
+            const s = !e;
+            return t == null || t(s), s;
+          });
+        }
+      }),
+      [t, n, z]
+    );
+    Ce(Re, me, v);
+    const K = $e[F], fe = c(
+      n ? "inputs.password.toggleHide" : "inputs.password.toggleShow",
+      n ? "Hide password" : "Show password"
+    ), [ge, ve] = m();
+    ze(() => {
+      var e;
+      ve(((e = f.current) == null ? void 0 : e.id) || void 0);
+    });
+    const he = ge ?? v ?? (R ? x.id : void 0), W = (e) => e ? c("inputs.password.requirements.met", "met") : c("inputs.password.requirements.unmet", "not yet met"), i = P(
+      () => (l == null ? void 0 : l.map((e) => ({
+        ...e,
+        met: e.test(o)
+      }))) ?? null,
+      [l, o]
+    ), be = P(() => {
+      if (!T || !(i != null && i.length)) return 0;
+      const e = i.filter((u) => u.met).length, s = i.length;
+      return Math.min(3, Math.floor(e / s * 4));
+    }, [T, i]), C = A !== void 0 ? A : T ? be : 0, j = He[C], Q = c(
+      `inputs.password.strength.${j}`,
+      j.charAt(0).toUpperCase() + j.slice(1)
+    ), we = !!(i != null && i.length), G = (e) => `${se}-${e}`, ye = [
+      ...new Set(
+        [
+          x.describedBy,
+          U,
+          ...(i ?? []).map(
+            (e, s) => G(s)
+          )
+        ].join(" ").split(" ").filter(Boolean)
+      )
+    ].join(" ") || void 0;
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        "data-component": "password-input",
+        "data-component-id": v,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+        children: [
+          /* @__PURE__ */ p("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ a(
+              Te,
+              {
+                ref: te,
+                id: v,
+                type: n ? "text" : "password",
+                autoComplete: X ?? "current-password",
+                name: Z ?? "password",
+                spellCheck: !1,
+                autoCapitalize: "none",
+                autoCorrect: "off",
+                size: F,
+                disabled: $,
+                onKeyDown: ce,
+                onKeyUp: ue,
+                onBlur: pe,
+                onInput: de,
+                value: S,
+                defaultValue: V,
+                endAdornment: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
+                className: D,
+                ...q,
+                "aria-describedby": ye
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": n,
+                "aria-label": fe,
+                "aria-describedby": R ? `${x.id}-label` : void 0,
+                "aria-controls": he,
+                disabled: $,
+                onClick: le,
+                className: Oe(),
+                children: n ? /* @__PURE__ */ a(je, { "aria-hidden": "true", className: K }) : /* @__PURE__ */ a(Me, { "aria-hidden": "true", className: K })
+              }
+            )
+          ] }),
+          i && i.length > 0 ? (
+            // `role="list"` / `role="listitem"` are set explicitly even
+            // though they're the implicit roles on <ul>/<li> — Safari
+            // VoiceOver strips the implicit list role when CSS sets
+            // `list-style: none` (which `ds:list-none` does), so the
+            // redundancy is load-bearing for AT, not a lint nit.
+            //
+            // Not a live region. Each label describes the input; the
+            // `.ds:sr-only` suffix gives the row's state when the list is
+            // read. Changes are announced by the status element below.
+            // eslint-disable-next-line jsx-a11y/no-redundant-roles
+            /* @__PURE__ */ a(
+              "ul",
+              {
+                role: "list",
+                "data-component": "password-requirements",
+                className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                children: i.map((e, s) => (
+                  // eslint-disable-next-line jsx-a11y/no-redundant-roles
+                  /* @__PURE__ */ p(
+                    "li",
+                    {
+                      role: "listitem",
+                      "data-state": e.met ? "met" : "unmet",
+                      className: Ke({ met: e.met }),
+                      children: [
+                        e.met ? /* @__PURE__ */ a(
+                          Pe,
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:size-3.5 ds:text-success ds:shrink-0"
+                          }
+                        ) : /* @__PURE__ */ a(
+                          Ae,
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:size-3.5 ds:shrink-0"
+                          }
+                        ),
+                        /* @__PURE__ */ a("span", { id: G(s), children: e.label }),
+                        /* @__PURE__ */ p("span", { className: "ds:sr-only", children: [
+                          J,
+                          W(e.met)
+                        ] })
+                      ]
+                    },
+                    e.id
+                  )
+                ))
+              }
+            )
+          ) : null,
+          we ? (
+            // Announces the rows the user's last edit changed, each as a
+            // whole: one text node per row, so a flip re-reads the rule
+            // with its state. Empty until the user types.
+            /* @__PURE__ */ a(
+              "div",
+              {
+                "aria-live": "polite",
+                "data-slot": "password-requirements-status",
+                className: "ds:sr-only",
+                children: oe.map((e) => /* @__PURE__ */ a("span", { "aria-atomic": "true", className: "ds:block", children: `${e.label}${J}${W(e.met)}` }, e.id))
+              }
+            )
+          ) : null,
+          ae ? /* @__PURE__ */ p(
+            "span",
+            {
+              role: "status",
+              "aria-live": "polite",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning",
+              children: [
+                /* @__PURE__ */ a(Fe, { "aria-hidden": "true", className: "ds:size-3.5" }),
+                c("inputs.password.capsLock", "Caps Lock is on")
+              ]
+            }
+          ) : null,
+          E ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "progressbar",
+                "aria-valuenow": C,
+                "aria-valuemin": 0,
+                "aria-valuemax": 3,
+                "aria-label": c(
+                  "inputs.password.strengthLabel",
+                  "Password strength"
+                ),
+                "aria-valuetext": Q,
+                className: _e(),
+                children: /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: Be({ level: C })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "type-meta ds:text-muted-foreground",
+                children: Q
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+We.displayName = "PasswordInput";
+export {
+  We as P
+};
+//# sourceMappingURL=password-input-B7pQTk7l.js.map

package/dist/_chunks/{patient-details-BSAMAd3I.js → patient-details-BP9r_lNS.js}

@@ -5,10 +5,10 @@ import { useTranslation as A } from "react-i18next";
 import { A as ee } from "./avatar-DYtwj1-R.js";
 import { C as f } from "./card-DPmk26CL.js";
 import { C as ie, b as te, a as se } from "./collapsible-CTjxzGuF.js";
-import { D as ae } from "./description-list-9rchqp5q.js";
+import { D as ae } from "./description-list-BKQMUiXv.js";
 import { P as de } from "./panel-header-D_mTdhUp.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-dUF2cW2G.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BK9JjbzA.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-BSAMAd3I.js.map
+//# sourceMappingURL=patient-details-BP9r_lNS.js.map

package/dist/_chunks/{patient-field-row-dUF2cW2G.js → patient-field-row-BK9JjbzA.js}

@@ -3,33 +3,33 @@ import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
 import { jsxs as V, jsx as t, Fragment as q } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
 import { B as ee } from "./button-CYPx2xFq.js";
-import { I } from "./icon-button-JAXAkqWC.js";
-import { C as U } from "./checkbox-CZkipDn7.js";
-import { P as O } from "./popover-CGYPYIVi.js";
+import { I } from "./icon-button-mKIvw90h.js";
+import { C as U } from "./checkbox--ndmyokr.js";
+import { P as O } from "./popover-9_v-7fJc.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as se } from "./grip-vertical-onSb1JXO.js";
-import { D as $ } from "./description-list-9rchqp5q.js";
+import { D as $ } from "./description-list-BKQMUiXv.js";
 import { B as j } from "./badge-hnBt8o7n.js";
-import { L as re } from "./link-BlVUIKk1.js";
+import { L as re } from "./link-2HokYuIi.js";
 import { T as ne } from "./transaction-chip-CohY6sTA.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
 import { c as R } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
-import { C as ce } from "./city-input-CAnTVgBZ.js";
-import { C as de } from "./country-select-BYa4BrEi.js";
-import { D as ue } from "./date-picker-p9yz3pxc.js";
-import { E as me } from "./email-input-ebdovOmh.js";
-import { F as pe } from "./fiscal-code-input-CuuE8_dt.js";
-import { N as fe } from "./number-input-BLrx3utH.js";
-import { P as ge } from "./phone-input-opMMHkyh.js";
-import { P as he } from "./postal-code-input-Dv02t5MD.js";
-import { P as ye } from "./province-select-BZtM0RSR.js";
-import { S as be } from "./select-Br88h070.js";
-import { S as ve } from "./switch-DXGD2Drz.js";
-import { T as xe } from "./text-area-Cjtw7mna.js";
-import { T as ke } from "./text-input-CLaItY93.js";
+import { C as ce } from "./city-input-DyxVWSRQ.js";
+import { C as de } from "./country-select-r3QC7cVA.js";
+import { D as ue } from "./date-picker-BnhBmcH6.js";
+import { E as me } from "./email-input-Cmeo4zdT.js";
+import { F as pe } from "./fiscal-code-input-DNA_SbQx.js";
+import { N as fe } from "./number-input-DRDRYZJg.js";
+import { P as ge } from "./phone-input-BzeUr49H.js";
+import { P as he } from "./postal-code-input-BmbqjkfD.js";
+import { P as ye } from "./province-select-DtF2ukoC.js";
+import { S as be } from "./select-DHPmASkG.js";
+import { S as ve } from "./switch-D--x7n6h.js";
+import { T as xe } from "./text-area-CDuItrvL.js";
+import { T as ke } from "./text-input-lZ2-t-p2.js";
 import { C as K } from "./check-DrFSN__t.js";
 import { X as Ce } from "./x-B5YnXwCz.js";
 import { P as Ve } from "./pencil-B1sKKyuT.js";
@@ -825,4 +825,4 @@ export {
   Nt as r,
   wt as u
 };
-//# sourceMappingURL=patient-field-row-dUF2cW2G.js.map
+//# sourceMappingURL=patient-field-row-BK9JjbzA.js.map

package/dist/_chunks/{patient-search-CXl0FNfN.js → patient-search-Dm3w0jWw.js}

@@ -2,10 +2,10 @@ import { jsx as a, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as de, useRef as N, useEffect as V, useMemo as X, useImperativeHandle as ce, useState as W, useCallback as z, useId as le } from "react";
 import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { A as se } from "./autocomplete-IfLaXwyb.js";
+import { A as se } from "./autocomplete-BXm1rnT0.js";
 import { B as ue } from "./button-CYPx2xFq.js";
 import { C as M } from "./card-DPmk26CL.js";
-import { S as fe } from "./slider-BRq2lL-l.js";
+import { S as fe } from "./slider-pZ95bEm7.js";
 import { A as Z } from "./alert-BhCstf2h.js";
 import { D as F } from "./dropdown-menu-B5mgV1kV.js";
 import { u as pe } from "./registry-DvAUVLHh.js";
@@ -1166,4 +1166,4 @@ export {
   Oe as P,
   ye as p
 };
-//# sourceMappingURL=patient-search-CXl0FNfN.js.map
+//# sourceMappingURL=patient-search-Dm3w0jWw.js.map

package/dist/_chunks/{patient-summary-card-DF-Mxcma.js → patient-summary-card-DGbRLzF1.js}

@@ -4,17 +4,17 @@ import { c as Ge } from "./index-D2ZczOXr.js";
 import { useTranslation as Le } from "react-i18next";
 import { A as re } from "./avatar-DYtwj1-R.js";
 import { B as D } from "./badge-hnBt8o7n.js";
-import { I as Ue } from "./icon-button-JAXAkqWC.js";
+import { I as Ue } from "./icon-button-mKIvw90h.js";
 import { C as le } from "./card-DPmk26CL.js";
-import { K as Be, a as Re } from "./key-value-pair-DZH8ESsc.js";
-import { L as V } from "./link-BlVUIKk1.js";
+import { K as Be, a as Re } from "./key-value-pair-BkXjt88Z.js";
+import { L as V } from "./link-2HokYuIi.js";
 import { S as k } from "./skeleton-B1KTdJ4N.js";
 import { T as oe } from "./tag-CS5cXpfx.js";
 import { T as Ke } from "./transaction-chip-CohY6sTA.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
-import { H as G } from "./hover-card-DEMPFs9M.js";
+import { H as G } from "./hover-card-CcRSI4gy.js";
 import { i as de } from "./is-safe-url-DkETxeHz.js";
-import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-dUF2cW2G.js";
+import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-BK9JjbzA.js";
 import { u as Oe } from "./registry-DvAUVLHh.js";
 import { M as ea } from "./mail-BqXVF2zH.js";
 import { P as aa } from "./phone-FceYcIFQ.js";
@@ -544,4 +544,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-DF-Mxcma.js.map
+//# sourceMappingURL=patient-summary-card-DGbRLzF1.js.map