@alfadocs/ui-kit 0.1.7 → 0.1.9

package/README.md

@@ -12,6 +12,24 @@ npm install @alfadocs/ui-kit
 
 Requires React 18+ and Node ≥ 22.6.
 
+### Source maps (optional)
+
+The default `@alfadocs/ui-kit` tarball ships without `.map` files to keep
+installs small (~680 KB tarball). Browsers only request source maps on
+demand when devtools is open, so end-users don't pay this cost regardless.
+
+If you need symbolicated stack traces (Sentry / Rollbar uploads, in-browser
+debugging of kit internals), install the `-debug` sibling instead. Both
+packages are runtime-identical and version-locked:
+
+```jsonc
+// package.json — alias-install so imports still resolve as @alfadocs/ui-kit
+"@alfadocs/ui-kit": "npm:@alfadocs/ui-kit-debug@^0.1.8"
+```
+
+Or as a separate dev-only dep if your error reporter accepts maps from a
+sibling package.
+
 ## Usage
 
 ### Tokens

package/dist/_chunks/{accordion-B6fyINUk.js → accordion-BEnrZmAn.js}

@@ -1,11 +1,11 @@
-import { jsx as d, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as i, useContext as h, useRef as x, createContext as A } from "react";
+import { jsx as d, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as i, useContext as x, useRef as A, createContext as N } from "react";
 import * as e from "@radix-ui/react-accordion";
 import { c as n } from "./index-D2ZczOXr.js";
