@alfadocs/ui-kit-debug 0.17.1 → 0.17.3

package/dist/_chunks/{pagination-F1ei4khE.js → pagination-BWaXF7W0.js}

@@ -1,33 +1,16 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { useState as Z, useRef as z, useEffect as y, useCallback as k, forwardRef as u, useMemo as _, useId as D } from "react";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { forwardRef as g, useEffect as j, useCallback as V, useMemo as A, useRef as _, useId as Z } from "react";
+import { u as D } from "./use-controllable-state-BiY4xTzM.js";
 import * as m from "@radix-ui/react-select";
 import { c as ee } from "./index-D2ZczOXr.js";
-import { useTranslation as x } from "react-i18next";
+import { useTranslation as b } from "react-i18next";
 import { u as se } from "./registry-C9nwlNyL.js";
 import { E as ae } from "./ellipsis-rgGdiK_9.js";
 import { C as F } from "./chevron-right-BrpYejk0.js";
 import { C as ie } from "./chevron-left-CX1jqD2M.js";
-import { C as te, a as ne } from "./chevrons-right-d9MwesPG.js";
+import { C as ne, a as te } from "./chevrons-right-d9MwesPG.js";
 import { C as re } from "./check-DPdL_Sm7.js";
-function de({
-  value: e,
-  defaultValue: a,
-  onChange: i
-}) {
-  const s = e !== void 0, [d, r] = Z(a), n = z(i);
-  y(() => {
-    n.current = i;
-  }, [i]);
-  const p = s ? e : d, v = k(
-    (o) => {
-      var b;
-      s || r(o), (b = n.current) == null || b.call(n, o);
-    },
-    [s]
-  );
-  return [p, v];
-}
-const oe = {
+const de = {
   id: "pagination",
   capabilities: ["paginate", "range_navigate"],
   state: {
@@ -47,8 +30,8 @@ const oe = {
       safety: "read",
       argsType: "{ page: number }",
       description: "Navigate to a specific 1-indexed page.",
-      invoke: (e, a) => {
-        e.goToPage(a.page);
+      invoke: (e, s) => {
+        e.goToPage(s.page);
       }
     },
     next: {
@@ -74,7 +57,7 @@ const oe = {
       description: "Sourced from the id prop."
     }
   }
-}, le = [
+}, oe = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:rounded-[var(--radius-sm)]",
   "ds:border ds:border-transparent",
@@ -87,7 +70,7 @@ const oe = {
   "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(" "), P = ee(le, {
+].join(" "), w = ee(oe, {
   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)]",
@@ -101,101 +84,101 @@ const oe = {
   },
   defaultVariants: { size: "md", active: !1 }
 });
-function w(e, a) {
-  const i = [];
-  for (let s = e; s <= a; s++) i.push(s);
-  return i;
+function N(e, s) {
+  const n = [];
+  for (let a = e; a <= s; a++) n.push(a);
+  return n;
 }
-function ce(e, 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), n = w(a - s + 1, a), p = Math.max(
+function le(e, s, n = 1, a = 1) {
+  if (s <= 0) return [];
+  if (n = Math.max(0, n), a = Math.max(1, a), a * 2 + n * 2 + 3 >= s) return N(1, s);
+  const r = N(1, a), t = N(s - a + 1, s), u = Math.max(
     Math.min(
-      e - i,
-      a - s - i * 2 - 1
+      e - n,
+      s - a - n * 2 - 1
     ),
-    s + 2
-  ), v = Math.min(
-    Math.max(e + i, s + i * 2 + 2),
-    n[0] - 2
-  ), o = [...r];
-  return p > s + 2 ? o.push("ellipsis-start") : s + 1 < a - s && o.push(s + 1), o.push(...w(p, v)), v < a - s - 1 ? o.push("ellipsis-end") : a - s > s && o.push(a - s), o.push(...n), o;
+    a + 2
+  ), h = Math.min(
+    Math.max(e + n, a + n * 2 + 2),
+    t[0] - 2
+  ), l = [...r];
+  return u > a + 2 ? l.push("ellipsis-start") : a + 1 < s - a && l.push(a + 1), l.push(...N(u, h)), h < s - a - 1 ? l.push("ellipsis-end") : s - a > a && l.push(s - a), l.push(...t), l;
 }
-const me = u(
+const ce = g(
   ({
     totalPages: e,
-    page: a,
-    defaultPage: i = 1,
-    onPageChange: s,
-    siblingCount: d = 1,
+    page: s,
+    defaultPage: n = 1,
+    onPageChange: a,
+    siblingCount: o = 1,
     boundaryCount: r = 1,
-    size: n = "md",
-    showEndpoints: p = !1,
-    align: v = "center",
-    pageSize: o,
-    useLocaleDigits: b = !1,
+    size: t = "md",
+    showEndpoints: u = !1,
+    align: h = "center",
+    pageSize: l,
+    useLocaleDigits: k = !1,
     locale: R,
     className: K,
-    id: j,
+    id: y,
     ...O
   }, Q) => {
-    const { t: S, i18n: C } = x(), [U, E] = de({
-      value: a,
-      defaultValue: i,
-      onChange: s
-    }), c = U ?? i;
-    y(() => {
-      a !== void 0 && i !== 1 && console.warn(
+    const { t: T, i18n: C } = b(), [U, M] = D({
+      value: s,
+      defaultValue: n,
+      onChange: a
+    }), c = U ?? n;
+    j(() => {
+      s !== void 0 && n !== 1 && console.warn(
         "[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage."
       );
-    }, [a, i]);
-    const g = k(
-      (l) => {
-        const I = Math.min(Math.max(l, 1), Math.max(1, e));
-        E(I);
+    }, [s, n]);
+    const p = V(
+      (d) => {
+        const P = Math.min(Math.max(d, 1), Math.max(1, e));
+        M(P);
       },
-      [E, e]
-    ), V = k(
-      (l) => {
-        if (!b) return String(l);
+      [M, e]
+    ), S = V(
+      (d) => {
+        if (!k) return String(d);
         try {
-          return new Intl.NumberFormat(R ?? C.language).format(l);
+          return new Intl.NumberFormat(R ?? C.language).format(d);
         } catch {
-          return String(l);
+          return String(d);
         }
       },
-      [C.language, R, b]
-    ), W = _(
-      () => ce(c, e, d, r),
-      [c, e, d, r]
-    ), B = c <= 1, L = c >= e, N = z(c);
-    y(() => {
-      N.current = c;
+      [C.language, R, k]
+    ), W = A(
+      () => le(c, e, o, r),
+      [c, e, o, r]
+    ), E = c <= 1, B = c >= e, x = _(c);
+    j(() => {
+      x.current = c;
     }, [c]);
-    const A = z(e);
-    y(() => {
-      A.current = e;
+    const L = _(e);
+    j(() => {
+      L.current = e;
     }, [e]);
-    const X = _(
+    const X = A(
       () => ({
-        getCurrentPage: () => N.current,
-        getTotalPages: () => A.current,
-        goToPage: (l) => g(l),
-        next: () => g(N.current + 1),
-        previous: () => g(N.current - 1)
+        getCurrentPage: () => x.current,
+        getTotalPages: () => L.current,
+        goToPage: (d) => p(d),
+        next: () => p(x.current + 1),
+        previous: () => p(x.current - 1)
       }),
-      [g]
+      [p]
     );
-    se(oe, X, j);
-    const Y = v === "start" ? "ds:justify-start" : v === "end" ? "ds:justify-end" : "ds:justify-center";
-    return /* @__PURE__ */ h(
+    se(de, X, y);
+    const Y = h === "start" ? "ds:justify-start" : h === "end" ? "ds:justify-end" : "ds:justify-center";
+    return /* @__PURE__ */ f(
       "nav",
       {
         ref: Q,
-        "aria-label": S("navigation.pagination.label"),
-        id: j,
+        "aria-label": T("navigation.pagination.label"),
+        id: y,
         "data-component": "pagination",
-        "data-component-id": j,
+        "data-component-id": y,
         className: [
           "ds:flex ds:items-center",
           Y,
@@ -205,60 +188,60 @@ const me = u(
         ].filter(Boolean).join(" "),
         ...O,
         children: [
-          /* @__PURE__ */ h(H, { size: n, children: [
-            p ? /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
-              T,
+          /* @__PURE__ */ f(H, { size: t, children: [
+            u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+              z,
               {
                 type: "first",
-                size: n,
-                disabled: B,
-                onClick: () => g(1)
+                size: t,
+                disabled: E,
+                onClick: () => p(1)
               }
             ) }) : null,
-            /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+            /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
               q,
               {
-                size: n,
-                disabled: B,
-                onClick: () => g(c - 1)
+                size: t,
+                disabled: E,
+                onClick: () => p(c - 1)
               }
             ) }),
-            W.map((l, I) => l === "ellipsis-start" || l === "ellipsis-end" ? /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(J, {}) }, `e-${I}`) : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+            W.map((d, P) => d === "ellipsis-start" || d === "ellipsis-end" ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(J, {}) }, `e-${P}`) : /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
               $,
               {
-                size: n,
-                isActive: l === c,
-                "aria-label": S("navigation.pagination.pageN", { n: l }),
-                onClick: () => g(l),
-                children: V(l)
+                size: t,
+                isActive: d === c,
+                "aria-label": T("navigation.pagination.pageN", { n: d }),
+                onClick: () => p(d),
+                children: S(d)
               }
-            ) }, `p-${l}`)),
-            /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+            ) }, `p-${d}`)),
+            /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
               G,
               {
-                size: n,
-                disabled: L,
-                onClick: () => g(c + 1)
+                size: t,
+                disabled: B,
+                onClick: () => p(c + 1)
               }
             ) }),
-            p ? /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
-              T,
+            u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+              z,
               {
                 type: "last",
-                size: n,
-                disabled: L,
-                onClick: () => g(e)
+                size: t,
+                disabled: B,
+                onClick: () => p(e)
               }
             ) }) : null
           ] }),
