@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/{patient-search-Be6cLrHR.js → patient-search-CSWQKOSP.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as x } 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-DOeGouCL.js";
+import { A as se } from "./autocomplete-BrONKN8l.js";
 import { B as ue } from "./button-DD_0Xdmr.js";
 import { C as M } from "./card-DPmk26CL.js";
 import { S as fe } from "./slider-DN1CWkKB.js";
@@ -1164,4 +1164,4 @@ export {
   Oe as P,
   xe as p
 };
-//# sourceMappingURL=patient-search-Be6cLrHR.js.map
+//# sourceMappingURL=patient-search-CSWQKOSP.js.map

package/dist/_chunks/{patient-shell-DV3XEtIB.js → patient-shell-BMwsIKlW.js}

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as w, useState as C } from "react";
 import { useTranslation as m } from "react-i18next";
-import { A as y } from "./app-frame-BYx1gcV7.js";
+import { A as y } from "./app-frame-DIEMIC5V.js";
 import { I as H } from "./icon-button-LqoiKcUN.js";
 import { D as n } from "./dropdown-menu-qrxjymfw.js";
 import { H as B, g as N, f as T, e as k, a as x, c as M, d as O } from "./header-CNszv2WQ.js";
 import { L as P } from "./logo-1FuSGx0n.js";
-import { S as W, a as R, h as j, j as z, k as D, i as E } from "./sidebar-DY9jGjgt.js";
+import { S as W, a as R, h as j, j as z, k as D, i as E } from "./sidebar-QCp9wHNP.js";
 import { T as _ } from "./theme-root-BOO73p5t.js";
 import { a as F } from "./tooltip-DvmfrNvB.js";
 import { u as U } from "./use-theme-CAuo6EYT.js";
@@ -159,4 +159,4 @@ Y.displayName = "PatientShell";
 export {
   Y as P
 };
-//# sourceMappingURL=patient-shell-DV3XEtIB.js.map
+//# sourceMappingURL=patient-shell-BMwsIKlW.js.map

package/dist/_chunks/{patient-summary-card-WySCMwwA.js → patient-summary-card-D4NdgYJB.js}

@@ -11,7 +11,7 @@ import { S as N } from "./skeleton-CZbwyJAA.js";
 import { T as Z } from "./tag-BQXwuJq1.js";
 import { T as Te } from "./transaction-chip-CscoQbxF.js";
 import { i as ee } from "./is-safe-url-DkETxeHz.js";
-import { u as $e, r as we, a as Ee, F as _e, S as ze, A as De, N as Ge } from "./field-value-NXYczdpO.js";
+import { u as $e, r as we, a as Ee, F as _e, S as ze, A as De, N as Ge } from "./field-value-3jMM0uDx.js";
 import { u as Ie } from "./registry-DvAUVLHh.js";
 import { M as Ue } from "./mail-C8irm52s.js";
 import { P as Be } from "./phone-Bi5yUm4I.js";
@@ -340,7 +340,7 @@ const aa = {
       ),
       /* @__PURE__ */ n("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
         ve,
-        x.length > 0 || h.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+        x.length > 0 || h.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
           x,
           h
         ] }) : null
