@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/editable-currency-cell-renderer-kgqp_mIw.js

@@ -0,0 +1,448 @@
+import { useMemo as V, useState as F, useRef as k, useEffect as A } from "react";
+import { jsx as d, jsxs as z } from "react/jsx-runtime";
+import { B as $ } from "./badge-CqGsX32l.js";
+import { A as H } from "./avatar-BNQNhoyL.js";
+import { T as M } from "./tag-BQXwuJq1.js";
+import { useTranslation as C } from "react-i18next";
+import { S as q } from "./square-check-big-Jr-0202D.js";
+import { S as G } from "./square-CZoGU14v.js";
+import { u as X } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as D, a as P, b as L, d as B } from "./input-surface-xyERuLU_.js";
+function be(n, e, t) {
+  return V(() => {
+    const o = {};
+    for (const r of e) {
+      let f = 0;
+      for (const i of n ?? []) {
+        const a = i[r], c = typeof a == "number" ? a : Number(a);
+        Number.isFinite(c) && (f += c);
+      }
+      o[r] = f;
+    }
+    return t != null && t.labelField && t.labelValue !== void 0 && (o[t.labelField] = t.labelValue), o;
+  }, [n, e, t == null ? void 0 : t.labelField, t == null ? void 0 : t.labelValue]);
+}
+function he(n) {
+  const { value: e, variantMap: t } = n, o = (t == null ? void 0 : t[e]) ?? "neutral";
+  return /* @__PURE__ */ d($, { variant: o, withDot: !0, size: "sm", children: String(e ?? "") });
+}
+const K = {
+  sm: "ds:size-8",
+  md: "ds:size-10",
+  lg: "ds:size-12"
+}, O = {
+  square: "ds:rounded-none",
+  rounded: "ds:rounded-[var(--radius-md)]",
+  circle: "ds:rounded-[var(--radius-full)]"
+};
+function E(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const Z = /^(?:https?:|data:image\/)/i;
+function W(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (e.length !== 0)
+    return Z.test(e) ? e : void 0;
+}
+function ye(n) {
+  const {
+    data: e,
+    srcField: t,
+    altField: o,
+    fallbackField: r,
+    size: f = "md",
+    shape: i = "rounded"
+  } = n;
+  if (!e) return null;
+  const a = E(e, t), c = W(a), s = o ? E(e, o) ?? "" : "", l = r ? E(e, r) : void 0;
+  return c ? /* @__PURE__ */ d(
+    "img",
+    {
+      src: c,
+      alt: s,
+      loading: "lazy",
+      decoding: "async",
+      className: ["ds:object-cover", K[f], O[i]].join(
+        " "
+      )
+    }
+  ) : l ? /* @__PURE__ */ d(H, { name: l, size: f }) : null;
+}
+function J() {
+  return /* @__PURE__ */ d(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "ds:size-3.5",
+      children: /* @__PURE__ */ d("path", { d: "M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z" })
+    }
+  );
+}
+function Ne(n) {
+  const { value: e, maxInlineSize: t = "8rem" } = n;
+  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ d(
+    M,
+    {
+      label: e.join(", "),
+      size: "sm",
+      fill: "outline",
+      leading: /* @__PURE__ */ d(J, {}),
+      maxInlineSize: t
+    }
+  );
+}
+function Q(n) {
+  if (n == null || n === "") return null;
+  const e = typeof n == "number" ? n : Number(n);
+  return Number.isFinite(e) ? e : null;
+}
+function Ce(n) {
+  const {
+    value: e,
+    currency: t = "EUR",
+    colorNegative: o,
+    strikethrough: r,
+    options: f
+  } = n, { i18n: i } = C(), a = Q(e);
+  if (a === null) return null;
+  const c = i.language || "en", s = new Intl.NumberFormat(c, {
+    style: "currency",
+    currency: t,
+    ...f
+  }).format(a), l = ["ds:tabular-nums"];
+  return o && a < 0 && l.push("ds:text-[color:var(--destructive)]"), r && l.push("line-through"), /* @__PURE__ */ d("span", { className: l.join(" "), children: s });
+}
+function w(n, e) {
+  return typeof n == "function" ? n(e) : n;
+}
+function Y(n) {
+  return /^(https?:\/\/|\/|#|mailto:|tel:)/i.test(n) ? n : "#";
+}
+function xe(n) {
+  const { value: e, data: t, href: o, onClick: r, secondary: f } = n;
+  if (!t) return null;
+  const i = w(o, t), a = w(f, t), c = e == null || e === "" ? "" : String(e), s = [
+    "ds:text-[color:var(--primary)]",
+    "ds:hover:underline",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:rounded-[var(--radius-sm)]"
+  ].join(" "), l = (u) => {
+    r && (i || u.preventDefault(), u.stopPropagation(), r(t));
+  };
+  return /* @__PURE__ */ z("span", { className: "ds:flex ds:flex-col ds:leading-tight", children: [
+    i ? /* @__PURE__ */ d(
+      "a",
+      {
+        href: Y(i),
+        onClick: l,
+        className: s,
+        children: c
+      }
+    ) : /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        onClick: l,
+        className: [
+          "ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start",
+          s
+        ].join(" "),
+        children: c
+      }
+    ),
+    a ? /* @__PURE__ */ d("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a }) : null
+  ] });
+}
+function Se(n) {
+  const {
+    value: e,
+    data: t,
+    onToggle: o,
+    onError: r,
+    trueIcon: f,
+    falseIcon: i,
+    trueClass: a = "ds:text-[color:var(--success)]",
+    falseClass: c = "ds:text-[color:var(--muted-foreground)]",
+    label: s
+  } = n, { t: l } = C(), [u, b] = F(!1);
+  if (!t) return null;
+  const h = !!e, x = h ? f ?? /* @__PURE__ */ d(q, { "aria-hidden": !0, className: "ds:size-4" }) : i ?? /* @__PURE__ */ d(G, { "aria-hidden": !0, className: "ds:size-4" }), y = h ? a : c, N = s ?? l(h ? "inputs.switch.on" : "inputs.switch.off");
+  async function m(g) {
+    if (g.stopPropagation(), u || !t) return;
+    const v = o(t, !h);
+    if (v && typeof v.then == "function") {
+      b(!0);
+      try {
+        await v;
+      } catch (S) {
+        r == null || r(t, S);
+      } finally {
+        b(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": h,
+      "aria-busy": u,
+      "aria-label": N,
+      disabled: u,
+      onClick: m,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
+        "ds:rounded-[var(--radius-sm)]",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+        "ds:focus-visible:outline-solid",
+        "ds:focus-visible:outline-[color:var(--ring)]",
+        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+        "ds:disabled:opacity-50",
+        y
+      ].join(" "),
+      children: x
+    }
+  );
+}
+const ee = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function T(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const ne = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, te = /^rgba?\(\s*[\d.\s,%/]+\)$/i, re = /^hsla?\(\s*[\d.\s,%/]+\)$/i, se = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function ae(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (ne.test(e) || te.test(e) || re.test(e) || se.test(e))
+    return e;
+}
+function Re(n) {
+  const { data: e, colorField: t, size: o = "md", labelField: r } = n, f = k(null), i = e ? T(e, t) : void 0, a = ae(i), c = e && r ? T(e, r) : void 0;
+  return X(() => {
+    const s = f.current;
+    s && (a ? s.style.setProperty("--data-table-dot-color", a) : s.style.removeProperty("--data-table-dot-color"));
+  }, [a]), a ? /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        ref: f,
+        "aria-hidden": "true",
+        className: [
+          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--data-table-dot-color)]",
+          "ds:border ds:border-[color:var(--border)]",
+          ee[o]
+        ].join(" ")
+      }
+    ),
+    c ? /* @__PURE__ */ d("span", { children: c }) : null
+  ] }) : null;
+}
+function le(n, e) {
+  if (!n || typeof n != "object") return null;
+  const t = n[e], o = typeof t == "number" ? t : Number(t);
+  return Number.isFinite(o) ? o : null;
+}
+function Ee(n) {
+  const { data: e, lines: t, currency: o = "EUR", highlightNegative: r } = n, { i18n: f } = C();
+  if (!e) return null;
+  const i = f.language || "en", a = (s) => {
+    const l = le(e, s.valueField);
+    if (l === null) return null;
+    let u;
+    switch (s.format ?? "number") {
+      case "currency":
+        u = new Intl.NumberFormat(i, {
+          style: "currency",
+          currency: o
+        }).format(l);
+        break;
+      case "percent":
+        u = new Intl.NumberFormat(i, {
+          style: "percent",
+          maximumFractionDigits: 1
+        }).format(l / 100);
+        break;
+      default:
+        u = new Intl.NumberFormat(i).format(l);
+    }
+    return {
+      label: s.label,
+      formatted: u,
+      negative: !!r && l < 0
+    };
+  }, c = t.map(a).filter(
+    (s) => s !== null
+  );
+  return c.length === 0 ? null : /* @__PURE__ */ d(
+    "div",
+    {
+      className: [
+        "ds:flex",
+        "ds:flex-wrap",
+        "ds:items-center",
+        "ds:gap-x-[var(--spacing-sm)]",
+        "ds:gap-y-0",
+        "type-meta",
+        "ds:leading-tight"
+      ].join(" "),
+      children: c.map((s, l) => /* @__PURE__ */ z(
+        "span",
+        {
+          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
+          children: [
+            l > 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                children: "·"
+              }
+            ) : null,
+            /* @__PURE__ */ d("span", { className: "ds:text-[color:var(--muted-foreground)]", children: s.label }),
+            /* @__PURE__ */ d(
+              "span",
+              {
+                className: [
+                  "ds:tabular-nums",
+                  "ds:font-medium",
+                  s.negative ? "ds:text-[color:var(--destructive)]" : ""
+                ].filter(Boolean).join(" "),
+                children: s.formatted
+              }
+            )
+          ]
+        },
+        `${s.label}-${l}`
+      ))
+    }
+  );
+}
+function Fe(n) {
+  var s, l;
+  const { initialValue: e, onValueChange: t, stopEditing: o, column: r } = n, [f, i] = F(e ?? ""), a = k(null);
+  A(() => {
+    const u = a.current;
+    u && (u.focus(), u.select());
+  }, []);
+  const c = ((l = (s = r == null ? void 0 : r.getColDef) == null ? void 0 : s.call(r)) == null ? void 0 : l.headerName) ?? void 0;
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ref: a,
+      type: "text",
+      value: f,
+      "aria-label": c,
+      onChange: (u) => {
+        const b = u.target.value;
+        i(b), t(b);
+      },
+      onKeyDown: (u) => {
+        u.key === "Enter" && (u.preventDefault(), o());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none",
+        // Input surface chrome: rounded border + bg + focus halo.
+        D,
+        // Use the `md` height (`--min-target-size`) so the input
+        // auto-lifts to 48px under `.theme-accessible` to satisfy
+        // WCAG 2.5.5 target size.
+        P.md,
+        L.sm,
+        B.sm
+      ].join(" ")
+    }
+  );
+}
+function ke(n) {
+  var y, N;
+  const {
+    initialValue: e,
+    onValueChange: t,
+    stopEditing: o,
+    column: r,
+    decimals: f = 2,
+    min: i,
+    max: a
+  } = n, { i18n: c } = C(), s = k(null), l = ((N = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : N.headerName) ?? void 0, [u, b] = F(() => e == null || Number.isNaN(e) ? "" : String(e));
+  A(() => {
+    const m = s.current;
+    m && (m.focus(), m.select());
+  }, []);
+  function h(m) {
+    var j, _;
+    if (m.trim().length === 0) return null;
+    const g = c.language || "en", p = new Intl.NumberFormat(g).formatToParts(12345.6), v = ((j = p.find((R) => R.type === "group")) == null ? void 0 : j.value) ?? "", S = ((_ = p.find((R) => R.type === "decimal")) == null ? void 0 : _.value) ?? ".", U = m.replace(new RegExp(`\\${v}`, "g"), "").replace(S, ".").replace(/[^\d.-]/g, ""), I = Number(U);
+    return Number.isFinite(I) ? I : null;
+  }
+  function x(m) {
+    const g = h(m);
+    if (g == null) {
+      t(null);
+      return;
+    }
+    let p = g;
+    typeof i == "number" && (p = Math.max(i, p)), typeof a == "number" && (p = Math.min(a, p));
+    const v = 10 ** f;
+    t(Math.round(p * v) / v);
+  }
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ref: s,
+      type: "text",
+      inputMode: "decimal",
+      value: u,
+      "aria-label": l,
+      onChange: (m) => {
+        const g = m.target.value;
+        b(g), x(g);
+      },
+      onKeyDown: (m) => {
+        m.key === "Enter" && (m.preventDefault(), o());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        D,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        P.md,
+        L.sm,
+        B.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  Ee as B,
+  Re as C,
+  ke as E,
+  ye as I,
+  xe as L,
+  he as S,
+  Se as T,
+  Ce as a,
+  Fe as b,
+  Ne as c,
+  be as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-kgqp_mIw.js.map

package/dist/_chunks/{email-input-lQivsFrw.js → email-input-B_Y55f5G.js}

@@ -2,10 +2,10 @@ import { jsxs as W, jsx as V } from "react/jsx-runtime";
 import { forwardRef as ie, useRef as K, useId as ue, useState as X, useMemo as Q, useEffect as oe, useCallback as Z } from "react";
 import { useTranslation as se } from "react-i18next";
 import { g as fe } from "./_commonjsHelpers-DaMA6jEr.js";
-import { T as ce } from "./text-input-BaClJL8Y.js";
+import { T as ce } from "./text-input-B-OWQ1Je.js";
 import { u as de } from "./form-field-context-B3APVHKx.js";
 import { c as me } from "./compose-refs-C0k0tdqF.js";
-import { u as pe } from "./registry-nPAVE19X.js";
+import { u as pe } from "./registry-DvAUVLHh.js";
 import { C as ve } from "./circle-alert-ChA9opNA.js";
 var j = { exports: {} }, A = { exports: {} }, G;
 function z() {
@@ -393,4 +393,4 @@ export {
   Ee as E,
   Fe as e
 };
-//# sourceMappingURL=email-input-lQivsFrw.js.map
+//# sourceMappingURL=email-input-B_Y55f5G.js.map

package/dist/_chunks/{fetal-weight-BVSzOhuR.js → fetal-weight-CRz7KE2D.js}

@@ -3,7 +3,7 @@ import { forwardRef as T, useState as g, useMemo as W, useEffect as j } from "re
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
 import { F as D } from "./form-field-BOm9hK35.js";
-import { N as E } from "./number-input-Dj5L3pXK.js";
+import { N as E } from "./number-input-DxphVG_A.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { B as H } from "./badge-CqGsX32l.js";
 import { I as S } from "./insert-result-njqBthzT.js";
@@ -119,4 +119,4 @@ export {
   G as F,
   q as e
 };
-//# sourceMappingURL=fetal-weight-BVSzOhuR.js.map
+//# sourceMappingURL=fetal-weight-CRz7KE2D.js.map