@alfadocs/ui-kit 1.34.0 → 1.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -377,6 +377,10 @@
       "types": "./dist/components/header-settings/index.d.ts",
       "import": "./dist/components/header-settings/index.js"
     },
+    "./hover-card": {
+      "types": "./dist/components/hover-card/index.d.ts",
+      "import": "./dist/components/hover-card/index.js"
+    },
     "./icon-button-group": {
       "types": "./dist/components/icon-button-group/index.d.ts",
       "import": "./dist/components/icon-button-group/index.js"
@@ -457,6 +461,10 @@
       "types": "./dist/components/notification-tray/index.d.ts",
       "import": "./dist/components/notification-tray/index.js"
     },
+    "./note-timeline": {
+      "types": "./dist/components/note-timeline/index.d.ts",
+      "import": "./dist/components/note-timeline/index.js"
+    },
     "./notes-panel": {
       "types": "./dist/components/notes-panel/index.d.ts",
       "import": "./dist/components/notes-panel/index.js"
@@ -597,6 +605,10 @@
       "types": "./dist/components/search-input/index.d.ts",
       "import": "./dist/components/search-input/index.js"
     },
+    "./section-card": {
+      "types": "./dist/components/section-card/index.d.ts",
+      "import": "./dist/components/section-card/index.js"
+    },
     "./select": {
       "types": "./dist/components/select/index.d.ts",
       "import": "./dist/components/select/index.js"
@@ -781,6 +793,10 @@
       "types": "./dist/components/whatsapp-button/index.d.ts",
       "import": "./dist/components/whatsapp-button/index.js"
     },
