@alfadocs/ui-kit 0.69.0 → 0.70.0

package/dist/_chunks/annotation-marker-qt5R9WZX.js

@@ -0,0 +1,120 @@
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as f } from "react-i18next";
+const b = [
+  "circle",
+  "square",
+  "triangle",
+  "diamond",
+  "cross"
+];
+function v(o, e, s, a) {
+  switch (o) {
+    case "circle":
+      return `M ${e - a} ${s} a ${a} ${a} 0 1 0 ${2 * a} 0 a ${a} ${a} 0 1 0 ${-2 * a} 0 Z`;
+    case "square": {
+      const r = a * 0.88;
+      return `M ${e - r} ${s - r} H ${e + r} V ${s + r} H ${e - r} Z`;
+    }
+    case "triangle": {
+      const r = a * 0.95;
+      return `M ${e} ${s - a} L ${e + r} ${s + a * 0.8} L ${e - r} ${s + a * 0.8} Z`;
+    }
+    case "diamond":
+      return `M ${e} ${s - a} L ${e + a} ${s} L ${e} ${s + a} L ${e - a} ${s} Z`;
+    case "cross": {
+      const r = a * 0.4;
+      return [
+        `M ${e - r} ${s - a}`,
+        `H ${e + r}`,
+        `V ${s - r}`,
+        `H ${e + a}`,
+        `V ${s + r}`,
+        `H ${e + r}`,
+        `V ${s + a}`,
+        `H ${e - r}`,
+        `V ${s + r}`,
+        `H ${e - a}`,
+        `V ${s - r}`,
+        `H ${e - r}`,
+        "Z"
+      ].join(" ");
+    }
+  }
+}
+const p = t(
+  "ds:block ds:[inline-size:var(--marker-box)] ds:[block-size:var(--marker-box)]",
+  {
+    variants: {
+      tone: {
+        neutral: "ds:[--marker-color:var(--muted-foreground)]",
+        info: "ds:[--marker-color:var(--info)]",
+        success: "ds:[--marker-color:var(--success)]",
+        warning: "ds:[--marker-color:var(--warning)]",
+        error: "ds:[--marker-color:var(--destructive)]",
+        accent: "ds:[--marker-color:var(--accent)]"
+      },
+      filled: {
+        true: "ds:[fill:var(--marker-color)] ds:[stroke:none]",
+        false: "ds:[fill:none] ds:[stroke:var(--marker-color)] ds:[stroke-width:2.5]"
+      }
+    },
+    defaultVariants: { tone: "neutral", filled: !0 }
+  }
+), g = t("ds:inline-flex ds:items-center ds:gap-1.5", {
+  variants: {
+    size: {
+      sm: "ds:[--marker-box:0.75rem]",
+      md: "ds:[--marker-box:1rem]",
+      lg: "ds:[--marker-box:1.25rem]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), M = c(
+  ({
+    shape: o,
+    tone: e = "neutral",
+    filled: s = !0,
+    size: a = "md",
+    label: r,
+    "aria-label": i,
+    className: d,
+    ...m
+  }, $) => {
+    const { t: l } = f(), u = i ?? (typeof r == "string" ? r : l(`annotationMarker.shape.${o}`));
+    return /* @__PURE__ */ k(
+      "span",
+      {
+        ref: $,
+        "data-component": "annotation-marker",
+        "data-marker-shape": o,
+        "data-marker-tone": e,
+        className: g({ size: a, className: d }),
+        ...m,
+        children: [
+          /* @__PURE__ */ n(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              className: p({ tone: e, filled: s }),
+              role: "img",
+              "aria-label": r ? void 0 : u,
+              "aria-hidden": r ? !0 : void 0,
+              focusable: "false",
+              children: /* @__PURE__ */ n("path", { d: v(o, 12, 12, 9) })
+            }
+          ),
+          r != null && /* @__PURE__ */ n("span", { children: r })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "AnnotationMarker";
+export {
+  M as A,
+  b as M,
+  v as m
+};
+//# sourceMappingURL=annotation-marker-qt5R9WZX.js.map

package/dist/_chunks/{antenatal-schedule-timeline-35ebkcZT.js → antenatal-schedule-timeline-CwXrQRm1.js}

@@ -4,7 +4,7 @@ import { jsx as u, jsxs as f } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import { useTranslation as T } from "react-i18next";
 import { C as I } from "./card-DPmk26CL.js";
-import { B as x } from "./badge-CqGsX32l.js";
+import { B as x } from "./badge-DCOqV9mI.js";
 const _ = 280, S = 14, b = 266, C = 28;
 function w(t) {
   if (t < 0) return "preconception";
@@ -410,4 +410,4 @@ export {
   ht as r,
   w as t
 };
-//# sourceMappingURL=antenatal-schedule-timeline-35ebkcZT.js.map
+//# sourceMappingURL=antenatal-schedule-timeline-CwXrQRm1.js.map

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

@@ -0,0 +1,310 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { c as W } from "./index-D2ZczOXr.js";
+import { useTranslation as Y } from "react-i18next";
+import { A as O } from "./avatar-BNQNhoyL.js";
+import { B as i } from "./badge-DCOqV9mI.js";
+import { T as J } from "./tag-BQXwuJq1.js";
+import { T as Q } from "./timestamp-BV2lC-wV.js";
+import { T as X } from "./transaction-chip-CscoQbxF.js";
+import { i as Z } from "./is-safe-url-DkETxeHz.js";
+import { V as aa } from "./video-BAeICxCT.js";
+import { M as ra } from "./map-pin-B8STOPMJ.js";
+import { a as ea, b as sa, c as oa } from "./entity-card-9_62gY7l.js";
+import { S as ta } from "./star-vav0SJ9e.js";
+import { c as E } from "./createLucideIcon-CrFbzy84.js";
+import { G as na } from "./globe-BkEFMNSg.js";
+import { C as da } from "./chevron-right-BrpYejk0.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 ia = [
+  ["path", { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", key: "irtipd" }],
+  [
+    "path",
+    {
+      d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z",
+      key: "1qyhux"
+    }
+  ],
+  ["path", { d: "M5 18v2", key: "ppbyun" }],
+  ["path", { d: "M19 18v2", key: "gy7782" }]
+], la = E("armchair", ia);
+/**
+ * @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 ca = [
+  ["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: "M12 11h4", key: "1jrz19" }],
+  ["path", { d: "M12 16h4", key: "n85exb" }],
+  ["path", { d: "M8 11h.01", key: "1dfujw" }],
+  ["path", { d: "M8 16h.01", key: "18s6g9" }]
+], pa = E("clipboard-list", ca), ma = {
+  "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 ua(a) {
+  return ma[oa(a)] ?? "ds:bg-[var(--color-grey-700)]";
+}
+const fa = 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.
+        flat: "",
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)]"
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1,
+      surface: "flat"
+    }
+  }
+), P = [
+  "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(" "), va = {
+  inPractice: ra,
+  telehealth: aa
+}, ga = F(
+  ({
+    item: a,
+    size: v = "sm",
+    surface: U = "flat",
+    locale: g,
+    currency: $ = "EUR",
+    showPatient: d = !0,
+    onActivate: t,
+    className: A,
+    ...D
+  }, B) => {
+    var k, C, w, z, T, M, R, S, V, I, L, _, j;
+    const { t: e } = Y(), l = !!t, G = !!a.url && Z(a.url), p = ((k = a.patient) == null ? void 0 : k.name) ?? e("appointmentCard.noPatient"), n = (C = a.operator) == null ? void 0 : C.name, m = e(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", K = va[a.type], b = d ? p : n ?? e("appointmentCard.appointment"), y = d ? e("appointmentCard.itemLabel", {
+      patient: p,
+      state: m
+    }) : e("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 && G ? c = /* @__PURE__ */ r(
+      "a",
+      {
+        href: a.url,
+        "aria-label": y,
+        className: P + " ds:contents",
+        onClick: (s) => {
+          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t == null || t(a);
+        },
+        children: u
+      }
+    ) : l ? c = /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": y,
+        className: P + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => t == null ? void 0 : t(a),
+        children: u
+      }
+    ) : c = u;
+    const x = (a.treatments ?? []).map((s, H) => {
+      const q = s.elements && s.elements.length > 0 ? e("appointmentCard.treatmentWithElements", {
+        care: s.careName,
+        elements: s.elements.join(", ")
+      }) : s.careName;
+      return /* @__PURE__ */ r(
+        J,
+        {
+          label: q,
+          variant: "neutral",
+          fill: "outline",
+          size: "sm",
+          maxInlineSize: "12rem"
+        },
+        `${s.careName}-${H}`
+      );
+    }), f = (w = a.bookingReason) == null ? void 0 : w.advanceAmountCents, N = typeof f == "number" && f > 0;
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: B,
+        role: "listitem",
+        "data-component": "appointment-card",
+        "data-component-id": a.id,
+        "data-state": a.state,
+        "data-type": a.type,
+        className: fa({
+          size: v,
+          interactive: l,
+          surface: U,
+          className: A
+        }),
+        ...D,
+        children: [
+          /* @__PURE__ */ o("span", { className: "ds:flex ds:w-16 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:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: e(`appointmentCard.type.${a.type}`) }),
+              /* @__PURE__ */ r(
+                Q,
+                {
+                  value: a.startIso,
+                  format: "absolute",
+                  shape: "bare",
+                  locale: g,
+                  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: e("appointmentCard.duration", { count: a.durationMin }) })
+          ] }),
+          n ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
+            /* @__PURE__ */ r(
+              O,
+              {
+                name: n,
+                color: ea((z = a.operator) == null ? void 0 : z.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)] " + ua((T = a.operator) == null ? void 0 : T.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 && ((M = a.patient) != null && M.avatarUrl) ? /* @__PURE__ */ r(
+                  O,
+                  {
+                    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 && n || (R = a.bookingReason) != null && R.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 && n ? /* @__PURE__ */ r("span", { children: n }) : null,
+              (S = a.bookingReason) != null && S.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(ta, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                e("appointmentCard.firstVisit")
+              ] }) : null
+            ] }) : null,
+            (V = a.bookingReason) != null && V.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 || (I = a.flags) != null && I.bookedOnline || (L = a.flags) != null && L.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(pa, {}),
+                  children: e("appointmentCard.carePlan", {
+                    number: a.carePlan.number
+                  })
+                }
+              ) : null,
+              a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(la, {}), children: e("appointmentCard.chair", { chair: a.chair }) }) : null,
+              (_ = a.flags) != null && _.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(na, {}), children: e("appointmentCard.flag.bookedOnline") }) : null,
+              (j = a.flags) != null && j.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: e("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              N ? /* @__PURE__ */ r(
+                X,
+                {
+                  state: "to-invoice",
+                  amount: f / 100,
+                  currency: $,
+                  locale: g,
+                  size: "sm",
+                  showLabel: !0
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          l ? /* @__PURE__ */ r(
+            da,
+            {
+              "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-C06aZqA7.js.map