@alfadocs/ui-kit 1.52.0 → 1.54.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.52.0",
+  "version": "1.54.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -297,6 +297,10 @@
       "types": "./dist/components/description-list/index.d.ts",
       "import": "./dist/components/description-list/index.js"
     },
+    "./dev-bypass-button": {
+      "types": "./dist/components/dev-bypass-button/index.d.ts",
+      "import": "./dist/components/dev-bypass-button/index.js"
+    },
     "./dialog": {
       "types": "./dist/components/dialog/index.d.ts",
       "import": "./dist/components/dialog/index.js"
@@ -825,10 +829,23 @@
       "types": "./dist/patterns/calendar/index.d.ts",
       "import": "./dist/patterns/calendar/index.js"
     },
+    "./error-pages/*": "./dist/error-pages/*",
+    "./patterns/error-page": {
+      "types": "./dist/patterns/error-page/index.d.ts",
+      "import": "./dist/patterns/error-page/index.js"
+    },
+    "./patterns/forgot-password-form": {
+      "types": "./dist/patterns/forgot-password-form/index.d.ts",
+      "import": "./dist/patterns/forgot-password-form/index.js"
+    },
     "./patterns/help-me-write-templates": {
       "types": "./dist/patterns/help-me-write-templates/index.d.ts",
       "import": "./dist/patterns/help-me-write-templates/index.js"
     },
+    "./patterns/login-form": {
+      "types": "./dist/patterns/login-form/index.d.ts",
+      "import": "./dist/patterns/login-form/index.js"
+    },
     "./patterns/marketplace-app-shell": {
       "types": "./dist/patterns/marketplace-app-shell/index.d.ts",
       "import": "./dist/patterns/marketplace-app-shell/index.js"
@@ -837,10 +854,18 @@
       "types": "./dist/patterns/payment-automation-upsell/index.d.ts",
       "import": "./dist/patterns/payment-automation-upsell/index.js"
     },
+    "./patterns/registration-form": {
+      "types": "./dist/patterns/registration-form/index.d.ts",
+      "import": "./dist/patterns/registration-form/index.js"
+    },
     "./patterns/signature-request": {
       "types": "./dist/patterns/signature-request/index.d.ts",
       "import": "./dist/patterns/signature-request/index.js"
     },
+    "./patterns/signed-out-frame": {
+      "types": "./dist/patterns/signed-out-frame/index.d.ts",
+      "import": "./dist/patterns/signed-out-frame/index.js"
+    },
     "./patient-summary-card": {
       "types": "./dist/components/patient-summary-card/index.d.ts",
       "import": "./dist/components/patient-summary-card/index.js"
@@ -959,9 +984,10 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run build:host-compat && npm run build:types && npm run build:locales && 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: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",
     "check:host-compat": "node scripts/build-host-compat.mjs --check",
@@ -1200,6 +1226,7 @@
     "apexcharts": "^5.10.1",
     "autoprefixer": "^10.5.0",
     "chromatic": "^16.10.0",
+    "esbuild": "^0.25.12",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^9.1.2",
     "eslint-plugin-import": "^2.32.0",

package/dist/_chunks/address-fields-UiEXHxEX.js

@@ -1,246 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as _, useRef as j, useEffect as k, useCallback as E, useMemo as x } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
-import { C as O } from "./country-select-BYa4BrEi.js";
-import { P as B } from "./province-select-BZtM0RSR.js";
-import { P as q } from "./postal-code-input-Dv02t5MD.js";
-import { C as H } from "./city-input-CAnTVgBZ.js";
-import { T as K } from "./text-input-CLaItY93.js";
-import { F as l } from "./form-field-YUJl_U5l.js";
-import { A as M } from "./address-autocomplete-BVLoHU3E.js";
-import { u as U } from "./registry-DvAUVLHh.js";
-const W = {
-  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" }
-}, Y = {
-  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: (d) => d.getValue()
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: StructuredAddress }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          value: { type: "object", properties: W }
-        },
-        required: ["value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.addressFields.actions.setValue",
-      description: "Replace the entire address.",
-      invoke: (d, c) => {
-        d.setValue(c.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: (d, c) => {
-        d.setField(c.field, c.value);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "address-fields" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, z = {
-  street: "",
-  city: "",
-  postcode: "",
-  province: "",
-  country: "",
-  formatted: ""
-}, G = {
-  it: ["street", "postcode", "city", "province"]
-}, J = [
-  "street",
-  "city",
-  "postcode",
-  "province"
-], Q = /* @__PURE__ */ new Set(["findbar", "country", "street"]), X = L("", {
-  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" }
-}), Z = _(
-  function({
-    value: c,
-    onChange: t,
-    fields: R,
-    loadCities: P,
-    popularCountries: V,
-    apiKey: m,
-    getSuggestions: f,
-    layout: F = "stacked",
-    disabled: a,
-    id: S,
-    className: D
-  }, b) {
-    const { t: n } = N("ui"), o = c ?? z, i = o.country, p = j(o);
-    k(() => {
-      p.current = o;
-    }, [o]);
-    const u = E(
-      (e) => {
-        t == null || t({ ...p.current, ...e });
-      },
-      [t]
-    ), w = E(
-      (e) => t == null ? void 0 : t({ ...p.current, ...e }),
-      [t]
-    ), I = x(
-      () => ({
-        getValue: () => p.current,
-        setValue: (e) => t == null ? void 0 : t(e),
-        setField: (e, r) => {
-          const A = { [e]: r };
-          e === "country" && (A.province = ""), t == null || t({ ...p.current, ...A });
-        }
-      }),
-      [t]
-    );
-    U(Y, I, S);
-    const T = R ?? G[(i == null ? void 0 : i.toLowerCase()) ?? ""] ?? J, h = !!(m || f), g = (e) => {
-      switch (e) {
-        case "country":
-          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.country", "Country"), children: /* @__PURE__ */ s(
-            O,
-            {
-              value: i,
-              onValueChange: (r) => u({ country: r, province: "" }),
-              popularCountries: V,
-              disabled: a
-            }
-          ) });
-        case "street":
-          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.street", "Street"), children: /* @__PURE__ */ s(
-            K,
-            {
-              value: o.street,
-              onChange: (r) => u({ street: r.target.value }),
-              autoComplete: "address-line1",
-              disabled: a
-            }
-          ) });
-        case "city":
-          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.city", "City"), children: /* @__PURE__ */ s(
-            H,
-            {
-              value: o.city,
-              onValueChange: (r) => u({ city: r }),
-              loadCities: P,
-              country: i,
-              province: o.province,
-              disabled: a
-            }
-          ) });
-        case "postcode":
-          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.postcode", "Postcode"), children: /* @__PURE__ */ s(
-            q,
-            {
-              value: o.postcode,
-              onValueChange: (r) => u({ postcode: r }),
-              country: i,
-              disabled: a
-            }
-          ) });
-        case "province":
-          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.province", "Province"), children: /* @__PURE__ */ s(
-            B,
-            {
-              value: o.province,
-              onValueChange: (r) => u({ province: r }),
-              country: i,
-              disabled: a
-            }
-          ) });
-      }
-    }, y = (e, r) => F === "grid" ? /* @__PURE__ */ s(
-      "div",
-      {
-        className: Q.has(e) ? "ds:col-span-2" : void 0,
-        children: r
-      },
-      e
-    ) : /* @__PURE__ */ s("div", { children: r }, e), v = [];
-    h && v.push(
-      y(
-        "findbar",
-        /* @__PURE__ */ s(l, { label: n("inputs.addressFields.find", "Find address"), children: /* @__PURE__ */ s(
-          M,
-          {
-            apiKey: m,
-            getSuggestions: f,
-            regionCodes: i ? [i] : void 0,
-            disabled: a,
-            onSelect: w
-          }
-        ) })
-      )
-    ), v.push(y("country", g("country")));
-    for (const e of T) v.push(y(e, g(e)));
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: b,
-        "data-component": "address-fields",
-        "data-component-id": S,
-        className: [X({ layout: F }), D].filter(Boolean).join(" "),
-        children: v
-      }
-    );
-  }
-);
-Z.displayName = "AddressFields";
-export {
-  Z as A,
-  Y as a
-};
-//# sourceMappingURL=address-fields-UiEXHxEX.js.map

