@gunkin/uiify 0.0.19-alpha → 0.0.22-alpha

package/dist/components/pagination/Pagination.js

@@ -3,9 +3,11 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { createPartContext } from "@gunkin/uiify/core";
 import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { formatLabel } from "@gunkin/uiify/core/format-label";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 import {
   PaginationEllipsis as PaginationEllipsisElement,
+  DEFAULT_PAGINATION_LABELS,
   PaginationItemPart,
   PaginationList as PaginationListElement
 } from "./PaginationShell.js";
@@ -16,18 +18,21 @@ function PaginationRoot(props) {
   const {
     as,
     render,
-    "aria-label": ariaLabel = "Pagination",
+    "aria-label": ariaLabel,
     boundaryCount,
     count,
     defaultPage,
     disabled,
     onPageChange,
     page,
+    labels,
+    locale,
     showFirstLast,
     siblingCount,
     children,
     ...consumerProps
   } = props;
+  const mergedLabels = { ...DEFAULT_PAGINATION_LABELS, ...labels };
   const {
     items,
     page: currentPage,
@@ -43,15 +48,22 @@ function PaginationRoot(props) {
     ...siblingCount !== void 0 ? { siblingCount } : {}
   });
   const contextValue = useMemo(
-    () => ({ count, items, page: currentPage, setPage }),
-    [count, currentPage, items, setPage]
+    () => ({
+      count,
+      items,
+      labels: mergedLabels,
+      ...locale !== void 0 ? { locale } : {},
+      page: currentPage,
+      setPage
+    }),
+    [count, currentPage, items, labels, locale, setPage]
   );
   const element = useRenderElement({
     as,
     defaultTag: "nav",
     props: {
       ...consumerProps,
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabel ?? mergedLabels.root,
       children: children ?? /* @__PURE__ */ jsx("ol", { children: /* @__PURE__ */ jsx(PaginationListItems, {}) }),
       "data-uiify-pagination": ""
     },
@@ -62,30 +74,59 @@ function PaginationRoot(props) {
 }
 PaginationRoot.displayName = "PaginationRoot";
 function PaginationListItems() {
-  const { items } = usePaginationContext("List");
-  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsx(PaginationItemRenderer, { item }, `${item.type}-${item.page ?? index}`)) });
+  const { items, labels, locale } = usePaginationContext("List");
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsx(
+    PaginationItemRenderer,
+    {
+      item,
+      labels,
+      ...locale !== void 0 ? { locale } : {}
+    },
+    `${item.type}-${item.page ?? index}`
+  )) });
 }
 PaginationListItems.displayName = "PaginationListItems";
-function PaginationItemRenderer({ item }) {
+function PaginationItemRenderer({
+  item,
+  labels,
+  locale
+}) {
   switch (item.type) {
     case "ellipsis":
       return /* @__PURE__ */ jsx(PaginationEllipsisElement, {});
     case "previous":
-      return /* @__PURE__ */ jsx(PaginationPrevious, { disabled: item.disabled });
+      return /* @__PURE__ */ jsx(PaginationPrevious, { disabled: item.disabled, labels });
     case "next":
-      return /* @__PURE__ */ jsx(PaginationNext, { disabled: item.disabled });
+      return /* @__PURE__ */ jsx(PaginationNext, { disabled: item.disabled, labels });
     case "first":
-      return /* @__PURE__ */ jsx(PaginationFirst, { disabled: item.disabled });
+      return /* @__PURE__ */ jsx(PaginationFirst, { disabled: item.disabled, labels });
     case "last":
-      return /* @__PURE__ */ jsx(PaginationLast, { disabled: item.disabled });
+      return /* @__PURE__ */ jsx(PaginationLast, { disabled: item.disabled, labels });
     default:
-      return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(PaginationLink, { disabled: item.disabled, page: item.page ?? 1, selected: item.selected }) });
+      return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          disabled: item.disabled,
+          ...locale !== void 0 ? { locale } : {},
+          pageLabelTemplate: labels.page,
+          page: item.page ?? 1,
+          selected: item.selected
+        }
+      ) });
   }
 }
 PaginationItemRenderer.displayName = "PaginationItemRenderer";
 function PaginationList() {
-  const { items } = usePaginationContext("List");
-  return /* @__PURE__ */ jsx(PaginationListElement, { children: items.map((item, index) => /* @__PURE__ */ jsx(PaginationItemRenderer, { item }, `${item.type}-${item.page ?? index}`)) });
+  const { items, labels, locale } = usePaginationContext("List");
+  return /* @__PURE__ */ jsx(PaginationListElement, { children: items.map((item, index) => /* @__PURE__ */ jsx(
+    PaginationItemRenderer,
+    {
+      item,
+      labels,
+      ...locale !== void 0 ? { locale } : {}
+    },
+    `${item.type}-${item.page ?? index}`
+  )) });
 }
 PaginationList.displayName = "PaginationList";
 function PaginationLink(props) {
@@ -93,11 +134,16 @@ function PaginationLink(props) {
     as,
     render,
     disabled = false,
+    locale,
+    pageLabelTemplate,
     page,
     selected = false,
     ...consumerProps
   } = props;
-  const { setPage } = usePaginationContext("Link");
+  const context = usePaginationContext("Link");
+  const { setPage } = context;
+  const activeLocale = locale ?? context.locale;
+  const activePageLabelTemplate = pageLabelTemplate ?? context.labels.page;
   const onClick = consumerProps.onClick;
   return useRenderElement({
     as,
@@ -105,7 +151,7 @@ function PaginationLink(props) {
     props: {
       ...consumerProps,
       "aria-current": selected ? "page" : void 0,
-      "aria-label": `Page ${page}`,
+      "aria-label": formatPageLabel(activePageLabelTemplate, page, activeLocale),
       "data-selected": selected ? "" : void 0,
       "data-size": "icon",
       "data-type": "page",
@@ -114,80 +160,98 @@ function PaginationLink(props) {
       disabled: disabled || void 0,
       onClick: composeEventHandlers(onClick, () => setPage(page)),
       type: "button",
-      children: page
+      children: formatPageNumber(page, activeLocale)
     },
     render,
     state: { selected }
   });
 }
-function PaginationPrevious({ disabled }) {
+function PaginationPrevious({
+  disabled,
+  labels
+}) {
   const { page, setPage } = usePaginationContext("Previous");
   return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
     "button",
     {
-      "aria-label": "Previous page",
+      "aria-label": labels.previous,
       "data-type": "previous",
       "data-uiify-button": "",
       "data-variant": "ghost",
       disabled,
       onClick: () => setPage(page - 1),
       type: "button",
-      children: "Previous"
+      children: labels.previousText
     }
   ) });
 }
 PaginationPrevious.displayName = "PaginationPrevious";
