@alfadocs/ui-kit-debug 1.36.1 → 1.37.0

package/dist/_chunks/appointment-peek-5S4O1VQP.js

@@ -0,0 +1,115 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as C, isValidElement as P } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as V } from "react-i18next";
+import { A as y } from "./avatar-CkDeQOSI.js";
+import { D as l } from "./description-list-C1RXMDZ_.js";
+import { H as z } from "./hover-card-Bcku1GQu.js";
+import { a as E } from "./workflow-status-xeaJTzD3.js";
+import { C as H } from "./clock-Drd4Wtis.js";
+import { V as I } from "./video-BheNGvsu.js";
+import { A as S } from "./armchair-BaLDW6Hz.js";
+import { E as j } from "./eye-off-C_4xkbRP.js";
+import { a as L } from "./entity-card-I-Gio5wo.js";
+const R = D(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]"
+), T = C(
+  ({
+    name: t,
+    avatarSrc: v,
+    time: h,
+    location: m,
+    telehealth: u = !1,
+    status: s,
+    statusLabel: x,
+    details: c,
+    flags: d,
+    privacy: r = !1,
+    className: k,
+    ...N
+  }, g) => {
+    const { t: o } = V(), i = s ? L(s) : null, p = i == null ? void 0 : i.Icon, w = u ? I : S, f = !r, A = [
+      { icon: /* @__PURE__ */ e(H, {}), label: o("appointmentPeek.time"), value: h },
+      ...m ? [
+        {
+          icon: /* @__PURE__ */ e(w, {}),
+          label: o("appointmentPeek.location"),
+          value: m
+        }
+      ] : [],
+      ...f && c ? c.map((a) => ({
+        icon: P(a.icon) ? a.icon : null,
+        label: a.label,
+        value: a.value
+      })) : []
+    ];
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: g,
+        "data-component": "appointment-peek",
+        "data-status": s,
+        className: R({ className: k }),
+        ...N,
+        children: [
+          /* @__PURE__ */ n("div", { className: "ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+            r ? null : /* @__PURE__ */ e(
+              y,
+              {
+                size: "sm",
+                name: t,
+                src: v,
+                "aria-hidden": "true",
+                className: "ds:shrink-0"
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e(z.Heading, { className: "ds:min-w-0", children: r ? /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:shrink-0"
+                  }
+                ),
+                o("appointmentPeek.hiddenName")
+              ] }) : t }),
+              f && d ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: d }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            l,
+            {
+              layout: "inline",
+              density: "compact",
+              divider: "none",
+              className: "ds:[--description-list-icon-color:var(--accent)]",
+              children: A.map((a, b) => /* @__PURE__ */ n(l.Row, { icon: a.icon, children: [
+                /* @__PURE__ */ e(l.Term, { children: a.label }),
+                /* @__PURE__ */ e(l.Detail, { children: a.value })
+              ] }, b))
+            }
+          ),
+          s && i && p ? /* @__PURE__ */ e("div", { "data-slot": "workflow", children: /* @__PURE__ */ e(
+            E,
+            {
+              size: "sm",
+              value: s,
+              option: {
+                value: s,
+                label: x ?? o(`appointmentCard.state.${s}`),
+                icon: /* @__PURE__ */ e(p, { "aria-hidden": "true" }),
+                tone: i.tone
+              }
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+T.displayName = "AppointmentPeek";
+export {
+  T as A
+};
+//# sourceMappingURL=appointment-peek-5S4O1VQP.js.map

package/dist/_chunks/appointment-peek-5S4O1VQP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-peek-5S4O1VQP.js","sources":["../../src/components/appointment-peek/appointment-peek.tsx"],"sourcesContent":["import {\n  forwardRef,\n  isValidElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Armchair, Clock, EyeOff, Video } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar';\nimport { DescriptionList } from '../description-list';\nimport { HoverCard } from '../hover-card';\nimport { WorkflowStatusDisplay } from '../workflow-status';\nimport {\n  appointmentStateWorkflow,\n  type AppointmentState,\n} from '../_shared/entity-card';\n\n/* -------------------------------------------------------------------- */\n/* AppointmentPeek                                                       */\n/*                                                                       */\n/* The body of a calendar hover card: who, when, where, and the status  */\n/* in the kit's one status face. Renders inside `HoverCard.Content`; its */\n/* name is a `HoverCard.Heading`, so the card takes its accessible name  */\n/* from the patient without the host wiring it.                          */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva(\n  'ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nexport interface AppointmentPeekDetail {\n  /** Leading glyph, decorative. */\n  icon?: ReactNode;\n  /** The term, already translated: \"Care\", \"Operator\". */\n  label: string;\n  value: ReactNode;\n}\n\nexport interface AppointmentPeekProps extends HTMLAttributes<HTMLDivElement> {\n  /** Patient name, or the event title for an appointment with no patient. */\n  name: string;\n  /** Photo for the avatar; initials are drawn from `name` without one. */\n  avatarSrc?: string;\n  /** Host-formatted time range, e.g. \"09:30–11:00\". */\n  time: string;\n  /** Chair or room, already translated. With `telehealth`, the visit type. */\n  location?: string;\n  /** Swaps the chair glyph for a video camera. */\n  telehealth?: boolean;\n  /**\n   * Appointment status, shown through `WorkflowStatusDisplay`. Leave it out\n   * when the host has none recorded: no status is not the same as\n   * confirmed, so the card shows no status face at all.\n   */\n  status?: AppointmentState;\n  /**\n   * Override the status caption, e.g. \"Arrived · waiting 12 min\". Still shown\n   * under `privacy`, so keep it free of patient data. Ignored without\n   * `status`.\n   */\n  statusLabel?: string;\n  /** Extra rows after time and location: care, operator. */\n  details?: AppointmentPeekDetail[];\n  /** Indicator chips (Badges): booked online, anamnesis. Never status. */\n  flags?: ReactNode;\n  /**\n   * Masks the name and drops everything personal: avatar, details and\n   * flags. Time, place and status stay; they\n   * are not patient data.\n   */\n  privacy?: boolean;\n}\n\nexport const AppointmentPeek = forwardRef<HTMLDivElement, AppointmentPeekProps>(\n  (\n    {\n      name,\n      avatarSrc,\n      time,\n      location,\n      telehealth = false,\n      status,\n      statusLabel,\n      details,\n      flags,\n      privacy = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const workflow = status ? appointmentStateWorkflow(status) : null;\n    const StatusIcon = workflow?.Icon;\n\n    const LocationIcon = telehealth ? Video : Armchair;\n    const showClinical = !privacy;\n\n    const rows: {\n      icon: ReactElement | null;\n      label: string;\n      value: ReactNode;\n    }[] = [\n      { icon: <Clock />, label: t('appointmentPeek.time'), value: time },\n      ...(location\n        ? [\n            {\n              icon: <LocationIcon />,\n              label: t('appointmentPeek.location'),\n              value: location,\n            },\n          ]\n        : []),\n      ...(showClinical && details\n        ? details.map((detail) => ({\n            icon: isValidElement(detail.icon) ? detail.icon : null,\n            label: detail.label,\n            value: detail.value,\n          }))\n        : []),\n    ];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"appointment-peek\"\n        data-status={status}\n        className={rootVariants({ className })}\n        {...props}\n      >\n        {/* Avatar, name and the indicator chips together, every fact on its\n            own row below, status last: the same identity block as\n            PatientDetails. */}\n        <div className=\"ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {privacy ? null : (\n            <Avatar\n              size=\"sm\"\n              name={name}\n              src={avatarSrc}\n              aria-hidden=\"true\"\n              className=\"ds:shrink-0\"\n            />\n          )}\n          <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <HoverCard.Heading className=\"ds:min-w-0\">\n              {privacy ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                  <EyeOff\n                    aria-hidden=\"true\"\n                    className=\"ds:size-4 ds:shrink-0\"\n                  />\n                  {t('appointmentPeek.hiddenName')}\n                </span>\n              ) : (\n                name\n              )}\n            </HoverCard.Heading>\n            {showClinical && flags ? (\n              <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {flags}\n              </div>\n            ) : null}\n          </div>\n        </div>\n\n        <DescriptionList\n          layout=\"inline\"\n          density=\"compact\"\n          divider=\"none\"\n          // Label icons in the accent, as in PatientDetails.\n          className=\"ds:[--description-list-icon-color:var(--accent)]\"\n        >\n          {rows.map((row, index) => (\n            <DescriptionList.Row key={index} icon={row.icon}>\n              <DescriptionList.Term>{row.label}</DescriptionList.Term>\n              <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n            </DescriptionList.Row>\n          ))}\n        </DescriptionList>\n\n        {/* The kit's one status face: the same display the details panel,\n            AppointmentCard and the history use, so a status never reads\n            differently on the grid. Last, so the card reads who, what, then\n            where it stands. Nothing at all when none is recorded. */}\n        {status && workflow && StatusIcon ? (\n          <div data-slot=\"workflow\">\n            <WorkflowStatusDisplay\n              size=\"sm\"\n              value={status}\n              option={{\n                value: status,\n                label: statusLabel ?? t(`appointmentCard.state.${status}`),\n                icon: <StatusIcon aria-hidden=\"true\" />,\n                tone: workflow.tone,\n              }}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAppointmentPeek.displayName = 'AppointmentPeek';\n"],"names":["rootVariants","cva","AppointmentPeek","forwardRef","name","avatarSrc","time","location","telehealth","status","statusLabel","details","flags","privacy","className","props","ref","t","useTranslation","workflow","appointmentStateWorkflow","StatusIcon","LocationIcon","Video","Armchair","showClinical","rows","jsx","Clock","detail","isValidElement","jsxs","Avatar","HoverCard","EyeOff","DescriptionList","row","index","WorkflowStatusDisplay"],"mappings":"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"}

package/dist/_chunks/appointment-peek.agent-C539tNFM.js

@@ -0,0 +1,17 @@
+const t = {
+  id: "appointment-peek",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-peek",
+      description: "Marks the element as a kit AppointmentPeek summary."
+    }
+  }
+};
+export {
+  t as a
+};
+//# sourceMappingURL=appointment-peek.agent-C539tNFM.js.map

package/dist/_chunks/appointment-peek.agent-C539tNFM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-peek.agent-C539tNFM.js","sources":["../../src/components/appointment-peek/appointment-peek.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentPeek.                                       */\n/*                                                                        */\n/* Read-only appointment summary inside a hover card. Pure presentation  */\n/* — registers the canonical DOM hook only. The status it shows is       */\n/* changed in the details panel, never here.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const appointmentPeekAgent: AgentAdapter = {\n  id: 'appointment-peek',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-peek',\n      description: 'Marks the element as a kit AppointmentPeek summary.',\n    },\n  },\n};\n"],"names":["appointmentPeekAgent"],"mappings":"AAUO,MAAMA,IAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/building-2-D33bLCWL.js

@@ -0,0 +1,24 @@
+import { c as a } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.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: "M10 12h4", key: "a56b0p" }],
+  ["path", { d: "M10 8h4", key: "1sr2af" }],
+  ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
+  [
+    "path",
+    {
+      d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+      key: "secmi2"
+    }
+  ],
+  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
+], h = a("building-2", e);
+export {
+  h as B
+};
+//# sourceMappingURL=building-2-D33bLCWL.js.map

package/dist/_chunks/building-2-D33bLCWL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-2-D33bLCWL.js","sources":["../../node_modules/lucide-react/dist/esm/icons/building-2.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10 12h4\", key: \"a56b0p\" }],\n  [\"path\", { d: \"M10 8h4\", key: \"1sr2af\" }],\n  [\"path\", { d: \"M14 21v-3a2 2 0 0 0-4 0v3\", key: \"1rgiei\" }],\n  [\n    \"path\",\n    {\n      d: \"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\",\n      key: \"secmi2\"\n    }\n  ],\n  [\"path\", { d: \"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\", key: \"16ra0t\" }]\n];\nconst Building2 = createLucideIcon(\"building-2\", __iconNode);\n\nexport { __iconNode, Building2 as default };\n//# sourceMappingURL=building-2.mjs.map\n"],"names":["__iconNode","Building2","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,4CAA4C,KAAK,SAAQ,CAAE;AAC3E,GACMC,IAAYC,EAAiB,cAAcF,CAAU;","x_google_ignoreList":[0]}