@gunkin/uiify 0.0.22-alpha → 0.0.25-alpha

package/dist/components/otp-input/OtpInput.js

@@ -6,7 +6,7 @@ import {
   useRef,
   useState
 } from "react";
-import { useControllableState, useId } from "@gunkin/uiify/hooks";
+import { useControllableState, useId, useMergedRefs } from "@gunkin/uiify/hooks";
 import { createPartContext } from "@gunkin/uiify/core";
 import { isComposingKeyEvent } from "@gunkin/uiify/core/ime";
 import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
@@ -112,6 +112,7 @@ function OtpInputHiddenInput(props) {
     as,
     render,
     autoFocus: autoFocusProp,
+    ref: consumerRef,
     style: consumerStyle,
     ...consumerProps
   } = props;
@@ -127,6 +128,7 @@ function OtpInputHiddenInput(props) {
     updateValue,
     value
   } = useOtpInputContext("HiddenInput");
+  const mergedRef = useMergedRefs(consumerRef, hiddenInputRef);
   const inputId = useId();
   const autoFocus = autoFocusProp ?? rootAutoFocus;
   const {
@@ -157,7 +159,7 @@ function OtpInputHiddenInput(props) {
       ...consumerProps,
       "data-part": "control",
       id: inputId,
-      ref: hiddenInputRef,
+      ref: mergedRef,
       type: mask ? "password" : "text",
       inputMode: type === "numeric" ? "numeric" : "text",
       autoComplete: "one-time-code",

package/dist/components/otp-input/OtpInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/otp-input/OtpInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type CSSProperties,\n  type ElementType,\n  type KeyboardEvent,\n  type ReactElement,\n  type SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useId } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport type {\n  OtpInputType,\n  OtpInputContextValue,\n  OtpInputRootProps,\n  OtpInputSlotProps,\n  OtpInputHiddenInputProps,\n} from \"./types.js\";\n\nconst [OtpInputProvider, useOtpInputContext] = createPartContext<OtpInputContextValue>(\"OtpInput\");\n\nfunction sanitizeValue(raw: string, type: OtpInputType, maxLength: number): string {\n  const pattern = type === \"numeric\" ? /\\d/g : /[a-zA-Z0-9]/g;\n  return (raw.match(pattern) ?? []).join(\"\").slice(0, maxLength);\n}\n\nexport function OtpInputRoot<TAs extends ElementType = \"div\">(\n  props: OtpInputRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    length = 6,\n    value: controlledValue,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    type = \"numeric\",\n    mask = false,\n    disabled = false,\n    autoFocus = false,\n    ...consumerProps\n  } = props as OtpInputRootProps<ElementType>;\n\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n  const [focused, setFocused] = useState(false);\n  const [value, setValue] = useControllableState<string>({\n    value: controlledValue,\n    defaultValue,\n    onChange: onValueChange,\n  });\n\n  const updateValue = useCallback(\n    (nextRaw: string) => {\n      const next = sanitizeValue(nextRaw, type, length);\n      setValue(next);\n      if (next.length === length) onComplete?.(next);\n    },\n    [length, onComplete, setValue, type],\n  );\n\n  const { onClick: consumerOnClick } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n  };\n\n  const handleClick = () => hiddenInputRef.current?.focus();\n\n  const activeIndex = focused ? Math.min(value.length, length - 1) : -1;\n  const contextValue = useMemo<OtpInputContextValue>(\n    () => ({\n      activeIndex,\n      autoFocus,\n      disabled,\n      hiddenInputRef,\n      length,\n      mask,\n      onHiddenBlur: () => setFocused(false),\n      onHiddenFocus: () => setFocused(true),\n      type,\n      updateValue,\n      value,\n    }),\n    [activeIndex, autoFocus, disabled, length, mask, type, updateValue, value],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-otp-input\": \"\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-complete\": value.length === length ? \"\" : undefined,\n      onClick: composeEventHandlers(consumerOnClick, handleClick),\n    },\n    render,\n    state: { disabled, mask, type },\n  });\n\n  return <OtpInputProvider value={contextValue}>{element}</OtpInputProvider>;\n}\nOtpInputRoot.displayName = \"OtpInputRoot\";\n\nexport function OtpInputSlot<TAs extends ElementType = \"div\">(\n  props: OtpInputSlotProps<TAs>,\n): ReactElement | null {\n  const { as, render, index, ...consumerProps } = props as OtpInputSlotProps<ElementType>;\n  const { activeIndex, disabled, length, mask, value } = useOtpInputContext(\"Slot\");\n\n  if (index < 0 || index >= length) {\n    throw new Error(`OtpInput.Slot index ${index} is out of range for length ${length}`);\n  }\n\n  const char = value[index] ?? \"\";\n  const active = activeIndex === index;\n  const filled = char !== \"\";\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-part\": \"slot\",\n      \"data-active\": active ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-filled\": filled ? \"\" : undefined,\n      \"data-index\": index,\n      children: mask && filled ? \"•\" : char,\n    },\n    render,\n    state: { active, filled },\n  });\n}\n\nexport function OtpInputHiddenInput<TAs extends ElementType = \"input\">(\n  props: OtpInputHiddenInputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    autoFocus: autoFocusProp,\n    style: consumerStyle,\n    ...consumerProps\n  } = props as PolymorphicProps<\"input\", { readonly autoFocus?: boolean }>;\n\n  const {\n    autoFocus: rootAutoFocus,\n    disabled,\n    hiddenInputRef,\n    length,\n    mask,\n    onHiddenBlur,\n    onHiddenFocus,\n    type,\n    updateValue,\n    value,\n  } = useOtpInputContext(\"HiddenInput\");\n  const inputId = useId();\n  const autoFocus = autoFocusProp ?? rootAutoFocus;\n  const {\n    onBlur: consumerOnBlur,\n    onChange: consumerOnChange,\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onBlur?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    updateValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Backspace\" && value.length > 0) {\n      event.preventDefault();\n      updateValue(value.slice(0, -1));\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault();\n    updateValue(event.clipboardData.getData(\"text\"));\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"control\",\n      id: inputId,\n      ref: hiddenInputRef,\n      type: mask ? \"password\" : \"text\",\n      inputMode: type === \"numeric\" ? \"numeric\" : \"text\",\n      autoComplete: \"one-time-code\",\n      autoFocus: autoFocus || undefined,\n      disabled: disabled || undefined,\n      \"aria-label\": \"One-time code\",\n      value,\n      maxLength: length,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onFocus: composeEventHandlers(consumerOnFocus, onHiddenFocus),\n      onBlur: composeEventHandlers(consumerOnBlur, onHiddenBlur),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n      style: {\n        ...consumerStyle,\n        position: \"absolute\",\n        opacity: 0,\n        pointerEvents: \"none\",\n        width: 1,\n        height: 1,\n      } as CSSProperties,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport const OtpInput = {\n  Root: OtpInputRoot,\n  Slot: OtpInputSlot,\n  HiddenInput: OtpInputHiddenInput,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/otp-input/OtpInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type CSSProperties,\n  type ElementType,\n  type KeyboardEvent,\n  type ReactElement,\n  type SyntheticEvent,\n} from \"react\";\nimport { useControllableState, useId, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { isComposingKeyEvent } from \"@gunkin/uiify/core/ime\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport type {\n  OtpInputType,\n  OtpInputContextValue,\n  OtpInputRootProps,\n  OtpInputSlotProps,\n  OtpInputHiddenInputProps,\n} from \"./types.js\";\n\nconst [OtpInputProvider, useOtpInputContext] = createPartContext<OtpInputContextValue>(\"OtpInput\");\n\nfunction sanitizeValue(raw: string, type: OtpInputType, maxLength: number): string {\n  const pattern = type === \"numeric\" ? /\\d/g : /[a-zA-Z0-9]/g;\n  return (raw.match(pattern) ?? []).join(\"\").slice(0, maxLength);\n}\n\nexport function OtpInputRoot<TAs extends ElementType = \"div\">(\n  props: OtpInputRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    length = 6,\n    value: controlledValue,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    type = \"numeric\",\n    mask = false,\n    disabled = false,\n    autoFocus = false,\n    ...consumerProps\n  } = props as OtpInputRootProps<ElementType>;\n\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n  const [focused, setFocused] = useState(false);\n  const [value, setValue] = useControllableState<string>({\n    value: controlledValue,\n    defaultValue,\n    onChange: onValueChange,\n  });\n\n  const updateValue = useCallback(\n    (nextRaw: string) => {\n      const next = sanitizeValue(nextRaw, type, length);\n      setValue(next);\n      if (next.length === length) onComplete?.(next);\n    },\n    [length, onComplete, setValue, type],\n  );\n\n  const { onClick: consumerOnClick } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n  };\n\n  const handleClick = () => hiddenInputRef.current?.focus();\n\n  const activeIndex = focused ? Math.min(value.length, length - 1) : -1;\n  const contextValue = useMemo<OtpInputContextValue>(\n    () => ({\n      activeIndex,\n      autoFocus,\n      disabled,\n      hiddenInputRef,\n      length,\n      mask,\n      onHiddenBlur: () => setFocused(false),\n      onHiddenFocus: () => setFocused(true),\n      type,\n      updateValue,\n      value,\n    }),\n    [activeIndex, autoFocus, disabled, length, mask, type, updateValue, value],\n  );\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-otp-input\": \"\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-complete\": value.length === length ? \"\" : undefined,\n      onClick: composeEventHandlers(consumerOnClick, handleClick),\n    },\n    render,\n    state: { disabled, mask, type },\n  });\n\n  return <OtpInputProvider value={contextValue}>{element}</OtpInputProvider>;\n}\nOtpInputRoot.displayName = \"OtpInputRoot\";\n\nexport function OtpInputSlot<TAs extends ElementType = \"div\">(\n  props: OtpInputSlotProps<TAs>,\n): ReactElement | null {\n  const { as, render, index, ...consumerProps } = props as OtpInputSlotProps<ElementType>;\n  const { activeIndex, disabled, length, mask, value } = useOtpInputContext(\"Slot\");\n\n  if (index < 0 || index >= length) {\n    throw new Error(`OtpInput.Slot index ${index} is out of range for length ${length}`);\n  }\n\n  const char = value[index] ?? \"\";\n  const active = activeIndex === index;\n  const filled = char !== \"\";\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": true,\n      \"data-part\": \"slot\",\n      \"data-active\": active ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-filled\": filled ? \"\" : undefined,\n      \"data-index\": index,\n      children: mask && filled ? \"•\" : char,\n    },\n    render,\n    state: { active, filled },\n  });\n}\n\nexport function OtpInputHiddenInput<TAs extends ElementType = \"input\">(\n  props: OtpInputHiddenInputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    autoFocus: autoFocusProp,\n    ref: consumerRef,\n    style: consumerStyle,\n    ...consumerProps\n  } = props as PolymorphicProps<\"input\", { readonly autoFocus?: boolean }>;\n\n  const {\n    autoFocus: rootAutoFocus,\n    disabled,\n    hiddenInputRef,\n    length,\n    mask,\n    onHiddenBlur,\n    onHiddenFocus,\n    type,\n    updateValue,\n    value,\n  } = useOtpInputContext(\"HiddenInput\");\n  const mergedRef = useMergedRefs(consumerRef, hiddenInputRef);\n  const inputId = useId();\n  const autoFocus = autoFocusProp ?? rootAutoFocus;\n  const {\n    onBlur: consumerOnBlur,\n    onChange: consumerOnChange,\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onBlur?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    updateValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (isComposingKeyEvent(event)) return;\n    if (event.key === \"Backspace\" && value.length > 0) {\n      event.preventDefault();\n      updateValue(value.slice(0, -1));\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault();\n    updateValue(event.clipboardData.getData(\"text\"));\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"data-part\": \"control\",\n      id: inputId,\n      ref: mergedRef,\n      type: mask ? \"password\" : \"text\",\n      inputMode: type === \"numeric\" ? \"numeric\" : \"text\",\n      autoComplete: \"one-time-code\",\n      autoFocus: autoFocus || undefined,\n      disabled: disabled || undefined,\n      \"aria-label\": \"One-time code\",\n      value,\n      maxLength: length,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onFocus: composeEventHandlers(consumerOnFocus, onHiddenFocus),\n      onBlur: composeEventHandlers(consumerOnBlur, onHiddenBlur),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n      style: {\n        ...consumerStyle,\n        position: \"absolute\",\n        opacity: 0,\n        pointerEvents: \"none\",\n        width: 1,\n        height: 1,\n      } as CSSProperties,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport const OtpInput = {\n  Root: OtpInputRoot,\n  Slot: OtpInputSlot,\n  HiddenInput: OtpInputHiddenInput,\n};\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAKnE,OAAO,EACL,kBAAkB,IAAI,yBAAyB,EAE/C,kBAAkB,EAEnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAGV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK9E,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAiErB;yBAnEe,cAAc;;;AA2H9B,wBAAgB,cAAc,IAAI,YAAY,GAAG,IAAI,CAepD;yBAfe,cAAc;;;AAkB9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAsCrB;AAkHD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,WAAW,EAGX,YAAY,EACb,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,kBAAkB,IAAI,yBAAyB,EAE/C,kBAAkB,EAEnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAGV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK9E,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC5D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAmErB;yBArEe,cAAc;;;AA0N9B,wBAAgB,cAAc,IAAI,YAAY,GAAG,IAAI,CAgBpD;yBAhBe,cAAc;;;AAmB9B,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC/D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAsCrB;AA+ID,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}

package/dist/components/pagination/Pagination.js

@@ -5,6 +5,7 @@ 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 { resolveRepeatedSlotProps } from "../../core/slot-props.js";
 import {
   PaginationEllipsis as PaginationEllipsisElement,
   DEFAULT_PAGINATION_LABELS,
@@ -29,6 +30,7 @@ function PaginationRoot(props) {
     locale,
     showFirstLast,
     siblingCount,
+    slotProps,
     children,
     ...consumerProps
   } = props;
@@ -51,12 +53,13 @@ function PaginationRoot(props) {
     () => ({
       count,
       items,
-      labels: mergedLabels,
+      labels: { ...DEFAULT_PAGINATION_LABELS, ...labels },
       ...locale !== void 0 ? { locale } : {},
       page: currentPage,
-      setPage
+      setPage,
+      ...slotProps ? { slotProps } : {}
     }),
-    [count, currentPage, items, labels, locale, setPage]
+    [count, currentPage, items, labels, locale, setPage, slotProps]
   );
   const element = useRenderElement({
     as,
@@ -64,7 +67,7 @@ function PaginationRoot(props) {
     props: {
       ...consumerProps,
       "aria-label": ariaLabel ?? mergedLabels.root,
-      children: children ?? /* @__PURE__ */ jsx("ol", { children: /* @__PURE__ */ jsx(PaginationListItems, {}) }),
+      children: children ?? /* @__PURE__ */ jsx("ol", { ...slotProps?.list, children: /* @__PURE__ */ jsx(PaginationListItems, {}) }),
       "data-uiify-pagination": ""
     },
     render,
@@ -79,6 +82,7 @@ function PaginationListItems() {
     PaginationItemRenderer,
     {
       item,
+      itemKey: getPaginationItemKey(item, index),
       labels,
       ...locale !== void 0 ? { locale } : {}
     },
@@ -88,40 +92,132 @@ function PaginationListItems() {
 PaginationListItems.displayName = "PaginationListItems";
 function PaginationItemRenderer({
   item,
+  itemKey,
   labels,
   locale
 }) {
+  const { slotProps } = usePaginationContext("Item");
+  const itemProps = resolveRepeatedSlotProps(slotProps?.item, itemKey);
+  let content;
   switch (item.type) {
-    case "ellipsis":
-      return /* @__PURE__ */ jsx(PaginationEllipsisElement, {});
+    case "ellipsis": {
+      const ellipsisProps = resolveRepeatedSlotProps(slotProps?.ellipsis, itemKey, [
+        "aria-hidden",
+        "data-type"
+      ]);
+      content = /* @__PURE__ */ jsx("span", { ...ellipsisProps, "aria-hidden": "true", "data-type": "ellipsis", children: "\u2026" });
+      break;
+    }
     case "previous":
-      return /* @__PURE__ */ jsx(PaginationPrevious, { disabled: item.disabled, labels });
+      content = /* @__PURE__ */ jsx(
+        PaginationPrevious,
+        {
+          ...resolveRepeatedSlotProps(slotProps?.control, itemKey, [
+            "aria-label",
+            "data-type",
+            "data-uiify-button",
+            "data-variant",
+            "disabled",
+            "type"
+          ]),
+          disabled: item.disabled,
+          labels
+        }
+      );
+      break;
     case "next":
-      return /* @__PURE__ */ jsx(PaginationNext, { disabled: item.disabled, labels });
+      content = /* @__PURE__ */ jsx(
+        PaginationNext,
+        {
+          ...resolveRepeatedSlotProps(slotProps?.control, itemKey, [
+            "aria-label",
+            "data-type",
+            "data-uiify-button",
+            "data-variant",
+            "disabled",
+            "type"
+          ]),
+          disabled: item.disabled,
+          labels
+        }
+      );
+      break;
     case "first":
-      return /* @__PURE__ */ jsx(PaginationFirst, { disabled: item.disabled, labels });
+      content = /* @__PURE__ */ jsx(
+        PaginationFirst,
+        {
+          ...resolveRepeatedSlotProps(slotProps?.control, itemKey, [
+            "aria-label",
+            "data-type",
+            "data-uiify-button",
+            "data-variant",
+            "disabled",
+            "type"
+          ]),
+          disabled: item.disabled,
+          labels
+        }
+      );
+      break;
     case "last":
-      return /* @__PURE__ */ jsx(PaginationLast, { disabled: item.disabled, labels });
-    default:
-      return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
+      content = /* @__PURE__ */ jsx(
+        PaginationLast,
+        {
+          ...resolveRepeatedSlotProps(slotProps?.control, itemKey, [
+            "aria-label",
+            "data-type",
+            "data-uiify-button",
+            "data-variant",
+            "disabled",
+            "type"
+          ]),
+          disabled: item.disabled,
+          labels
+        }
+      );
+      break;
+    default: {
+      const linkProps = resolveRepeatedSlotProps(slotProps?.link, itemKey, [
+        "aria-current",
+        "aria-label",
+        "data-selected",
+        "data-size",
+        "data-type",
+        "data-uiify-button",
+        "data-variant",
+        "disabled",
+        "href",
+        "type"
+      ]);
+      content = /* @__PURE__ */ jsx(
         PaginationLink,
         {
+          ...linkProps,
           disabled: item.disabled,
           ...locale !== void 0 ? { locale } : {},
           pageLabelTemplate: labels.page,
           page: item.page ?? 1,
           selected: item.selected
         }
-      ) });
+      );
+      break;
+    }
   }
+  return /* @__PURE__ */ jsx(PaginationItemPart, { ...itemProps, children: content });
 }
 PaginationItemRenderer.displayName = "PaginationItemRenderer";
+function getPaginationItemKey(item, index) {
+  if (item.type === "page") return `page:${item.page}`;
+  if (item.type === "ellipsis") return `ellipsis:${index}`;
+  return item.type;
+}
 function PaginationList() {
   const { items, labels, locale } = usePaginationContext("List");
   return /* @__PURE__ */ jsx(PaginationListElement, { children: items.map((item, index) => /* @__PURE__ */ jsx(
     PaginationItemRenderer,
     {
       item,
+      itemKey: getPaginationItemKey(item, index),
       labels,
       ...locale !== void 0 ? { locale } : {}
     },
@@ -166,84 +262,105 @@ function PaginationLink(props) {
     state: { selected }
   });
 }
-function PaginationPrevious({
+function PaginationControlButton({
   disabled,
-  labels
+  label,
+  labelText,
+  onAction,
+  type,
+  ...consumerProps
 }) {
-  const { page, setPage } = usePaginationContext("Previous");
-  return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
+  const onClick = consumerProps.onClick;
+  return /* @__PURE__ */ jsx(
     "button",
     {
-      "aria-label": labels.previous,
-      "data-type": "previous",
+      ...consumerProps,
+      "aria-label": label,
+      "data-type": type,
       "data-uiify-button": "",
       "data-variant": "ghost",
       disabled,
-      onClick: () => setPage(page - 1),
+      onClick: composeEventHandlers(onClick, onAction),
       type: "button",
-      children: labels.previousText
+      children: labelText
+    }
+  );
+}
+PaginationControlButton.displayName = "PaginationControlButton";
+function PaginationPrevious({
+  disabled,
+  labels,
+  ...consumerProps
+}) {
+  const { page, setPage } = usePaginationContext("Previous");
+  return /* @__PURE__ */ jsx(
+    PaginationControlButton,
+    {
+      ...consumerProps,
+      disabled,
+      label: labels.previous,
+      labelText: labels.previousText,
+      onAction: () => setPage(page - 1),
+      type: "previous"
     }
-  ) });
+  );
 }
 PaginationPrevious.displayName = "PaginationPrevious";
 function PaginationNext({
   disabled,
-  labels
+  labels,
+  ...consumerProps
 }) {
   const { page, setPage } = usePaginationContext("Next");
-  return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
-    "button",
+  return /* @__PURE__ */ jsx(
+    PaginationControlButton,
     {
-      "aria-label": labels.next,
-      "data-type": "next",
-      "data-uiify-button": "",
-      "data-variant": "ghost",
+      ...consumerProps,
       disabled,
-      onClick: () => setPage(page + 1),
-      type: "button",
-      children: labels.nextText
+      label: labels.next,
+      labelText: labels.nextText,
+      onAction: () => setPage(page + 1),
+      type: "next"
     }
-  ) });
+  );
 }
 PaginationNext.displayName = "PaginationNext";
 function PaginationFirst({
   disabled,
-  labels
+  labels,
+  ...consumerProps
 }) {
   const { setPage } = usePaginationContext("First");
-  return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
-    "button",
+  return /* @__PURE__ */ jsx(
+    PaginationControlButton,
     {
-      "aria-label": labels.first,
-      "data-type": "first",
-      "data-uiify-button": "",
-      "data-variant": "ghost",
+      ...consumerProps,
       disabled,
-      onClick: () => setPage(1),
-      type: "button",
-      children: labels.firstText
+      label: labels.first,
+      labelText: labels.firstText,
+      onAction: () => setPage(1),
+      type: "first"
     }
-  ) });
+  );
 }
 PaginationFirst.displayName = "PaginationFirst";
 function PaginationLast({
   disabled,
-  labels
+  labels,
+  ...consumerProps
 }) {
   const { count, setPage } = usePaginationContext("Last");
-  return /* @__PURE__ */ jsx(PaginationItemPart, { children: /* @__PURE__ */ jsx(
-    "button",
+  return /* @__PURE__ */ jsx(
+    PaginationControlButton,
     {
-      "aria-label": labels.last,
-      "data-type": "last",
-      "data-uiify-button": "",
-      "data-variant": "ghost",
+      ...consumerProps,
       disabled,
-      onClick: () => setPage(count),
-      type: "button",
-      children: labels.lastText
+      label: labels.last,
+      labelText: labels.lastText,
+      onAction: () => setPage(count),
+      type: "last"
     }
-  ) });
+  );
 }
 PaginationLast.displayName = "PaginationLast";
 function formatPageNumber(page, locale) {

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 { 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"]}
+{"version":3,"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport type {\n  ComponentPropsWithRef,\n  ElementType,\n  MouseEvent,\n  MouseEventHandler,\n  ReactElement,\n} 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 { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\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    slotProps,\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: { ...DEFAULT_PAGINATION_LABELS, ...labels },\n      ...(locale !== undefined ? { locale } : {}),\n      page: currentPage,\n      setPage,\n      ...(slotProps ? { slotProps } : {}),\n    }),\n    [count, currentPage, items, labels, locale, setPage, slotProps],\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 {...slotProps?.list}>\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          itemKey={getPaginationItemKey(item, index)}\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  itemKey,\n  labels,\n  locale,\n}: {\n  readonly item: PaginationItem;\n  readonly itemKey: string;\n  readonly labels: PaginationContextValue[\"labels\"];\n  readonly locale?: string;\n}): ReactElement {\n  const { slotProps } = usePaginationContext(\"Item\");\n  const itemProps = resolveRepeatedSlotProps(slotProps?.item, itemKey);\n\n  let content: ReactElement;\n  switch (item.type) {\n    case \"ellipsis\": {\n      const ellipsisProps = resolveRepeatedSlotProps(slotProps?.ellipsis, itemKey, [\n        \"aria-hidden\",\n        \"data-type\",\n      ]);\n      content = (\n        <span {...ellipsisProps} aria-hidden=\"true\" data-type=\"ellipsis\">\n          …\n        </span>\n      );\n      break;\n    }\n    case \"previous\":\n      content = (\n        <PaginationPrevious\n          {...resolveRepeatedSlotProps(slotProps?.control, itemKey, [\n            \"aria-label\",\n            \"data-type\",\n            \"data-uiify-button\",\n            \"data-variant\",\n            \"disabled\",\n            \"type\",\n          ])}\n          disabled={item.disabled}\n          labels={labels}\n        />\n      );\n      break;\n    case \"next\":\n      content = (\n        <PaginationNext\n          {...resolveRepeatedSlotProps(slotProps?.control, itemKey, [\n            \"aria-label\",\n            \"data-type\",\n            \"data-uiify-button\",\n            \"data-variant\",\n            \"disabled\",\n            \"type\",\n          ])}\n          disabled={item.disabled}\n          labels={labels}\n        />\n      );\n      break;\n    case \"first\":\n      content = (\n        <PaginationFirst\n          {...resolveRepeatedSlotProps(slotProps?.control, itemKey, [\n            \"aria-label\",\n            \"data-type\",\n            \"data-uiify-button\",\n            \"data-variant\",\n            \"disabled\",\n            \"type\",\n          ])}\n          disabled={item.disabled}\n          labels={labels}\n        />\n      );\n      break;\n    case \"last\":\n      content = (\n        <PaginationLast\n          {...resolveRepeatedSlotProps(slotProps?.control, itemKey, [\n            \"aria-label\",\n            \"data-type\",\n            \"data-uiify-button\",\n            \"data-variant\",\n            \"disabled\",\n            \"type\",\n          ])}\n          disabled={item.disabled}\n          labels={labels}\n        />\n      );\n      break;\n    default: {\n      const linkProps = resolveRepeatedSlotProps(slotProps?.link, itemKey, [\n        \"aria-current\",\n        \"aria-label\",\n        \"data-selected\",\n        \"data-size\",\n        \"data-type\",\n        \"data-uiify-button\",\n        \"data-variant\",\n        \"disabled\",\n        \"href\",\n        \"type\",\n      ]);\n      content = (\n        <PaginationLink\n          {...linkProps}\n          disabled={item.disabled}\n          {...(locale !== undefined ? { locale } : {})}\n          pageLabelTemplate={labels.page}\n          page={item.page ?? 1}\n          selected={item.selected}\n        />\n      );\n      break;\n    }\n  }\n  return <PaginationItemPart {...itemProps}>{content}</PaginationItemPart>;\n}\nPaginationItemRenderer.displayName = \"PaginationItemRenderer\";\n\nfunction getPaginationItemKey(item: PaginationItem, index: number): string {\n  if (item.type === \"page\") return `page:${item.page}`;\n  if (item.type === \"ellipsis\") return `ellipsis:${index}`;\n  return item.type;\n}\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          itemKey={getPaginationItemKey(item, index)}\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\ntype PaginationControlNativeProps = Omit<\n  ComponentPropsWithRef<\"button\">,\n  | \"aria-label\"\n  | \"children\"\n  | \"data-type\"\n  | \"data-uiify-button\"\n  | \"data-variant\"\n  | \"disabled\"\n  | \"type\"\n>;\n\ninterface PaginationControlButtonProps extends PaginationControlNativeProps {\n  readonly disabled: boolean;\n  readonly label: string;\n  readonly labelText: string;\n  readonly onAction: () => void;\n  readonly type: \"previous\" | \"next\" | \"first\" | \"last\";\n}\n\nfunction PaginationControlButton({\n  disabled,\n  label,\n  labelText,\n  onAction,\n  type,\n  ...consumerProps\n}: PaginationControlButtonProps): ReactElement {\n  const onClick = consumerProps.onClick as MouseEventHandler<HTMLButtonElement> | undefined;\n  return (\n    <button\n      {...consumerProps}\n      aria-label={label}\n      data-type={type}\n      data-uiify-button=\"\"\n      data-variant=\"ghost\"\n      disabled={disabled}\n      onClick={composeEventHandlers(onClick, onAction)}\n      type=\"button\"\n    >\n      {labelText}\n    </button>\n  );\n}\nPaginationControlButton.displayName = \"PaginationControlButton\";\n\nfunction PaginationPrevious({\n  disabled,\n  labels,\n  ...consumerProps\n}: PaginationControlNativeProps & {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Previous\");\n  return (\n    <PaginationControlButton\n      {...consumerProps}\n      disabled={disabled}\n      label={labels.previous}\n      labelText={labels.previousText}\n      onAction={() => setPage(page - 1)}\n      type=\"previous\"\n    />\n  );\n}\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nfunction PaginationNext({\n  disabled,\n  labels,\n  ...consumerProps\n}: PaginationControlNativeProps & {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { page, setPage } = usePaginationContext(\"Next\");\n  return (\n    <PaginationControlButton\n      {...consumerProps}\n      disabled={disabled}\n      label={labels.next}\n      labelText={labels.nextText}\n      onAction={() => setPage(page + 1)}\n      type=\"next\"\n    />\n  );\n}\nPaginationNext.displayName = \"PaginationNext\";\n\nfunction PaginationFirst({\n  disabled,\n  labels,\n  ...consumerProps\n}: PaginationControlNativeProps & {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { setPage } = usePaginationContext(\"First\");\n  return (\n    <PaginationControlButton\n      {...consumerProps}\n      disabled={disabled}\n      label={labels.first}\n      labelText={labels.firstText}\n      onAction={() => setPage(1)}\n      type=\"first\"\n    />\n  );\n}\nPaginationFirst.displayName = \"PaginationFirst\";\n\nfunction PaginationLast({\n  disabled,\n  labels,\n  ...consumerProps\n}: PaginationControlNativeProps & {\n  readonly disabled: boolean;\n  readonly labels: PaginationContextValue[\"labels\"];\n}): ReactElement {\n  const { count, setPage } = usePaginationContext(\"Last\");\n  return (\n    <PaginationControlButton\n      {...consumerProps}\n      disabled={disabled}\n      label={labels.last}\n      labelText={labels.lastText}\n      onAction={() => setPage(count)}\n      type=\"last\"\n    />\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/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, PaginationLabels, } from "./types.js";
+export type { PaginationEllipsisProps, PaginationEllipsisOwnProps, PaginationItemProps, PaginationItemOwnProps, PaginationLinkOwnProps, PaginationLinkProps, PaginationListOwnProps, PaginationListProps, PaginationRootOwnProps, PaginationRootSlotProps, 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,EACnB,gBAAgB,GACjB,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,uBAAuB,EACvB,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  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":[]}
+{"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  PaginationRootSlotProps,\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

@@ -1,5 +1,6 @@
-import type { ElementType, ReactNode } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { ConsumerDataAttributes, RepeatedSlotProps } from "../../core/slot-props.js";
 export type PaginationItemType = "page" | "ellipsis" | "previous" | "next" | "first" | "last";
 export interface PaginationPageItem {
     readonly disabled: boolean;
@@ -48,6 +49,35 @@ export interface PaginationContextValue {
     readonly locale?: string;
     readonly page: number;
     readonly setPage: (page: number) => void;
+    readonly slotProps?: PaginationRootSlotProps;
+}
+type PaginationRepeatedSlotProps<TTag extends ElementType, TOwned extends object = object> = RepeatedSlotProps<Omit<ComponentPropsWithRef<TTag>, "children" | "dangerouslySetInnerHTML">, TOwned>;
+export interface PaginationRootSlotProps {
+    readonly list?: Omit<ComponentPropsWithRef<"ol">, "children" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes;
+    readonly item?: PaginationRepeatedSlotProps<"li">;
+    readonly link?: PaginationRepeatedSlotProps<"button", {
+        readonly "aria-current"?: never;
+        readonly "aria-label"?: never;
+        readonly disabled?: never;
+        readonly "data-selected"?: never;
+        readonly "data-size"?: never;
+        readonly "data-type"?: never;
+        readonly "data-uiify-button"?: never;
+        readonly "data-variant"?: never;
+        readonly type?: never;
+    }>;
+    readonly control?: PaginationRepeatedSlotProps<"button", {
+        readonly "aria-label"?: never;
+        readonly disabled?: never;
+        readonly "data-type"?: never;
+        readonly "data-uiify-button"?: never;
+        readonly "data-variant"?: never;
+        readonly type?: never;
+    }>;
+    readonly ellipsis?: PaginationRepeatedSlotProps<"span", {
+        readonly "aria-hidden"?: never;
+        readonly "data-type"?: never;
+    }>;
 }
 export interface PaginationRootOwnProps extends UsePaginationParams {
     readonly "aria-label"?: string;
@@ -55,6 +85,7 @@ export interface PaginationRootOwnProps extends UsePaginationParams {
     readonly getPageHref?: (page: number) => string;
     readonly labels?: Partial<PaginationLabels>;
     readonly locale?: string;
+    readonly slotProps?: PaginationRootSlotProps;
 }
 export type PaginationRootProps<TAs extends ElementType = "nav"> = RenderableProps<TAs, PaginationRootOwnProps, {
     page: number;
@@ -82,4 +113,5 @@ export interface PaginationEllipsisOwnProps {
     readonly children?: ReactNode;
 }
 export type PaginationEllipsisProps<TAs extends ElementType = "span"> = RenderableProps<TAs, PaginationEllipsisOwnProps, Record<string, never>, HTMLElement>;
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/types.ts"],"names":[],"mappings":"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"}

package/dist/components/radio-group/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import type { RadioGroupProps } from "./types.js";
-export declare function RadioGroup({ id, items, defaultValue, name, disabled, orientation, className, "aria-label": ariaLabel, }: RadioGroupProps): ReactElement;
+export declare function RadioGroup({ id, items, defaultValue, name, disabled, orientation, className, slotProps, "aria-label": ariaLabel, ...rootProps }: RadioGroupProps): ReactElement;
 export declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/components/radio-group/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,WAAwB,EACxB,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,eAAe,GAAG,YAAY,CAoBhC;yBA7Be,UAAU"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,WAAwB,EACxB,SAAS,EACT,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,YAAY,CAsBhC;yBAjCe,UAAU"}