@alfadocs/ui-kit 1.54.2 → 1.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.54.2",
+  "version": "1.55.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -30,6 +30,10 @@
       "import": "./dist/host-compat.css",
       "default": "./dist/host-compat.css"
     },
+    "./host-legacy": {
+      "import": "./dist/host-legacy.css",
+      "default": "./dist/host-legacy.css"
+    },
     "./i18n": {
       "types": "./dist/i18n/config.d.ts",
       "import": "./dist/i18n/config.js"
@@ -341,6 +345,10 @@
       "types": "./dist/components/error-boundary/index.d.ts",
       "import": "./dist/components/error-boundary/index.js"
     },
+    "./error-summary": {
+      "types": "./dist/components/error-summary/index.d.ts",
+      "import": "./dist/components/error-summary/index.js"
+    },
     "./file-manager": {
       "types": "./dist/components/file-manager/index.d.ts",
       "import": "./dist/components/file-manager/index.js"
@@ -397,6 +405,10 @@
       "types": "./dist/components/icon-picker/index.d.ts",
       "import": "./dist/components/icon-picker/index.js"
     },
+    "./heatmap": {
+      "types": "./dist/components/heatmap/index.d.ts",
+      "import": "./dist/components/heatmap/index.js"
+    },
     "./info-tip": {
       "types": "./dist/components/info-tip/index.d.ts",
       "import": "./dist/components/info-tip/index.js"
@@ -793,6 +805,10 @@
       "types": "./dist/components/variables-menu/index.d.ts",
       "import": "./dist/components/variables-menu/index.js"
     },