-import { u as N } from "./use-direction-D6rvvG9G.js";
-import { c as w } from "./compose-refs-C0k0tdqF.js";
-import { C } from "./chevron-down-BX_NP2Yh.js";
-const m = A({ variant: "default" }), V = n("", {
+import { u as w } from "./use-direction-D6rvvG9G.js";
+import { c as C } from "./compose-refs-C0k0tdqF.js";
+import { C as V } from "./chevron-down-BX_NP2Yh.js";
+const m = N({ variant: "default" }), y = n("", {
   variants: {
     variant: {
       default: "ds:divide-y ds:divide-border",
@@ -16,7 +16,7 @@ const m = A({ variant: "default" }), V = n("", {
   defaultVariants: {
     variant: "default"
   }
-}), y = n("", {
+}), R = n("", {
   variants: {
     variant: {
       default: "",
@@ -27,15 +27,15 @@ const m = A({ variant: "default" }), V = n("", {
   defaultVariants: {
     variant: "default"
   }
-}), R = n(
+}), j = n(
   [
     "ds:overflow-hidden",
     "ds:data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]",
     "ds:data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]"
   ].join(" ")
-), j = n(
-  "ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180"
 ), I = n(
+  "ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180"
+), T = n(
   [
     "ds:group ds:flex ds:w-full ds:items-center ds:[min-block-size:var(--min-target-size)]",
     "ds:py-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -46,16 +46,18 @@ const m = A({ variant: "default" }), V = n("", {
     "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
   ].join(" ")
 ), u = i(
-  ({ variant: a = "default", className: s, children: r, ...o }, c) => {
-    const t = x(null), l = w(c, t), g = N(t);
+  ({ variant: a = "default", className: o, children: r, id: s, ...c }, l) => {
+    const t = A(null), g = C(l, t), b = w(t);
     return /* @__PURE__ */ d(m.Provider, { value: { variant: a ?? "default" }, children: /* @__PURE__ */ d(
       e.Root,
       {
-        ref: l,
-        dir: g,
+        ref: g,
+        dir: b,
+        id: s,
         "data-component": "accordion",
-        className: V({ variant: a, className: s }),
-        ...o,
+        "data-component-id": s,
+        className: y({ variant: a, className: o }),
+        ...c,
         children: r
       }
     ) });
@@ -63,14 +65,14 @@ const m = A({ variant: "default" }), V = n("", {
 );
 u.displayName = "Accordion";
 const v = i(
-  ({ variant: a, className: s, children: r, ...o }, c) => {
-    const { variant: t } = h(m), l = a ?? t;
+  ({ variant: a, className: o, children: r, ...s }, c) => {
+    const { variant: l } = x(m), t = a ?? l;
     return /* @__PURE__ */ d(
       e.Item,
       {
         ref: c,
-        className: y({ variant: l, className: s }),
-        ...o,
+        className: R({ variant: t, className: o }),
+        ...s,
         children: r
       }
     );
@@ -78,41 +80,41 @@ const v = i(
 );
 v.displayName = "AccordionItem";
 const f = i(
-  ({ className: a, children: s, ...r }, o) => /* @__PURE__ */ d(e.Header, { className: "ds:flex", children: /* @__PURE__ */ b(
+  ({ className: a, children: o, ...r }, s) => /* @__PURE__ */ d(e.Header, { className: "ds:flex", children: /* @__PURE__ */ h(
     e.Trigger,
     {
-      ref: o,
-      className: I({ className: a }),
+      ref: s,
+      className: T({ className: a }),
       ...r,
       children: [
-        s,
-        /* @__PURE__ */ d(C, { "aria-hidden": "true", className: j() })
+        o,
+        /* @__PURE__ */ d(V, { "aria-hidden": "true", className: I() })
       ]
     }
   ) })
 );
 f.displayName = "AccordionTrigger";
 const p = i(
-  ({ className: a, children: s, ...r }, o) => /* @__PURE__ */ d(
+  ({ className: a, children: o, ...r }, s) => /* @__PURE__ */ d(
     e.Content,
     {
-      ref: o,
-      className: R({ className: a }),
+      ref: s,
+      className: j({ className: a }),
       ...r,
-      children: /* @__PURE__ */ d("div", { className: "ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]", children: s })
+      children: /* @__PURE__ */ d("div", { className: "ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]", children: o })
     }
   )
 );
 p.displayName = "AccordionContent";
-const H = Object.assign(u, {
+const O = Object.assign(u, {
   Item: v,
   Trigger: f,
   Content: p
 });
 export {
-  H as A,
+  O as A,
   p as a,
   v as b,
   f as c
 };
-//# sourceMappingURL=accordion-B6fyINUk.js.map
+//# sourceMappingURL=accordion-BEnrZmAn.js.map

package/dist/_chunks/accordion.agent-BTjeO1Sx.js

@@ -0,0 +1,52 @@
+const i = {
+  id: "accordion",
+  capabilities: ["expand", "select_single", "select_multiple"],
+  state: {
+    openItems: {
+      type: "string[]",
+      description: "Ids (values) of currently-expanded items. Single-mode accordions return an array with 0 or 1 entries.",
+      read: (e) => e.getOpenItems()
+    }
+  },
+  actions: {
+    expand: {
+      safety: "read",
+      argsType: "{ itemId: string }",
+      description: "Expand the item with the given value.",
+      invoke: (e, t) => {
+        e.expand(t.itemId);
+      }
+    },
+    collapse: {
+      safety: "read",
+      argsType: "{ itemId: string }",
+      description: "Collapse the item with the given value.",
+      invoke: (e, t) => {
+        e.collapse(t.itemId);
+      }
+    },
+    clear: {
+      safety: "read",
+      description: "Collapse all items. Only meaningful for multi-mode accordions; single-mode equivalent to collapsing the active item.",
+      invoke: (e) => {
+        e.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "accordion" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-item-id",
+      description: "Each Accordion.Item emits its value as data-item-id."
+    }
+  }
+};
+export {
+  i as a
+};
+//# sourceMappingURL=accordion.agent-BTjeO1Sx.js.map

package/dist/_chunks/{agenda-card-DIWDvWum.js → agenda-card-DwLIxgi7.js}

@@ -82,6 +82,7 @@ const k = {
         ref: p,
         role: "listitem",
         "data-component": "agenda-card",
+        "data-component-id": s.id,
         "data-status": s.status ?? "confirmed",
         className: C({ size: o, interactive: r, className: f }),
         ...m,
@@ -128,4 +129,4 @@ export {
   T as A,
   w as i
 };
-//# sourceMappingURL=agenda-card-DIWDvWum.js.map
+//# sourceMappingURL=agenda-card-DwLIxgi7.js.map

package/dist/_chunks/agenda-card.agent-B_R47-c9.js

@@ -0,0 +1,22 @@
+const t = {
+  id: "agenda-card",
+  capabilities: ["pick", "dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "agenda-card",
+      description: "Marks the element as a kit AgendaCard. The card root also emits data-component-id sourced from item.id and data-status with the appointment lifecycle."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "item.id",
+      description: "Sourced from item.id — the stable appointment identifier."
+    }
+  }
+};
+export {
+  t as a
+};
+//# sourceMappingURL=agenda-card.agent-B_R47-c9.js.map

package/dist/_chunks/agenda-tray-DUvengGQ.js

@@ -0,0 +1,178 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as M, useRef as A, useMemo as z, useImperativeHandle as C } from "react";
+import { c as R } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { I as j } from "./icon-button-Wnnde5lc.js";
+import { S as _ } from "./skeleton-dtqyF09N.js";
+import { E } from "./empty-state-DQPtRp2b.js";
+import { A as P } from "./agenda-card-DwLIxgi7.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+import { c as K } from "./createLucideIcon-CrFbzy84.js";
+import { P as L } from "./plus-CYKNmfuA.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 V = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], q = K("calendar-days", V), B = {
+  id: "agenda-tray",
+  capabilities: ["select_single"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.agendaTray.state.items",
+      description: "Currently-displayed appointments. Ids + status only — never patient identity.",
+      read: (t) => t.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.agendaTray.actions.selectItem",
+      description: "Activate the appointment with the given id.",
+      invoke: (t, s) => {
+        t.selectItem(s.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "agenda-tray",
+      description: "Marks the AgendaTray wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific tray from the agent."
+    },
+    item: {
+      attr: "data-appointment-id",
+      description: "Stable appointment id emitted on each rendered AgendaCard inside the tray."
+    }
+  }
+}, D = R(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), F = M(
+  ({
+    id: t,
+    items: s,
+    title: u,
+    caption: l,
+    size: m = "sm",
+    onOpenAppointment: d,
+    onAddAppointment: p,
+    addLabel: f,
+    loading: y = !1,
+    emptyTitle: v,
+    emptyDescription: x,
+    className: k,
+    ...T
+  }, w) => {
+    const { t: r } = S(), g = u ?? r("ui.agendaTray.title", "Today's appointments"), N = f ?? r("ui.agendaTray.add", "Add appointment"), b = !y && s.length === 0;
+    let i;
+    y ? i = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((e) => /* @__PURE__ */ a(_, { variant: "rectangular", height: "2.5rem" }, e)) }) : b ? i = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      E,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: v ?? r("ui.agendaTray.empty.title", "No appointments"),
+        description: x ?? r(
+          "ui.agendaTray.empty.description",
+          "New appointments will appear here."
+        )
+      }
+    ) }) : i = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((e) => /* @__PURE__ */ a(
+      P,
+      {
+        item: e,
+        size: m,
+        onActivate: d,
+        "data-appointment-id": e.id
+      },
+      e.id
+    )) });
+    const o = A(s);
+    o.current = s;
+    const c = z(
+      () => ({
+        getItems: () => o.current.map((e) => ({
+          id: e.id,
+          status: e.status ?? "confirmed"
+        })),
+        selectItem: (e) => {
+          const h = o.current.find((I) => I.id === e);
+          h && (d == null || d(h));
+        }
+      }),
+      [d]
+    );
+    return C(w, () => c, [c]), H(B, c, t), /* @__PURE__ */ n(
+      "section",
+      {
+        "aria-label": g,
+        "data-component": "agenda-tray",
+        "data-component-id": t,
+        className: D({ size: m, className: k }),
+        ...T,
+        children: [
+          /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+              /* @__PURE__ */ n("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+                /* @__PURE__ */ a(q, { "aria-hidden": "true", className: "ds:size-4" }),
+                g
+              ] }),
+              l ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: l }) : null
+            ] }),
+            p ? /* @__PURE__ */ a(
+              j,
+              {
+                icon: /* @__PURE__ */ a(L, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": N,
+                onClick: p
+              }
+            ) : null
+          ] }),
+          i
+        ]
+      }
+    );
+  }
+);
+F.displayName = "AgendaTray";
+export {
+  F as A,
+  B as a
+};
+//# sourceMappingURL=agenda-tray-DUvengGQ.js.map