@alfadocs/ui-kit 0.1.8 → 0.1.10

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

@@ -1,189 +0,0 @@
-import { jsxs as x, jsx as F } from "react/jsx-runtime";
-import { forwardRef as C, useId as tt, useState as P, useRef as R, useEffect as et, useCallback as $ } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as rt } from "react-i18next";
-import { u as st } from "./form-field-context-94LwgYTQ.js";
-const ot = j("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), at = j(
-  [
-    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-background ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
-    "ds:transition-colors 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 B(r) {
-  return r.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
-}
-function v(r, a) {
-  return B(r).replace(/\D/g, "").slice(0, a);
-}
-function ct(r, a) {
-  const p = v(r, a), i = new Array(a).fill("");
-  for (let n = 0; n < p.length; n += 1)
-    i[n] = p[n];
-  return i;
-}
-const nt = C(
-  ({
-    length: r = 6,
-    value: a,
-    defaultValue: p,
-    onChange: i,
-    onComplete: n,
-    disabled: z,
-    error: O,
-    label: g,
-    className: S
-  }, K) => {
-    const { t: H } = rt(), m = st(), q = tt(), M = g ? q : void 0, y = a !== void 0, [G, J] = P(
-      () => v(p ?? "", r)
-    ), l = v(y ? a : G, r), Q = ct(l, r), w = m.disabled || !!z, N = m.invalid || !!O, U = N ? "error" : "default", E = R([]), D = R(l.length === r), d = R(l);
-    d.current = l;
-    const W = () => {
-      const e = l.length;
-      return e >= r ? r - 1 : e;
-    }, [I, V] = P(W);
-    et(() => {
-      I >= r && V(r - 1);
-    }, [I, r]);
-    const u = $(
-      (e) => {
-        const t = Math.max(0, Math.min(r - 1, e));
-        V(t);
-        const s = E.current[t];
-        s && (s.focus(), s.select());
-      },
-      [r]
-    ), f = $(
-      (e) => {
-        const t = v(e, r);
-        y || J(t), d.current = t, i == null || i(t), t.length === r ? D.current || (D.current = !0, n == null || n(t)) : D.current = !1;
-      },
-      [y, r, i, n]
-    ), X = (e) => (t) => {
-      const s = t.target.value, o = B(s).replace(/\D/g, ""), c = d.current;
-      if (o.length === 0) {
-        if (s === "" && e < c.length) {
-          const A = c.slice(0, e) + c.slice(e + 1);
-          f(A);
-        }
-        return;
-      }
-      const b = c.slice(0, e), k = c.slice(e + o.length), T = (b + o + k).slice(0, r);
-      f(T);
-      const h = Math.min(e + o.length, r - 1);
-      u(h);
-    }, Y = (e) => (t) => {
-      const s = d.current;
-      if (t.key === "Backspace") {
-        if (s[e]) {
-          t.preventDefault();
-          const o = s.slice(0, e) + s.slice(e + 1);
-          f(o);
-          return;
-        }
-        if (e > 0) {
-          t.preventDefault();
-          const o = s.slice(0, e - 1) + s.slice(e);
-          f(o), u(e - 1);
-        }
-        return;
-      }
-      if (t.key === "ArrowLeft") {
-        t.preventDefault(), e > 0 && u(e - 1);
-        return;
-      }
-      if (t.key === "ArrowRight") {
-        t.preventDefault(), e < r - 1 && u(e + 1);
-        return;
-      }
-      if (t.key === "Home") {
-        t.preventDefault(), u(0);
-        return;
-      }
-      t.key === "End" && (t.preventDefault(), u(r - 1));
-    }, Z = (e) => (t) => {
-      const o = t.clipboardData.getData("text").replace(/\s+/g, ""), c = B(o);
-      if (!/^[0-9]+$/.test(c)) return;
-      t.preventDefault();
-      const b = d.current, k = b.slice(0, e), T = b.slice(e + c.length), h = (k + c + T).slice(0, r);
-      f(h);
-      const A = Math.min(e + c.length, r - 1);
-      u(A);
-    }, _ = (e) => (t) => {
-      V(e), t.currentTarget.select();
-    }, L = m.id;
-    return /* @__PURE__ */ x("div", { className: ot({ className: S }), children: [
-      g ? /* @__PURE__ */ F(
-        "label",
-        {
-          id: M,
-          htmlFor: `${L}-0`,
-          className: "type-label ds:text-foreground",
-          children: g
-        }
-      ) : null,
-      /* @__PURE__ */ F(
-        "div",
-        {
-          ref: K,
-          role: "group",
-          dir: "ltr",
-          "aria-labelledby": M,
-          "aria-invalid": N || void 0,
-          "aria-describedby": m.describedBy || void 0,
-          "aria-disabled": w || void 0,
-          "data-component": "otp-input",
-          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: Q.map((e, t) => {
-            const s = !w && t === I;
-            return /* @__PURE__ */ F(
-              "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: e,
-                disabled: w,
-                tabIndex: s ? 0 : -1,
-                "aria-label": H("ui.inputs.otp.digitLabel", {
-                  current: t + 1,
-                  total: r
-                }),
-                onChange: X(t),
-                onKeyDown: Y(t),
-                onPaste: Z(t),
-                onFocus: _(t),
-                className: at({ tone: U })
-              },
-              t
-            );
-          })
-        }
-      )
-    ] });
-  }
-);
-nt.displayName = "OTPInput";
-export {
-  nt as O
-};
-//# sourceMappingURL=otp-input-De5_Ih7B.js.map