@@ -399,15 +399,30 @@ const aa = {
       Se
     ).flatMap((a) => a.fields), Ne = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${H}`, children: [
       ye,
-      W.length > 0 ? /* @__PURE__ */ e(Fe, { rowGap: "sm", children: W.map((a) => /* @__PURE__ */ e(
-        Le,
-        {
-          icon: a.icon ?? void 0,
-          label: a.label,
-          value: /* @__PURE__ */ e(Ee, { field: a })
-        },
-        a.id
-      )) }) : null,
+      W.length > 0 ? (
+        // Container-queried so the fields flow into two columns when the
+        // card is wide enough (the banner spans the full folder width), and
+        // stay single-column in a narrow rail. The list's KeyValuePair
+        // children already `col-span-3`; doubling the parent to six tracks
+        // (`repeat(2, …)`) lets grid auto-flow place two fields per row while
+        // each column keeps its own subgrid label/value alignment.
+        /* @__PURE__ */ e("div", { className: "ds:@container/pfields", children: /* @__PURE__ */ e(
+          Fe,
+          {
+            rowGap: "sm",
+            className: "ds:@2xl/pfields:grid-cols-[repeat(2,auto_auto_minmax(0,1fr))]",
+            children: W.map((a) => /* @__PURE__ */ e(
+              Le,
+              {
+                icon: a.icon ?? void 0,
+                label: a.label,
+                value: /* @__PURE__ */ e(Ee, { field: a })
+              },
+              a.id
+            ))
+          }
+        ) })
+      ) : null,
       be
     ] }), J = v ? ge : Ne;
     return /* @__PURE__ */ e(
@@ -434,4 +449,4 @@ export {
   sa as P,
   Xe as p
 };
-//# sourceMappingURL=patient-summary-card-WySCMwwA.js.map
+//# sourceMappingURL=patient-summary-card-D4NdgYJB.js.map

package/dist/_chunks/{patient-table-CHxf3Oqk.js → patient-table-CERknpd8.js}

@@ -1,8 +1,8 @@
 import { jsxs as O, jsx as g } from "react/jsx-runtime";
 import { createElement as x, useRef as k, useEffect as ee, useCallback as z, forwardRef as he, useState as te, useImperativeHandle as pe, useMemo as Y } from "react";
 import { useTranslation as $ } from "react-i18next";
-import { I as be, h as p, g as b, L as ge, c as L, b as _, d as U, N as H, e as F, S as R, T as ne, a as K, C as Ce, l as ve, k as Ne, U as we, f as Te, A as Fe, m as ae, D as P, n as Re } from "./link-cell-renderer-CTXqtXV-.js";
-import { S as Ie } from "./select-DMLG44F5.js";
+import { I as be, h as p, g as b, L as ge, c as L, b as _, d as U, N as H, e as F, S as R, T as ne, a as K, C as Ce, l as ve, k as Ne, U as we, f as Te, A as Fe, m as ae, D as P, n as Re } from "./link-cell-renderer-De_SLjSq.js";
+import { S as Ie } from "./select-KsyRr8WH.js";
 import { u as ye } from "./registry-DvAUVLHh.js";
 import { B as ie } from "./badge-DCOqV9mI.js";
 import { c as Pe } from "./index-D2ZczOXr.js";
@@ -1107,4 +1107,4 @@ export {
   q as g,
   at as u
 };
-//# sourceMappingURL=patient-table-CHxf3Oqk.js.map
+//# sourceMappingURL=patient-table-CERknpd8.js.map

package/dist/_chunks/{payment-request-card-BcZJwu9z.js → payment-request-card-Blf-MFNY.js}

@@ -14,7 +14,7 @@ import { c as J } from "./createLucideIcon-CrFbzy84.js";
 import { F as Q } from "./file-text-DSNuv2B8.js";
 import { U as ie } from "./user-CPxpqFjJ.js";
 import { U as de } from "./user-cog-BS_qc8nA.js";
-import { e as X } from "./entity-card-9_62gY7l.js";
+import { e as X } from "./entity-card-DmrgYSEX.js";
 import { L as oe } from "./link-DrD_cRUg.js";
 import { C as se } from "./calendar-clock-CYkcqdwl.js";
 import { i as ce } from "./is-safe-url-DkETxeHz.js";
@@ -464,4 +464,4 @@ export {
   Pe as b,
   he as p
 };
-//# sourceMappingURL=payment-request-card-BcZJwu9z.js.map
+//# sourceMappingURL=payment-request-card-Blf-MFNY.js.map

package/dist/_chunks/permission-matrix-Bw5oexUt.js

@@ -0,0 +1,174 @@
+import { jsx as a, jsxs as K } from "react/jsx-runtime";
+import { forwardRef as U, useMemo as h, useRef as d } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { C as H } from "./checkbox-group-PqNmQ-cE.js";
+import { C as T } from "./checkbox-BuZ1u__2.js";
+import { u as _ } from "./registry-DvAUVLHh.js";
+import { L as q } from "./lock-CKOIn0IK.js";
+const z = {
+  id: "permission-matrix",
+  capabilities: ["select_multiple"],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.permissionMatrix.state.selection",
+      description: "Ids of currently-granted editable permissions. Locked owner permissions are excluded.",
+      read: (r) => r.getSelection()
+    }
+  },
+  actions: {
+    set_selection: {
+      safety: "write",
+      argsType: "{ values: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: { values: { type: "array", items: { type: "string" } } },
+        required: ["values"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.permissionMatrix.actions.setSelection",
+      description: "Replace the granted permissions with the given ids. Locked and unknown ids are ignored.",
+      examples: [
+        {
+          args: { values: ["patients.view", "billing.view"] },
+          note: "Grant exactly the view permissions for patients and billing."
+        }
+      ],
+      invoke: (r, o) => {
+        r.setSelection(o.values);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.permissionMatrix.actions.clear",
+      description: "Revoke every editable permission. Locked owner permissions are unaffected.",
+      invoke: (r) => {
+        r.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "permission-matrix",
+      description: "Marks the PermissionMatrix root group."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, I = V(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)] ds:min-w-0",
+  {
+    variants: {
+      disabled: {
+        true: "ds:cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: { disabled: !1 }
+  }
+), B = "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", D = U(function({
+  groups: o,
+  value: l,
+  onChange: p,
+  lockedItems: x,
+  disabled: m = !1,
+  lockedLabel: y,
+  id: k,
+  className: S,
+  "aria-label": M
+}, L) {
+  const { t: R } = A(), n = h(() => new Set(x ?? []), [x]), v = h(
+    () => o.flatMap((s) => s.permissions.map((i) => i.id)),
+    [o]
+  ), P = y ?? R("inputs.permissionMatrix.locked", "Locked"), b = d(l);
+  b.current = l;
+  const u = d(n);
+  u.current = n;
+  const w = d(v);
+  w.current = v;
+  const f = d(p);
+  f.current = p;
+  const C = h(
+    () => ({
+      getSelection: () => b.current.filter((s) => !u.current.has(s)),
+      setSelection: (s) => {
+        const i = new Set(w.current);
+        f.current(
+          s.filter(
+            (e) => i.has(e) && !u.current.has(e)
+          )
+        );
+      },
+      clear: () => f.current([])
+    }),
+    []
+  );
+  _(z, C, k);
+  const N = (s) => (i) => {
+    const e = new Set(i), c = s.permissions.map((t) => t.id).filter((t) => !n.has(t)), g = new Set(c), j = c.filter(
+      (t) => e.has(t)
+    ), G = l.filter(
+      (t) => !g.has(t) && !n.has(t)
+    );
+    p([...G, ...j]);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: L,
+      role: "group",
+      "aria-label": M,
+      "data-component": "permission-matrix",
+      "data-component-id": k,
+      className: I({ disabled: m, className: S }),
+      children: o.map((s) => {
+        const i = s.permissions.map((e) => e.id).filter((e) => n.has(e) || l.includes(e));
+        return /* @__PURE__ */ a(
+          H,
+          {
+            label: s.label,
+            value: i,
+            onChange: N(s),
+            disabled: m,
+            children: s.permissions.map((e) => {
+              const c = n.has(e.id), g = c ? /* @__PURE__ */ K("span", { className: B, children: [
+                /* @__PURE__ */ a("span", { children: e.label }),
+                /* @__PURE__ */ a(
+                  q,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-3.5 ds:shrink-0 ds:text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "ds:sr-only", children: P })
+              ] }) : e.label;
+              return /* @__PURE__ */ a(
+                T,
+                {
+                  value: e.id,
+                  label: g,
+                  disabled: m || c
+                },
+                e.id
+              );
+            })
+          },
+          s.id
+        );
+      })
+    }
+  );
+});
+D.displayName = "PermissionMatrix";
+export {
+  D as P,
+  I as a,
+  z as p
+};
+//# sourceMappingURL=permission-matrix-Bw5oexUt.js.map

package/dist/_chunks/position-grid-CcvqHaKN.js

@@ -0,0 +1,169 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as N, useRef as g, useState as _, useMemo as f } from "react";
+import * as y from "@radix-ui/react-radio-group";
+import { c } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import { c as T } from "./compose-refs-C0k0tdqF.js";
+import { u as z } from "./registry-DvAUVLHh.js";
+import { u as A } from "./use-direction-Dp8h70PP.js";
+const E = {
+  id: "position-grid",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.positionGrid.state.value",
+      description: 'Currently selected position value (e.g. "top-start"), or empty string when none.',
+      read: (r) => r.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: "string" } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.positionGrid.actions.setValue",
+      description: "Select the cell with the given position value.",
+      examples: [
+        {
+          args: { value: "center" },
+          note: "Selects the centre cell of the default 3×3 grid."
+        }
+      ],
+      invoke: (r, t) => {
+        r.setValue(t.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "position-grid",
+      description: "Marks the PositionGrid root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Position value emitted on each rendered cell."
+    }
+  }
+}, L = [
+  { value: "top-start", labelKey: "topStart" },
+  { value: "top", labelKey: "top" },
+  { value: "top-end", labelKey: "topEnd" },
+  { value: "start", labelKey: "start" },
+  { value: "center", labelKey: "center" },
+  { value: "end", labelKey: "end" },
+  { value: "bottom-start", labelKey: "bottomStart" },
+  { value: "bottom", labelKey: "bottom" },
+  { value: "bottom-end", labelKey: "bottomEnd" }
+], D = c(
+  "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-2xs)] ds:w-fit"
+), H = c(
+  [
+    "ds:group ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:aspect-square ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background",
+    "ds:cursor-pointer",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:border-ring",
+    "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:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:data-[state=checked]:border-primary",
+    "ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]",
+    "ds:data-[disabled]:border-muted"
+  ].join(" ")
+), M = c(
+  [
+    "ds:size-2.5 ds:rounded-full ds:bg-muted-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:group-data-[state=checked]:bg-primary",
+    "ds:group-data-[disabled]:bg-muted"
+  ].join(" ")
+), O = N(
+  function({
+    value: t,
+    defaultValue: u,
+    onChange: a,
+    positions: p,
+    name: h,
+    disabled: V,
+    id: i,
+    className: k,
+    "aria-label": K
+  }, S) {
+    const { t: s } = q(), n = g(null), G = T(S, n), R = A(n), o = t !== void 0, [w, P] = _(
+      u ?? ""
+    ), m = o ? t ?? "" : w, v = g(m);
+    v.current = m;
+    const x = f(
+      () => p ?? L.map((e) => ({
+        value: e.value,
+        label: s(`positionGrid.${e.labelKey}`)
+      })),
+      [p, s]
+    ), j = K ?? s("positionGrid.groupLabel"), b = (e) => {
+      o || P(e), a == null || a(e);
+    }, I = f(
+      () => ({
+        getValue: () => v.current,
+        setValue: (e) => b(e),
+        focus: () => {
+          const e = n.current;
+          if (!e) return;
+          const d = e.querySelector(
+            '[role="radio"][aria-checked="true"]'
+          ) ?? e.querySelector('[role="radio"]');
+          d == null || d.focus();
+        }
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [o, a]
+    );
+    return z(E, I, i), /* @__PURE__ */ l(
+      y.Root,
+      {
+        ref: G,
+        id: i,
+        name: h,
+        dir: R,
+        disabled: V,
+        value: o ? t : void 0,
+        defaultValue: o ? void 0 : u,
+        onValueChange: b,
+        "aria-label": j,
+        className: D({ className: k }),
+        "data-component": "position-grid",
+        "data-component-id": i,
+        children: x.map((e) => /* @__PURE__ */ l(
+          y.Item,
+          {
+            value: e.value,
+            "aria-label": e.label,
+            "data-option-id": e.value,
+            className: H(),
+            children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: M() })
+          },
+          e.value
+        ))
+      }
+    );
+  }
+);
+O.displayName = "PositionGrid";
+export {
+  O as P,
+  D as g,
+  E as p
+};
+//# sourceMappingURL=position-grid-CcvqHaKN.js.map

package/dist/_chunks/postal-code-input-UCOYuRY2.js

@@ -0,0 +1,192 @@
+import { jsxs as P, jsx as E } from "react/jsx-runtime";
+import { forwardRef as X, useRef as j, useId as Y, useState as N, useMemo as u, useEffect as Z, useCallback as S } from "react";
+import { useTranslation as ee } from "react-i18next";
+import { T as te } from "./text-input-B-OWQ1Je.js";
+import { u as oe } from "./form-field-context-B3APVHKx.js";
+import { c as se } from "./compose-refs-C0k0tdqF.js";
+import { u as re } from "./registry-DvAUVLHh.js";
+import { C as ne } from "./circle-alert-ChA9opNA.js";
+const ie = {
+  id: "postal-code-input",
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.postalCodeInput.state.value",
+      description: "Current postal code value.",
+      read: (e) => e.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.postalCodeInput.state.isEmpty",
+      description: "Whether the field has no value.",
+      read: (e) => e.getValue() === ""
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: "string" } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.postalCodeInput.actions.setValue",
+      description: "Replace the postal code value.",
+      examples: [{ args: { value: "20121" }, note: "An Italian CAP." }],
+      invoke: (e, o) => {
+        e.setValue(o.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.postalCodeInput.actions.clear",
+      description: "Empty the field. Loses any typed value.",
+      invoke: (e) => {
+        e.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "postal-code-input" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, A = {
+  it: { pattern: /^\d{5}$/, inputMode: "numeric", maxLength: 5 }
+};
+function ae(e, o, s, r) {
+  if (s) return s(e, o);
+  if (e.length === 0) return !0;
+  const n = o ? A[o.toLowerCase()] : void 0;
+  return n ? n.pattern.test(e) : r ? r.test(e) : !0;
+}
+function k(e, o) {
+  var r;
+  if (!e) return;
+  const s = (r = Object.getOwnPropertyDescriptor(
+    HTMLInputElement.prototype,
+    "value"
+  )) == null ? void 0 : r.set;
+  s == null || s.call(e, o), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+}
+const de = X(function({
+  country: o,
+  value: s,
+  defaultValue: r,
+  onValueChange: n,
+  validate: C,
+  pattern: f,
+  errorMessage: m,
+  onValidityChange: c,
+  onBlur: l,
+  id: v,
+  maxLength: K,
+  className: M,
+  "aria-describedby": R,
+  "aria-invalid": w,
+  ..._
+}, F) {
+  const { t: H } = ee(), g = oe(), p = j(null), V = se(F, p), h = Y(), d = s !== void 0, [$, B] = N(() => typeof s == "string" ? s : typeof r == "string" ? r : ""), i = d ? String(s) : $, [x, O] = N(
+    () => i.length > 0
+  ), a = o ? A[o.toLowerCase()] : void 0, L = u(() => {
+    if (f)
+      try {
+        return new RegExp(`^(?:${f})$`);
+      } catch {
+        return;
+      }
+  }, [f]), y = u(
+    () => ae(i, o, C, L),
+    [i, o, C, L]
+  ), I = x && i.length > 0 && !y, T = j(null);
+  Z(() => {
+    if (!x) return;
+    const t = i.length === 0 || y;
+    T.current !== t && (T.current = t, c == null || c(t));
+  }, [x, i, y, c]);
+  const U = S(
+    (t) => {
+      d || B(t.target.value), n == null || n(t.target.value);
+    },
+    [d, n]
+  ), q = S(
+    (t) => {
+      O(!0), l == null || l(t);
+    },
+    [l]
+  ), z = u(
+    () => ({
+      getValue: () => {
+        var t;
+        return ((t = p.current) == null ? void 0 : t.value) ?? "";
+      },
+      setValue: (t) => k(p.current, t),
+      clear: () => k(p.current, "")
+    }),
+    []
+  );
+  re(ie, z, v);
+  const b = I && m !== null, W = u(() => {
+    const t = [
+      R,
+      g.describedBy || void 0,
+      b ? h : null
+    ].filter(Boolean);
+    return t.length > 0 ? t.join(" ") : void 0;
+  }, [R, g.describedBy, b, h]), D = I ? "error" : "default", G = w === !0 || w === "true", J = I || g.invalid || G || void 0, Q = m !== void 0 ? m : H("inputs.postalCode.invalid", "Enter a valid postal code");
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      "data-component": "postal-code-input",
+      "data-component-id": v,
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", M].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ E(
+          te,
+          {
+            ..._,
+            ref: V,
+            id: v,
+            type: "text",
+            inputMode: (a == null ? void 0 : a.inputMode) ?? "text",
+            autoComplete: "postal-code",
+            maxLength: K ?? (a == null ? void 0 : a.maxLength),
+            tone: D,
+            value: d ? i : void 0,
+            defaultValue: d ? void 0 : r,
+            onChange: U,
+            onBlur: q,
+            "aria-invalid": J,
+            "aria-describedby": W
+          }
+        ),
+        b ? /* @__PURE__ */ P(
+          "p",
+          {
+            id: h,
+            role: "alert",
+            "data-slot": "postal-code-input-error",
+            className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+            children: [
+              /* @__PURE__ */ E(ne, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+              /* @__PURE__ */ E("span", { children: Q })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+de.displayName = "PostalCodeInput";
+export {
+  de as P,
+  ie as p
+};
+//# sourceMappingURL=postal-code-input-UCOYuRY2.js.map

package/dist/_chunks/{practice-results-C6qDfxos.js → practice-results-El5Z-oVp.js}

@@ -9,7 +9,7 @@ import { D as $ } from "./dropdown-menu-qrxjymfw.js";
 import { E as Je } from "./empty-state-BLy7tigq.js";
 import { M as We } from "./map-view-BkOoGoX2.js";
 import { R as Ce } from "./rating-BRD7O74e.js";
-import { S as I } from "./sheet-BxsE7eQm.js";
+import { S as I } from "./sheet-umkfZjF6.js";
 import { S as Xe } from "./skeleton-CZbwyJAA.js";
 import { S as Ye } from "./spinner-hbwuKwMf.js";
 import { B as L } from "./badge-DCOqV9mI.js";
@@ -1606,4 +1606,4 @@ export {
   Ct as P,
   rt as p
 };
-//# sourceMappingURL=practice-results-C6qDfxos.js.map
+//# sourceMappingURL=practice-results-El5Z-oVp.js.map