@alfadocs/ui-kit 1.36.1 → 1.38.0

package/dist/_chunks/treatment-receipt-dUm99mdn.js

@@ -0,0 +1,160 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as R, useRef as j } from "react";
+import { c as g } from "./index-D2ZczOXr.js";
+import { useTranslation as L } from "react-i18next";
+import { B as f } from "./badge-BudgzTe_.js";
+import { M as u } from "./money-BY-HmKhZ.js";
+import { C as z, S as h } from "./skeleton-B1KTdJ4N.js";
+import { T as S } from "./tag-Ci3xJPcH.js";
+const v = "type-label ds:text-[color:var(--muted-foreground)]", x = g(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+    "ds:py-[var(--spacing-xs)]",
+    // Dashed between lines, like a printed receipt; the last line hands the
+    // solid rule over to the total below it.
+    "ds:border-b ds:border-dashed ds:border-[color:var(--border)]",
+    "ds:last:border-b-0"
+  ].join(" ")
+), B = g(
+  [
+    "ds:mt-[var(--spacing-xs)] ds:flex ds:items-baseline ds:justify-between",
+    "ds:gap-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)]",
+    "ds:border-t ds:border-[color:var(--border)]"
+  ].join(" ")
+), E = R(
+  ({
+    lines: r,
+    locale: n,
+    currency: i,
+    totalLabel: b,
+    loading: l = !1,
+    loadingLines: N = 2,
+    className: o,
+    ...c
+  }, m) => {
+    const { t: d } = L(), p = j(!1);
+    l && (p.current = !0);
+    const y = p.current ? z : "", T = r.length > 0 && r.every((e) => e.priceCents !== void 0), w = r.reduce(
+      (e, a) => e + (a.priceCents ?? 0),
+      0
+    );
+    return l && r.length === 0 ? /* @__PURE__ */ s(
+      "div",
+      {
+        ...c,
+        ref: m,
+        "data-component": "treatment-receipt",
+        "data-loading": "",
+        "aria-busy": "true",
+        className: ["ds:flex ds:flex-col", o].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ s(
+          "ul",
+          {
+            "aria-hidden": "true",
+            className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0",
+            children: Array.from({ length: Math.max(1, N) }, (e, a) => /* @__PURE__ */ s("li", { className: x(), children: /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ s(
+                h,
+                {
+                  variant: "text",
+                  size: "sm",
+                  stagger: a * 2,
+                  width: a % 2 === 0 ? "60%" : "40%"
+                }
+              ),
+              /* @__PURE__ */ s(
+                h,
+                {
+                  variant: "text",
+                  size: "sm",
+                  stagger: a * 2 + 1,
+                  width: "var(--spacing-2xl)",
+                  className: "ds:ms-auto ds:shrink-0"
+                }
+              )
+            ] }) }, a))
+          }
+        )
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: m,
+        "data-component": "treatment-receipt",
+        "aria-busy": l || void 0,
+        className: ["ds:flex ds:flex-col", o].filter(Boolean).join(" "),
+        ...c,
+        children: [
+          /* @__PURE__ */ s(
+            "ul",
+            {
+              className: `ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0 ${y}`.trim(),
+              children: r.map((e) => {
+                const a = e.phases ?? [], C = a.length > 0 || e.done || e.billed;
+                return /* @__PURE__ */ t(
+                  "li",
+                  {
+                    "data-treatment-receipt-line": "",
+                    className: x(),
+                    children: [
+                      /* @__PURE__ */ t("div", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]", children: [
+                        /* @__PURE__ */ t("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm", children: [
+                          e.name,
+                          e.code ? /* @__PURE__ */ s("span", { className: `${v} ds:tabular-nums`, children: e.code }) : null,
+                          e.elementsLabel ? /* @__PURE__ */ s(
+                            S,
+                            {
+                              size: "sm",
+                              variant: "info",
+                              label: e.elementsLabel
+                            }
+                          ) : null
+                        ] }),
+                        e.priceCents !== void 0 ? /* @__PURE__ */ s(
+                          u,
+                          {
+                            value: e.priceCents,
+                            locale: n,
+                            currency: i,
+                            decimals: "muted",
+                            className: "ds:shrink-0"
+                          }
+                        ) : null
+                      ] }),
+                      C ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                        a.length > 0 ? /* @__PURE__ */ s("span", { className: v, children: d("treatmentReceipt.phases", {
+                          phases: a.join(", ")
+                        }) }) : null,
+                        e.done ? /* @__PURE__ */ s(f, { variant: "success", size: "sm", withDot: !0, children: d("treatmentReceipt.done") }) : null,
+                        e.billed ? /* @__PURE__ */ s(f, { variant: "neutral", size: "sm", children: d("treatmentReceipt.billed") }) : null
+                      ] }) : null
+                    ]
+                  },
+                  e.id
+                );
+              })
+            }
+          ),
+          T ? /* @__PURE__ */ t("div", { "data-treatment-receipt-total": "", className: B(), children: [
+            /* @__PURE__ */ s("span", { className: "type-body-sm ds:font-medium", children: b ?? d("treatmentReceipt.total") }),
+            /* @__PURE__ */ s(
+              u,
+              {
+                value: w,
+                locale: n,
+                currency: i,
+                decimals: "muted",
+                className: "ds:font-semibold"
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+E.displayName = "TreatmentReceipt";
+export {
+  E as T
+};
+//# sourceMappingURL=treatment-receipt-dUm99mdn.js.map

package/dist/_chunks/treatment-receipt.agent-bpFm2RPH.js

@@ -0,0 +1,21 @@
+const t = {
+  id: "treatment-receipt",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "treatment-receipt",
+      description: "Marks the element as a kit TreatmentReceipt."
+    },
+    item: {
+      attr: "data-treatment-receipt-line",
+      description: "One treatment line."
+    }
+  }
+};
+export {
+  t
+};
+//# sourceMappingURL=treatment-receipt.agent-bpFm2RPH.js.map

package/dist/_chunks/use-presence-transition-cDwWUXV-.js

@@ -0,0 +1,58 @@
+import { useState as T, useRef as i, useCallback as A, useEffect as M } from "react";
+import { u as R } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as b } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+const L = 64, S = (e) => {
+  const n = e.trim();
+  if (!n) return null;
+  const r = Number.parseFloat(n);
+  return Number.isNaN(r) ? null : n.endsWith("ms") ? r : r * 1e3;
+};
+function _(e, {
+  durationMs: n = 200,
+  reduceMotion: r,
+  onExited: f
+} = {}) {
+  const F = b(), l = r ?? F, [d, w] = T(e), [N, u] = T("present"), p = i(null), t = i(null), o = i(null), a = i(f);
+  a.current = f;
+  const g = i(e), y = A((m) => {
+    p.current = m;
+  }, []), s = A(() => {
+    t.current !== null && window.clearTimeout(t.current), o.current !== null && window.cancelAnimationFrame(o.current), t.current = null, o.current = null;
+  }, []);
+  return R(() => {
+    if (g.current === e) return;
+    if (g.current = e, s(), e) {
+      if (w(!0), l) {
+        u("present");
+        return;
+      }
+      u("entering");
+      const c = () => {
+        s(), u("present");
+      };
+      o.current = window.requestAnimationFrame(() => {
+        o.current = window.requestAnimationFrame(c);
+      }), t.current = window.setTimeout(c, L);
+      return;
+    }
+    const m = p.current, C = m ? S(
+      window.getComputedStyle(m).getPropertyValue("--animation-duration")
+    ) : null, h = l ? 0 : C ?? n, P = () => {
+      var c;
+      t.current = null, w(!1), u("present"), (c = a.current) == null || c.call(a);
+    };
+    if (h <= 0) {
+      P();
+      return;
+    }
+    u("leaving"), t.current = window.setTimeout(P, h);
+  }, [e, l, n, s]), M(() => s, [s]), {
+    mounted: d || e,
+    phase: e && !d && !l ? "entering" : N,
+    ref: y
+  };
+}
+export {
+  _ as u
+};
+//# sourceMappingURL=use-presence-transition-cDwWUXV-.js.map