+    "./voice-control-panel": {
+      "types": "./dist/components/voice-control-panel/index.d.ts",
+      "import": "./dist/components/voice-control-panel/index.js"
+    },
     "./wallet-pay-button": {
       "types": "./dist/components/wallet-pay-button/index.d.ts",
       "import": "./dist/components/wallet-pay-button/index.js"
@@ -984,12 +1000,13 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run build:host-compat && npm run build:types && npm run build:locales && npm run build:error-pages && npm run build:agent-catalog && npm run verify:build && npm run check:preflight-bleed && npm run check:exports && npm run check:blockable-names",
+    "build": "vite build && npm run build:host-compat && npm run build:host-legacy && npm run build:types && npm run build:locales && npm run build:error-pages && npm run build:agent-catalog && npm run verify:build && npm run check:preflight-bleed && npm run check:exports && npm run check:blockable-names",
     "verify:build": "node scripts/verify-build.mjs",
     "check:exports": "node scripts/check-exports-coverage.mjs",
     "build:error-pages": "node scripts/build-error-pages.mjs",
     "check:blockable-names": "node scripts/check-blockable-names.mjs",
     "build:host-compat": "node scripts/build-host-compat.mjs",
+    "build:host-legacy": "node -e \"require('node:fs').copyFileSync('src/tokens/host-legacy.css','dist/host-legacy.css')\"",
     "check:host-compat": "node scripts/build-host-compat.mjs --check",
     "check:preflight-bleed": "node scripts/check-preflight-bleed.mjs",
     "build:types": "tsc -p tsconfig.build.json",

package/dist/_chunks/address-fields-1pD-8hML.js

@@ -1,292 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as q, useRef as L, useEffect as k, useCallback as b, useMemo as N } from "react";
-import { c as O } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { C as H } from "./country-select-r3QC7cVA.js";
-import { P as K } from "./province-select-DtF2ukoC.js";
-import { P as M } from "./postal-code-input-BmbqjkfD.js";
-import { C as U } from "./city-input-DyxVWSRQ.js";
-import { T as W } from "./text-input-lZ2-t-p2.js";
-import { F as p } from "./form-field-D9WfDpYB.js";
-import { A as Y } from "./address-autocomplete-BBZ0u_U1.js";
-import { u as z } from "./registry-DvAUVLHh.js";
-const G = {
-  street: { type: "string" },
-  city: { type: "string" },
-  postcode: { type: "string" },
-  province: { type: "string", description: "UPPERCASED province code." },
-  country: { type: "string", description: "ISO alpha-2, lowercased." },
-  formatted: { type: "string" }
-}, J = {
-  id: "address-fields",
-  // `set_value` only — a structured address form sets discrete fields; it does
-  // no granular in-place rich-text editing, so `edit_inline` does not apply.
-  capabilities: ["set_value"],
-  state: {
-    value: {
-      type: "object",
-      descriptionKey: "ui.agent.addressFields.state.value",
-      description: "The current structured address: { street, city, postcode, province, country, formatted }.",
-      read: (a) => a.getValue()
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: StructuredAddress }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          value: { type: "object", properties: G }
-        },
-        required: ["value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.addressFields.actions.setValue",
-      description: "Replace the entire address.",
-      invoke: (a, n) => {
-        a.setValue(n.value);
-      }
-    },
-    set_field: {
-      // Contact-data write (street/city/postcode/etc.), not clinical PHI —
-      // consistent with PhoneInput / EmailInput / FiscalCodeInput, which all
-      // treat identifying contact data as `write`.
-      safety: "write",
-      argsType: "{ field: 'street' | 'city' | 'postcode' | 'province' | 'country'; value: string }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          field: {
-            type: "string",
-            enum: ["street", "city", "postcode", "province", "country"]
-          },
-          value: { type: "string" }
-        },
-        required: ["field", "value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.addressFields.actions.setField",
-      description: "Set a single address field. Setting `country` also clears the now-stale province.",
-      examples: [
-        {
-          args: { field: "country", value: "it" },
-          note: "Set the country to Italy."
-        }
-      ],
-      invoke: (a, n) => {
-        a.setField(n.field, n.value);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "address-fields" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Q = {
-  street: "",
-  city: "",
-  postcode: "",
-  province: "",
-  country: "",
-  formatted: ""
-}, X = {
-  it: ["street", "postcode", "city", "province"]
-}, Z = [
-  "street",
-  "city",
-  "postcode",
-  "province"
-], $ = /* @__PURE__ */ new Set(["findbar", "country", "street"]), C = O("", {
-  variants: {
-    layout: {
-      stacked: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      grid: "ds:grid ds:grid-cols-2 ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: { layout: "stacked" }
-}), ee = q(
-  function({
-    value: n,
-    onChange: s,
-    fields: V,
-    loadCities: D,
-    popularCountries: w,
-    apiKey: S,
-    getSuggestions: A,
-    layout: R = "stacked",
-    required: m,
-    errors: i,
-    disabled: l,
-    id: g,
-    className: I
-  }, T) {
-    const { t: o } = B("ui"), d = n ?? Q, c = d.country, u = L(d);
-    k(() => {
-      u.current = d;
-    }, [d]);
-    const y = b(
-      (e) => {
-        const t = { ...u.current, ...e };
-        u.current = t, s == null || s(t);
-      },
-      [s]
-    ), h = b(
-      (e) => s == null ? void 0 : s({ ...u.current, ...e }),
-      [s]
-    ), _ = N(
-      () => ({
-        getValue: () => u.current,
-        setValue: (e) => s == null ? void 0 : s(e),
-        setField: (e, t) => {
-          const P = { [e]: t };
-          e === "country" && (P.province = ""), s == null || s({ ...u.current, ...P });
-        }
-      }),
-      [s]
-    );
-    z(J, _, g);
-    const x = V ?? X[(c == null ? void 0 : c.toLowerCase()) ?? ""] ?? Z, v = (e) => m === !0 || Array.isArray(m) && m.includes(e), j = !!(S || A), E = (e) => {
-      switch (e) {
-        case "country":
-          return /* @__PURE__ */ r(
-            p,
-            {
-              label: o("inputs.addressFields.country", "Country"),
-              required: v("country"),
-              error: i == null ? void 0 : i.country,
-              children: /* @__PURE__ */ r(
-                H,
-                {
-                  "aria-label": o("inputs.addressFields.country", "Country"),
-                  value: c,
-                  onValueChange: (t) => y({ country: t, province: "" }),
-                  popularCountries: w,
-                  disabled: l
-                }
-              )
-            }
-          );
-        case "street":
-          return /* @__PURE__ */ r(
-            p,
-            {
-              label: o("inputs.addressFields.street", "Street"),
-              required: v("street"),
-              error: i == null ? void 0 : i.street,
-              children: /* @__PURE__ */ r(
-                W,
-                {
-                  value: d.street,
-                  onChange: (t) => y({ street: t.target.value }),
-                  autoComplete: "address-line1",
-                  disabled: l
-                }
-              )
-            }
-          );
-        case "city":
-          return /* @__PURE__ */ r(
-            p,
-            {
-              label: o("inputs.addressFields.city", "City"),
-              required: v("city"),
-              error: i == null ? void 0 : i.city,
-              children: /* @__PURE__ */ r(
-                U,
-                {
-                  value: d.city,
-                  onValueChange: (t) => y({ city: t }),
-                  loadCities: D,
-                  country: c,
-                  province: d.province,
-                  disabled: l
-                }
-              )
-            }
-          );
-        case "postcode":
-          return /* @__PURE__ */ r(
-            p,
-            {
-              label: o("inputs.addressFields.postcode", "Postcode"),
-              required: v("postcode"),
-              error: i == null ? void 0 : i.postcode,
-              children: /* @__PURE__ */ r(
-                M,
-                {
-                  value: d.postcode,
-                  onValueChange: (t) => y({ postcode: t }),
-                  country: c,
-                  disabled: l
-                }
-              )
-            }
-          );
-        case "province":
-          return /* @__PURE__ */ r(
-            p,
-            {
-              label: o("inputs.addressFields.province", "Province"),
-              required: v("province"),
-              error: i == null ? void 0 : i.province,
-              children: /* @__PURE__ */ r(
-                K,
-                {
-                  "aria-label": o("inputs.addressFields.province", "Province"),
-                  value: d.province,
-                  onValueChange: (t) => y({ province: t }),
-                  country: c,
-                  disabled: l
-                }
-              )
-            }
-          );
-      }
-    }, F = (e, t) => R === "grid" ? /* @__PURE__ */ r(
-      "div",
-      {
-        "data-address-field": e,
-        className: $.has(e) ? "ds:col-span-2" : void 0,
-        children: t
-      },
-      e
-    ) : /* @__PURE__ */ r("div", { "data-address-field": e, children: t }, e), f = [];
-    j && f.push(
-      F(
-        "findbar",
-        /* @__PURE__ */ r(p, { label: o("inputs.addressFields.find", "Find address"), children: /* @__PURE__ */ r(
-          Y,
-          {
-            apiKey: S,
-            getSuggestions: A,
-            regionCodes: c ? [c] : void 0,
-            disabled: l,
-            onSelect: h
-          }
-        ) })
-      )
-    ), f.push(F("country", E("country")));
-    for (const e of x) f.push(F(e, E(e)));
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: T,
-        "data-component": "address-fields",
-        "data-component-id": g,
-        className: [C({ layout: R }), I].filter(Boolean).join(" "),
-        children: f
-      }
-    );
-  }
-);
-ee.displayName = "AddressFields";
-export {
-  ee as A,
-  J as a
-};
-//# sourceMappingURL=address-fields-1pD-8hML.js.map

package/dist/_chunks/city-input-DyxVWSRQ.js

@@ -1,170 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as H, useRef as N, useEffect as _, useMemo as W, useCallback as q } from "react";
-import { useTranslation as B } from "react-i18next";
-import { A as F } from "./autocomplete-BXm1rnT0.js";
-import { T as G } from "./text-input-lZ2-t-p2.js";
-import { u as J } from "./use-controllable-state-BiY4xTzM.js";
-import { u as L } from "./registry-DvAUVLHh.js";
-const O = {
-  id: "city-input",
-  capabilities: ["set_value"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.cityInput.state.value",
-      description: "Current city / town value.",
-      read: (e) => e.getValue()
-    },
-    isEmpty: {
-      type: "boolean",
-      descriptionKey: "ui.agent.cityInput.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.cityInput.actions.setValue",
-      description: "Replace the city value.",
-      examples: [
-        { args: { value: "Milano" }, note: "Set the city to Milano." }
-      ],
-      invoke: (e, r) => {
-        e.setValue(r.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.cityInput.actions.clear",
-      description: "Empty the field. Loses any typed value.",
-      invoke: (e) => {
-        e.clear();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "city-input" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Q = H(
-  function({
-    value: r,
-    defaultValue: V,
-    onValueChange: R,
-    loadCities: i,
-    onCitySelect: S,
-    country: s,
-    province: u,
-    recents: k,
-    debounceMs: w,
-    snapOnBlur: x,
-    placeholder: A,
-    clearable: E,
-    disabled: c,
-    readOnly: p,
-    required: d,
-    name: m,
-    id: n,
-    size: y = "md",
-    tone: v = "default",
-    "aria-label": f,
-    "aria-invalid": g,
-    "aria-describedby": h,
-    className: K
-  }, b) {
-    const { t: T } = B("ui"), [a, t] = J({
-      value: r,
-      defaultValue: V,
-      onChange: R
-    }), C = N(a);
-    _(() => {
-      C.current = a;
-    }, [a]);
-    const j = W(
-      () => ({
-        getValue: () => C.current ?? "",
-        setValue: (o) => t(o),
-        clear: () => t("")
-      }),
-      [t]
-    );
-    L(O, j, n);
-    const M = q(
-      (o, P) => i ? i(o, { ...P, country: s, province: u }) : Promise.resolve([]),
-      [i, s, u]
-    ), I = A ?? T("inputs.cityInput.placeholder", "City");
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        "data-component": "city-input",
-        "data-component-id": n,
-        className: ["ds:w-full", K].filter(Boolean).join(" "),
-        children: i ? /* @__PURE__ */ l(
-          F,
-          {
-            ref: b,
-            loadOptions: M,
-            value: a ?? "",
-            onChange: t,
-            onSelect: S,
-            recents: k,
-            debounceMs: w,
-            snapOnBlur: x,
-            autoComplete: "address-level2",
-            placeholder: I,
-            disabled: c,
-            readOnly: p,
-            required: d,
-            name: m,
-            id: n,
-            size: y,
-            tone: v,
-            "aria-label": f,
-            "aria-invalid": g,
-            "aria-describedby": h
-          }
-        ) : /* @__PURE__ */ l(
-          G,
-          {
-            ref: b,
-            value: a ?? "",
-            onChange: (o) => t(o.target.value),
-            onClear: () => t(""),
-            autoComplete: "address-level2",
-            placeholder: I,
-            clearable: E,
-            disabled: c,
-            readOnly: p,
-            required: d,
-            name: m,
-            id: n,
-            size: y,
-            tone: v,
-            "aria-label": f,
-            "aria-invalid": g,
-            "aria-describedby": h
-          }
-        )
-      }
-    );
-  }
-);
-Q.displayName = "CityInput";
-export {
-  Q as C,
-  O as c
-};
-//# sourceMappingURL=city-input-DyxVWSRQ.js.map

package/dist/_chunks/editor-overlay-CWV0chPV.js

@@ -1,93 +0,0 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { useRef as o, useId as k, useEffect as v, useCallback as E } from "react";
-import { useTranslation as j } from "react-i18next";
-import { c as I } from "./index-D2ZczOXr.js";
-import { I as N } from "./icon-button-mKIvw90h.js";
-import { X as z } from "./x-B5YnXwCz.js";
-const R = I(
-  [
-    // Spans the editor's block-end edge (a docked bar) and expands from the pill.
-    "ds:absolute ds:z-20",
-    "ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]",
-    "ds:[inset-block-end:var(--spacing-md)]",
-    // Slim docked bar — compact but with a little breathing room.
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-    "ds:p-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-lg)]",
-    // Apple "Liquid Glass": a translucent base + backdrop blur/saturate so the
-    // editor shows through, a specular top "rim" + inner hairline ring, and a
-    // soft drop shadow for a floating slab. --card-border is theme-aware (dark
-    // hairline on light themes, bright on dark), so the rim reads in all four.
-    "ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]",
-    "ds:backdrop-blur-xl ds:backdrop-saturate-150",
-    "ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]",
-    "ds:shadow-[inset_0_1px_0_0_var(--card-border),inset_0_0_0_1px_color-mix(in_srgb,var(--card-border)_35%,transparent),var(--shadow-lg)]",
-    // Liquid-glass grow out of the pill (bottom-inline-end origin).
-    "ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95",
-    "ds:motion-reduce:animate-none"
-  ].join(" ")
-), F = "ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]";
-function D({
-  open: d,
-  onClose: s,
-  title: n,
-  ariaLabel: b,
-  children: g,
-  footer: i,
-  id: x,
-  className: _
-}) {
-  const { t: h } = j("ui"), t = o(null), c = o(null), l = k(), m = o(s);
-  v(() => {
-    m.current = s;
-  }, [s]);
-  const w = E(() => s(), [s]);
-  return v(() => {
-    if (!d) return;
-    c.current = document.activeElement;
-    const y = window.requestAnimationFrame(() => {
-      var a, f;
-      (f = ((a = t.current) == null ? void 0 : a.querySelector(
-        'input, textarea, button, [tabindex]:not([tabindex="-1"])'
-      )) ?? t.current) == null || f.focus();
-    }), u = (e) => {
-      e.key === "Escape" && !e.defaultPrevented && (e.stopPropagation(), m.current());
-    };
-    return document.addEventListener("keydown", u), () => {
-      var e, a;
-      window.cancelAnimationFrame(y), document.removeEventListener("keydown", u), (a = (e = c.current) == null ? void 0 : e.focus) == null || a.call(e);
-    };
-  }, [d]), d ? /* @__PURE__ */ r("div", { "data-component": "editor-overlay", "data-component-id": x, children: /* @__PURE__ */ p(
-    "div",
-    {
-      ref: t,
-      role: "dialog",
-      "aria-modal": "false",
-      "aria-labelledby": n ? l : void 0,
-      "aria-label": n ? void 0 : b,
-      tabIndex: -1,
-      className: [R(), _].filter(Boolean).join(" "),
-      children: [
-        n ? /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ r("div", { id: l, className: F, children: n }),
-          /* @__PURE__ */ r(
-            N,
-            {
-              size: "sm",
-              intent: "ghost",
-              icon: /* @__PURE__ */ r(z, {}),
-              "aria-label": h("common.close"),
-              onClick: w
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: g }),
-        i ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]", children: i }) : null
-      ]
-    }
-  ) }) : null;
-}
-export {
-  D as E
-};
-//# sourceMappingURL=editor-overlay-CWV0chPV.js.map