@alfadocs/ui-kit 0.54.0 → 0.56.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.54.0",
+  "version": "0.56.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/otp-input-Chb9r5vf.js

@@ -1,268 +0,0 @@
-import { jsxs as ee, jsx as y } from "react/jsx-runtime";
-import { forwardRef as te, useId as re, useRef as M, useState as se, useEffect as ae, useCallback as N, useMemo as oe, useImperativeHandle as ie } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as ne } from "react-i18next";
-import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ue } from "./use-web-otp-D_utzp6S.js";
-import { u as le } from "./form-field-context-B3APVHKx.js";
-import { u as de } from "./registry-nPAVE19X.js";
-const pe = {
-  id: "otp-input",
-  capabilities: ["edit_inline", "submit"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.otpInput.state.value",
-      description: "Current digits entered, packed into a single string.",
-      read: (e) => e.getValue()
-    },
-    isComplete: {
-      type: "boolean",
-      descriptionKey: "ui.agent.otpInput.state.isComplete",
-      description: "Whether all required digits have been entered.",
-      read: (e) => e.isComplete()
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: string }",
-      descriptionKey: "ui.agent.otpInput.actions.setValue",
-      description: "Replace the entered digits.",
-      invoke: (e, a) => {
-        e.setValue(a.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      descriptionKey: "ui.agent.otpInput.actions.clear",
-      description: "Empty all digit cells. Loses any typed value.",
-      invoke: (e) => {
-        e.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      descriptionKey: "ui.agent.otpInput.actions.focus",
-      description: "Move keyboard focus to the active digit cell.",
-      invoke: (e) => {
-        e.focus();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "otp-input",
-      description: "Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, fe = S("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), me = S(
-  [
-    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
-    "ds:shadow-[var(--shadow-input)]",
-    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive"
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-);
-function F(e) {
-  return e.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
-}
-function w(e, a) {
-  return F(e).replace(/\D/g, "").slice(0, a);
-}
-function ve(e, a) {
-  const m = w(e, a), l = new Array(a).fill("");
-  for (let n = 0; n < m.length; n += 1)
-    l[n] = m[n];
-  return l;
-}
-const be = te(
-  ({
-    length: e = 6,
-    value: a,
-    defaultValue: m,
-    onChange: l,
-    onComplete: n,
-    disabled: H,
-    error: $,
-    label: I,
-    id: K,
-    className: j,
-    webOtp: z = !1,
-    name: C
-  }, W) => {
-    const { t: _ } = ne(), v = le(), q = re(), O = I ? q : void 0, [G, P] = ce({
-      value: a,
-      defaultValue: w(m ?? "", e)
-    }), p = w(G ?? "", e), J = ve(p, e), b = v.disabled || !!H, B = v.invalid || !!$, Q = B ? "error" : "default", E = M([]), h = M(p.length === e), d = M(p);
-    d.current = p;
-    const U = () => {
-      const r = p.length;
-      return r >= e ? e - 1 : r;
-    }, [f, k] = se(U);
-    ae(() => {
-      f >= e && k(e - 1);
-    }, [f, e]);
-    const c = N(
-      (r) => {
-        const t = Math.max(0, Math.min(e - 1, r));
-        k(t);
-        const s = E.current[t];
-        s && (s.focus(), s.select());
-      },
-      [e]
-    ), u = N(
-      (r) => {
-        const t = w(r, e);
-        P(t), d.current = t, l == null || l(t), t.length === e ? h.current || (h.current = !0, n == null || n(t)) : h.current = !1;
-      },
-      [P, e, l, n]
-    );
-    ue({
-      enabled: z && !b,
-      onCode: u
-    });
-    const X = (r) => (t) => {
-      const s = t.target.value, o = F(s).replace(/\D/g, ""), i = d.current;
-      if (o.length === 0) {
-        if (s === "" && r < i.length) {
-          const R = i.slice(0, r) + i.slice(r + 1);
-          u(R);
-        }
-        return;
-      }
-      const g = i.slice(0, r), D = i.slice(r + o.length), T = (g + o + D).slice(0, e);
-      u(T);
-      const A = Math.min(r + o.length, e - 1);
-      c(A);
-    }, Y = (r) => (t) => {
-      const s = d.current;
-      if (t.key === "Backspace") {
-        if (s[r]) {
-          t.preventDefault();
-          const o = s.slice(0, r) + s.slice(r + 1);
-          u(o);
-          return;
-        }
-        if (r > 0) {
-          t.preventDefault();
-          const o = s.slice(0, r - 1) + s.slice(r);
-          u(o), c(r - 1);
-        }
-        return;
-      }
-      if (t.key === "ArrowLeft") {
-        t.preventDefault(), r > 0 && c(r - 1);
-        return;
-      }
-      if (t.key === "ArrowRight") {
-        t.preventDefault(), r < e - 1 && c(r + 1);
-        return;
-      }
-      if (t.key === "Home") {
-        t.preventDefault(), c(0);
-        return;
-      }
-      t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, Z = (r) => (t) => {
-      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(o);
-      if (!/^[0-9]+$/.test(i)) return;
-      t.preventDefault();
-      const g = d.current, D = g.slice(0, r), T = g.slice(r + i.length), A = (D + i + T).slice(0, e);
-      u(A);
-      const R = Math.min(r + i.length, e - 1);
-      c(R);
-    }, x = (r) => (t) => {
-      k(r), t.currentTarget.select();
-    }, L = v.id, V = oe(
-      () => ({
-        getValue: () => d.current,
-        setValue: (r) => u(r),
-        clear: () => u(""),
-        focus: () => c(f),
-        isComplete: () => d.current.length === e
-      }),
-      [u, c, f, e]
-    );
-    return de(pe, V, K), ie(W, () => V, [V]), /* @__PURE__ */ ee("div", { className: fe({ className: j }), children: [
-      I ? /* @__PURE__ */ y(
-        "label",
-        {
-          id: O,
-          htmlFor: `${L}-0`,
-          className: "type-label ds:text-foreground",
-          children: I
-        }
-      ) : null,
-      /* @__PURE__ */ y(
-        "div",
-        {
-          role: "group",
-          dir: "ltr",
-          "aria-labelledby": O,
-          "aria-invalid": B || void 0,
-          "aria-describedby": v.describedBy || void 0,
-          "aria-disabled": b || void 0,
-          "data-component": "otp-input",
-          "data-component-id": K,
-          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: J.map((r, t) => {
-            const s = !b && t === f;
-            return /* @__PURE__ */ y(
-              "input",
-              {
-                ref: (o) => {
-                  E.current[t] = o;
-                },
-                id: `${L}-${t}`,
-                type: "text",
-                inputMode: "numeric",
-                pattern: "[0-9]*",
-                autoComplete: t === 0 ? "one-time-code" : "off",
-                maxLength: 1,
-                value: r,
-                disabled: b,
-                tabIndex: s ? 0 : -1,
-                "aria-label": _("inputs.otp.digitLabel", {
-                  current: t + 1,
-                  total: e
-                }),
-                onChange: X(t),
-                onKeyDown: Y(t),
-                onPaste: Z(t),
-                onFocus: x(t),
-                className: me({ tone: Q })
-              },
-              t
-            );
-          })
-        }
-      ),
-      C ? /* @__PURE__ */ y("input", { type: "hidden", name: C, value: p, readOnly: !0 }) : null
-    ] });
-  }
-);
-be.displayName = "OTPInput";
-export {
-  be as O
-};
-//# sourceMappingURL=otp-input-Chb9r5vf.js.map

package/dist/_chunks/use-signing-session-C5evzYmo.js

@@ -1,108 +0,0 @@
-import { useRef as w, useEffect as C, useState as y, useMemo as F, useCallback as S } from "react";
-function b(e) {
-  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
-}
-function A(e, o) {
-  const r = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
-    // SSR / jsdom fallback — drop every character that's
-    // significant in a CSS attribute selector. Conservative but
-    // robust enough for the test environment.
-    e.replace(/["'\\[\]]/g, "")
-  ), s = `[data-error-anchor="${r}"], [name="${r}"], [name$="[${r}]"]`, i = Array.from(o.querySelectorAll(s));
-  return i.length === 0 ? null : i.find((c) => c.offsetParent !== null) ?? i[0];
-}
-function k(e, o, r = {}) {
-  const {
-    scope: s,
-    scrollOptions: i = { behavior: "smooth", block: "center" },
-    focus: u = !0,
-    skipInitialMount: c = !0
-  } = r, a = w(!1), d = w(null), l = o.find((f) => !!e[f]) ?? null;
-  C(() => {
-    if (c && !a.current) {
-      a.current = !0, d.current = l;
-      return;
-    }
-    if (!l) {
-      d.current = null;
-      return;
-    }
-    if (l === d.current || typeof window > "u") return;
-    const f = window.requestAnimationFrame(() => {
-      const m = b(s);
-      if (!m) return;
-      const g = A(l, m);
-      g && (g.scrollIntoView(i), u && g.focus({ preventScroll: !0 }), d.current = l);
-    });
-    return () => window.cancelAnimationFrame(f);
-  }, [l]);
-}
-function v(e, o = !1) {
-  const r = {};
-  for (const s of e)
-    r[s.id] = { signed: o ? !1 : !!s.signed };
-  return r;
-}
-function B(e) {
-  const [o, r] = y(
-    () => v(e)
-  ), [s, i] = y(null), u = F(
-    () => e.map((n) => {
-      const t = o[n.id];
-      return {
-        ...n,
-        signed: t ? t.signed : !!n.signed,
-        payload: t == null ? void 0 : t.payload
-      };
-    }),
-    [e, o]
-  ), c = F(
-    () => u.reduce((n, t) => t.signed ? n + 1 : n, 0),
-    [u]
-  ), a = u.length, d = a > 0 && c === a, l = S((n) => {
-    i(n);
-  }, []), f = S(() => {
-    i(null);
-  }, []), m = S((n, t) => {
-    r((p) => ({ ...p, [n]: { signed: !0, payload: t } })), i((p) => p === n ? null : p);
-  }, []), g = S(
-    (n) => {
-      var t;
-      return !!((t = o[n]) != null && t.signed);
-    },
-    [o]
-  ), h = S(() => {
-    r(v(e, !0)), i(null);
-  }, [e]);
-  return F(
-    () => ({
-      fields: u,
-      signedCount: c,
-      total: a,
-      isComplete: d,
-      activeFieldId: s,
-      openField: l,
-      closeField: f,
-      markSigned: m,
-      isFieldSigned: g,
-      reset: h
-    }),
-    [
-      u,
-      c,
-      a,
-      d,
-      s,
-      l,
-      f,
-      m,
-      g,
-      h
-    ]
-  );
-}
-export {
-  B as a,
-  k as u
-};
-//# sourceMappingURL=use-signing-session-C5evzYmo.js.map