-function PaginationNext({ disabled }) {
+function PaginationNext({
+  disabled,
+  labels
+}) {
   const { page, setPage } = usePaginationContext("Next");
   return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
     "button",
     {
-      "aria-label": "Next page",
+      "aria-label": labels.next,
       "data-type": "next",
       "data-uiify-button": "",
       "data-variant": "ghost",
       disabled,
       onClick: () => setPage(page + 1),
       type: "button",
-      children: "Next"
+      children: labels.nextText
     }
   ) });
 }
 PaginationNext.displayName = "PaginationNext";
-function PaginationFirst({ disabled }) {
+function PaginationFirst({
+  disabled,
+  labels
+}) {
   const { setPage } = usePaginationContext("First");
   return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
     "button",
     {
-      "aria-label": "First page",
+      "aria-label": labels.first,
       "data-type": "first",
       "data-uiify-button": "",
       "data-variant": "ghost",
       disabled,
       onClick: () => setPage(1),
       type: "button",
-      children: "First"
+      children: labels.firstText
     }
   ) });
 }
 PaginationFirst.displayName = "PaginationFirst";
-function PaginationLast({ disabled }) {
+function PaginationLast({
+  disabled,
+  labels
+}) {
   const { count, setPage } = usePaginationContext("Last");
   return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
     "button",
     {
-      "aria-label": "Last page",
+      "aria-label": labels.last,
       "data-type": "last",
       "data-uiify-button": "",
       "data-variant": "ghost",
       disabled,
       onClick: () => setPage(count),
       type: "button",
-      children: "Last"
+      children: labels.lastText
     }
   ) });
 }
 PaginationLast.displayName = "PaginationLast";