package/dist/_chunks/apexcharts-theme-B_AxGC_h.js

@@ -1,72 +0,0 @@
-import { useEffect as u } from "react";
-const s = [
-  "a[href]",
-  "button",
-  "input",
-  "select",
-  "textarea",
-  '[tabindex]:not([tabindex="-1"])'
-].join(",");
-function d(t) {
-  u(() => {
-    const e = t.current;
-    if (!e) return;
-    const o = () => {
-      e.querySelectorAll('[aria-hidden="true"]').forEach((n) => {
-        n.querySelectorAll(s).forEach((c) => {
-          c.setAttribute("tabindex", "-1");
-        });
-      });
-    };
-    o();
-    const r = new MutationObserver(o);
-    return r.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["aria-hidden", "tabindex"]
-    }), () => r.disconnect();
-  }, [t]);
-}
-function a(t) {
-  if (typeof document > "u" || !t) return t;
-  const e = document.createElement("span");
-  e.style.backgroundColor = t, document.documentElement.appendChild(e);
-  const o = getComputedStyle(e).backgroundColor;
-  return e.remove(), o || t;
-}
-function l() {
-  if (typeof document > "u") return 0.18;
-  const t = getComputedStyle(document.documentElement).getPropertyValue("--chart-compare-fill-opacity").trim(), e = parseFloat(t);
-  return Number.isFinite(e) ? e : 0.18;
-}
-function m(t) {
-  if (typeof document > "u" || !t) return t;
-  const e = getComputedStyle(document.documentElement), o = parseFloat(e.getPropertyValue("--chart-compare-fill-opacity")) || 0.18, r = Math.round(o * 100), n = e.getPropertyValue("--background").trim();
-  return a(`color-mix(in srgb, ${t} ${r}%, ${n})`);
-}
-function p() {
-  const t = getComputedStyle(document.documentElement), e = (r) => t.getPropertyValue(r).trim();
-  return {
-    theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
-    colors: [
-      e("--primary"),
-      e("--accent"),
-      e("--success"),
-      e("--warning")
-    ],
-    chart: {
-      background: e("--background"),
-      foreColor: e("--foreground"),
-      fontFamily: e("--font-sans")
-    },
-    grid: { borderColor: e("--border") }
-  };
-}
-export {
-  l as a,
-  p as g,
-  m as r,
-  d as u
-};
-//# sourceMappingURL=apexcharts-theme-B_AxGC_h.js.map