@alfadocs/ui-kit 0.68.0 → 0.70.0

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

@@ -0,0 +1,496 @@
+import { jsx as c, jsxs as O } from "react/jsx-runtime";
+import { forwardRef as Re, useRef as P, useMemo as ae, useId as ke, useState as L, useCallback as Q, useEffect as Pe } from "react";
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as le } from "react-i18next";
+import { A as Ne, c as Ee } from "./index.modern-Zta-A4Jm.js";
+import { u as Ve } from "./form-field-context-B3APVHKx.js";
+import { c as De } from "./compose-refs-C0k0tdqF.js";
+import { u as Fe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Se } from "./registry-DvAUVLHh.js";
+import { I as Be, a as X, b as J, c as Me } from "./input-surface-xyERuLU_.js";
+import { u as Ue } from "./use-debounced-callback-BisrB-Fq.js";
+import { M as $e } from "./map-pin-B8STOPMJ.js";
+const je = {
+  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, n) => {
+        t.setValue(n.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, n) => {
+        t.setQuery(n.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 M(t) {
+  return t.longText ?? t.long_name ?? "";
+}
+function ie(t) {
+  return t.shortText ?? t.short_name ?? M(t);
+}
+function w(t, n) {
+  return t.find((p) => p.types.includes(n));
+}
+function de(t, n = "") {
+  const p = w(t, "route"), m = w(t, "street_number"), s = w(t, "locality"), i = w(t, "postal_town"), g = w(t, "administrative_area_level_3"), N = w(t, "postal_code"), E = w(t, "administrative_area_level_2"), d = w(t, "country"), h = p ? M(p) : "", v = m ? M(m) : "", y = [h, v].filter(Boolean).join(" ").trim(), r = s ?? i ?? g, a = r ? M(r) : "", l = N ? M(N) : "", V = E ? ie(E).toUpperCase() : "", C = d ? ie(d).toLowerCase() : "";
+  return {
+    street: y,
+    city: a,
+    postcode: l,
+    province: V,
+    country: C,
+    formatted: n
+  };
+}
+const qe = z(
+  ["ds:flex ds:w-full ds:items-center", Me].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${X.sm} ${J.sm}`,
+        md: `${X.md} ${J.md}`,
+        lg: `${X.lg} ${J.lg}`
+      },
+      tone: Be
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), Ke = z(
+  [
+    "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(" ")
+), Oe = "ds:inline-flex ds:items-center ds:shrink-0 ds:ps-3 ds:text-muted-foreground ds:[&_svg]:size-4", Le = z(
+  [
+    "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(" ")
+), Qe = z(
+  [
+    "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",
+    "ds:data-[active=true]:bg-primary ds:data-[active=true]:text-primary-foreground",
+    "ds:hover:bg-muted ds:data-[active=true]:hover:bg-primary"
+  ].join(" ")
+), ce = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground";
+function ze({
+  forwardedRef: t,
+  regionCodes: n,
+  onSelect: p,
+  ...m
+}) {
+  const s = Ee("places"), i = P(null), g = !!(s && "AutocompleteSuggestion" in s && "Place" in s && "AutocompleteSessionToken" in s), N = Q(
+    async (d) => {
+      if (!s || d.trim().length === 0) return [];
+      if (g) {
+        i.current || (i.current = new s.AutocompleteSessionToken());
+        const { suggestions: r } = await s.AutocompleteSuggestion.fetchAutocompleteSuggestions({
+          input: d,
+          sessionToken: i.current,
+          includedRegionCodes: n
+        });
+        return r.map((a) => {
+          var V, C;
+          const l = a.placePrediction;
+          return l ? {
+            placeId: l.placeId,
+            primaryText: ((V = l.mainText) == null ? void 0 : V.text) ?? l.text.text,
+            secondaryText: (C = l.secondaryText) == null ? void 0 : C.text
+          } : null;
+        }).filter((a) => a !== null);
+      }
+      const h = s.AutocompleteService;
+      return h ? (await new h().getPlacePredictions({ input: d })).predictions.map((r) => {
+        var a, l;
+        return {
+          placeId: r.place_id,
+          primaryText: ((a = r.structured_formatting) == null ? void 0 : a.main_text) ?? r.description,
+          secondaryText: (l = r.structured_formatting) == null ? void 0 : l.secondary_text
+        };
+      }) : [];
+    },
+    [s, g, n]
+  ), E = Q(
+    async (d) => {
+      if (d.address) return d.address;
+      if (!s) return null;
+      if (g) {
+        const y = new s.Place({ id: d.placeId }), { place: r } = await y.fetchFields({
+          fields: ["addressComponents", "formattedAddress"]
+        });
+        i.current = null;
+        const a = r.addressComponents ?? [];
+        return de(
+          a,
+          r.formattedAddress ?? ""
+        );
+      }
+      const h = s.PlacesService;
+      if (!h) return null;
+      const v = new h(document.createElement("div"));
+      return new Promise((y) => {
+        v.getDetails(
+          {
+            placeId: d.placeId,
+            fields: ["address_components", "formatted_address"]
+          },
+          (r) => {
+            if (!r) {
+              y(null);
+              return;
+            }
+            const a = r.address_components ?? [];
+            y(
+              de(
+                a,
+                r.formatted_address ?? ""
+              )
+            );
+          }
+        );
+      });
+    },
+    [s, g]
+  );
+  return /* @__PURE__ */ c(
+    Y,
+    {
+      ...m,
+      forwardedRef: t,
+      getSuggestions: N,
+      resolveSelection: E,
+      onSelect: p
+    }
+  );
+}
+function Y({
+  forwardedRef: t,
+  value: n,
+  defaultValue: p,
+  onValueChange: m,
+  onSelect: s,
+  getSuggestions: i,
+  resolveSelection: g,
+  placeholder: N,
+  debounceMs: E = 250,
+  disabled: d,
+  required: h,
+  readOnly: v,
+  name: y,
+  id: r,
+  size: a = "md",
+  tone: l = "default",
+  className: V,
+  "aria-label": C
+}) {
+  const { t: _ } = le(), S = Ve(), H = P(null), ue = ae(
+    () => De(t, H),
+    [t]
+  ), pe = ke(), U = r ?? S.id ?? pe, Z = `${U}-listbox`, fe = `${U}-live`, ee = (e) => `${U}-opt-${e}`, D = !!(S.disabled || d), me = !!(S.required || h), te = S.invalid, ge = te ? "error" : l, ve = S.describedBy || void 0, [he, I] = Fe({
+    value: n,
+    defaultValue: p ?? "",
+    onChange: m
+  }), x = he ?? "", [R, f] = L(!1), [u, $] = L([]), [B, G] = L(!1), [T, b] = L(-1), j = P(!1), q = P(""), ye = N ?? _("inputs.addressAutocomplete.placeholder"), xe = Q(
+    (e) => {
+      !i || D || v || j.current || (q.current = e, G(!0), Promise.resolve(i(e)).then((o) => {
+        q.current === e && ($(o), b(-1), G(!1));
+      }).catch(() => {
+        q.current === e && ($([]), G(!1));
+      }));
+    },
+    [i, D, v]
+  ), A = Ue(xe, E);
+  Pe(() => () => A.cancel(), [A]);
+  const be = (e) => {
+    I(e), !(D || v) && (R || f(!0), !j.current && A(e));
+  }, se = Q(
+    (e) => {
+      var o;
+      I(e.primaryText), f(!1), b(-1), $([]), q.current = e.primaryText, g ? Promise.resolve(g(e)).then((k) => {
+        k && (s == null || s(k));
+      }).catch(() => {
+      }) : e.address && (s == null || s(e.address)), (o = H.current) == null || o.focus();
+    },
+    [I, g, s, H]
+  ), re = R && !B && x.trim().length > 0 && u.length === 0 && !!i, K = u.length > 0, F = R && (K || re || B), Ae = (e) => {
+    if (!e.nativeEvent.isComposing) {
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), !R) {
+          f(!0), x && A(x);
+          return;
+        }
+        if (u.length === 0) return;
+        b((o) => (o + 1) % u.length);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        if (e.preventDefault(), u.length === 0) return;
+        b(
+          (o) => o <= 0 ? u.length - 1 : o - 1
+        );
+        return;
+      }
+      if (e.key === "Enter") {
+        F && (e.preventDefault(), T >= 0 && u[T] && se(u[T]));
+        return;
+      }
+      e.key === "Escape" && R && (e.preventDefault(), f(!1), b(-1));
+    }
+  }, Te = () => {
+    D || v || x && (f(!0), A(x));
+  }, we = (e) => {
+    var k;
+    const o = e.relatedTarget;
+    o && ((k = oe.current) != null && k.contains(o)) || (f(!1), b(-1));
+  }, oe = P(null), Ce = R && T >= 0 && u[T] ? ee(u[T].placeId) : void 0, W = P(x);
+  W.current = x;
+  const ne = P(F);
+  ne.current = F;
+  const _e = ae(
+    () => ({
+      getValue: () => W.current,
+      getQuery: () => W.current,
+      getIsOpen: () => ne.current,
+      setValue: (e) => {
+        I(e), f(!0), A(e);
+      },
+      setQuery: (e) => {
+        I(e), f(!0), A(e);
+      },
+      clear: () => {
+        I(""), f(!1), b(-1), $([]);
+      },
+      open: () => f(!0),
+      close: () => {
+        f(!1), b(-1);
+      }
+    }),
+    [I, A]
+  );
+  Se(je, _e, r);
+  const Ie = B ? _("inputs.addressAutocomplete.loading") : R && x.trim().length > 0 ? _("inputs.addressAutocomplete.results", { count: u.length }) : "";
+  return /* @__PURE__ */ O(
+    "div",
+    {
+      className: "ds:relative ds:w-full",
+      "data-component": "address-autocomplete",
+      "data-component-id": r,
+      children: [
+        /* @__PURE__ */ O(
+          "div",
+          {
+            className: qe({ size: a, tone: ge, className: V }),
+            "data-disabled": D || void 0,
+            children: [
+              /* @__PURE__ */ c("span", { "aria-hidden": "true", className: Oe, children: /* @__PURE__ */ c($e, {}) }),
+              /* @__PURE__ */ c(
+                "input",
+                {
+                  ref: ue,
+                  id: U,
+                  name: y,
+                  type: "text",
+                  autoComplete: "off",
+                  role: "combobox",
+                  "aria-autocomplete": "list",
+                  "aria-expanded": F,
+                  "aria-controls": F ? Z : void 0,
+                  "aria-activedescendant": Ce,
+                  "aria-describedby": ve,
+                  "aria-invalid": te || void 0,
+                  "aria-label": C ?? _("inputs.addressAutocomplete.ariaLabel"),
+                  placeholder: ye,
+                  value: x,
+                  disabled: D,
+                  required: me,
+                  readOnly: v,
+                  onChange: (e) => be(e.target.value),
+                  onKeyDown: Ae,
+                  onFocus: Te,
+                  onBlur: we,
+                  onCompositionStart: () => {
+                    j.current = !0;
+                  },
+                  onCompositionEnd: (e) => {
+                    j.current = !1, A(e.currentTarget.value);
+                  },
+                  className: Ke()
+                }
+              )
+            ]
+          }
+        ),
+        F ? /* @__PURE__ */ O(
+          "ul",
+          {
+            ref: oe,
+            id: Z,
+            role: "listbox",
+            "aria-label": C ?? _("inputs.addressAutocomplete.listLabel"),
+            className: Le(),
+            children: [
+              K ? u.map((e, o) => /* @__PURE__ */ O(
+                "li",
+                {
+                  id: ee(e.placeId),
+                  role: "option",
+                  "aria-selected": o === T,
+                  "data-active": o === T || void 0,
+                  onMouseDown: (k) => {
+                    k.preventDefault(), se(e);
+                  },
+                  onMouseEnter: () => b(o),
+                  className: Qe(),
+                  children: [
+                    /* @__PURE__ */ c("span", { className: "ds:truncate", children: e.primaryText }),
+                    e.secondaryText ? /* @__PURE__ */ c("span", { className: "type-meta ds:text-muted-foreground ds:data-[active=true]:text-primary-foreground ds:truncate", children: e.secondaryText }) : null
+                  ]
+                },
+                e.placeId
+              )) : null,
+              !K && B ? /* @__PURE__ */ c("li", { role: "presentation", className: ce, children: _("inputs.addressAutocomplete.loading") }) : null,
+              !K && !B && re ? /* @__PURE__ */ c("li", { role: "presentation", className: ce, children: _("inputs.addressAutocomplete.noResults") }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ c(
+          "span",
+          {
+            id: fe,
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "ds:sr-only",
+            children: Ie
+          }
+        )
+      ]
+    }
+  );
+}
+const He = Re(function({ apiKey: n, getSuggestions: p, ...m }, s) {
+  const { i18n: i } = le();
+  return p ? /* @__PURE__ */ c(
+    Y,
+    {
+      ...m,
+      forwardedRef: s,
+      getSuggestions: p,
+      resolveSelection: Ge
+    }
+  ) : n ? /* @__PURE__ */ c(Ne, { apiKey: n, language: i.language, children: /* @__PURE__ */ c(ze, { ...m, forwardedRef: s }) }) : /* @__PURE__ */ c(Y, { ...m, forwardedRef: s });
+});
+He.displayName = "AddressAutocomplete";
+async function Ge(t) {
+  return t.address ?? null;
+}
+export {
+  He as A,
+  je as a,
+  de as p
+};
+//# sourceMappingURL=address-autocomplete-BEX9PXty.js.map

package/dist/_chunks/{agenda-card-BxSFkqgY.js → agenda-card-BQ-IKAru.js}

@@ -3,7 +3,7 @@ import { forwardRef as h } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
 import { A as N } from "./avatar-BNQNhoyL.js";
-import { B as C } from "./badge-CqGsX32l.js";
+import { B as C } from "./badge-DCOqV9mI.js";
 import { i as w } from "./is-safe-url-DkETxeHz.js";
 import { C as k } from "./chevron-right-BrpYejk0.js";
 const L = x(
@@ -144,4 +144,4 @@ z.displayName = "AgendaCard";
 export {
   z as A
 };
-//# sourceMappingURL=agenda-card-BxSFkqgY.js.map
+//# sourceMappingURL=agenda-card-BQ-IKAru.js.map

package/dist/_chunks/{agenda-card.agent-B_R47-c9.js → agenda-card.agent-mTCrkKSZ.js}

@@ -1,5 +1,10 @@
 const t = {
   id: "agenda-card",
+  // `pick` (activation) and `dismiss` are HOST-DELEGATED: the card exposes no
+  // imperative handle of its own. A containing AgendaTray drives selection via
+  // agenda-tray.select_item; dismissal is performed by the host queue. The
+  // capabilities are declared so an MCP UI bridge knows the surface participates
+  // in those flows even though the action lives on the tray.
   capabilities: ["pick", "dismiss"],
   state: {},
   actions: {},
@@ -19,4 +24,4 @@ const t = {
 export {
   t as a
 };
-//# sourceMappingURL=agenda-card.agent-B_R47-c9.js.map
+//# sourceMappingURL=agenda-card.agent-mTCrkKSZ.js.map

package/dist/_chunks/{agenda-tray-T-BumlGZ.js → agenda-tray-CGXRk58j.js}

@@ -1,17 +1,20 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as P, useRef as T, useImperativeHandle as B, useMemo as H } from "react";
-import { c as K } from "./index-D2ZczOXr.js";
-import { useTranslation as M } from "react-i18next";
-import { I as q } from "./icon-button-LqoiKcUN.js";
+import { forwardRef as P, useRef as T, useImperativeHandle as q, useMemo as B } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as K } from "react-i18next";
+import { I as M } from "./icon-button-LqoiKcUN.js";
 import { S as A } from "./skeleton-CZbwyJAA.js";
 import { E as D } from "./empty-state-BLy7tigq.js";
-import { A as V } from "./agenda-card-BxSFkqgY.js";
-import { u as F } from "./registry-nPAVE19X.js";
+import { A as V } from "./agenda-card-BQ-IKAru.js";
+import { u as F } from "./registry-DvAUVLHh.js";
 import { C as G } from "./calendar-days-C4BmpCZg.js";
 import { P as J } from "./plus-CYKNmfuA.js";
 const L = {
   id: "agenda-tray",
-  capabilities: ["select_single"],
+  // `pick` (NON-persisting): select_item activates / opens an appointment by
+  // firing onOpenAppointment — it does not store a "selected" value on the tray
+  // (there is no selection state slot), so this is a pick, not select_single.
+  capabilities: ["pick"],
   state: {
     items: {
       type: "Array<{ id: string; status: string }>",
@@ -22,10 +25,19 @@ const L = {
   },
   actions: {
     select_item: {
+      // Activates (opens) an appointment — pure navigation, no data mutation.
       safety: "read",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
       descriptionKey: "ui.agent.agendaTray.actions.selectItem",
       description: "Activate the appointment with the given id.",
+      examples: [
+        { args: { id: "appt-204" }, note: "Open appointment appt-204." }
+      ],
       invoke: (s, t) => {
         s.selectItem(t.id);
       }
@@ -47,7 +59,7 @@ const L = {
       description: "Stable appointment id emitted on each rendered AgendaCard inside the tray."
     }
   }
-}, Q = K(
+}, Q = H(
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
@@ -79,15 +91,15 @@ const L = {
     loading: o = !1,
     emptyTitle: k,
     emptyDescription: C,
-    emptyAction: I,
+    emptyAction: j,
     viewAllLabel: v,
     onViewAll: y,
-    renderItemActions: l,
-    scrollable: c = !1,
-    className: j,
+    renderItemActions: c,
+    scrollable: l = !1,
+    className: I,
     ...R
-  }, z) => {
-    const { t: d } = M(), m = N ?? d("agendaTray.title", "Today's appointments"), S = w ?? d("agendaTray.add", "Add appointment"), h = !o && t.length === 0;
+  }, S) => {
+    const { t: d } = K(), m = N ?? d("agendaTray.title", "Today's appointments"), z = w ?? d("agendaTray.add", "Add appointment"), h = !o && t.length === 0;
     let i;
     o ? i = /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(A, { variant: "rectangular", height: "2.5rem" }, a)) }) : h ? i = /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
       D,
@@ -99,7 +111,7 @@ const L = {
           "agendaTray.empty.description",
           "New appointments will appear here."
         ),
-        primaryAction: I
+        primaryAction: j
       }
     ) }) : i = /* @__PURE__ */ e(
       "ul",
@@ -111,17 +123,17 @@ const L = {
           // Keyboard-focusable when it scrolls (axe
           // scrollable-region-focusable) — pair with a height on the
           // tray's className.
-          c ? "ds:overflow-y-auto" : ""
+          l ? "ds:overflow-y-auto" : ""
         ].filter(Boolean).join(" "),
-        tabIndex: c ? 0 : void 0,
-        "aria-label": c ? m : void 0,
+        tabIndex: l ? 0 : void 0,
+        "aria-label": l ? m : void 0,
         children: t.map((a) => /* @__PURE__ */ e(
           V,
           {
             item: a,
             size: u,
             onActivate: r,
-            actions: l == null ? void 0 : l(a),
+            actions: c == null ? void 0 : c(a),
             "data-appointment-id": a.id
           },
           a.id
@@ -131,8 +143,8 @@ const L = {
     const p = T(t);
     p.current = t;
     const b = T(null);
-    B(z, () => b.current, []);
-    const _ = H(
+    q(S, () => b.current, []);
+    const _ = B(
       () => ({
         getItems: () => p.current.map((a) => ({
           id: a.id,
@@ -152,7 +164,7 @@ const L = {
         "aria-label": m,
         "data-component": "agenda-tray",
         "data-component-id": s,
-        className: Q({ size: u, className: j }),
+        className: Q({ size: u, className: I }),
         ...R,
         children: [
           /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
@@ -164,12 +176,12 @@ const L = {
               f ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: f }) : null
             ] }),
             g ? /* @__PURE__ */ e(
-              q,
+              M,
               {
                 icon: /* @__PURE__ */ e(J, {}),
                 intent: "outline",
                 size: "sm",
-                "aria-label": S,
+                "aria-label": z,
                 onClick: g
               }
             ) : null
@@ -200,4 +212,4 @@ export {
   U as A,
   L as a
 };
-//# sourceMappingURL=agenda-tray-T-BumlGZ.js.map
+//# sourceMappingURL=agenda-tray-CGXRk58j.js.map