@alfadocs/ui-kit 0.67.1 → 0.69.0

package/dist/_chunks/{pagination-DQOgnxxw.js → pagination-D58kglCr.js}

@@ -1,26 +1,28 @@
 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 { forwardRef as g, useEffect as j, useCallback as V, useMemo as K, useRef as A, 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 { u as ee } from "./registry-DvAUVLHh.js";
+import * as p from "@radix-ui/react-select";
+import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
-import { u as se } from "./registry-nPAVE19X.js";
-import { E as ae } from "./ellipsis-rgGdiK_9.js";
-import { C as F } from "./chevron-right-BrpYejk0.js";
+import { E as se } from "./ellipsis-rgGdiK_9.js";
+import { C as _ } from "./chevron-right-BrpYejk0.js";
 import { C as ie } from "./chevron-left-CX1jqD2M.js";
-import { C as ne, a as te } from "./chevrons-right-d9MwesPG.js";
+import { C as te, a as ne } from "./chevrons-right-d9MwesPG.js";
 import { C as re } from "./check-DPdL_Sm7.js";
-const de = {
+const oe = {
   id: "pagination",
   capabilities: ["paginate", "range_navigate"],
   state: {
     currentPage: {
       type: "number",
+      descriptionKey: "ui.agent.pagination.state.currentPage",
       description: "Current page index (1-based).",
       read: (e) => e.getCurrentPage()
     },
     totalPages: {
       type: "number",
+      descriptionKey: "ui.agent.pagination.state.totalPages",
       description: "Total number of pages.",
       read: (e) => e.getTotalPages()
     }
@@ -29,13 +31,29 @@ const de = {
     go_to_page: {
       safety: "read",
       argsType: "{ page: number }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          page: {
+            type: "integer",
+            minimum: 1,
+            description: "1-indexed target page."
+          }
+        },
+        required: ["page"]
+      },
+      idempotent: !0,
+      errors: ["Page is out of range (clamped to [1, totalPages])."],
+      examples: [{ args: { page: 3 } }],
+      descriptionKey: "ui.agent.pagination.actions.goToPage",
       description: "Navigate to a specific 1-indexed page.",
-      invoke: (e, s) => {
-        e.goToPage(s.page);
+      invoke: (e, a) => {
+        e.goToPage(a.page);
       }
     },
     next: {
       safety: "read",
+      descriptionKey: "ui.agent.pagination.actions.next",
       description: "Advance to the next page.",
       invoke: (e) => {
         e.next();
@@ -43,6 +61,7 @@ const de = {
     },
     previous: {
       safety: "read",
+      descriptionKey: "ui.agent.pagination.actions.previous",
       description: "Step back to the previous page.",
       invoke: (e) => {
         e.previous();
@@ -57,7 +76,7 @@ const de = {
       description: "Sourced from the id prop."
     }
   }
-}, oe = [
+}, de = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:rounded-[var(--radius-sm)]",
   "ds:border ds:border-transparent",
@@ -70,7 +89,7 @@ const de = {
   "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(" "), w = ee(oe, {
+].join(" "), y = ae(de, {
   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)]",
@@ -84,160 +103,160 @@ const de = {
   },
   defaultVariants: { size: "md", active: !1 }
 });
-function N(e, s) {
-  const n = [];
-  for (let a = e; a <= s; a++) n.push(a);
-  return n;
+function N(e, a) {
+  const t = [];
+  for (let s = e; s <= a; s++) t.push(s);
+  return t;
 }
-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(
+function le(e, a, t = 1, s = 1) {
+  if (a <= 0) return [];
+  if (t = Math.max(0, t), s = Math.max(1, s), s * 2 + t * 2 + 3 >= a) return N(1, a);
+  const r = N(1, s), n = N(a - s + 1, a), u = Math.max(
     Math.min(
-      e - n,
-      s - a - n * 2 - 1
+      e - t,
+      a - s - t * 2 - 1
     ),
-    a + 2
+    s + 2
   ), h = Math.min(
-    Math.max(e + n, a + n * 2 + 2),
-    t[0] - 2
+    Math.max(e + t, s + t * 2 + 2),
+    n[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;
+  return u > s + 2 ? l.push("ellipsis-start") : s + 1 < a - s && l.push(s + 1), l.push(...N(u, h)), h < a - s - 1 ? l.push("ellipsis-end") : a - s > s && l.push(a - s), l.push(...n), l;
 }
 const ce = g(
   ({
     totalPages: e,
-    page: s,
-    defaultPage: n = 1,
-    onPageChange: a,
-    siblingCount: o = 1,
+    page: a,
+    defaultPage: t = 1,
+    onPageChange: s,
+    siblingCount: d = 1,
     boundaryCount: r = 1,
-    size: t = "md",
+    size: n = "md",
     showEndpoints: u = !1,
     align: h = "center",
     pageSize: l,
     useLocaleDigits: k = !1,
-    locale: R,
-    className: K,
-    id: y,
+    locale: T,
+    className: J,
+    id: w,
     ...O
   }, Q) => {
-    const { t: T, i18n: C } = b(), [U, M] = D({
-      value: s,
-      defaultValue: n,
-      onChange: a
-    }), c = U ?? n;
+    const { t: R, i18n: C } = b(), [U, M] = D({
+      value: a,
+      defaultValue: t,
+      onChange: s
+    }), c = U ?? t;
     j(() => {
-      s !== void 0 && n !== 1 && console.warn(
+      a !== void 0 && t !== 1 && console.warn(
         "[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage."
       );
-    }, [s, n]);
-    const p = V(
-      (d) => {
-        const P = Math.min(Math.max(d, 1), Math.max(1, e));
+    }, [a, t]);
+    const m = V(
+      (o) => {
+        const P = Math.min(Math.max(o, 1), Math.max(1, e));
         M(P);
       },
       [M, e]
     ), S = V(
-      (d) => {
-        if (!k) return String(d);
+      (o) => {
+        if (!k) return String(o);
         try {
-          return new Intl.NumberFormat(R ?? C.language).format(d);
+          return new Intl.NumberFormat(T ?? C.language).format(o);
         } catch {
-          return String(d);
+          return String(o);
         }
       },
-      [C.language, R, k]
-    ), W = A(
-      () => le(c, e, o, r),
-      [c, e, o, r]
-    ), E = c <= 1, B = c >= e, x = _(c);
+      [C.language, T, k]
+    ), W = K(
+      () => le(c, e, d, r),
+      [c, e, d, r]
+    ), E = c <= 1, B = c >= e, x = A(c);
     j(() => {
       x.current = c;
     }, [c]);
-    const L = _(e);
+    const L = A(e);
     j(() => {
       L.current = e;
     }, [e]);
-    const X = A(
+    const X = K(
       () => ({
         getCurrentPage: () => x.current,
         getTotalPages: () => L.current,
-        goToPage: (d) => p(d),
-        next: () => p(x.current + 1),
-        previous: () => p(x.current - 1)
+        goToPage: (o) => m(o),
+        next: () => m(x.current + 1),
+        previous: () => m(x.current - 1)
       }),
-      [p]
+      [m]
     );
-    se(de, X, y);
+    ee(oe, X, w);
     const Y = h === "start" ? "ds:justify-start" : h === "end" ? "ds:justify-end" : "ds:justify-center";
     return /* @__PURE__ */ f(
       "nav",
       {
         ref: Q,
-        "aria-label": T("navigation.pagination.label"),
-        id: y,
+        "aria-label": R("navigation.pagination.label"),
+        id: w,
         "data-component": "pagination",
-        "data-component-id": y,
+        "data-component-id": w,
         className: [
           "ds:flex ds:items-center",
           Y,
           "ds:gap-[var(--spacing-sm)]",
           "ds:flex-wrap",
-          K ?? ""
+          J ?? ""
         ].filter(Boolean).join(" "),
         ...O,
         children: [
-          /* @__PURE__ */ f(H, { size: t, children: [
+          /* @__PURE__ */ f(F, { size: n, children: [
             u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
               z,
               {
                 type: "first",
-                size: t,
+                size: n,
                 disabled: E,
-                onClick: () => p(1)
+                onClick: () => m(1)
               }
             ) }) : null,
             /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-              q,
+              $,
               {
-                size: t,
+                size: n,
                 disabled: E,
-                onClick: () => p(c - 1)
+                onClick: () => m(c - 1)
               }
             ) }),
-            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(
-              $,
+            W.map((o, P) => o === "ellipsis-start" || o === "ellipsis-end" ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(G, {}) }, `e-${P}`) : /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+              H,
               {
-                size: t,
-                isActive: d === c,
-                "aria-label": T("navigation.pagination.pageN", { n: d }),
-                onClick: () => p(d),
-                children: S(d)
+                size: n,
+                isActive: o === c,
+                "aria-label": R("navigation.pagination.pageN", { n: o }),
+                onClick: () => m(o),
+                children: S(o)
               }
-            ) }, `p-${d}`)),
+            ) }, `p-${o}`)),
             /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
-              G,
+              q,
               {
-                size: t,
+                size: n,
                 disabled: B,
-                onClick: () => p(c + 1)
+                onClick: () => m(c + 1)
               }
             ) }),
             u ? /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
               z,
               {
                 type: "last",
-                size: t,
+                size: n,
                 disabled: B,
-                onClick: () => p(e)
+                onClick: () => m(e)
               }
             ) }) : null
           ] }),
           l ? /* @__PURE__ */ i(
             ue,
             {
-              size: t,
+              size: n,
               value: l.value,
               options: l.options ?? [10, 25, 50, 100],
               onChange: l.onChange,
@@ -250,108 +269,108 @@ const ce = g(
   }
 );
 ce.displayName = "Pagination";
-const H = g(
-  ({ children: e, className: s, ...n }, a) => /* @__PURE__ */ i(
+const F = g(
+  ({ children: e, className: a, ...t }, s) => /* @__PURE__ */ i(
     "ul",
     {
-      ref: a,
+      ref: s,
       className: [
         "ds:flex ds:items-center",
         "ds:gap-[var(--spacing-xs)]",
         "ds:m-0 ds:ps-0",
         "ds:list-none",
-        s ?? ""
+        a ?? ""
       ].filter(Boolean).join(" "),
-      ...n,
+      ...t,
       children: e
     }
   )
 );
-H.displayName = "PaginationList";
+F.displayName = "PaginationList";
 const v = g(
-  ({ children: e, className: s, ...n }, a) => /* @__PURE__ */ i("li", { ref: a, className: s, ...n, children: e })
+  ({ children: e, className: a, ...t }, s) => /* @__PURE__ */ i("li", { ref: s, className: a, ...t, children: e })
 );
 v.displayName = "PaginationItem";
-const $ = g(
-  ({ isActive: e = !1, size: s = "md", className: n, children: a, ...o }, r) => /* @__PURE__ */ i(
+const H = g(
+  ({ isActive: e = !1, size: a = "md", className: t, children: s, ...d }, r) => /* @__PURE__ */ i(
     "button",
     {
       ref: r,
       type: "button",
       "aria-current": e ? "page" : void 0,
-      className: w({
-        size: s,
+      className: y({
+        size: a,
         active: e,
-        className: n
+        className: t
       }),
-      ...o,
-      children: a
+      ...d,
+      children: s
     }
   )
 );
-$.displayName = "PaginationLink";
-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");
+H.displayName = "PaginationLink";
+const I = "ds:size-4 ds:rtl:-scale-x-100", $ = g(
+  ({ size: e = "md", disabled: a, onClick: t }, s) => {
+    const { t: d } = b(), r = d("navigation.pagination.previous");
     return /* @__PURE__ */ i(
       "button",
       {
-        ref: a,
+        ref: s,
         type: "button",
         "aria-label": r,
-        "aria-disabled": s || void 0,
-        disabled: s,
-        onClick: n,
-        className: w({ size: e }),
+        "aria-disabled": a || void 0,
+        disabled: a,
+        onClick: t,
+        className: y({ size: e }),
         children: /* @__PURE__ */ i(ie, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
-q.displayName = "PaginationPrevious";
-const G = g(
-  ({ size: e = "md", disabled: s, onClick: n }, a) => {
-    const { t: o } = b(), r = o("navigation.pagination.next");
+$.displayName = "PaginationPrevious";
+const q = g(
+  ({ size: e = "md", disabled: a, onClick: t }, s) => {
+    const { t: d } = b(), r = d("navigation.pagination.next");
     return /* @__PURE__ */ i(
       "button",
       {
-        ref: a,
+        ref: s,
         type: "button",
         "aria-label": r,
-        "aria-disabled": s || void 0,
-        disabled: s,
-        onClick: n,
-        className: w({ size: e }),
-        children: /* @__PURE__ */ i(F, { "aria-hidden": "true", className: I })
+        "aria-disabled": a || void 0,
+        disabled: a,
+        onClick: t,
+        className: y({ size: e }),
+        children: /* @__PURE__ */ i(_, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
-G.displayName = "PaginationNext";
+q.displayName = "PaginationNext";
 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;
+  ({ type: e, size: a = "md", disabled: t, onClick: s }, d) => {
+    const { t: r } = b(), n = r(e === "first" ? "navigation.pagination.first" : "navigation.pagination.last"), u = e === "first" ? te : ne;
     return /* @__PURE__ */ i(
       "button",
       {
-        ref: o,
+        ref: d,
         type: "button",
-        "aria-label": t,
-        "aria-disabled": n || void 0,
-        disabled: n,
-        onClick: a,
-        className: w({ size: s }),
+        "aria-label": n,
+        "aria-disabled": t || void 0,
+        disabled: t,
+        onClick: s,
+        className: y({ size: a }),
         children: /* @__PURE__ */ i(u, { "aria-hidden": "true", className: I })
       }
     );
   }
 );
 z.displayName = "PaginationEndpoint";
-const J = g(
-  ({ className: e, ...s }, n) => /* @__PURE__ */ i(
+const G = g(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ i(
     "span",
     {
-      ref: n,
+      ref: t,
       "aria-hidden": "true",
       role: "presentation",
       className: [
@@ -360,13 +379,13 @@ const J = g(
         "ds:text-[var(--muted-foreground)]",
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...s,
-      children: /* @__PURE__ */ i(ae, { "aria-hidden": "true", className: "ds:size-4" })
+      ...a,
+      children: /* @__PURE__ */ i(se, { "aria-hidden": "true", className: "ds:size-4" })
     }
   )
 );
-J.displayName = "PaginationEllipsis";
-const me = [
+G.displayName = "PaginationEllipsis";
+const pe = [
   "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)]",
@@ -375,7 +394,7 @@ const me = [
   "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(" "), pe = [
+].join(" "), me = [
   "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)]",
@@ -392,35 +411,35 @@ const me = [
 ].join(" ");
 function ue({
   value: e,
-  options: s,
-  onChange: n,
-  formatNumber: a
+  options: a,
+  onChange: t,
+  formatNumber: s
 }) {
-  const { t: o } = b(), r = Z();
+  const { t: d } = 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: o("navigation.pagination.rowsPerPage")
+        children: d("navigation.pagination.rowsPerPage")
       }
     ),
     /* @__PURE__ */ f(
-      m.Root,
+      p.Root,
       {
         value: String(e),
-        onValueChange: (t) => n(Number(t)),
+        onValueChange: (n) => t(Number(n)),
         children: [
           /* @__PURE__ */ f(
-            m.Trigger,
+            p.Trigger,
             {
               "aria-labelledby": r,
-              className: me,
+              className: pe,
               children: [
-                /* @__PURE__ */ i(m.Value, {}),
-                /* @__PURE__ */ i(m.Icon, { asChild: !0, children: /* @__PURE__ */ i(
-                  F,
+                /* @__PURE__ */ i(p.Value, {}),
+                /* @__PURE__ */ i(p.Icon, { asChild: !0, children: /* @__PURE__ */ i(
+                  _,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-3 ds:rotate-90"
@@ -429,22 +448,22 @@ function ue({
               ]
             }
           ),
-          /* @__PURE__ */ i(m.Portal, { children: /* @__PURE__ */ i(
-            m.Content,
+          /* @__PURE__ */ i(p.Portal, { children: /* @__PURE__ */ i(
+            p.Content,
             {
-              className: pe,
+              className: me,
               position: "popper",
-              children: /* @__PURE__ */ i(m.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: s.map((t) => /* @__PURE__ */ f(
-                m.Item,
+              children: /* @__PURE__ */ i(p.Viewport, { className: "ds:p-[var(--spacing-xs)]", children: a.map((n) => /* @__PURE__ */ f(
+                p.Item,
                 {
-                  value: String(t),
+                  value: String(n),
                   className: ge,
                   children: [
-                    /* @__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) })
+                    /* @__PURE__ */ i(p.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(p.ItemText, { children: s(n) })
                   ]
                 },
-                t
+                n
               )) })
             }
           ) })
@@ -455,13 +474,13 @@ function ue({
 }
 export {
   ce as P,
-  J as a,
+  G as a,
   v as b,
-  $ as c,
-  H as d,
-  G as e,
-  q as f,
+  H as c,
+  F as d,
+  q as e,
+  $ as f,
   le as g,
-  de as p
+  oe as p
 };
-//# sourceMappingURL=pagination-DQOgnxxw.js.map
+//# sourceMappingURL=pagination-D58kglCr.js.map