+    "./workflow-status": {
+      "types": "./dist/components/workflow-status/index.d.ts",
+      "import": "./dist/components/workflow-status/index.js"
+    },
     "./workflow": {
       "types": "./dist/components/workflow/index.d.ts",
       "import": "./dist/components/workflow/index.js"

package/dist/_chunks/appointment-card-D6mk39NB.js

@@ -1,296 +0,0 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as H } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as Y } from "react-i18next";
-import { A as _ } from "./avatar-CkDeQOSI.js";
-import { B as i } from "./badge-sTusUqZD.js";
-import { T as q } from "./tag-3wgkwwDB.js";
-import { T as J } from "./timestamp-BV2lC-wV.js";
-import { T as Q } from "./transaction-chip-DJCstquX.js";
-import { i as X } from "./is-safe-url-DkETxeHz.js";
-import { V as Z } from "./video-BheNGvsu.js";
-import { M as aa } from "./map-pin-BaY37-Km.js";
-import { c as ra, a as sa, b as ea } from "./entity-card-DmrgYSEX.js";
-import { S as oa } from "./star-Bf9L2Uot.js";
-import { c as na } from "./createLucideIcon-DhHxpK9K.js";
-import { A as ta } from "./armchair-BaLDW6Hz.js";
-import { G as da } from "./globe-sHBW1JN5.js";
-import { C as ia } from "./chevron-right-I9AeSxH2.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 la = [
-  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
-  [
-    "path",
-    {
-      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
-      key: "116196"
-    }
-  ],
-  ["path", { d: "M9 14h6", key: "159ibu" }],
-  ["path", { d: "M12 17v-6", key: "1y8rbf" }]
-], ca = na("clipboard-plus", la), pa = {
-  "var(--color-violet-500)": "ds:bg-[var(--color-violet-500)]",
-  "var(--color-purple-500)": "ds:bg-[var(--color-purple-500)]",
-  "var(--color-magenta-500)": "ds:bg-[var(--color-magenta-500)]",
-  "var(--color-blue-500)": "ds:bg-[var(--color-blue-500)]",
-  "var(--color-green-500)": "ds:bg-[var(--color-green-500)]",
-  "var(--color-red-500)": "ds:bg-[var(--color-red-500)]",
-  "var(--color-yellow-500)": "ds:bg-[var(--color-yellow-500)]",
-  "var(--color-indigo-500)": "ds:bg-[var(--color-indigo-500)]",
-  "var(--color-orange-500)": "ds:bg-[var(--color-orange-500)]",
-  "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
-  "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
-};
-function ma(a) {
-  return pa[ea(a)] ?? "ds:bg-[var(--color-grey-700)]";
-}
-const ua = W(
-  [
-    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-md)]",
-    "ds:text-start ds:group",
-    "ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)]",
-    "ds:motion-reduce:transition-none",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:p-[var(--spacing-sm)]",
-        md: "ds:p-[var(--spacing-md)]"
-      },
-      interactive: {
-        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
-        false: ""
-      },
-      surface: {
-        // `flat` (default) is the chrome-less row used inside a bordered
-        // AppointmentTray. `elevated` gives each row its own card chrome
-        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.
-        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:
-        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a
-        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.
-        flat: "",
-        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
-      }
-    },
-    defaultVariants: {
-      size: "sm",
-      interactive: !1,
-      surface: "flat"
-    }
-  }
-), j = [
-  // Interactive elements need a box to remain keyboard-focusable in browsers.
-  "ds:inline-flex ds:min-w-0",
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "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(" "), fa = {
-  inPractice: aa,
-  telehealth: Z
-}, ga = H(
-  ({
-    item: a,
-    size: g = "sm",
-    surface: A = "flat",
-    locale: v,
-    currency: E = "EUR",
-    showPatient: d = !0,
-    onActivate: n,
-    className: U,
-    ...D
-  }, $) => {
-    var C, k, w, T, z, R, S, I, L, V, O, P, M;
-    const { t: s } = Y(), l = !!n, B = !!a.url && X(a.url), p = ((C = a.patient) == null ? void 0 : C.name) ?? s("appointmentCard.noPatient"), t = (k = a.operator) == null ? void 0 : k.name, m = s(`appointmentCard.state.${a.state}`), h = g === "md" ? "md" : "sm", G = fa[a.type], b = d ? p : t ?? s("appointmentCard.appointment"), y = d ? s("appointmentCard.itemLabel", {
-      patient: p,
-      state: m
-    }) : s("appointmentCard.itemLabelGeneric", { title: b, state: m }), u = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: b });
-    let c;
-    l && B ? c = /* @__PURE__ */ r(
-      "a",
-      {
-        href: a.url,
-        "aria-label": y,
-        className: j,
-        onClick: (e) => {
-          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || n == null || n(a);
-        },
-        children: u
-      }
-    ) : l ? c = /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        "aria-label": y,
-        className: j + " ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => n == null ? void 0 : n(a),
-        children: u
-      }
-    ) : c = u;
-    const x = (a.treatments ?? []).map((e, K) => {
-      const F = e.elements && e.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
-        care: e.careName,
-        elements: e.elements.join(", ")
-      }) : e.careName;
-      return /* @__PURE__ */ r(
-        q,
-        {
-          label: F,
-          variant: "neutral",
-          fill: "outline",
-          size: "sm",
-          maxInlineSize: "12rem"
-        },
-        `${e.careName}-${K}`
-      );
-    }), f = (w = a.bookingReason) == null ? void 0 : w.advanceAmountCents, N = typeof f == "number" && f > 0;
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: $,
-        role: "listitem",
-        "data-component": "appointment-card",
-        "data-component-id": a.id,
-        "data-state": a.state,
-        "data-type": a.type,
-        className: ua({
-          size: g,
-          interactive: l,
-          surface: A,
-          className: U
-        }),
-        ...D,
-        children: [
-          /* @__PURE__ */ o("span", { className: "ds:flex ds:min-w-20 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ r(G, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
-              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: s(`appointmentCard.type.${a.type}`) }),
-              /* @__PURE__ */ r(
-                J,
-                {
-                  value: a.startIso,
-                  format: "absolute",
-                  shape: "bare",
-                  locale: v,
-                  absoluteFormat: { hour: "numeric", minute: "2-digit" },
-                  className: "type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s("appointmentCard.duration", { count: a.durationMin }) })
-          ] }),
-          t ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
-            /* @__PURE__ */ r(
-              _,
-              {
-                name: t,
-                color: ra((T = a.operator) == null ? void 0 : T.colorId),
-                size: h,
-                "aria-hidden": "true",
-                role: "presentation",
-                "aria-label": void 0
-              }
-            ),
-            /* @__PURE__ */ r(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + ma((z = a.operator) == null ? void 0 : z.colorId)
-              }
-            )
-          ] }) : null,
-          /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ o("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                d && ((R = a.patient) != null && R.avatarUrl) ? /* @__PURE__ */ r(
-                  _,
-                  {
-                    name: p,
-                    src: a.patient.avatarUrl,
-                    size: h,
-                    className: "ds:shrink-0",
-                    "aria-hidden": "true",
-                    role: "presentation",
-                    "aria-label": void 0
-                  }
-                ) : null,
-                c
-              ] }),
-              /* @__PURE__ */ r(
-                i,
-                {
-                  variant: sa(a.state),
-                  size: "sm",
-                  withDot: !0,
-                  className: "ds:shrink-0",
-                  children: m
-                }
-              )
-            ] }),
-            d && t || (S = a.bookingReason) != null && S.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
-              d && t ? /* @__PURE__ */ r("span", { children: t }) : null,
-              (I = a.bookingReason) != null && I.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
-              a.firstVisit === "yes" ? /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ r(oa, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
-                s("appointmentCard.firstVisit")
-              ] }) : null
-            ] }) : null,
-            (L = a.bookingReason) != null && L.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
-            x.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: x }) : null,
-            a.carePlan || a.chair || (V = a.flags) != null && V.bookedOnline || (O = a.flags) != null && O.highlightedAnamnesis || N ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              a.carePlan ? /* @__PURE__ */ r(
-                i,
-                {
-                  variant: "accentSoft",
-                  size: "sm",
-                  leading: /* @__PURE__ */ r(ca, {}),
-                  children: s("appointmentCard.carePlan", {
-                    number: a.carePlan.number
-                  })
-                }
-              ) : null,
-              a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(ta, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
-              (P = a.flags) != null && P.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(da, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
-              (M = a.flags) != null && M.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
-              N ? /* @__PURE__ */ r(
-                Q,
-                {
-                  state: "to-invoice",
-                  amount: f / 100,
-                  currency: E,
-                  locale: v,
-                  size: "sm",
-                  showLabel: !0
-                }
-              ) : null
-            ] }) : null
-          ] }),
-          l ? /* @__PURE__ */ r(
-            ia,
-            {
-              "aria-hidden": "true",
-              className: "ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ga.displayName = "AppointmentCard";
-export {
-  ga as A
-};
-//# sourceMappingURL=appointment-card-D6mk39NB.js.map