@alfadocs/ui-kit 1.36.1 → 1.37.0

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

@@ -0,0 +1,94 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { B as i } from "./badge-BudgzTe_.js";
+import { M as o } from "./money-BY-HmKhZ.js";
+import { T as y } from "./tag-Ci3xJPcH.js";
+const c = "type-label ds:text-[color:var(--muted-foreground)]", j = m(
+  [
+    "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(" ")
+), R = m(
+  [
+    "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(" ")
+), T = g(({ lines: r, locale: n, currency: l, totalLabel: p, className: f, ...u }, b) => {
+  const { t: d } = N(), v = r.length > 0 && r.every((e) => e.priceCents !== void 0), h = r.reduce(
+    (e, t) => e + (t.priceCents ?? 0),
+    0
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: b,
+      "data-component": "treatment-receipt",
+      className: ["ds:flex ds:flex-col", f].filter(Boolean).join(" "),
+      ...u,
+      children: [
+        /* @__PURE__ */ s("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:p-0", children: r.map((e) => {
+          const t = e.phases ?? [], x = t.length > 0 || e.done || e.billed;
+          return /* @__PURE__ */ a(
+            "li",
+            {
+              "data-treatment-receipt-line": "",
+              className: j(),
+              children: [
+                /* @__PURE__ */ a("div", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ a("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: `${c} ds:tabular-nums`, children: e.code }) : null,
+                    e.elementsLabel ? /* @__PURE__ */ s(y, { size: "sm", variant: "info", label: e.elementsLabel }) : null
+                  ] }),
+                  e.priceCents !== void 0 ? /* @__PURE__ */ s(
+                    o,
+                    {
+                      value: e.priceCents,
+                      locale: n,
+                      currency: l,
+                      decimals: "muted",
+                      className: "ds:shrink-0"
+                    }
+                  ) : null
+                ] }),
+                x ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                  t.length > 0 ? /* @__PURE__ */ s("span", { className: c, children: d("treatmentReceipt.phases", {
+                    phases: t.join(", ")
+                  }) }) : null,
+                  e.done ? /* @__PURE__ */ s(i, { variant: "success", size: "sm", withDot: !0, children: d("treatmentReceipt.done") }) : null,
+                  e.billed ? /* @__PURE__ */ s(i, { variant: "neutral", size: "sm", children: d("treatmentReceipt.billed") }) : null
+                ] }) : null
+              ]
+            },
+            e.id
+          );
+        }) }),
+        v ? /* @__PURE__ */ a("div", { "data-treatment-receipt-total": "", className: R(), children: [
+          /* @__PURE__ */ s("span", { className: "type-body-sm ds:font-medium", children: p ?? d("treatmentReceipt.total") }),
+          /* @__PURE__ */ s(
+            o,
+            {
+              value: h,
+              locale: n,
+              currency: l,
+              decimals: "muted",
+              className: "ds:font-semibold"
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+});
+T.displayName = "TreatmentReceipt";
+export {
+  T
+};
+//# sourceMappingURL=treatment-receipt-D4kOLXOk.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