@alfadocs/ui-kit 0.46.0 → 0.48.0

package/dist/_chunks/is-safe-url-DkETxeHz.js

@@ -0,0 +1,7 @@
+function e(t) {
+  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(t);
+}
+export {
+  e as i
+};
+//# sourceMappingURL=is-safe-url-DkETxeHz.js.map

package/dist/_chunks/languages-DsVf_WzT.js

@@ -0,0 +1,19 @@
+import { c as e } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+], d = e("languages", a);
+export {
+  d as L
+};
+//# sourceMappingURL=languages-DsVf_WzT.js.map

package/dist/_chunks/layers-pzGcbLPj.js

@@ -0,0 +1,34 @@
+import { c as a } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], c = a("layers", e);
+export {
+  c as L
+};
+//# sourceMappingURL=layers-pzGcbLPj.js.map

package/dist/_chunks/{message-card-DSPw5ghw.js → message-card-Dvl1TgaN.js}

@@ -1,13 +1,14 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as _, useMemo as B, useState as L, useRef as U, useCallback as W } from "react";
-import { c as D } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
+import { forwardRef as _, useMemo as B, useState as L, useRef as U, useCallback as E } from "react";
+import { c as W } from "./index-D2ZczOXr.js";
+import { useTranslation as D } from "react-i18next";
 import { I as H } from "./icon-button-CKEOrN37.js";
 import { B as k } from "./button-DD_0Xdmr.js";
 import { A as X } from "./avatar-BNQNhoyL.js";
 import { T as q } from "./timestamp-BV2lC-wV.js";
