@alfadocs/ui-kit 0.36.0 → 0.38.0

package/dist/_chunks/chart-DnHvmiDX.js

@@ -0,0 +1,312 @@
+import { jsxs as T, jsx as c } from "react/jsx-runtime";
+import { forwardRef as Q, useId as X, useMemo as d, useRef as tt, useState as E, useEffect as P, useImperativeHandle as et } from "react";
+import { c as ot } from "./index-D2ZczOXr.js";
+import { useTranslation as at } from "react-i18next";
+import rt from "react-apexcharts";
+import $ from "apexcharts";
+import { u as nt, g as k } from "./apexcharts-theme-BJigns_V.js";
+import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as it } from "./registry-nPAVE19X.js";
+const ct = {
+  id: "chart",
+  capabilities: [],
+  state: {},
+  actions: {
+    update_series: {
+      safety: "read",
+      argsType: "series",
+      description: "Replace the chart series without remounting.",
+      invoke: (r, l) => {
+        r.updateSeries(l.series);
+      }
+    },
+    export_png: {
+      safety: "read",
+      description: "Return a PNG data URI of the chart for export or screenshotting.",
+      invoke: (r) => r.dataURI()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "chart" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, dt = ot("ds:relative ds:block ds:w-full", {
+  variants: {
+    density: {
+      compact: "ds:min-h-[var(--chart-min-height-compact)]",
+      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), lt = [
+  "verticalLines",
+  "horizontalLines",
+  "slantedLines",
+  "squares",
+  "circles"
+], mt = ["line", "bar", "area"], ut = ["pie", "donut", "radialBar"];
+function x(r) {
+  return ut.includes(r);
+}
+function ht(r) {
+  return mt.includes(r);
+}
+function pt(r, l) {
+  return x(l) ? [
+    {
+      name: "",
+      data: r
+    }
+  ] : r;
+}
+const ft = Q(
+  ({
+    title: r,
+    id: l,
+    type: o,
+    series: p,
+    categories: g,
+    labels: v,
+    height: G,
+    width: H,
+    patterns: L = !1,
+    toolbar: R = !1,
+    locale: _,
+    radialValueFormatter: m,
+    density: M,
+    className: U
+  }, D) => {
+    const { t: a, i18n: W } = at(), O = X(), u = d(
+      () => `chart-${O.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [O]
+    ), S = `${u}-summary`, y = tt(null), [A, Y] = E(0);
+    nt(y);
+    const h = _ ?? W.language ?? "en", [z, Z] = E(
+      () => {
+        try {
+          return k();
+        } catch {
+          return {};
+        }
+      }
+    );
+    P(() => {
+      if (typeof document > "u") return;
+      let t;
+      const e = new MutationObserver(() => {
+        clearTimeout(t), t = setTimeout(() => {
+          try {
+            Z(k());
+          } catch {
+          }
+        }, 50);
+      });
+      return e.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      }), () => {
+        clearTimeout(t), e.disconnect();
+      };
+    }, []), P(() => {
+      const t = y.current;
+      if (!t || typeof ResizeObserver > "u") return;
+      const e = new ResizeObserver((n) => {
+        const s = n[0];
+        s && Y(Math.floor(s.contentRect.width));
+      });
+      return e.observe(t), () => e.disconnect();
+    }, []);
+    const I = d(
+      () => ({
+        async dataURI() {
+          const t = $.getChartByID(u);
+          return t ? (await t.dataURI()).imgURI : "";
+        },
+        updateSeries(t) {
+          const e = $.getChartByID(u);
+          e && (x(o), e.updateSeries(t));
+        }
+      }),
+      [u, o]
+    );
+    et(D, () => I, [I]), it(ct, I, l);
+    const C = typeof document < "u" && document.documentElement.dir === "rtl", N = d(
+      () => pt(p, o),
+      [p, o]
+    ), f = d(
+      () => new Intl.NumberFormat(h),
+      [h]
+    ), B = d(
+      () => ({
+        name: h,
+        options: {
+          toolbar: {
+            download: a("chart.toolbar.download"),
+            selection: a("chart.toolbar.selection"),
+            selectionZoom: a("chart.toolbar.selectionZoom"),
+            zoomIn: a("chart.toolbar.zoomIn"),
+            zoomOut: a("chart.toolbar.zoomOut"),
+            pan: a("chart.toolbar.pan"),
+            reset: a("chart.toolbar.reset"),
+            exportToSVG: a("chart.toolbar.exportToSVG"),
+            exportToPNG: a("chart.toolbar.exportToPNG"),
+            exportToCSV: a("chart.toolbar.exportToCSV")
+          }
+        }
+      }),
+      [h, a]
+    ), w = st(), j = d(() => {
+      var n, s, b;
+      const t = z, e = {
+        ...t,
+        chart: {
+          ...t.chart,
+          id: u,
+          toolbar: { show: R },
+          zoom: { enabled: R },
+          animations: {
+            enabled: !w,
+            dynamicAnimation: { enabled: !w }
+          },
+          locales: [B],
+          defaultLocale: h,
+          parentHeightOffset: 0
+        },
+        labels: v,
+        legend: {
+          ...t.legend,
+          position: "bottom",
+          // ApexCharts legend.horizontalAlign is a physical prop mapped internally
+          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
+          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
+          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
+          horizontalAlign: C ? "right" : "left",
+          fontFamily: "inherit"
+        },
+        tooltip: {
+          ...t.tooltip,
+          y: {
+            formatter: (i) => f.format(i)
+          }
+        },
+        noData: {
+          text: a("chart.noData")
+        }
+      };
+      if (ht(o) && (e.xaxis = {
+        ...t.xaxis,
+        categories: g ?? []
+      }, e.yaxis = {
+        ...t.yaxis,
+        opposite: C,
+        labels: {
+          formatter: (i) => f.format(i)
+        }
+      }, e.stroke = {
+        curve: "smooth",
+        width: o === "bar" ? 0 : 2
+      }, e.dataLabels = { enabled: !1 }), o === "radialBar" && m) {
+        const i = t.plotOptions ?? {};
+        e.plotOptions = {
+          ...i,
+          radialBar: {
+            ...i.radialBar ?? {},
+            dataLabels: {
+              ...((n = i.radialBar) == null ? void 0 : n.dataLabels) ?? {},
+              value: {
+                ...((b = (s = i.radialBar) == null ? void 0 : s.dataLabels) == null ? void 0 : b.value) ?? {},
+                formatter: (K) => m(Number(K))
+              }
+            }
+          }
+        };
+      }
+      return L ? e.fill = {
+        type: "pattern",
+        opacity: o === "area" ? 0.3 : 1,
+        pattern: {
+          style: [...lt],
+          strokeWidth: 2
+        }
+      } : o === "area" && (e.fill = {
+        type: "gradient",
+        opacity: 0.3
+      }), e;
+    }, [
+      z,
+      u,
+      R,
+      w,
+      B,
+      h,
+      v,
+      f,
+      a,
+      o,
+      g,
+      C,
+      L,
+      m
+    ]), q = H ?? (A > 0 ? A : "100%"), V = G ?? 320, F = d(() => {
+      const t = x(o) ? v ?? [] : g ?? [], e = N;
+      return /* @__PURE__ */ T("table", { id: S, className: "ds:sr-only", children: [
+        /* @__PURE__ */ c("caption", { children: r }),
+        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ T("tr", { children: [
+          /* @__PURE__ */ c("th", { scope: "col", children: a("chart.table.series") }),
+          t.map((n, s) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${s}`))
+        ] }) }),
+        /* @__PURE__ */ c("tbody", { children: e.map((n, s) => /* @__PURE__ */ T("tr", { children: [
+          /* @__PURE__ */ c("th", { scope: "row", children: n.name || a("chart.table.value") }),
+          n.data.map((b, i) => /* @__PURE__ */ c("td", { children: o === "radialBar" && m ? m(b) : f.format(b) }, `${s}-${i}`))
+        ] }, `${n.name}-${s}`)) })
+      ] });
+    }, [
+      o,
+      N,
+      v,
+      g,
+      S,
+      r,
+      a,
+      f,
+      m
+    ]), J = d(() => (x(o), p), [p, o]);
+    return /* @__PURE__ */ T(
+      "div",
+      {
+        ref: y,
+        role: "img",
+        "aria-label": r,
+        "aria-describedby": S,
+        className: dt({ density: M, className: U }),
+        "data-component": "chart",
+        "data-component-id": l,
+        children: [
+          F,
+          /* @__PURE__ */ c(
+            rt,
+            {
+              type: o,
+              series: J,
+              options: j,
+              width: q,
+              height: V,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ft.displayName = "Chart";
+export {
+  ft as C,
+  dt as a,
+  ct as c
+};
+//# sourceMappingURL=chart-DnHvmiDX.js.map

package/dist/_chunks/{chat-message-D53_fH2w.js → chat-message-ASgGtj-L.js}

@@ -1,25 +1,16 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as j, Fragment as g } from "react";
-import { c as h } from "./index-D2ZczOXr.js";
+import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { B as z } from "./button-DD_0Xdmr.js";
-import { A as M } from "./avatar-BNQNhoyL.js";
-import { T as I } from "./timestamp-BV2lC-wV.js";
-import { s as A } from "./safe-image-src-DstKgCo7.js";
-import { c as F } from "./createLucideIcon-CrFbzy84.js";
-import { C as L } from "./clock-21AGPWJ5.js";
-import { C as S } from "./check-DPdL_Sm7.js";
-import { C as V } from "./circle-alert-ChA9opNA.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 _ = [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], B = F("rotate-ccw", _), D = h(
+import { A } from "./avatar-BNQNhoyL.js";
+import { T as F } from "./timestamp-BV2lC-wV.js";
+import { s as I } from "./safe-image-src-DstKgCo7.js";
+import { R as M } from "./rotate-ccw-BWANpitO.js";
+import { C as S } from "./clock-21AGPWJ5.js";
+import { C as V } from "./check-DPdL_Sm7.js";
+import { C as B } from "./circle-alert-ChA9opNA.js";
+const D = v(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -31,7 +22,7 @@ const _ = [
     },
     defaultVariants: { role: "assistant" }
   }
-), E = h(
+), E = v(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -53,8 +44,8 @@ const _ = [
     },
     defaultVariants: { role: "assistant" }
   }
-), k = /^(https?:|mailto:)/i;
-function $(t) {
+), L = /^(https?:|mailto:)/i;
+function R(t) {
   const e = [];
   let r = t;
   const n = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
@@ -68,8 +59,8 @@ function $(t) {
   }
   return e;
 }
-function q(t) {
-  return $(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
+function _(t) {
+  return R(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
@@ -77,7 +68,7 @@ function q(t) {
       children: e.value
     },
     r
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? L.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -89,17 +80,17 @@ function q(t) {
     r
   ) : /* @__PURE__ */ a(g, { children: e.label }, r) : /* @__PURE__ */ a(g, { children: e.value }, r));
 }
-const H = C(
+const $ = C(
   ({
     role: t,
     content: e,
     avatar: r,
     timestamp: n,
     status: s,
-    renderMarkdown: v = !1,
+    renderMarkdown: h = !1,
     onRetry: l,
-    className: x,
-    ...b
+    className: b,
+    ...x
   }, y) => {
     const { t: i, i18n: m } = T(), o = j(() => {
       if (!n) return null;
@@ -108,8 +99,8 @@ const H = C(
         hour: "2-digit",
         minute: "2-digit"
       }).format(p);
-    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = v ? q(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      V,
+    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = h ? _(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(V, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+      B,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
@@ -122,14 +113,14 @@ const H = C(
         "aria-label": N,
         "data-component": "chat-message",
         className: [
-          D({ role: t, className: x }),
+          D({ role: t, className: b }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
           "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
           "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
-        ...b,
+        ...x,
         children: [
           t !== "system" && r ? r.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
@@ -139,10 +130,10 @@ const H = C(
             // `javascript:` / `data:text/html` / `data:image/svg+xml` and so
             // are scrubbed here before reaching <Avatar>. Fallback to initials.
             /* @__PURE__ */ a(
-              M,
+              A,
               {
                 name: r.name,
-                src: A(r.src),
+                src: I(r.src),
                 size: "sm"
               }
             )
@@ -183,7 +174,7 @@ const H = C(
                     ].join(" "),
                     children: [
                       n ? /* @__PURE__ */ a(
-                        I,
+                        F,
                         {
                           value: n,
                           format: "absolute",
@@ -217,7 +208,7 @@ const H = C(
                           intent: "ghost",
                           size: "sm",
                           onClick: l,
-                          startIcon: /* @__PURE__ */ a(B, {}),
+                          startIcon: /* @__PURE__ */ a(M, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
@@ -232,8 +223,8 @@ const H = C(
     );
   }
 );
-H.displayName = "ChatMessage";
+$.displayName = "ChatMessage";
 export {
-  H as C
+  $ as C
 };
-//# sourceMappingURL=chat-message-D53_fH2w.js.map
+//# sourceMappingURL=chat-message-ASgGtj-L.js.map

package/dist/_chunks/{contact-profile-card-BA6fgS45.js → contact-profile-card-DHyuAPXM.js}

@@ -8,8 +8,9 @@ import { K as fe, a as me } from "./key-value-pair-CkQIb9EG.js";
 import { L as d } from "./link-DrD_cRUg.js";
 import { u as he } from "./registry-nPAVE19X.js";
 import { S as T } from "./stethoscope-DT5qCW8Y.js";
-import { H, S as V, L as z } from "./shield-check-BhHyReu8.js";
-import { c as O } from "./createLucideIcon-CrFbzy84.js";
+import { H } from "./heart-C0faivFf.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { S as z, L as O } from "./shield-check-C73ma9Cs.js";
 import { G as E } from "./globe-BkEFMNSg.js";
 import { M as K } from "./mail-C8irm52s.js";
 import { M as L } from "./message-circle-C23eicgb.js";
@@ -24,7 +25,7 @@ const ge = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
-], j = O("banknote", ge);
+], j = V("banknote", ge);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -39,7 +40,7 @@ const ve = [
       key: "9njp5v"
     }
   ]
-], B = O("phone", ve), xe = {
+], B = V("phone", ve), xe = {
   id: "contact-profile-card",
   capabilities: ["view_change"],
   state: {
@@ -225,14 +226,14 @@ const $e = ce(
       };
       o.push({
         key: "languages",
-        icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
         label: n("contactProfileCard.label.languages"),
         value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(S, { variant: "neutral", children: i(l) }, l)) })
       });
     }
     v && v.length > 0 && o.push({
       key: "insurances",
-      icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.insurances"),
       value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(S, { variant: "info", children: i }, i)) })
     }), N && o.push({
@@ -311,7 +312,7 @@ const $e = ce(
   }
 );
 $e.displayName = "ContactProfileCard";
-const Be = [
+const Ge = [
   "address",
   "phone",
   "whatsapp",
@@ -322,22 +323,22 @@ const Be = [
   "firstVisitPrice",
   "expertForAnxiousPatients",
   "profession"
-], Ge = {
+], qe = {
   address: U,
   phone: B,
   whatsapp: L,
   email: K,
   website: E,
-  languages: z,
-  insurances: V,
+  languages: O,
+  insurances: z,
   firstVisitPrice: j,
   expertForAnxiousPatients: H,
   profession: T
 };
 export {
-  Ge as C,
-  Be as a,
+  qe as C,
+  Ge as a,
   $e as b,
   xe as c
 };
-//# sourceMappingURL=contact-profile-card-BA6fgS45.js.map
+//# sourceMappingURL=contact-profile-card-DHyuAPXM.js.map