+function formatPageNumber(page, locale) {
+  return locale ? new Intl.NumberFormat(locale).format(page) : String(page);
+}
+function formatPageLabel(template, page, locale) {
+  return formatLabel(template, { page: locale === void 0 ? String(page) : page }, locale);
+}
 const Pagination = {
   Ellipsis: PaginationEllipsisElement,
   Item: PaginationItemPart,

package/dist/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onPageChange,\n    page,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onPageChange !== undefined ? { onPageChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({ count, items, page: currentPage, setPage }),\n    [count, currentPage, items, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({ item }: { readonly item: PaginationItem }): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink disabled={item.disabled} page={item.page ?? 1} selected={item.selected} />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer item={item} key={`${item.type}-${item.page ?? index}`} />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const { setPage } = usePaginationContext(\"Link\");\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-size\": \"icon\",\n      \"data-type\": \"page\",\n      \"data-uiify-button\": \"\",\n      \"data-variant\": \"ghost\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Previous page\"\n        data-type=\"previous\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        Previous\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Next page\"\n        data-type=\"next\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        Next\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"First page\"\n        data-type=\"first\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        First\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({ disabled }: { readonly disabled: boolean }): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label=\"Last page\"\n        data-type=\"last\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        Last\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}
+{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type { ElementType, MouseEvent, ReactElement } from \"react\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  PaginationEllipsis as PaginationEllipsisElement,\n  DEFAULT_PAGINATION_LABELS,\n  PaginationItemPart,\n  PaginationList as PaginationListElement,\n} from \"./PaginationShell.js\";\nimport { usePagination } from \"./use-pagination.js\";\nimport type {\n  PaginationContextValue,\n  PaginationItem,\n  PaginationLinkProps,\n  PaginationRootProps,\n} from \"./types.js\";\n\nexport type { PaginationItem } from \"./types.js\";\n\nexport { PaginationEllipsis, PaginationItemPart } from \"./PaginationShell.js\";\n\nconst [PaginationProvider, usePaginationContext] =\n  createPartContext<PaginationContextValue>(\"Pagination\");\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    boundaryCount,\n    count,\n    defaultPage,\n    disabled,\n    onPageChange,\n    page,\n    labels,\n    locale,\n    showFirstLast,\n    siblingCount,\n    children,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n  const mergedLabels = { ...DEFAULT_PAGINATION_LABELS, ...labels };\n\n  const {\n    items,\n    page: currentPage,\n    setPage,\n  } = usePagination({\n    count,\n    ...(boundaryCount !== undefined ? { boundaryCount } : {}),\n    ...(defaultPage !== undefined ? { defaultPage } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(onPageChange !== undefined ? { onPageChange } : {}),\n    ...(page !== undefined ? { page } : {}),\n    ...(showFirstLast !== undefined ? { showFirstLast } : {}),\n    ...(siblingCount !== undefined ? { siblingCount } : {}),\n  });\n\n  const contextValue = useMemo(\n    () => ({\n      count,\n      items,\n      labels: mergedLabels,\n      ...(locale !== undefined ? { locale } : {}),\n      page: currentPage,\n      setPage,\n    }),\n    [count, currentPage, items, labels, locale, setPage],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel ?? mergedLabels.root,\n      children: children ?? (\n        <ol>\n          <PaginationListItems />\n        </ol>\n      ),\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page: currentPage },\n  });\n\n  return <PaginationProvider value={contextValue}>{element}</PaginationProvider>;\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction PaginationListItems(): ReactElement {\n  const { items, labels, locale } = usePaginationContext(\"List\");\n  return (\n    <>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          labels={labels}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ))}\n    </>\n  );\n}\nPaginationListItems.displayName = \"PaginationListItems\";\n\nfunction PaginationItemRenderer({\n  item,\n  labels,\n  locale,\n}: {\n  readonly item: PaginationItem;\n  readonly labels: PaginationContextValue[\"labels\"];\n  readonly locale?: string;\n}): ReactElement {\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsisElement />;\n    case \"previous\":\n      return <PaginationPrevious disabled={item.disabled} labels={labels} />;\n    case \"next\":\n      return <PaginationNext disabled={item.disabled} labels={labels} />;\n    case \"first\":\n      return <PaginationFirst disabled={item.disabled} labels={labels} />;\n    case \"last\":\n      return <PaginationLast disabled={item.disabled} labels={labels} />;\n    default:\n      return (\n        <PaginationItemPart>\n          <PaginationLink\n            disabled={item.disabled}\n            {...(locale !== undefined ? { locale } : {})}\n            pageLabelTemplate={labels.page}\n            page={item.page ?? 1}\n            selected={item.selected}\n          />\n        </PaginationItemPart>\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList(): ReactElement | null {\n  const { items, labels, locale } = usePaginationContext(\"List\");\n\n  return (\n    <PaginationListElement>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          labels={labels}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ))}\n    </PaginationListElement>\n  );\n}\nPaginationList.displayName = \"PaginationList\";\n\nexport function PaginationLink<TAs extends ElementType = \"button\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    locale,\n    pageLabelTemplate,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"button\">;\n  const context = usePaginationContext(\"Link\");\n  const { setPage } = context;\n  const activeLocale = locale ?? context.locale;\n  const activePageLabelTemplate = pageLabelTemplate ?? context.labels.page;\n  const onClick = (consumerProps as { onClick?: (event: MouseEvent<HTMLButtonElement>) => void })\n    .onClick;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": formatPageLabel(activePageLabelTemplate, page, activeLocale),\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-size\": \"icon\",\n      \"data-type\": \"page\",\n      \"data-uiify-button\": \"\",\n      \"data-variant\": \"ghost\",\n      disabled: disabled || undefined,\n      onClick: composeEventHandlers(onClick, () => setPage(page)),\n      type: \"button\",\n      children: formatPageNumber(page, activeLocale),\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationPrevious({\n  disabled,\n  labels,\n}: {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label={labels.previous}\n        data-type=\"previous\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page - 1)}\n        type=\"button\"\n      >\n        {labels.previousText}\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({\n  disabled,\n  labels,\n}: {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label={labels.next}\n        data-type=\"next\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(page + 1)}\n        type=\"button\"\n      >\n        {labels.nextText}\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({\n  disabled,\n  labels,\n}: {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label={labels.first}\n        data-type=\"first\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(1)}\n        type=\"button\"\n      >\n        {labels.firstText}\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({\n  disabled,\n  labels,\n}: {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationItemPart>\n      <button\n        aria-label={labels.last}\n        data-type=\"last\"\n        data-uiify-button=\"\"\n        data-variant=\"ghost\"\n        disabled={disabled}\n        onClick={() => setPage(count)}\n        type=\"button\"\n      >\n        {labels.lastText}\n      </button>\n    </PaginationItemPart>\n  );\n}\nPaginationLast.displayName = \"PaginationLast\";\n\nfunction formatPageNumber(page: number, locale?: string): string {\n  return locale ? new Intl.NumberFormat(locale).format(page) : String(page);\n}\n\nfunction formatPageLabel(template: string, page: number, locale?: string): string {\n  return formatLabel(template, { page: locale === undefined ? String(page) : page }, locale);\n}\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsisElement,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["PaginationItemPart"]}

package/dist/components/pagination/PaginationShell.d.ts

@@ -1,6 +1,7 @@
 import type { ElementType, ReactElement } from "react";
-import type { PaginationRootProps, PaginationListProps, PaginationItemProps, PaginationLinkProps, PaginationEllipsisProps } from "./types.js";
+import type { PaginationLabels, PaginationRootProps, PaginationListProps, PaginationItemProps, PaginationLinkProps, PaginationEllipsisProps } from "./types.js";
 export { buildPaginationItems } from "./pagination-engine.js";
+export declare const DEFAULT_PAGINATION_LABELS: PaginationLabels;
 export declare function PaginationRoot<TAs extends ElementType = "nav">(props: PaginationRootProps<TAs>): ReactElement | null;
 export declare namespace PaginationRoot {
     var displayName: string;

package/dist/components/pagination/PaginationShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationShell.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/PaginationShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAEV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,cAAc;;;AAkI9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAkCrB;AAsDD,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACjE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,kBAAkB;;;AAqBlC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"PaginationShell.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/PaginationShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAEV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,yBAAyB,EAAE,gBAWvC,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAyDrB;yBA3De,cAAc;;;AAiJ9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAUrB;AAED,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,GAAG,EAC1D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAoCrB;AAuDD,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACjE,KAAK,EAAE,uBAAuB,CAAC,GAAG,CAAC,GAClC,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,kBAAkB;;;AAqBlC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}

package/dist/components/pagination/PaginationShell.js

@@ -1,16 +1,31 @@
 import { jsx } from "react/jsx-runtime";
+import { formatLabel } from "@gunkin/uiify/core/format-label";
 import { useRenderElement } from "@gunkin/uiify/core/render";
 import { buildPaginationItems } from "./pagination-engine.js";
 import { buildPaginationItems as buildPaginationItems2 } from "./pagination-engine.js";
+const DEFAULT_PAGINATION_LABELS = {
+  root: "Pagination",
+  page: "Page {page}",
+  previous: "Previous page",
+  next: "Next page",
+  first: "First page",
+  last: "Last page",
+  previousText: "Previous",
+  nextText: "Next",
+  firstText: "First",
+  lastText: "Last"
+};
 function PaginationRoot(props) {
   const {
     as,
     render,
-    "aria-label": ariaLabel = "Pagination",
+    "aria-label": ariaLabel,
     boundaryCount = 1,
     count,
     disabled = false,
     getPageHref,
+    labels,
+    locale,
     page = 1,
     showFirstLast = false,
     siblingCount = 1,
@@ -19,6 +34,7 @@ function PaginationRoot(props) {
     onPageChange: _onPageChange,
     ...consumerProps
   } = props;
+  const mergedLabels = { ...DEFAULT_PAGINATION_LABELS, ...labels };
   const items = buildPaginationItems(
     count,
     page,
@@ -31,6 +47,8 @@ function PaginationRoot(props) {
     PaginationItemRenderer,
     {
       item,
+      labels: mergedLabels,
+      ...locale !== void 0 ? { locale } : {},
       page,
       ...paginationHrefProps(getPageHref)
     },
@@ -41,7 +59,7 @@ function PaginationRoot(props) {
     defaultTag: "nav",
     props: {
       ...consumerProps,
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabel ?? mergedLabels.root,
       children: content,
       "data-uiify-pagination": ""
     },
@@ -56,6 +74,8 @@ function paginationHrefProps(getPageHref) {
 function PaginationItemRenderer({
   getPageHref,
   item,
+  labels,
+  locale,
   page
 }) {
   const hrefProps = paginationHrefProps(getPageHref);
@@ -67,7 +87,8 @@ function PaginationItemRenderer({
         PaginationNavControl,
         {
           disabled: item.disabled,
-          label: "Previous page",
+          label: labels.previous,
+          labelText: labels.previousText,
           page: page - 1,
           type: "previous",
           ...hrefProps
@@ -78,7 +99,8 @@ function PaginationItemRenderer({
         PaginationNavControl,
         {
           disabled: item.disabled,
-          label: "Next page",
+          label: labels.next,
+          labelText: labels.nextText,
           page: page + 1,
           type: "next",
           ...hrefProps
@@ -89,7 +111,8 @@ function PaginationItemRenderer({
         PaginationNavControl,
         {
           disabled: item.disabled,
-          label: "First page",
+          label: labels.first,
+          labelText: labels.firstText,
           page: 1,
           type: "first",
           ...hrefProps
@@ -100,7 +123,8 @@ function PaginationItemRenderer({
         PaginationNavControl,
         {
           disabled: item.disabled,
-          label: "Last page",
+          label: labels.last,
+          labelText: labels.lastText,
           page: item.page ?? page,
           type: "last",
           ...hrefProps
@@ -111,6 +135,8 @@ function PaginationItemRenderer({
         PaginationLink,
         {
           disabled: item.disabled,
+          ...locale !== void 0 ? { locale } : {},
+          pageLabelTemplate: labels.page,
           page: item.page ?? 1,
           selected: item.selected,
           ...hrefProps
@@ -145,6 +171,8 @@ function PaginationLink(props) {
     render,
     disabled = false,
     getPageHref,
+    locale,
+    pageLabelTemplate = DEFAULT_PAGINATION_LABELS.page,
     page,
     selected = false,
     ...consumerProps
@@ -157,7 +185,7 @@ function PaginationLink(props) {
     props: {
       ...consumerProps,
       "aria-current": selected ? "page" : void 0,
-      "aria-label": `Page ${page}`,
+      "aria-label": formatPageLabel(pageLabelTemplate, page, locale),
       "aria-disabled": disabled ? true : void 0,
       "data-disabled": disabled ? "" : void 0,
       "data-selected": selected ? "" : void 0,
@@ -166,7 +194,7 @@ function PaginationLink(props) {
       "data-uiify-button": "",
       "data-variant": "ghost",
       href,
-      children: page
+      children: formatPageNumber(page, locale)
     },
     render,
     state: { selected }
@@ -176,11 +204,11 @@ function PaginationNavControl({
   disabled,
   getPageHref,
   label,
+  labelText,
   page,
   type
 }) {
   const href = !disabled && getPageHref ? getPageHref(page) : void 0;
-  const labelText = type === "previous" ? "Previous" : type === "next" ? "Next" : type === "first" ? "First" : "Last";
   return /* @__PURE__ */ jsx(PaginationItemPart, { children: href ? /* @__PURE__ */ jsx(
     "a",
     {
@@ -205,6 +233,12 @@ function PaginationNavControl({
   ) });
 }
 PaginationNavControl.displayName = "PaginationNavControl";
+function formatPageNumber(page, locale) {
+  return locale ? new Intl.NumberFormat(locale).format(page) : String(page);
+}
+function formatPageLabel(template, page, locale) {
+  return formatLabel(template, { page: locale === void 0 ? String(page) : page }, locale);
+}
 function PaginationEllipsis(props) {
   const { as, render, ...consumerProps } = props;
   const element = useRenderElement({
@@ -230,6 +264,7 @@ const Pagination = {
   Root: PaginationRoot
 };
 export {
+  DEFAULT_PAGINATION_LABELS,
   Pagination,
   PaginationEllipsis,
   PaginationItemPart,

package/dist/components/pagination/PaginationShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/PaginationShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\n\nimport type {\n  PaginationItem,\n  PaginationRootProps,\n  PaginationListProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationEllipsisProps,\n} from \"./types.js\";\n\nexport { buildPaginationItems } from \"./pagination-engine.js\";\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel = \"Pagination\",\n    boundaryCount = 1,\n    count,\n    disabled = false,\n    getPageHref,\n    page = 1,\n    showFirstLast = false,\n    siblingCount = 1,\n    children,\n    defaultPage: _defaultPage,\n    onPageChange: _onPageChange,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n\n  const items = buildPaginationItems(\n    count,\n    page,\n    siblingCount,\n    boundaryCount,\n    disabled,\n    showFirstLast,\n  );\n\n  const content = children ?? (\n    <ol>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          page={page}\n          {...paginationHrefProps(getPageHref)}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      children: content,\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page },\n  });\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction paginationHrefProps(getPageHref?: (page: number) => string): {\n  readonly getPageHref?: (page: number) => string;\n} {\n  return getPageHref ? { getPageHref } : {};\n}\n\nfunction PaginationItemRenderer({\n  getPageHref,\n  item,\n  page,\n}: {\n  readonly getPageHref?: (page: number) => string;\n  readonly item: PaginationItem;\n  readonly page: number;\n}): ReactElement {\n  const hrefProps = paginationHrefProps(getPageHref);\n\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsis />;\n    case \"previous\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Previous page\"\n          page={page - 1}\n          type=\"previous\"\n          {...hrefProps}\n        />\n      );\n    case \"next\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Next page\"\n          page={page + 1}\n          type=\"next\"\n          {...hrefProps}\n        />\n      );\n    case \"first\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"First page\"\n          page={1}\n          type=\"first\"\n          {...hrefProps}\n        />\n      );\n    case \"last\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label=\"Last page\"\n          page={item.page ?? page}\n          type=\"last\"\n          {...hrefProps}\n        />\n      );\n    default:\n      return (\n        <PaginationLink\n          disabled={item.disabled}\n          page={item.page ?? 1}\n          selected={item.selected}\n          {...hrefProps}\n        />\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList<TAs extends ElementType = \"ol\">(\n  props: PaginationListProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationListProps<\"ol\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: consumerProps,\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationItemPart<TAs extends ElementType = \"li\">(\n  props: PaginationItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as PaginationItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationLink<TAs extends ElementType = \"a\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    getPageHref,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"a\">;\n\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const Tag = href ? \"a\" : \"span\";\n\n  return useRenderElement({\n    as: as ?? Tag,\n    defaultTag: Tag,\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": `Page ${page}`,\n      \"aria-disabled\": disabled ? true : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-size\": \"icon\",\n      \"data-type\": \"page\",\n      \"data-uiify-button\": \"\",\n      \"data-variant\": \"ghost\",\n      href,\n      children: page,\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationNavControl({\n  disabled,\n  getPageHref,\n  label,\n  page,\n  type,\n}: {\n  readonly disabled: boolean;\n  readonly getPageHref?: (page: number) => string;\n  readonly label: string;\n  readonly page: number;\n  readonly type: \"previous\" | \"next\" | \"first\" | \"last\";\n}): ReactElement {\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const labelText =\n    type === \"previous\"\n      ? \"Previous\"\n      : type === \"next\"\n        ? \"Next\"\n        : type === \"first\"\n          ? \"First\"\n          : \"Last\";\n\n  return (\n    <PaginationItemPart>\n      {href ? (\n        <a\n          aria-label={label}\n          data-type={type}\n          data-uiify-button=\"\"\n          data-variant=\"ghost\"\n          href={href}\n        >\n          {labelText}\n        </a>\n      ) : (\n        <span\n          aria-disabled={disabled ? true : undefined}\n          aria-label={label}\n          data-disabled={disabled ? \"\" : undefined}\n          data-type={type}\n          data-uiify-button=\"\"\n          data-variant=\"ghost\"\n        >\n          {labelText}\n        </span>\n      )}\n    </PaginationItemPart>\n  );\n}\nPaginationNavControl.displayName = \"PaginationNavControl\";\n\nexport function PaginationEllipsis<TAs extends ElementType = \"span\">(\n  props: PaginationEllipsisProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationEllipsisProps<\"span\">;\n  const element = useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-type\": \"ellipsis\",\n      children: \"…\",\n    },\n    render,\n    state: {},\n  });\n\n  return <PaginationItemPart>{element}</PaginationItemPart>;\n}\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsis,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["buildPaginationItems"]}
+{"version":3,"sources":["../../../src/components/pagination/PaginationShell.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { buildPaginationItems } from \"./pagination-engine.js\";\n\nimport type {\n  PaginationItem,\n  PaginationLabels,\n  PaginationRootProps,\n  PaginationListProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationEllipsisProps,\n} from \"./types.js\";\n\nexport { buildPaginationItems } from \"./pagination-engine.js\";\n\nexport const DEFAULT_PAGINATION_LABELS: PaginationLabels = {\n  root: \"Pagination\",\n  page: \"Page {page}\",\n  previous: \"Previous page\",\n  next: \"Next page\",\n  first: \"First page\",\n  last: \"Last page\",\n  previousText: \"Previous\",\n  nextText: \"Next\",\n  firstText: \"First\",\n  lastText: \"Last\",\n};\n\nexport function PaginationRoot<TAs extends ElementType = \"nav\">(\n  props: PaginationRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    boundaryCount = 1,\n    count,\n    disabled = false,\n    getPageHref,\n    labels,\n    locale,\n    page = 1,\n    showFirstLast = false,\n    siblingCount = 1,\n    children,\n    defaultPage: _defaultPage,\n    onPageChange: _onPageChange,\n    ...consumerProps\n  } = props as PaginationRootProps<\"nav\">;\n  const mergedLabels = { ...DEFAULT_PAGINATION_LABELS, ...labels };\n\n  const items = buildPaginationItems(\n    count,\n    page,\n    siblingCount,\n    boundaryCount,\n    disabled,\n    showFirstLast,\n  );\n\n  const content = children ?? (\n    <ol>\n      {items.map((item, index) => (\n        <PaginationItemRenderer\n          item={item}\n          key={`${item.type}-${item.page ?? index}`}\n          labels={mergedLabels}\n          {...(locale !== undefined ? { locale } : {})}\n          page={page}\n          {...paginationHrefProps(getPageHref)}\n        />\n      ))}\n    </ol>\n  );\n\n  return useRenderElement({\n    as,\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel ?? mergedLabels.root,\n      children: content,\n      \"data-uiify-pagination\": \"\",\n    },\n    render,\n    state: { page },\n  });\n}\nPaginationRoot.displayName = \"PaginationRoot\";\n\nfunction paginationHrefProps(getPageHref?: (page: number) => string): {\n  readonly getPageHref?: (page: number) => string;\n} {\n  return getPageHref ? { getPageHref } : {};\n}\n\nfunction PaginationItemRenderer({\n  getPageHref,\n  item,\n  labels,\n  locale,\n  page,\n}: {\n  readonly getPageHref?: (page: number) => string;\n  readonly item: PaginationItem;\n  readonly labels: PaginationLabels;\n  readonly locale?: string;\n  readonly page: number;\n}): ReactElement {\n  const hrefProps = paginationHrefProps(getPageHref);\n\n  switch (item.type) {\n    case \"ellipsis\":\n      return <PaginationEllipsis />;\n    case \"previous\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label={labels.previous}\n          labelText={labels.previousText}\n          page={page - 1}\n          type=\"previous\"\n          {...hrefProps}\n        />\n      );\n    case \"next\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label={labels.next}\n          labelText={labels.nextText}\n          page={page + 1}\n          type=\"next\"\n          {...hrefProps}\n        />\n      );\n    case \"first\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label={labels.first}\n          labelText={labels.firstText}\n          page={1}\n          type=\"first\"\n          {...hrefProps}\n        />\n      );\n    case \"last\":\n      return (\n        <PaginationNavControl\n          disabled={item.disabled}\n          label={labels.last}\n          labelText={labels.lastText}\n          page={item.page ?? page}\n          type=\"last\"\n          {...hrefProps}\n        />\n      );\n    default:\n      return (\n        <PaginationLink\n          disabled={item.disabled}\n          {...(locale !== undefined ? { locale } : {})}\n          pageLabelTemplate={labels.page}\n          page={item.page ?? 1}\n          selected={item.selected}\n          {...hrefProps}\n        />\n      );\n  }\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nexport function PaginationList<TAs extends ElementType = \"ol\">(\n  props: PaginationListProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationListProps<\"ol\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"ol\",\n    props: consumerProps,\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationItemPart<TAs extends ElementType = \"li\">(\n  props: PaginationItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, ...consumerProps } = props as PaginationItemProps<\"li\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: { ...consumerProps, children },\n    render,\n    state: {},\n  });\n}\n\nexport function PaginationLink<TAs extends ElementType = \"a\">(\n  props: PaginationLinkProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    disabled = false,\n    getPageHref,\n    locale,\n    pageLabelTemplate = DEFAULT_PAGINATION_LABELS.page,\n    page,\n    selected = false,\n    ...consumerProps\n  } = props as PaginationLinkProps<\"a\">;\n\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  const Tag = href ? \"a\" : \"span\";\n\n  return useRenderElement({\n    as: as ?? Tag,\n    defaultTag: Tag,\n    props: {\n      ...consumerProps,\n      \"aria-current\": selected ? \"page\" : undefined,\n      \"aria-label\": formatPageLabel(pageLabelTemplate, page, locale),\n      \"aria-disabled\": disabled ? true : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-size\": \"icon\",\n      \"data-type\": \"page\",\n      \"data-uiify-button\": \"\",\n      \"data-variant\": \"ghost\",\n      href,\n      children: formatPageNumber(page, locale),\n    },\n    render,\n    state: { selected },\n  });\n}\n\nfunction PaginationNavControl({\n  disabled,\n  getPageHref,\n  label,\n  labelText,\n  page,\n  type,\n}: {\n  readonly disabled: boolean;\n  readonly getPageHref?: (page: number) => string;\n  readonly label: string;\n  readonly labelText: string;\n  readonly page: number;\n  readonly type: \"previous\" | \"next\" | \"first\" | \"last\";\n}): ReactElement {\n  const href = !disabled && getPageHref ? getPageHref(page) : undefined;\n  return (\n    <PaginationItemPart>\n      {href ? (\n        <a\n          aria-label={label}\n          data-type={type}\n          data-uiify-button=\"\"\n          data-variant=\"ghost\"\n          href={href}\n        >\n          {labelText}\n        </a>\n      ) : (\n        <span\n          aria-disabled={disabled ? true : undefined}\n          aria-label={label}\n          data-disabled={disabled ? \"\" : undefined}\n          data-type={type}\n          data-uiify-button=\"\"\n          data-variant=\"ghost\"\n        >\n          {labelText}\n        </span>\n      )}\n    </PaginationItemPart>\n  );\n}\nPaginationNavControl.displayName = \"PaginationNavControl\";\n\nfunction formatPageNumber(page: number, locale?: string): string {\n  return locale ? new Intl.NumberFormat(locale).format(page) : String(page);\n}\n\nfunction formatPageLabel(template: string, page: number, locale?: string): string {\n  return formatLabel(template, { page: locale === undefined ? String(page) : page }, locale);\n}\n\nexport function PaginationEllipsis<TAs extends ElementType = \"span\">(\n  props: PaginationEllipsisProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as PaginationEllipsisProps<\"span\">;\n  const element = useRenderElement({\n    as,\n    defaultTag: \"span\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-type\": \"ellipsis\",\n      children: \"…\",\n    },\n    render,\n    state: {},\n  });\n\n  return <PaginationItemPart>{element}</PaginationItemPart>;\n}\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport const Pagination = {\n  Ellipsis: PaginationEllipsis,\n  Item: PaginationItemPart,\n  Link: PaginationLink,\n  List: PaginationList,\n  Root: PaginationRoot,\n};\n"],"mappings":"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","names":["buildPaginationItems"]}

package/dist/components/pagination/index.d.ts

@@ -1,5 +1,5 @@
 export { buildPaginationItems } from "./pagination-engine.js";
 export type { PaginationItem as PaginationItemDescriptor, PaginationItemType, UsePaginationParams, } from "./types.js";
 export { Pagination, PaginationEllipsis, PaginationItemPart as PaginationItem, PaginationLink, PaginationList, PaginationRoot, } from "./Pagination.js";
-export type { PaginationEllipsisProps, PaginationEllipsisOwnProps, PaginationItemProps, PaginationItemOwnProps, PaginationLinkOwnProps, PaginationLinkProps, PaginationListOwnProps, PaginationListProps, PaginationRootOwnProps, PaginationRootProps, } from "./types.js";
+export type { PaginationEllipsisProps, PaginationEllipsisOwnProps, PaginationItemProps, PaginationItemOwnProps, PaginationLinkOwnProps, PaginationLinkProps, PaginationListOwnProps, PaginationListProps, PaginationRootOwnProps, PaginationRootProps, PaginationLabels, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EACV,cAAc,IAAI,wBAAwB,EAC1C,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,kBAAkB,IAAI,cAAc,EACpC,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EACV,cAAc,IAAI,wBAAwB,EAC1C,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,kBAAkB,IAAI,cAAc,EACpC,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,YAAY,CAAC"}

package/dist/components/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination/index.ts"],"sourcesContent":["export { buildPaginationItems } from \"./pagination-engine.js\";\nexport type {\n  PaginationItem as PaginationItemDescriptor,\n  PaginationItemType,\n  UsePaginationParams,\n} from \"./types.js\";\nexport {\n  Pagination,\n  PaginationEllipsis,\n  PaginationItemPart as PaginationItem,\n  PaginationLink,\n  PaginationList,\n  PaginationRoot,\n} from \"./Pagination.js\";\nexport type {\n  PaginationEllipsisProps,\n  PaginationEllipsisOwnProps,\n  PaginationItemProps,\n  PaginationItemOwnProps,\n  PaginationLinkOwnProps,\n  PaginationLinkProps,\n  PaginationListOwnProps,\n  PaginationListProps,\n  PaginationRootOwnProps,\n  PaginationRootProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,EACsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/components/pagination/index.ts"],"sourcesContent":["export { buildPaginationItems } from \"./pagination-engine.js\";\nexport type {\n  PaginationItem as PaginationItemDescriptor,\n  PaginationItemType,\n  UsePaginationParams,\n} from \"./types.js\";\nexport {\n  Pagination,\n  PaginationEllipsis,\n  PaginationItemPart as PaginationItem,\n  PaginationLink,\n  PaginationList,\n  PaginationRoot,\n} from \"./Pagination.js\";\nexport type {\n  PaginationEllipsisProps,\n  PaginationEllipsisOwnProps,\n  PaginationItemProps,\n  PaginationItemOwnProps,\n  PaginationLinkOwnProps,\n  PaginationLinkProps,\n  PaginationListOwnProps,\n  PaginationListProps,\n  PaginationRootOwnProps,\n  PaginationRootProps,\n  PaginationLabels,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,4BAA4B;AAMrC;AAAA,EACE;AAAA,EACA;AAAA,EACsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/pagination/types.d.ts

@@ -14,6 +14,18 @@ export interface PaginationControlItem {
     readonly type: Exclude<PaginationItemType, "page">;
 }
 export type PaginationItem = PaginationPageItem | PaginationControlItem;
+export interface PaginationLabels {
+    readonly root: string;
+    readonly page: string;
+    readonly previous: string;
+    readonly next: string;
+    readonly first: string;
+    readonly last: string;
+    readonly previousText: string;
+    readonly nextText: string;
+    readonly firstText: string;
+    readonly lastText: string;
+}
 export interface UsePaginationParams {
     readonly boundaryCount?: number;
     readonly count: number;
@@ -32,6 +44,8 @@ export interface UsePaginationReturn {
 export interface PaginationContextValue {
     readonly count: number;
     readonly items: readonly PaginationItem[];
+    readonly labels: PaginationLabels;
+    readonly locale?: string;
     readonly page: number;
     readonly setPage: (page: number) => void;
 }
@@ -39,6 +53,8 @@ export interface PaginationRootOwnProps extends UsePaginationParams {
     readonly "aria-label"?: string;
     readonly children?: ReactNode;
     readonly getPageHref?: (page: number) => string;
+    readonly labels?: Partial<PaginationLabels>;
+    readonly locale?: string;
 }
 export type PaginationRootProps<TAs extends ElementType = "nav"> = RenderableProps<TAs, PaginationRootOwnProps, {
     page: number;
@@ -54,6 +70,8 @@ export type PaginationItemProps<TAs extends ElementType = "li"> = RenderableProp
 export interface PaginationLinkOwnProps {
     readonly disabled?: boolean;
     readonly getPageHref?: (page: number) => string;
+    readonly locale?: string;
+    readonly pageLabelTemplate?: string;
     readonly page: number;
     readonly selected?: boolean;
 }