@alfadocs/ui-kit 1.90.0 → 1.90.2

package/dist/_chunks/address-autocomplete-DR4Xn23Z.js

@@ -0,0 +1,519 @@
+import { jsx as d, jsxs as M, Fragment as Ee } from "react/jsx-runtime";
+import { forwardRef as Ne, useRef as _, useMemo as le, useId as Pe, useState as S, useCallback as H, useEffect as Y } from "react";
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as fe } from "react-i18next";
+import { M as Fe, A as Ve, d as Be } from "./maps-core-gate-DkNqGkm3.js";
+import { E as De } from "./error-boundary-tAn_GuCu.js";
+import { u as Me, a as Se } from "./form-field-context-DtiROUJV.js";
+import { c as Ue } from "./compose-refs-C0k0tdqF.js";
+import { u as $e } from "./use-controllable-state-BiY4xTzM.js";
+import { b as je } from "./menu-row-BAr8bx1I.js";
+import { u as qe } from "./registry-DvAUVLHh.js";
+import { I as Ke, a as X, b as J, c as Oe } from "./input-surface-iBmxVBfr.js";
+import { u as He } from "./use-debounced-callback-BisrB-Fq.js";
+import { M as Ge } from "./map-pin-BaY37-Km.js";
+const Le = {
+  id: "address-autocomplete",
+  capabilities: ["select_single", "filter", "open", "close"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.addressAutocomplete.state.value",
+      description: "Current free-text value of the address input.",
+      read: (t) => t.getValue()
+    },
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.addressAutocomplete.state.query",
+      description: "Current query driving the suggestion listbox.",
+      read: (t) => t.getQuery()
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.addressAutocomplete.state.isOpen",
+      description: "True when the suggestion listbox is visible.",
+      read: (t) => t.getIsOpen()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Text to place in the input (also runs a fetch)."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      openWorld: !0,
+      descriptionKey: "ui.agent.addressAutocomplete.actions.setValue",
+      description: "Set the input text programmatically; opens and refreshes the suggestion list (issues an external address-lookup fetch).",
+      examples: [
+        { args: { value: "Via Roma 12" }, note: "Seed a partial address." }
+      ],
+      invoke: (t, a) => {
+        t.setValue(a.value);
+      }
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          query: {
+            type: "string",
+            description: "Query text to filter the address suggestions."
+          }
+        },
+        required: ["query"]
+      },
+      idempotent: !0,
+      openWorld: !0,
+      descriptionKey: "ui.agent.addressAutocomplete.actions.applyFilter",
+      description: "Set the query text, which refreshes the suggestion list via an external address-lookup fetch.",
+      invoke: (t, a) => {
+        t.setQuery(a.query);
+      }
+    },
+    clear: {
+      safety: "write",
+      idempotent: !0,
+      descriptionKey: "ui.agent.addressAutocomplete.actions.clear",
+      description: "Clear the typed text and dismiss the suggestion list.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.addressAutocomplete.actions.open",
+      description: "Open the suggestion listbox.",
+      invoke: (t) => {
+        t.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.addressAutocomplete.actions.close",
+      description: "Close the suggestion listbox.",
+      invoke: (t) => {
+        t.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "address-autocomplete",
+      description: "Marks the AddressAutocomplete wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific field from the agent."
+    }
+  }
+};
+function U(t) {
+  return t.longText ?? t.long_name ?? "";
+}
+function ce(t) {
+  return t.shortText ?? t.short_name ?? U(t);
+}
+function C(t, a) {
+  return t.find((s) => s.types.includes(a));
+}
+function ue(t, a = "") {
+  const s = C(t, "route"), l = C(t, "street_number"), o = C(t, "locality"), n = C(t, "postal_town"), v = C(t, "administrative_area_level_3"), p = C(t, "postal_code"), g = C(t, "administrative_area_level_2"), I = C(t, "country"), y = s ? U(s) : "", r = l ? U(l) : "", u = [y, r].filter(Boolean).join(" ").trim(), c = o ?? n ?? v, N = c ? U(c) : "", P = p ? U(p) : "", L = g ? ce(g).toUpperCase() : "", B = I ? ce(I).toLowerCase() : "";
+  return {
+    street: u,
+    city: N,
+    postcode: P,
+    province: L,
+    country: B,
+    formatted: a
+  };
+}
+const Qe = G(
+  ["ds:flex ds:w-full ds:items-center", Oe].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${X.sm} ${J.sm}`,
+        md: `${X.md} ${J.md}`,
+        lg: `${X.lg} ${J.lg}`
+      },
+      tone: Ke
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), ze = G(
+  [
+    "ds:flex-1 ds:min-w-0 ds:ps-3 ds:pe-3 ds:bg-transparent ds:text-foreground",
+    "ds:placeholder:text-muted-foreground",
+    "ds:outline-none ds:focus:outline-none ds:focus-visible:outline-none",
+    "ds:disabled:cursor-not-allowed ds:read-only:cursor-default"
+  ].join(" ")
+), We = "ds:inline-flex ds:items-center ds:shrink-0 ds:ps-3 ds:text-muted-foreground ds:[&_svg]:size-4", Xe = G(
+  [
+    "ds:absolute ds:z-[var(--z-dropdown)] ds:mt-[var(--spacing-2xs)] ds:w-full",
+    "ds:overflow-auto ds:max-h-[18rem]",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
+    "ds:shadow-[var(--shadow-md)] ds:p-[var(--spacing-xs)]"
+  ].join(" ")
+), Je = G(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+    "ds:ps-3 ds:pe-3 ds:py-2 ds:rounded-[var(--radius-sm)]",
+    "ds:cursor-pointer ds:select-none ds:text-foreground",
+    "ds:text-start",
+    // Hover moves the active row, so a separate hover tint would light two.
+    je.active
+  ].join(" ")
+), pe = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground";
+function Ye({
+  regionCodes: t,
+  onEngine: a
+}) {
+  const s = Be("places"), l = _(null), o = !!(s && "AutocompleteSuggestion" in s && "Place" in s && "AutocompleteSessionToken" in s), n = H(
+    async (p) => {
+      if (!s || p.trim().length === 0) return [];
+      if (o) {
+        l.current || (l.current = new s.AutocompleteSessionToken());
+        const { suggestions: r } = await s.AutocompleteSuggestion.fetchAutocompleteSuggestions({
+          input: p,
+          sessionToken: l.current,
+          includedRegionCodes: t
+        });
+        return r.map((u) => {
+          var N, P;
+          const c = u.placePrediction;
+          return c ? {
+            placeId: c.placeId,
+            primaryText: ((N = c.mainText) == null ? void 0 : N.text) ?? c.text.text,
+            secondaryText: (P = c.secondaryText) == null ? void 0 : P.text
+          } : null;
+        }).filter((u) => u !== null);
+      }
+      const g = s.AutocompleteService;
+      return g ? (await new g().getPlacePredictions({ input: p })).predictions.map((r) => {
+        var u, c;
+        return {
+          placeId: r.place_id,
+          primaryText: ((u = r.structured_formatting) == null ? void 0 : u.main_text) ?? r.description,
+          secondaryText: (c = r.structured_formatting) == null ? void 0 : c.secondary_text
+        };
+      }) : [];
+    },
+    [s, o, t]
+  ), v = H(
+    async (p) => {
+      if (p.address) return p.address;
+      if (!s) return null;
+      if (o) {
+        const y = new s.Place({ id: p.placeId }), { place: r } = await y.fetchFields({
+          fields: ["addressComponents", "formattedAddress"]
+        });
+        l.current = null;
+        const u = r.addressComponents ?? [];
+        return ue(
+          u,
+          r.formattedAddress ?? ""
+        );
+      }
+      const g = s.PlacesService;
+      if (!g) return null;
+      const I = new g(document.createElement("div"));
+      return new Promise((y) => {
+        I.getDetails(
+          {
+            placeId: p.placeId,
+            fields: ["address_components", "formatted_address"]
+          },
+          (r) => {
+            if (!r) {
+              y(null);
+              return;
+            }
+            const u = r.address_components ?? [];
+            y(
+              ue(
+                u,
+                r.formatted_address ?? ""
+              )
+            );
+          }
+        );
+      });
+    },
+    [s, o]
+  );
+  return Y(() => {
+    if (s)
+      return a({ getSuggestions: n, resolveSelection: v }), () => a(null);
+  }, [s, n, v, a]), null;
+}
+function Ze({
+  apiKey: t,
+  forwardedRef: a,
+  regionCodes: s,
+  ...l
+}) {
+  const { i18n: o } = fe("ui"), [n, v] = S(null);
+  return /* @__PURE__ */ M(Ee, { children: [
+    /* @__PURE__ */ d(
+      Z,
+      {
+        ...l,
+        forwardedRef: a,
+        getSuggestions: n == null ? void 0 : n.getSuggestions,
+        resolveSelection: n == null ? void 0 : n.resolveSelection
+      }
+    ),
+    /* @__PURE__ */ d(De, { fallback: null, children: /* @__PURE__ */ d(Fe, { pending: null, children: /* @__PURE__ */ d(Ve, { apiKey: t, language: o.language, children: /* @__PURE__ */ d(
+      Ye,
+      {
+        regionCodes: s,
+        onEngine: v
+      }
+    ) }) }) })
+  ] });
+}
+function Z({
+  forwardedRef: t,
+  value: a,
+  defaultValue: s,
+  onValueChange: l,
+  onSelect: o,
+  getSuggestions: n,
+  resolveSelection: v,
+  placeholder: p,
+  debounceMs: g = 250,
+  disabled: I,
+  required: y,
+  readOnly: r,
+  name: u,
+  id: c,
+  size: N = "md",
+  tone: P = "default",
+  className: L,
+  "aria-label": B
+}) {
+  const { t: R } = fe("ui"), A = Me(), Q = _(null), me = le(
+    () => Ue(t, Q),
+    [t]
+  ), he = Pe(), $ = Se(A, c) ?? he, ee = `${$}-listbox`, ve = `${$}-live`, te = (e) => `${$}-opt-${e}`, F = !!(A.disabled || I), ge = !!(A.required || y), se = A.invalid, ye = se ? "error" : P, xe = A.describedBy || void 0, [be, k] = $e({
+    value: a,
+    defaultValue: s ?? "",
+    onChange: l
+  }), m = be ?? "", [T, h] = S(!1), [f, j] = S([]), [D, z] = S(!1), [w, x] = S(-1), q = _(!1), K = _(""), Ae = p ?? R("inputs.addressAutocomplete.placeholder"), re = H(
+    (e) => {
+      !n || F || r || q.current || (K.current = e, z(!0), Promise.resolve(n(e)).then((i) => {
+        K.current === e && (j(i), x(-1), z(!1));
+      }).catch(() => {
+        K.current === e && (j([]), z(!1));
+      }));
+    },
+    [n, F, r]
+  ), b = He(re, g), oe = _(!!n);
+  Y(() => {
+    const e = oe.current;
+    oe.current = !!n, !e && n && T && m.trim().length > 0 && re(m);
+  }, [n]), Y(() => () => b.cancel(), [b]);
+  const Te = (e) => {
+    k(e), !(F || r) && (T || h(!0), !q.current && b(e));
+  }, ne = H(
+    (e) => {
+      var i;
+      k(e.primaryText), h(!1), x(-1), j([]), K.current = e.primaryText, v ? Promise.resolve(v(e)).then((E) => {
+        E && (o == null || o(E));
+      }).catch(() => {
+      }) : e.address && (o == null || o(e.address)), (i = Q.current) == null || i.focus();
+    },
+    [k, v, o, Q]
+  ), ae = T && !D && m.trim().length > 0 && f.length === 0 && !!n, O = f.length > 0, V = T && (O || ae || D), we = (e) => {
+    if (!e.nativeEvent.isComposing) {
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), !T) {
+          h(!0), m && b(m);
+          return;
+        }
+        if (f.length === 0) return;
+        x((i) => (i + 1) % f.length);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        if (e.preventDefault(), f.length === 0) return;
+        x(
+          (i) => i <= 0 ? f.length - 1 : i - 1
+        );
+        return;
+      }
+      if (e.key === "Enter") {
+        V && (e.preventDefault(), w >= 0 && f[w] && ne(f[w]));
+        return;
+      }
+      e.key === "Escape" && T && (e.preventDefault(), h(!1), x(-1));
+    }
+  }, Ce = () => {
+    F || r || m && (h(!0), b(m));
+  }, _e = (e) => {
+    var E;
+    const i = e.relatedTarget;
+    i && ((E = ie.current) != null && E.contains(i)) || (h(!1), x(-1));
+  }, ie = _(null), Ie = T && w >= 0 && f[w] ? te(f[w].placeId) : void 0, W = _(m);
+  W.current = m;
+  const de = _(V);
+  de.current = V;
+  const Re = le(
+    () => ({
+      getValue: () => W.current,
+      getQuery: () => W.current,
+      getIsOpen: () => de.current,
+      setValue: (e) => {
+        k(e), h(!0), b(e);
+      },
+      setQuery: (e) => {
+        k(e), h(!0), b(e);
+      },
+      clear: () => {
+        k(""), h(!1), x(-1), j([]);
+      },
+      open: () => h(!0),
+      close: () => {
+        h(!1), x(-1);
+      }
+    }),
+    [k, b]
+  );
+  qe(Le, Re, c);
+  const ke = D ? R("inputs.addressAutocomplete.loading") : T && m.trim().length > 0 ? R("inputs.addressAutocomplete.results", { count: f.length }) : "";
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      className: "ds:relative ds:w-full",
+      "data-component": "address-autocomplete",
+      "data-component-id": c,
+      children: [
+        /* @__PURE__ */ M(
+          "div",
+          {
+            className: Qe({ size: N, tone: ye, className: L }),
+            "data-disabled": F || void 0,
+            children: [
+              /* @__PURE__ */ d("span", { "aria-hidden": "true", className: We, children: /* @__PURE__ */ d(Ge, {}) }),
+              /* @__PURE__ */ d(
+                "input",
+                {
+                  ref: me,
+                  id: $,
+                  name: u,
+                  type: "text",
+                  autoComplete: "off",
+                  role: "combobox",
+                  "aria-autocomplete": "list",
+                  "aria-expanded": V,
+                  "aria-controls": V ? ee : void 0,
+                  "aria-activedescendant": Ie,
+                  "aria-describedby": xe,
+                  "aria-invalid": se || void 0,
+                  "aria-label": B ?? (A.label ? void 0 : R("inputs.addressAutocomplete.ariaLabel")),
+                  "aria-labelledby": !B && A.label ? `${A.id}-label` : void 0,
+                  placeholder: Ae,
+                  value: m,
+                  disabled: F,
+                  required: ge,
+                  readOnly: r,
+                  onChange: (e) => Te(e.target.value),
+                  onKeyDown: we,
+                  onFocus: Ce,
+                  onBlur: _e,
+                  onCompositionStart: () => {
+                    q.current = !0;
+                  },
+                  onCompositionEnd: (e) => {
+                    q.current = !1, b(e.currentTarget.value);
+                  },
+                  className: ze()
+                }
+              )
+            ]
+          }
+        ),
+        V ? /* @__PURE__ */ M(
+          "ul",
+          {
+            ref: ie,
+            id: ee,
+            role: "listbox",
+            "aria-label": B ?? R("inputs.addressAutocomplete.listLabel"),
+            className: Xe(),
+            children: [
+              O ? f.map((e, i) => /* @__PURE__ */ M(
+                "li",
+                {
+                  id: te(e.placeId),
+                  role: "option",
+                  "aria-selected": i === w,
+                  "data-active": i === w || void 0,
+                  onMouseDown: (E) => {
+                    E.preventDefault(), ne(e);
+                  },
+                  onMouseEnter: () => x(i),
+                  className: Je(),
+                  children: [
+                    /* @__PURE__ */ d("span", { className: "ds:truncate", children: e.primaryText }),
+                    e.secondaryText ? /* @__PURE__ */ d("span", { className: "type-meta ds:text-muted-foreground ds:truncate", children: e.secondaryText }) : null
+                  ]
+                },
+                e.placeId
+              )) : null,
+              !O && D ? /* @__PURE__ */ d("li", { role: "presentation", className: pe, children: R("inputs.addressAutocomplete.loading") }) : null,
+              !O && !D && ae ? /* @__PURE__ */ d("li", { role: "presentation", className: pe, children: R("inputs.addressAutocomplete.noResults") }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ d(
+          "span",
+          {
+            id: ve,
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "ds:sr-only",
+            children: ke
+          }
+        )
+      ]
+    }
+  );
+}
+const et = Ne(function({ apiKey: a, getSuggestions: s, ...l }, o) {
+  return s ? /* @__PURE__ */ d(
+    Z,
+    {
+      ...l,
+      forwardedRef: o,
+      getSuggestions: s,
+      resolveSelection: tt
+    }
+  ) : a ? /* @__PURE__ */ d(Ze, { ...l, apiKey: a, forwardedRef: o }) : /* @__PURE__ */ d(Z, { ...l, forwardedRef: o });
+});
+et.displayName = "AddressAutocomplete";
+async function tt(t) {
+  return t.address ?? null;
+}
+export {
+  et as A,
+  Le as a,
+  ue as p
+};
+//# sourceMappingURL=address-autocomplete-DR4Xn23Z.js.map

package/dist/_chunks/{address-fields-CfnXK8RT.js → address-fields-qxQkGwPf.js}

@@ -2,13 +2,13 @@ import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as k, useRef as N, useEffect as O, useCallback as D, useMemo as B } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
-import { C as M } from "./country-select-DQ8q7ypA.js";
-import { P as U } from "./province-select-CPdTwEob.js";
+import { C as M } from "./country-select-BfmX9y5i.js";
+import { P as U } from "./province-select-D64whw0m.js";
 import { P as W } from "./postal-code-input-CfZOnIkW.js";
-import { C as Y } from "./city-input-CJVGswxp.js";
+import { C as Y } from "./city-input-CA59CjnV.js";
 import { T as z } from "./text-input-CaG9ApoE.js";
 import { F as y } from "./form-field-CyHfOVKF.js";
-import { A as G } from "./address-autocomplete-bPR2mNBt.js";
+import { A as G } from "./address-autocomplete-DR4Xn23Z.js";
 import { u as J } from "./registry-DvAUVLHh.js";
 const Q = {
   street: { type: "string" },
@@ -295,4 +295,4 @@ export {
   te as A,
   X as a
 };
-//# sourceMappingURL=address-fields-CfnXK8RT.js.map
+//# sourceMappingURL=address-fields-qxQkGwPf.js.map

package/dist/_chunks/{ai-permission-notice-CoW22jx1.js → ai-permission-notice-VNh3W57L.js}

@@ -5,7 +5,7 @@ import { useTranslation as P } from "react-i18next";
 import { A as g } from "./alert-9kEwDza3.js";
 import { B as D } from "./badge-BUk4RjTS.js";
 import { B as H } from "./button-DohK_Ak_.js";
-import { C as J } from "./checkbox-BjDv-r3o.js";
+import { C as J } from "./checkbox-a7Sh-dXb.js";
 import { S as U } from "./spinner-CoflYlEx.js";
 import { T as W } from "./timestamp-DPLDWdxA.js";
 import { u as _ } from "./registry-DvAUVLHh.js";
@@ -203,4 +203,4 @@ export {
   Q as A,
   $ as a
 };
-//# sourceMappingURL=ai-permission-notice-CoW22jx1.js.map
+//# sourceMappingURL=ai-permission-notice-VNh3W57L.js.map