-import { X as G } from "./x-CCcI3eJp.js";
-const J = D(
+import { i as G } from "./is-safe-url-DkETxeHz.js";
+import { X as J } from "./x-CCcI3eJp.js";
+const O = W(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -68,11 +69,7 @@ const J = D(
   "ds:focus-visible:after:outline-[color:var(--ring)]",
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function O(e) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
-}
-const Q = _(
+].join(" "), Q = _(
   ({
     item: e,
     variant: d = "compact",
@@ -85,13 +82,13 @@ const Q = _(
     className: T,
     ...z
   }, K) => {
-    const { t: n, i18n: v } = E(), M = B(() => {
+    const { t: n, i18n: v } = D(), S = B(() => {
       const s = new Date(e.sentAt);
       return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
         dateStyle: "medium",
         timeStyle: "short"
       }).format(s);
-    }, [e.sentAt, v.language]), f = b !== void 0, [S, V] = L(!1), m = U(null), x = f ? b : S, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = W(
+    }, [e.sentAt, v.language]), f = b !== void 0, [M, V] = L(!1), m = U(null), x = f ? b : M, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = E(
       (s) => {
         if (s == null || s.preventDefault(), s == null || s.stopPropagation(), !o) return;
         if (f || w) {
@@ -112,10 +109,10 @@ const Q = _(
     }) : "", C = n("messageCard.itemLabel", {
       sender: e.sender.name,
       subjectFragment: I,
-      time: M,
+      time: S,
       unreadSuffix: P,
       defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && O(e.url), i = /* @__PURE__ */ a(
+    }), p = !!e.url && G(e.url), i = /* @__PURE__ */ a(
       "span",
       {
         className: [
@@ -168,7 +165,7 @@ const Q = _(
         "data-read": e.read ? "true" : "false",
         "data-leaving": x ? "true" : void 0,
         "aria-hidden": x || void 0,
-        className: J({ variant: d, size: h, state: F, className: T }),
+        className: O({ variant: d, size: h, state: F, className: T }),
         ...z,
         children: [
           /* @__PURE__ */ a(
@@ -261,7 +258,7 @@ const Q = _(
           d === "compact" && o ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
             H,
             {
-              icon: /* @__PURE__ */ a(G, {}),
+              icon: /* @__PURE__ */ a(J, {}),
               intent: "ghost",
               size: "sm",
               "aria-label": n("messageCard.dismiss", "Dismiss message"),
@@ -275,7 +272,6 @@ const Q = _(
 );
 Q.displayName = "MessageCard";
 export {
-  Q as M,
-  O as i
+  Q as M
 };
-//# sourceMappingURL=message-card-DSPw5ghw.js.map
+//# sourceMappingURL=message-card-Dvl1TgaN.js.map

package/dist/_chunks/{message-tray-hSQff9u4.js → message-tray-Dl6GQaaV.js}

@@ -9,7 +9,7 @@ import { I as me } from "./icon-button-CKEOrN37.js";
 import { B as E } from "./button-DD_0Xdmr.js";
 import { S as L } from "./separator-CYU_bGFn.js";
 import { S as f } from "./skeleton-CZbwyJAA.js";
-import { M as pe } from "./message-card-DSPw5ghw.js";
+import { M as pe } from "./message-card-Dvl1TgaN.js";
 import { u as ue } from "./registry-nPAVE19X.js";
 import { M as F } from "./mail-C8irm52s.js";
 const ge = {
@@ -412,4 +412,4 @@ export {
   be as M,
   ge as m
 };
-//# sourceMappingURL=message-tray-hSQff9u4.js.map
+//# sourceMappingURL=message-tray-Dl6GQaaV.js.map

package/dist/_chunks/mic-B4Gog3Gi.js

@@ -0,0 +1,16 @@
+import { c } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["path", { d: "M12 19v3", key: "npa21l" }],
+  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
+  ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
+], o = c("mic", e);
+export {
+  o as M
+};
+//# sourceMappingURL=mic-B4Gog3Gi.js.map

package/dist/_chunks/operator-hero-CM8949Hd.js

@@ -0,0 +1,198 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { forwardRef as R, useId as A, useRef as O } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { A as j } from "./avatar-BNQNhoyL.js";
+import { B as I } from "./badge-zsf5i5bH.js";
+import { C as T } from "./card-DPmk26CL.js";
+import { R as B } from "./rating-BRD7O74e.js";
+import { u as F } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as K } from "./registry-nPAVE19X.js";
+import { c as S } from "./entity-card-COhmqHly.js";
+const V = {
+  id: "operator-hero",
+  capabilities: ["view_change"],
+  state: {
+    name: {
+      type: "string",
+      descriptionKey: "ui.agent.operatorHero.state.name",
+      description: "Operator display name currently rendered.",
+      read: (r) => r.getName()
+    },
+    hasColor: {
+      type: "boolean",
+      descriptionKey: "ui.agent.operatorHero.state.hasColor",
+      description: "Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.",
+      read: (r) => r.getHasColor()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "operator-hero",
+      description: "Marks the OperatorHero root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, E = P("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Density toggle. Default `comfortable` matches the practice hero's
+    // visual weight minus the cover strip. `compact` is for embedded
+    // surfaces (booking aside, ROI Dashboard practice panel) where the
+    // hero needs to fit in <12rem vertical.
+    density: {
+      comfortable: "",
+      compact: ""
+    },
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel,
+    // ContactProfileCard). `'elevated'` wraps in `<Card>`.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable",
+    surface: "elevated"
+  }
+}), M = R(
+  ({
+    name: r,
+    colorId: l,
+    tagline: p,
+    imageUrl: h,
+    rating: a,
+    badges: i,
+    actionSlot: m,
+    density: s = "comfortable",
+    surface: v = "elevated",
+    "aria-label": x,
+    id: n,
+    className: b,
+    ...y
+  }, N) => {
+    const { t: c } = z(), u = A(), H = x ?? c("operatorHero.regionLabel"), d = l != null, f = O(null);
+    K(
+      V,
+      { getName: () => r, getHasColor: () => d },
+      n
+    ), F(() => {
+      const o = f.current;
+      o && (d ? o.style.setProperty("--operator-hero-color", S(l)) : o.style.removeProperty("--operator-hero-color"));
+    }, [d, l]);
+    const C = a ? c("operatorHero.ratingLabel", {
+      value: a.value.toFixed(1),
+      count: a.count
+    }) : void 0, k = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", w = s === "comfortable" ? "2xl" : "xl", L = s === "comfortable" ? "type-title-page" : "type-title-card", g = /* @__PURE__ */ t(
+      "div",
+      {
+        className: [
+          "ds:flex ds:items-start ds:gap-[var(--spacing-lg)]",
+          k,
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e(
+            j,
+            {
+              size: w,
+              name: r,
+              src: h,
+              className: "ds:shrink-0"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ t("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap", children: [
+              /* @__PURE__ */ t(
+                "h1",
+                {
+                  id: u,
+                  className: `${L} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`,
+                  children: [
+                    d ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        ref: f,
+                        role: "img",
+                        "aria-label": c("operatorHero.colorLabel", "Calendar colour"),
+                        className: "ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]"
+                      }
+                    ) : null,
+                    r
+                  ]
+                }
+              ),
+              m ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+            ] }),
+            p ? /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[color:var(--foreground)]", children: p }) : null,
+            a ? /* @__PURE__ */ t(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                "aria-label": C,
+                children: [
+                  /* @__PURE__ */ e(
+                    B,
+                    {
+                      value: a.value,
+                      max: 5,
+                      size: s === "comfortable" ? "md" : "sm"
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+                    a.value.toFixed(1),
+                    " · ",
+                    a.count
+                  ] })
+                ]
+              }
+            ) : null,
+            i && i.length > 0 ? /* @__PURE__ */ e(
+              "div",
+              {
+                role: "list",
+                className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]",
+                children: i.map((o) => /* @__PURE__ */ e(
+                  I,
+                  {
+                    variant: o.variant ?? "neutral",
+                    role: "listitem",
+                    children: o.label
+                  },
+                  o.key
+                ))
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: N,
+        role: "region",
+        "aria-label": H,
+        "aria-labelledby": u,
+        "data-component": "operator-hero",
+        "data-component-id": n,
+        "data-density": s,
+        id: n,
+        className: E({ surface: v, density: s, className: b }),
+        ...y,
+        children: v === "elevated" ? /* @__PURE__ */ e(T, { variant: "elevated", children: g }) : g
+      }
+    );
+  }
+);
+M.displayName = "OperatorHero";
+export {
+  M as O,
+  V as o
+};
+//# sourceMappingURL=operator-hero-CM8949Hd.js.map