package/dist/_chunks/pagination.agent-oEaqmtx5.js

@@ -1,380 +0,0 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m, useState as K, useEffect as O, useCallback as R, useMemo as Q, useId as W } from "react";
-import * as c from "@radix-ui/react-select";
-import { c as X } from "./index-D2ZczOXr.js";
-import { useTranslation as x } from "react-i18next";
-import { E as Y } from "./ellipsis-rgGdiK_9.js";
-import { C as S } from "./chevron-right-BrpYejk0.js";
-import { C as Z } from "./chevron-left-CX1jqD2M.js";
-import { C as D, a as ss } from "./chevrons-right-d9MwesPG.js";
-import { C as es } from "./check-DPdL_Sm7.js";
-const as = [
-  "ds:inline-flex ds:items-center ds:justify-center",
-  "ds:rounded-[var(--radius-sm)]",
-  "ds:border ds:border-transparent",
-  "ds:font-[var(--font-weight-medium)]",
-  "ds:text-[var(--foreground)]",
-  "ds:select-none",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-  "ds:hover:bg-[var(--muted)]/20",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-  "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50"
-].join(" "), j = X(as, {
-  variants: {
-    size: {
-      sm: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-      md: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-      lg: "ds:min-w-[3rem] ds:min-h-[3rem] ds:text-[length:var(--font-size-lg)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
-    },
-    active: {
-      true: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-bold)] ds:outline ds:outline-1 ds:outline-[var(--primary)] ds:hover:bg-[var(--primary-hover)]",
-      false: ""
-    }
-  },
-  defaultVariants: { size: "md", active: !1 }
-});
-function w(n, a) {
-  const i = [];
-  for (let s = n; s <= a; s++) i.push(s);
-  return i;
-}
-function is(n, a, i = 1, s = 1) {
-  if (a <= 0) return [];
-  if (i = Math.max(0, i), s = Math.max(1, s), s * 2 + i * 2 + 3 >= a) return w(1, a);
-  const r = w(1, s), t = w(a - s + 1, a), p = Math.max(
-    Math.min(n - i, a - s - i * 2 - 1),
-    s + 2
-  ), f = Math.min(
-    Math.max(n + i, s + i * 2 + 2),
-    t[0] - 2
-  ), l = [...r];
-  return p > s + 2 ? l.push("ellipsis-start") : s + 1 < a - s && l.push(s + 1), l.push(...w(p, f)), f < a - s - 1 ? l.push("ellipsis-end") : a - s > s && l.push(a - s), l.push(...t), l;
-}
-const ns = m(
-  ({
-    totalPages: n,
-    page: a,
-    defaultPage: i = 1,
-    onPageChange: s,
-    siblingCount: d = 1,
-    boundaryCount: r = 1,
-    size: t = "md",
-    showEndpoints: p = !1,
-    align: f = "center",
-    pageSize: l,
-    useLocaleDigits: I = !1,
-    locale: M,
-    className: H,
-    ...U
-  }, _) => {
-    const { t: P, i18n: k } = x(), h = a !== void 0, [q, C] = K(i), v = h ? a : q;
-    O(() => {
-      h && i !== 1 && console.warn(
-        "[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage."
-      );
-    }, [h, i]);
-    const b = R(
-      (o) => {
-        const N = Math.min(Math.max(o, 1), Math.max(1, n));
-        h || C(N), s == null || s(N);
-      },
-      [h, s, n]
-    ), E = R(
-      (o) => {
-        if (!I) return String(o);
-        try {
-          return new Intl.NumberFormat(M ?? k.language).format(o);
-        } catch {
-          return String(o);
-        }
-      },
-      [k.language, M, I]
-    ), G = Q(
-      () => is(v, n, d, r),
-      [v, n, d, r]
-    ), B = v <= 1, L = v >= n, J = f === "start" ? "ds:justify-start" : f === "end" ? "ds:justify-end" : "ds:justify-center";
-    return /* @__PURE__ */ g(
-      "nav",
-      {
-        ref: _,
-        "aria-label": P("ui.navigation.pagination.label"),
-        "data-component": "pagination",
-        className: [
-          "ds:flex ds:items-center",
-          J,
-          "ds:gap-[var(--spacing-sm)]",
-          "ds:flex-wrap",
-          H ?? ""
-        ].filter(Boolean).join(" "),
-        ...U,
-        children: [
-          /* @__PURE__ */ g(T, { size: t, children: [
-            p ? /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              y,
-              {
-                type: "first",
-                size: t,
-                disabled: B,
-                onClick: () => b(1)
-              }
-            ) }) : null,
-            /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              F,
-              {
-                size: t,
-                disabled: B,
-                onClick: () => b(v - 1)
-              }
-            ) }),
-            G.map((o, N) => o === "ellipsis-start" || o === "ellipsis-end" ? /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(A, {}) }, `e-${N}`) : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              V,
-              {
-                size: t,
-                isActive: o === v,
-                "aria-label": P("ui.navigation.pagination.pageN", { n: o }),
-                onClick: () => b(o),
-                children: E(o)
-              }
-            ) }, `p-${o}`)),
-            /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              $,
-              {
-                size: t,
-                disabled: L,
-                onClick: () => b(v + 1)
-              }
-            ) }),
-            p ? /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              y,
-              {
-                type: "last",
-                size: t,
-                disabled: L,
-                onClick: () => b(n)
-              }
-            ) }) : null
-          ] }),
-          l ? /* @__PURE__ */ e(
-            os,
-            {
-              size: t,
-              value: l.value,
-              options: l.options ?? [10, 25, 50, 100],
-              onChange: l.onChange,
-              formatNumber: E
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ns.displayName = "Pagination";
-const T = m(
-  ({ children: n, className: a, ...i }, s) => /* @__PURE__ */ e(
-    "ul",
-    {
-      ref: s,
-      className: [
-        "ds:flex ds:items-center",
-        "ds:gap-[var(--spacing-xs)]",
-        "ds:m-0 ds:ps-0",
-        "ds:list-none",
-        a ?? ""
-      ].filter(Boolean).join(" "),
-      ...i,
-      children: n
-    }
-  )
-);
-T.displayName = "PaginationList";
-const u = m(
-  ({ children: n, className: a, ...i }, s) => /* @__PURE__ */ e("li", { ref: s, className: a, ...i, children: n })
-);
-u.displayName = "PaginationItem";
-const V = m(
-  ({ isActive: n = !1, size: a = "md", className: i, children: s, ...d }, r) => /* @__PURE__ */ e(
-    "button",
-    {
-      ref: r,
-      type: "button",
-      "aria-current": n ? "page" : void 0,
-      className: j({
-        size: a,
-        active: n,
-        className: i
-      }),
-      ...d,
-      children: s
-    }
-  )
-);
-V.displayName = "PaginationLink";
-const z = "ds:size-4 ds:rtl:-scale-x-100", F = m(
-  ({ size: n = "md", disabled: a, onClick: i }, s) => {
-    const { t: d } = x(), r = d("ui.navigation.pagination.previous");
-    return /* @__PURE__ */ e(
-      "button",
-      {
-        ref: s,
-        type: "button",
-        "aria-label": r,
-        "aria-disabled": a || void 0,
-        disabled: a,
-        onClick: i,
-        className: j({ size: n }),
-        children: /* @__PURE__ */ e(Z, { "aria-hidden": "true", className: z })
-      }
-    );
-  }
-);
-F.displayName = "PaginationPrevious";
-const $ = m(
-  ({ size: n = "md", disabled: a, onClick: i }, s) => {
-    const { t: d } = x(), r = d("ui.navigation.pagination.next");
-    return /* @__PURE__ */ e(
-      "button",
-      {
-        ref: s,
-        type: "button",
-        "aria-label": r,
-        "aria-disabled": a || void 0,
-        disabled: a,
-        onClick: i,
-        className: j({ size: n }),
-        children: /* @__PURE__ */ e(S, { "aria-hidden": "true", className: z })
-      }
-    );
-  }
-);
-$.displayName = "PaginationNext";
-const y = m(
-  ({ type: n, size: a = "md", disabled: i, onClick: s }, d) => {
-    const { t: r } = x(), t = r(n === "first" ? "ui.navigation.pagination.first" : "ui.navigation.pagination.last"), p = n === "first" ? D : ss;
-    return /* @__PURE__ */ e(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        "aria-label": t,
-        "aria-disabled": i || void 0,
-        disabled: i,
-        onClick: s,
-        className: j({ size: a }),
-        children: /* @__PURE__ */ e(p, { "aria-hidden": "true", className: z })
-      }
-    );
-  }
-);
-y.displayName = "PaginationEndpoint";
-const A = m(
-  ({ className: n, ...a }, i) => /* @__PURE__ */ e(
-    "span",
-    {
-      ref: i,
-      "aria-hidden": "true",
-      role: "presentation",
-      className: [
-        "ds:inline-flex ds:items-center ds:justify-center",
-        "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
-        "ds:text-[var(--muted-foreground)]",
-        n ?? ""
-      ].filter(Boolean).join(" "),
-      ...a,
-      children: /* @__PURE__ */ e(Y, { "aria-hidden": "true", className: "ds:size-4" })
-    }
-  )
-);
-A.displayName = "PaginationEllipsis";
-const ts = [
-  "ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]",
-  "ds:rounded-[var(--radius-sm)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]",
-  "ds:text-[var(--foreground)]",
-  "ds:min-h-[var(--min-target-size)] ds:min-w-[6rem]",
-  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-  "ds:text-[var(--font-size-sm)]",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-].join(" "), rs = [
-  "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
-  "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]",
-  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
-  "ds:shadow-[var(--shadow-lg)]",
-  "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
-].join(" "), ds = [
-  "ds:relative ds:flex ds:cursor-pointer ds:items-center",
-  "ds:min-h-[var(--min-target-size)]",
-  "ds:ps-[var(--spacing-xl)] ds:pe-[var(--spacing-sm)]",
-  "ds:rounded-[var(--radius-sm)]",
-  "ds:text-[var(--foreground)] ds:outline-none ds:select-none",
-  "ds:data-[highlighted]:bg-[var(--muted)]/20",
-  "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
-].join(" ");
-function os({ value: n, options: a, onChange: i, formatNumber: s }) {
-  const { t: d } = x(), r = W();
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ e(
-      "span",
-      {
-        id: r,
-        className: "type-label ds:text-[var(--muted-foreground)]",
-        children: d("ui.navigation.pagination.rowsPerPage")
-      }
-    ),
-    /* @__PURE__ */ g(
-      c.Root,
-      {
-        value: String(n),
-        onValueChange: (t) => i(Number(t)),
-        children: [
-          /* @__PURE__ */ g(
-            c.Trigger,
-            {
-              "aria-labelledby": r,
-              className: ts,
-              children: [
-                /* @__PURE__ */ e(c.Value, {}),
-                /* @__PURE__ */ e(c.Icon, { asChild: !0, children: /* @__PURE__ */ e(S, { "aria-hidden": "true", className: "ds:size-3 ds:rotate-90" }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(c.Portal, { children: /* @__PURE__ */ e(c.Content, { className: rs, position: "popper", children: /* @__PURE__ */ e(c.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: a.map((t) => /* @__PURE__ */ g(
-            c.Item,
-            {
-              value: String(t),
-              className: ds,
-              children: [
-                /* @__PURE__ */ e(c.ItemIndicator, { className: "ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]", children: /* @__PURE__ */ e(es, { "aria-hidden": "true", className: "ds:size-3.5" }) }),
-                /* @__PURE__ */ e(c.ItemText, { children: s(t) })
-              ]
-            },
-            t
-          )) }) }) })
-        ]
-      }
-    )
-  ] });
-}
-const bs = {
-  id: "pagination",
-  capabilities: ["paginate", "range_navigate"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: { attr: "data-component", value: "pagination" }
-  }
-};
-export {
-  ns as P,
-  A as a,
-  u as b,
-  V as c,
-  T as d,
-  $ as e,
-  F as f,
-  is as g,
-  bs as p
-};
-//# sourceMappingURL=pagination.agent-oEaqmtx5.js.map