-          o ? /* @__PURE__ */ t(
-            ve,
+          l ? /* @__PURE__ */ i(
+            ue,
             {
-              size: n,
-              value: o.value,
-              options: o.options ?? [10, 25, 50, 100],
-              onChange: o.onChange,
-              formatNumber: V
+              size: t,
+              value: l.value,
+              options: l.options ?? [10, 25, 50, 100],
+              onChange: l.onChange,
+              formatNumber: S
             }
           ) : null
         ]
@@ -266,109 +249,109 @@ const me = u(
     );
   }
 );
-me.displayName = "Pagination";
-const H = u(
-  ({ children: e, className: a, ...i }, s) => /* @__PURE__ */ t(
+ce.displayName = "Pagination";
+const H = g(
+  ({ children: e, className: s, ...n }, a) => /* @__PURE__ */ i(
     "ul",
     {
-      ref: s,
+      ref: a,
       className: [
         "ds:flex ds:items-center",
         "ds:gap-[var(--spacing-xs)]",
         "ds:m-0 ds:ps-0",
         "ds:list-none",
-        a ?? ""
+        s ?? ""
       ].filter(Boolean).join(" "),
-      ...i,
+      ...n,
       children: e
     }
   )
 );
 H.displayName = "PaginationList";
-const f = u(
-  ({ children: e, className: a, ...i }, s) => /* @__PURE__ */ t("li", { ref: s, className: a, ...i, children: e })
+const v = g(
+  ({ children: e, className: s, ...n }, a) => /* @__PURE__ */ i("li", { ref: a, className: s, ...n, children: e })
 );
-f.displayName = "PaginationItem";
-const $ = u(
-  ({ isActive: e = !1, size: a = "md", className: i, children: s, ...d }, r) => /* @__PURE__ */ t(
+v.displayName = "PaginationItem";
+const $ = g(
+  ({ isActive: e = !1, size: s = "md", className: n, children: a, ...o }, r) => /* @__PURE__ */ i(
     "button",
     {
       ref: r,
       type: "button",
       "aria-current": e ? "page" : void 0,
-      className: P({
-        size: a,
+      className: w({
+        size: s,
         active: e,
-        className: i
+        className: n
       }),
-      ...d,
-      children: s
+      ...o,
+      children: a
     }
   )
 );
 $.displayName = "PaginationLink";
-const M = "ds:size-4 ds:rtl:-scale-x-100", q = u(
-  ({ size: e = "md", disabled: a, onClick: i }, s) => {
-    const { t: d } = x(), r = d("navigation.pagination.previous");
-    return /* @__PURE__ */ t(
+const I = "ds:size-4 ds:rtl:-scale-x-100", q = g(
+  ({ size: e = "md", disabled: s, onClick: n }, a) => {
+    const { t: o } = b(), r = o("navigation.pagination.previous");
+    return /* @__PURE__ */ i(
       "button",
       {
-        ref: s,
+        ref: a,
         type: "button",
         "aria-label": r,
-        "aria-disabled": a || void 0,
-        disabled: a,
-        onClick: i,
-        className: P({ size: e }),
-        children: /* @__PURE__ */ t(ie, { "aria-hidden": "true", className: M })
+        "aria-disabled": s || void 0,
+        disabled: s,
+        onClick: n,
+        className: w({ size: e }),
+        children: /* @__PURE__ */ i(ie, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
 q.displayName = "PaginationPrevious";
-const G = u(
-  ({ size: e = "md", disabled: a, onClick: i }, s) => {
-    const { t: d } = x(), r = d("navigation.pagination.next");
-    return /* @__PURE__ */ t(
+const G = g(
+  ({ size: e = "md", disabled: s, onClick: n }, a) => {
+    const { t: o } = b(), r = o("navigation.pagination.next");
+    return /* @__PURE__ */ i(
       "button",
       {
-        ref: s,
+        ref: a,
         type: "button",
         "aria-label": r,
-        "aria-disabled": a || void 0,
-        disabled: a,
-        onClick: i,
-        className: P({ size: e }),
-        children: /* @__PURE__ */ t(F, { "aria-hidden": "true", className: M })
+        "aria-disabled": s || void 0,
+        disabled: s,
+        onClick: n,
+        className: w({ size: e }),
+        children: /* @__PURE__ */ i(F, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
 G.displayName = "PaginationNext";
-const T = u(
-  ({ type: e, size: a = "md", disabled: i, onClick: s }, d) => {
-    const { t: r } = x(), n = r(e === "first" ? "navigation.pagination.first" : "navigation.pagination.last"), p = e === "first" ? te : ne;
-    return /* @__PURE__ */ t(
+const z = g(
+  ({ type: e, size: s = "md", disabled: n, onClick: a }, o) => {
+    const { t: r } = b(), t = r(e === "first" ? "navigation.pagination.first" : "navigation.pagination.last"), u = e === "first" ? ne : te;
+    return /* @__PURE__ */ i(
       "button",
       {
-        ref: d,
+        ref: o,
         type: "button",
-        "aria-label": n,
-        "aria-disabled": i || void 0,
-        disabled: i,
-        onClick: s,
-        className: P({ size: a }),
-        children: /* @__PURE__ */ t(p, { "aria-hidden": "true", className: M })
+        "aria-label": t,
+        "aria-disabled": n || void 0,
+        disabled: n,
+        onClick: a,
+        className: w({ size: s }),
+        children: /* @__PURE__ */ i(u, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
-T.displayName = "PaginationEndpoint";
-const J = u(
-  ({ className: e, ...a }, i) => /* @__PURE__ */ t(
+z.displayName = "PaginationEndpoint";
+const J = g(
+  ({ className: e, ...s }, n) => /* @__PURE__ */ i(
     "span",
     {
-      ref: i,
+      ref: n,
       "aria-hidden": "true",
       role: "presentation",
       className: [
@@ -377,13 +360,13 @@ const J = u(
         "ds:text-[var(--muted-foreground)]",
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...a,
-      children: /* @__PURE__ */ t(ae, { "aria-hidden": "true", className: "ds:size-4" })
+      ...s,
+      children: /* @__PURE__ */ i(ae, { "aria-hidden": "true", className: "ds:size-4" })
     }
   )
 );
 J.displayName = "PaginationEllipsis";
-const pe = [
+const me = [
   "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)]",
@@ -392,13 +375,13 @@ const pe = [
   "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(" "), ge = [
+].join(" "), pe = [
   "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(" "), ue = [
+].join(" "), ge = [
   "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)]",
@@ -407,36 +390,36 @@ const pe = [
   "ds:data-[highlighted]:bg-[var(--muted)]/20",
   "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
 ].join(" ");
-function ve({
+function ue({
   value: e,
-  options: a,
-  onChange: i,
-  formatNumber: s
+  options: s,
+  onChange: n,
+  formatNumber: a
 }) {
-  const { t: d } = x(), r = D();
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ t(
+  const { t: o } = b(), r = Z();
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ i(
       "span",
       {
         id: r,
         className: "type-label ds:text-[var(--muted-foreground)]",
-        children: d("navigation.pagination.rowsPerPage")
+        children: o("navigation.pagination.rowsPerPage")
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ f(
       m.Root,
       {
         value: String(e),
-        onValueChange: (n) => i(Number(n)),
+        onValueChange: (t) => n(Number(t)),
         children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ f(
             m.Trigger,
             {
               "aria-labelledby": r,
-              className: pe,
+              className: me,
               children: [
-                /* @__PURE__ */ t(m.Value, {}),
-                /* @__PURE__ */ t(m.Icon, { asChild: !0, children: /* @__PURE__ */ t(
+                /* @__PURE__ */ i(m.Value, {}),
+                /* @__PURE__ */ i(m.Icon, { asChild: !0, children: /* @__PURE__ */ i(
                   F,
                   {
                     "aria-hidden": "true",
@@ -446,22 +429,22 @@ function ve({
               ]
             }
           ),
-          /* @__PURE__ */ t(m.Portal, { children: /* @__PURE__ */ t(
+          /* @__PURE__ */ i(m.Portal, { children: /* @__PURE__ */ i(
             m.Content,
             {
-              className: ge,
+              className: pe,
               position: "popper",
-              children: /* @__PURE__ */ t(m.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: a.map((n) => /* @__PURE__ */ h(
+              children: /* @__PURE__ */ i(m.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: s.map((t) => /* @__PURE__ */ f(
                 m.Item,
                 {
-                  value: String(n),
-                  className: ue,
+                  value: String(t),
+                  className: ge,
                   children: [
-                    /* @__PURE__ */ t(m.ItemIndicator, { className: "ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]", children: /* @__PURE__ */ t(re, { "aria-hidden": "true", className: "ds:size-3.5" }) }),
-                    /* @__PURE__ */ t(m.ItemText, { children: s(n) })
+                    /* @__PURE__ */ i(m.ItemIndicator, { className: "ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]", children: /* @__PURE__ */ i(re, { "aria-hidden": "true", className: "ds:size-3.5" }) }),
+                    /* @__PURE__ */ i(m.ItemText, { children: a(t) })
                   ]
                 },
-                n
+                t
               )) })
             }
           ) })
@@ -471,14 +454,14 @@ function ve({
   ] });
 }
 export {
-  me as P,
+  ce as P,
   J as a,
-  f as b,
+  v as b,
   $ as c,
   H as d,
   G as e,
   q as f,
-  ce as g,
-  oe as p
+  le as g,
+  de as p
 };
-//# sourceMappingURL=pagination-F1ei4khE.js.map
+//# sourceMappingURL=pagination-BWaXF7W0.js.map