@yamada-ui/pagination 1.1.5-next-20241125113619 → 1.1.5-next-20241126031955

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/pagination.tsx","../src/pagination-item.tsx","../src/pagination-icon.tsx","../src/use-pagination.ts"],"sourcesContent":["export { Pagination } from \"./pagination\"\nexport type { PaginationProps } from \"./pagination\"\nexport { usePagination } from \"./use-pagination\"\nexport type { UsePaginationProps, UsePaginationReturn } from \"./use-pagination\"\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { FC } from \"react\"\nimport type { PaginationItemProps } from \"./pagination-item\"\nimport type { UsePaginationProps } from \"./use-pagination\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { cx, dataAttr, handlerAll } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport { PaginationItem } from \"./pagination-item\"\nimport { PaginationProvider, usePagination } from \"./use-pagination\"\n\ninterface PaginationOptions {\n  /**\n   * The pagination button component to use.\n   */\n  component?: FC<PaginationItemProps>\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: Token<boolean>\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: Token<boolean>\n  /**\n   * Props for container element.\n   */\n  containerProps?: HTMLUIProps<\"nav\">\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for control button element.\n   */\n  controlProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for first of the edge button element.\n   */\n  edgeFirstProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for last of the edge button element.\n   */\n  edgeLastProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for button element.\n   */\n  itemProps?: Omit<PaginationItemProps, \"page\">\n}\n\nexport interface PaginationProps\n  extends Omit<HTMLUIProps<\"ul\">, \"children\" | \"onChange\" | \"page\">,\n    ThemeProps<\"Pagination\">,\n    UsePaginationProps,\n    PaginationOptions {}\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see Docs https://yamada-ui.com/components/navigation/pagination\n */\nexport const Pagination = forwardRef<PaginationProps, \"ul\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Pagination\", props)\n  let {\n    className,\n    boundaries,\n    component: Component = PaginationItem,\n    defaultPage,\n    disabled,\n    isDisabled,\n    page,\n    siblings,\n    total,\n    withControls: _withControls = true,\n    withEdges: _withEdges = false,\n    containerProps,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeFirstProps,\n    edgeLastProps,\n    edgeProps,\n    itemProps,\n    onChange: onChangeProp,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const withControls = useValue(_withControls)\n  const withEdges = useValue(_withEdges)\n\n  disabled ??= isDisabled\n\n  const { currentPage, range, onChange, onFirst, onLast, onNext, onPrev } =\n    usePagination({\n      boundaries,\n      defaultPage,\n      disabled,\n      page,\n      siblings,\n      total,\n      onChange: onChangeProp,\n    })\n\n  const children = useMemo(\n    () =>\n      range.map((page, key) => (\n        <ui.li key={key}>\n          <Component\n            aria-label={page !== \"ellipsis\" ? `Go to page ${page}` : undefined}\n            active={currentPage === page}\n            disabled={disabled}\n            {...itemProps}\n            page={page}\n            onClick={handlerAll(\n              itemProps?.onClick,\n              page !== \"ellipsis\" ? () => onChange(page) : undefined,\n            )}\n          />\n        </ui.li>\n      )),\n    [Component, currentPage, disabled, onChange, range, itemProps],\n  )\n\n  const css: CSSUIObject = {\n    ...styles.container,\n  }\n\n  return (\n    <PaginationProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-pagination\", className)}\n        data-disabled={dataAttr(isDisabled)}\n        __css={css}\n        {...containerProps}\n      >\n        <ui.ul\n          className=\"ui-pagination-inner\"\n          data-disabled={dataAttr(isDisabled)}\n          __css={{\n            alignItems: \"center\",\n            display: \"flex\",\n            ...styles.inner,\n          }}\n          {...rest}\n        >\n          {withEdges ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--first\"\n                aria-label=\"Go to first page\"\n                disabled={disabled || currentPage === 1}\n                page=\"first\"\n                {...edgeProps}\n                {...edgeFirstProps}\n                onClick={handlerAll(\n                  edgeProps?.onClick,\n                  edgeFirstProps?.onClick,\n                  onFirst,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {withControls ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--prev\"\n                aria-label=\"Go to previous page\"\n                disabled={disabled || currentPage === 1}\n                page=\"prev\"\n                {...controlProps}\n                {...controlPrevProps}\n                onClick={handlerAll(\n                  controlProps?.onClick,\n                  controlPrevProps?.onClick,\n                  onPrev,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {children}\n\n          {withControls ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--next\"\n                aria-label=\"Go to next page\"\n                disabled={disabled || currentPage === total}\n                page=\"next\"\n                {...controlProps}\n                {...controlNextProps}\n                onClick={handlerAll(\n                  controlProps?.onClick,\n                  controlNextProps?.onClick,\n                  onNext,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {withEdges ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--last\"\n                aria-label=\"Go to last page\"\n                disabled={disabled || currentPage === total}\n                page=\"last\"\n                {...edgeProps}\n                {...edgeLastProps}\n                onClick={handlerAll(\n                  edgeProps?.onClick,\n                  edgeLastProps?.onClick,\n                  onLast,\n                )}\n              />\n            </ui.li>\n          ) : null}\n        </ui.ul>\n      </ui.nav>\n    </PaginationProvider>\n  )\n})\n\nPagination.displayName = \"Pagination\"\nPagination.__ui__ = \"Pagination\"\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx, dataAttr } from \"@yamada-ui/utils\"\nimport {\n  PaginationEllipsisIcon,\n  PaginationFirstIcon,\n  PaginationLastIcon,\n  PaginationNextIcon,\n  PaginationPrevIcon,\n} from \"./pagination-icon\"\nimport { usePaginationContext } from \"./use-pagination\"\n\ninterface PaginationItemOptions {\n  /**\n   * The type of the page or item assigned to the pagination item.\n   */\n  page: \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number\n  /**\n   * If `true`, the pagination item will be activated.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the pagination item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If `true`, the pagination item will be activated.\n   *\n   * @default false\n   *\n   * @deprecated Use `active` instead.\n   */\n  isActive?: boolean\n  /**\n   * If `true`, the pagination item will be disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n}\n\nexport interface PaginationItemProps\n  extends Omit<HTMLUIProps<\"button\">, \"page\">,\n    PaginationItemOptions {}\n\nconst iconMap: {\n  [key in \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number]: ReactNode\n} = {\n  ellipsis: <PaginationEllipsisIcon />,\n  first: <PaginationFirstIcon />,\n  last: <PaginationLastIcon />,\n  next: <PaginationNextIcon />,\n  prev: <PaginationPrevIcon />,\n}\n\nexport const PaginationItem = forwardRef<PaginationItemProps, \"button\">(\n  (\n    {\n      className,\n      active,\n      children,\n      disabled,\n      disableRipple,\n      isActive,\n      isDisabled,\n      page,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = usePaginationContext()\n    const isEllipsis = page === \"ellipsis\"\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      isDisabled: disableRipple || isDisabled || isEllipsis,\n    })\n\n    children ??= iconMap[page] ?? page\n    active ??= isActive\n    disabled ??= isDisabled\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      ...styles.item,\n      ...styles[page],\n    }\n\n    const Component = ui[isEllipsis ? \"span\" : \"button\"]\n\n    return (\n      <Component\n        ref={ref}\n        {...(!isEllipsis\n          ? {\n              type: \"button\",\n              \"data-disabled\": dataAttr(disabled),\n              \"data-selected\": dataAttr(active),\n              disabled,\n            }\n          : {})}\n        className={cx(\n          \"ui-pagination__item\",\n          isEllipsis ? \"ui-pagination__item--ellipsis\" : undefined,\n          className,\n        )}\n        tabIndex={!isEllipsis ? 0 : -1}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children}\n\n        <Ripple {...rippleProps} />\n      </Component>\n    )\n  },\n)\n\nPaginationItem.displayName = \"PaginationItem\"\nPaginationItem.__ui__ = \"PaginationItem\"\n","import type { FC } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport const PaginationEllipsisIcon: FC<IconProps> = (props) => {\n  return (\n    <Icon viewBox=\"0 0 16 16\" {...props}>\n      <path\n        d=\"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n\nPaginationEllipsisIcon.displayName = \"PaginationEllipsisIcon\"\nPaginationEllipsisIcon.__ui__ = \"PaginationEllipsisIcon\"\n\nexport const PaginationFirstIcon: FC<IconProps> = (props) => {\n  return (\n    <Icon viewBox=\"0 0 16 16\" {...props}>\n      <path\n        d=\"M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n\nPaginationFirstIcon.displayName = \"PaginationFirstIcon\"\nPaginationFirstIcon.__ui__ = \"PaginationFirstIcon\"\n\nexport const PaginationLastIcon: FC<IconProps> = (props) => {\n  return (\n    <Icon viewBox=\"0 0 16 16\" {...props}>\n      <path\n        d=\"M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n\nPaginationLastIcon.displayName = \"PaginationLastIcon\"\nPaginationLastIcon.__ui__ = \"PaginationLastIcon\"\n\nexport const PaginationPrevIcon: FC<IconProps> = (props) => {\n  return (\n    <Icon viewBox=\"0 0 16 16\" {...props}>\n      <path\n        d=\"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n\nPaginationPrevIcon.displayName = \"PaginationPrevIcon\"\nPaginationPrevIcon.__ui__ = \"PaginationPrevIcon\"\n\nexport const PaginationNextIcon: FC<IconProps> = (props) => {\n  return (\n    <Icon viewBox=\"0 0 16 16\" {...props}>\n      <path\n        d=\"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n\nPaginationNextIcon.displayName = \"PaginationNextIcon\"\nPaginationNextIcon.__ui__ = \"PaginationNextIcon\"\n","import type { CSSUIObject, Token } from \"@yamada-ui/core\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\n\ninterface PaginationContext {\n  [key: string]: CSSUIObject | undefined\n}\n\nexport const [PaginationProvider, usePaginationContext] =\n  createContext<PaginationContext>({\n    name: \"PaginationContext\",\n    errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Pagination />\"`,\n  })\n\nexport const computedRange = (start: number, end: number) =>\n  Array.from({ length: end - start + 1 }, (_, index) => index + start)\n\nexport interface UsePaginationProps {\n  /**\n   * The total number of pages in pagination.\n   */\n  total: number\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: Token<number>\n  /**\n   * The initial page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   *\n   * @default 1\n   */\n  defaultPage?: number\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * The page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   */\n  page?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: Token<number>\n  /**\n   * The callback invoked when the page changes.\n   */\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  boundaries: _boundaries = 1,\n  defaultPage = 1,\n  disabled,\n  isDisabled = false,\n  page,\n  siblings: _siblings = 1,\n  total,\n  onChange: onChangeProp,\n}: UsePaginationProps) => {\n  const siblings = useValue(_siblings)\n  const boundaries = useValue(_boundaries)\n\n  disabled ??= isDisabled\n\n  const [currentPage, setCurrentPage] = useControllableState({\n    defaultValue: defaultPage,\n    value: page,\n    onChange: onChangeProp,\n  })\n\n  const onFirst = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n  const onLast = useCallback(\n    () => setCurrentPage(total),\n    [setCurrentPage, total],\n  )\n\n  const onPrev = useCallback(\n    () => setCurrentPage((prev) => (prev === 1 ? prev : prev - 1)),\n    [setCurrentPage],\n  )\n\n  const onNext = useCallback(\n    () => setCurrentPage((prev) => (prev === total ? prev : prev + 1)),\n    [setCurrentPage, total],\n  )\n\n  const onChange = useCallback(\n    (page: number) => setCurrentPage(page),\n    [setCurrentPage],\n  )\n\n  const range = useMemo((): (\"ellipsis\" | number)[] => {\n    const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n    if (minimumTotal >= total) return computedRange(1, total)\n\n    const prevSiblings = Math.max(currentPage - siblings, boundaries)\n    const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n\n    const prevDots = prevSiblings > boundaries + 2\n    const nextDots = nextSiblings < total - (boundaries + 1)\n\n    if (!prevDots && nextDots) {\n      const prevPages = siblings * 2 + boundaries + 2\n\n      return [\n        ...computedRange(1, prevPages),\n        \"ellipsis\",\n        ...computedRange(total - (boundaries - 1), total),\n      ]\n    }\n\n    if (prevDots && !nextDots) {\n      const nextPages = boundaries + 1 + 2 * siblings\n\n      return [\n        ...computedRange(1, boundaries),\n        \"ellipsis\",\n        ...computedRange(total - nextPages, total),\n      ]\n    }\n\n    return [\n      ...computedRange(1, boundaries),\n      \"ellipsis\",\n      ...computedRange(prevSiblings, nextSiblings),\n      \"ellipsis\",\n      ...computedRange(total - boundaries + 1, total),\n    ]\n  }, [boundaries, siblings, currentPage, total])\n\n  return {\n    currentPage,\n    disabled,\n    range,\n    total,\n    onChange,\n    onFirst,\n    onLast,\n    onNext,\n    onPrev,\n  }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n"],"mappings":"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","names":["import_core","import_use_value","import_utils","import_react","import_utils","page","import_jsx_runtime","import_jsx_runtime","page"]}
+{"version":3,"sources":["../src/index.ts","../src/pagination.tsx","../src/pagination-item.tsx","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/shared/src/utils.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/defaultAttributes.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/Icon.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/createLucideIcon.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevron-left.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevron-right.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevrons-left.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/chevrons-right.ts","../../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/src/icons/ellipsis.ts","../../lucide/src/icons/chevron-left.tsx","../../lucide/src/icons/chevron-right.tsx","../../lucide/src/icons/chevrons-left.tsx","../../lucide/src/icons/chevrons-right.tsx","../../lucide/src/icons/ellipsis.tsx","../src/use-pagination.ts"],"sourcesContent":["export { Pagination } from \"./pagination\"\nexport type { PaginationProps } from \"./pagination\"\nexport { usePagination } from \"./use-pagination\"\nexport type { UsePaginationProps, UsePaginationReturn } from \"./use-pagination\"\n","import type {\n  CSSUIObject,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { FC } from \"react\"\nimport type { PaginationItemProps } from \"./pagination-item\"\nimport type { UsePaginationProps } from \"./use-pagination\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { cx, dataAttr, handlerAll } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport { PaginationItem } from \"./pagination-item\"\nimport { PaginationProvider, usePagination } from \"./use-pagination\"\n\ninterface PaginationOptions {\n  /**\n   * The pagination button component to use.\n   */\n  component?: FC<PaginationItemProps>\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: Token<boolean>\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: Token<boolean>\n  /**\n   * Props for container element.\n   */\n  containerProps?: HTMLUIProps<\"nav\">\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for control button element.\n   */\n  controlProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for first of the edge button element.\n   */\n  edgeFirstProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for last of the edge button element.\n   */\n  edgeLastProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: Omit<PaginationItemProps, \"page\">\n  /**\n   * Props for button element.\n   */\n  itemProps?: Omit<PaginationItemProps, \"page\">\n}\n\nexport interface PaginationProps\n  extends Omit<HTMLUIProps<\"ul\">, \"children\" | \"onChange\" | \"page\">,\n    ThemeProps<\"Pagination\">,\n    UsePaginationProps,\n    PaginationOptions {}\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see Docs https://yamada-ui.com/components/navigation/pagination\n */\nexport const Pagination = forwardRef<PaginationProps, \"ul\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Pagination\", props)\n  let {\n    className,\n    boundaries,\n    component: Component = PaginationItem,\n    defaultPage,\n    disabled,\n    isDisabled,\n    page,\n    siblings,\n    total,\n    withControls: _withControls = true,\n    withEdges: _withEdges = false,\n    containerProps,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeFirstProps,\n    edgeLastProps,\n    edgeProps,\n    itemProps,\n    onChange: onChangeProp,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const withControls = useValue(_withControls)\n  const withEdges = useValue(_withEdges)\n\n  disabled ??= isDisabled\n\n  const { currentPage, range, onChange, onFirst, onLast, onNext, onPrev } =\n    usePagination({\n      boundaries,\n      defaultPage,\n      disabled,\n      page,\n      siblings,\n      total,\n      onChange: onChangeProp,\n    })\n\n  const children = useMemo(\n    () =>\n      range.map((page, key) => (\n        <ui.li key={key}>\n          <Component\n            aria-label={page !== \"ellipsis\" ? `Go to page ${page}` : undefined}\n            active={currentPage === page}\n            disabled={disabled}\n            {...itemProps}\n            page={page}\n            onClick={handlerAll(\n              itemProps?.onClick,\n              page !== \"ellipsis\" ? () => onChange(page) : undefined,\n            )}\n          />\n        </ui.li>\n      )),\n    [Component, currentPage, disabled, onChange, range, itemProps],\n  )\n\n  const css: CSSUIObject = {\n    ...styles.container,\n  }\n\n  return (\n    <PaginationProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-pagination\", className)}\n        data-disabled={dataAttr(isDisabled)}\n        __css={css}\n        {...containerProps}\n      >\n        <ui.ul\n          className=\"ui-pagination-inner\"\n          data-disabled={dataAttr(isDisabled)}\n          __css={{\n            alignItems: \"center\",\n            display: \"flex\",\n            ...styles.inner,\n          }}\n          {...rest}\n        >\n          {withEdges ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--first\"\n                aria-label=\"Go to first page\"\n                disabled={disabled || currentPage === 1}\n                page=\"first\"\n                {...edgeProps}\n                {...edgeFirstProps}\n                onClick={handlerAll(\n                  edgeProps?.onClick,\n                  edgeFirstProps?.onClick,\n                  onFirst,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {withControls ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--prev\"\n                aria-label=\"Go to previous page\"\n                disabled={disabled || currentPage === 1}\n                page=\"prev\"\n                {...controlProps}\n                {...controlPrevProps}\n                onClick={handlerAll(\n                  controlProps?.onClick,\n                  controlPrevProps?.onClick,\n                  onPrev,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {children}\n\n          {withControls ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--next\"\n                aria-label=\"Go to next page\"\n                disabled={disabled || currentPage === total}\n                page=\"next\"\n                {...controlProps}\n                {...controlNextProps}\n                onClick={handlerAll(\n                  controlProps?.onClick,\n                  controlNextProps?.onClick,\n                  onNext,\n                )}\n              />\n            </ui.li>\n          ) : null}\n\n          {withEdges ? (\n            <ui.li>\n              <Component\n                className=\"ui-pagination__item--last\"\n                aria-label=\"Go to last page\"\n                disabled={disabled || currentPage === total}\n                page=\"last\"\n                {...edgeProps}\n                {...edgeLastProps}\n                onClick={handlerAll(\n                  edgeProps?.onClick,\n                  edgeLastProps?.onClick,\n                  onLast,\n                )}\n              />\n            </ui.li>\n          ) : null}\n        </ui.ul>\n      </ui.nav>\n    </PaginationProvider>\n  )\n})\n\nPagination.displayName = \"Pagination\"\nPagination.__ui__ = \"Pagination\"\n","import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisIcon,\n} from \"@yamada-ui/lucide\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx, dataAttr } from \"@yamada-ui/utils\"\nimport { usePaginationContext } from \"./use-pagination\"\n\ninterface PaginationItemOptions {\n  /**\n   * The type of the page or item assigned to the pagination item.\n   */\n  page: \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number\n  /**\n   * If `true`, the pagination item will be activated.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the pagination item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * If `true`, the pagination item will be activated.\n   *\n   * @default false\n   *\n   * @deprecated Use `active` instead.\n   */\n  isActive?: boolean\n  /**\n   * If `true`, the pagination item will be disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n}\n\nexport interface PaginationItemProps\n  extends Omit<HTMLUIProps<\"button\">, \"page\">,\n    PaginationItemOptions {}\n\nconst iconMap: {\n  [key in \"ellipsis\" | \"first\" | \"last\" | \"next\" | \"prev\" | number]: ReactNode\n} = {\n  ellipsis: <EllipsisIcon />,\n  first: <ChevronsLeftIcon />,\n  last: <ChevronsRightIcon />,\n  next: <ChevronRightIcon />,\n  prev: <ChevronLeftIcon />,\n}\n\nexport const PaginationItem = forwardRef<PaginationItemProps, \"button\">(\n  (\n    {\n      className,\n      active,\n      children,\n      disabled,\n      disableRipple,\n      isActive,\n      isDisabled,\n      page,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = usePaginationContext()\n    const isEllipsis = page === \"ellipsis\"\n    const { onPointerDown, ...rippleProps } = useRipple({\n      ...rest,\n      isDisabled: disableRipple || isDisabled || isEllipsis,\n    })\n\n    children ??= iconMap[page] ?? page\n    active ??= isActive\n    disabled ??= isDisabled\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      ...styles.item,\n      ...styles[page],\n    }\n\n    const Component = ui[isEllipsis ? \"span\" : \"button\"]\n\n    return (\n      <Component\n        ref={ref}\n        {...(!isEllipsis\n          ? {\n              type: \"button\",\n              \"data-disabled\": dataAttr(disabled),\n              \"data-selected\": dataAttr(active),\n              disabled,\n            }\n          : {})}\n        className={cx(\n          \"ui-pagination__item\",\n          isEllipsis ? \"ui-pagination__item--ellipsis\" : undefined,\n          className,\n        )}\n        tabIndex={!isEllipsis ? 0 : -1}\n        __css={css}\n        {...rest}\n        onPointerDown={onPointerDown}\n      >\n        {children}\n\n        <Ripple {...rippleProps} />\n      </Component>\n    )\n  },\n)\n\nPaginationItem.displayName = \"PaginationItem\"\nPaginationItem.__ui__ = \"PaginationItem\"\n","import { CamelToPascal } from './utility-types';\n\n/**\n * Converts string to kebab case\n *\n * @param {string} string\n * @returns {string} A kebabized string\n */\nexport const toKebabCase = (string: string) =>\n  string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts string to camel case\n *\n * @param {string} string\n * @returns {string} A camelized string\n */\nexport const toCamelCase = <T extends string>(string: T) =>\n  string.replace(/^([A-Z])|[\\s-_]+(\\w)/g, (match, p1, p2) =>\n    p2 ? p2.toUpperCase() : p1.toLowerCase(),\n  );\n\n/**\n * Converts string to pascal case\n *\n * @param {string} string\n * @returns {string} A pascalized string\n */\nexport const toPascalCase = <T extends string>(string: T): CamelToPascal<T> => {\n  const camelCase = toCamelCase(string);\n\n  return (camelCase.charAt(0).toUpperCase() + camelCase.slice(1)) as CamelToPascal<T>;\n};\n\n/**\n * Merges classes into a single string\n *\n * @param {array} classes\n * @returns {string} A string of classes\n */\nexport const mergeClasses = <ClassType = string | undefined | null>(...classes: ClassType[]) =>\n  classes\n    .filter((className, index, array) => {\n      return (\n        Boolean(className) &&\n        (className as string).trim() !== '' &&\n        array.indexOf(className) === index\n      );\n    })\n    .join(' ')\n    .trim();\n","export default {\n  xmlns: 'http://www.w3.org/2000/svg',\n  width: 24,\n  height: 24,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n};\n","import { createElement, forwardRef } from 'react';\nimport defaultAttributes from './defaultAttributes';\nimport { IconNode, LucideProps } from './types';\nimport { mergeClasses } from '@lucide/shared';\n\ninterface IconComponentProps extends LucideProps {\n  iconNode: IconNode;\n}\n\n/**\n * Lucide icon component\n *\n * @component Icon\n * @param {object} props\n * @param {string} props.color - The color of the icon\n * @param {number} props.size - The size of the icon\n * @param {number} props.strokeWidth - The stroke width of the icon\n * @param {boolean} props.absoluteStrokeWidth - Whether to use absolute stroke width\n * @param {string} props.className - The class name of the icon\n * @param {IconNode} props.children - The children of the icon\n * @param {IconNode} props.iconNode - The icon node of the icon\n *\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst Icon = forwardRef<SVGSVGElement, IconComponentProps>(\n  (\n    {\n      color = 'currentColor',\n      size = 24,\n      strokeWidth = 2,\n      absoluteStrokeWidth,\n      className = '',\n      children,\n      iconNode,\n      ...rest\n    },\n    ref,\n  ) => {\n    return createElement(\n      'svg',\n      {\n        ref,\n        ...defaultAttributes,\n        width: size,\n        height: size,\n        stroke: color,\n        strokeWidth: absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth,\n        className: mergeClasses('lucide', className),\n        ...rest,\n      },\n      [\n        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n        ...(Array.isArray(children) ? children : [children]),\n      ],\n    );\n  },\n);\n\nexport default Icon;\n","import { createElement, forwardRef } from 'react';\nimport { mergeClasses, toKebabCase } from '@lucide/shared';\nimport { IconNode, LucideProps } from './types';\nimport Icon from './Icon';\n\n/**\n * Create a Lucide icon component\n * @param {string} iconName\n * @param {array} iconNode\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst createLucideIcon = (iconName: string, iconNode: IconNode) => {\n  const Component = forwardRef<SVGSVGElement, LucideProps>(({ className, ...props }, ref) =>\n    createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),\n      ...props,\n    }),\n  );\n\n  Component.displayName = `${iconName}`;\n\n  return Component;\n};\n\nexport default createLucideIcon;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronLeft\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMTUgMTgtNi02IDYtNiIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/chevron-left\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronLeft = createLucideIcon('ChevronLeft', [\n  ['path', { d: 'm15 18-6-6 6-6', key: '1wnfg3' }],\n]);\n\nexport default ChevronLeft;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronRight\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtOSAxOCA2LTYtNi02IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/chevron-right\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronRight = createLucideIcon('ChevronRight', [\n  ['path', { d: 'm9 18 6-6-6-6', key: 'mthhwq' }],\n]);\n\nexport default ChevronRight;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronsLeft\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMTEgMTctNS01IDUtNSIgLz4KICA8cGF0aCBkPSJtMTggMTctNS01IDUtNSIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/chevrons-left\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronsLeft = createLucideIcon('ChevronsLeft', [\n  ['path', { d: 'm11 17-5-5 5-5', key: '13zhaf' }],\n  ['path', { d: 'm18 17-5-5 5-5', key: 'h8a8et' }],\n]);\n\nexport default ChevronsLeft;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name ChevronsRight\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtNiAxNyA1LTUtNS01IiAvPgogIDxwYXRoIGQ9Im0xMyAxNyA1LTUtNS01IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/chevrons-right\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ChevronsRight = createLucideIcon('ChevronsRight', [\n  ['path', { d: 'm6 17 5-5-5-5', key: 'xnjwq' }],\n  ['path', { d: 'm13 17 5-5-5-5', key: '17xmmf' }],\n]);\n\nexport default ChevronsRight;\n","import createLucideIcon from '../createLucideIcon';\n\n/**\n * @component @name Ellipsis\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIiAvPgogIDxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiIC8+CiAgPGNpcmNsZSBjeD0iNSIgY3k9IjEyIiByPSIxIiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/ellipsis\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Ellipsis = createLucideIcon('Ellipsis', [\n  ['circle', { cx: '12', cy: '12', r: '1', key: '41hilf' }],\n  ['circle', { cx: '19', cy: '12', r: '1', key: '1wjl8i' }],\n  ['circle', { cx: '5', cy: '12', r: '1', key: '1pcz8c' }],\n]);\n\nexport default Ellipsis;\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronLeft as OriginalChevronLeft } from \"lucide-react\"\n\n/**\n * `ChevronLeftIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronLeftIcon = forwardRef<IconProps, \"svg\">(\n  ({ className, ...rest }, ref) => (\n    <Icon\n      ref={ref}\n      as={OriginalChevronLeft}\n      className={cx(\"ui-lucide-icon\", className)}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * `ChevronLeft` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronLeftIcon` instead.\n */\nexport const ChevronLeft = ChevronLeftIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronRight as OriginalChevronRight } from \"lucide-react\"\n\n/**\n * `ChevronRightIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronRightIcon = forwardRef<IconProps, \"svg\">(\n  ({ className, ...rest }, ref) => (\n    <Icon\n      ref={ref}\n      as={OriginalChevronRight}\n      className={cx(\"ui-lucide-icon\", className)}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * `ChevronRight` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronRightIcon` instead.\n */\nexport const ChevronRight = ChevronRightIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronsLeft as OriginalChevronsLeft } from \"lucide-react\"\n\n/**\n * `ChevronsLeftIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronsLeftIcon = forwardRef<IconProps, \"svg\">(\n  ({ className, ...rest }, ref) => (\n    <Icon\n      ref={ref}\n      as={OriginalChevronsLeft}\n      className={cx(\"ui-lucide-icon\", className)}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * `ChevronsLeft` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronsLeftIcon` instead.\n */\nexport const ChevronsLeft = ChevronsLeftIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ChevronsRight as OriginalChevronsRight } from \"lucide-react\"\n\n/**\n * `ChevronsRightIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const ChevronsRightIcon = forwardRef<IconProps, \"svg\">(\n  ({ className, ...rest }, ref) => (\n    <Icon\n      ref={ref}\n      as={OriginalChevronsRight}\n      className={cx(\"ui-lucide-icon\", className)}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * `ChevronsRight` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `ChevronsRightIcon` instead.\n */\nexport const ChevronsRight = ChevronsRightIcon\n","import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { Ellipsis as OriginalEllipsis } from \"lucide-react\"\n\n/**\n * `EllipsisIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n */\nexport const EllipsisIcon = forwardRef<IconProps, \"svg\">(\n  ({ className, ...rest }, ref) => (\n    <Icon\n      ref={ref}\n      as={OriginalEllipsis}\n      className={cx(\"ui-lucide-icon\", className)}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * `Ellipsis` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see Docs https://yamada-ui.com/components/media-and-icons/lucide\n *\n * @deprecated Use `EllipsisIcon` instead.\n */\nexport const Ellipsis = EllipsisIcon\n","import type { CSSUIObject, Token } from \"@yamada-ui/core\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\n\ninterface PaginationContext {\n  [key: string]: CSSUIObject | undefined\n}\n\nexport const [PaginationProvider, usePaginationContext] =\n  createContext<PaginationContext>({\n    name: \"PaginationContext\",\n    errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Pagination />\"`,\n  })\n\nexport const computedRange = (start: number, end: number) =>\n  Array.from({ length: end - start + 1 }, (_, index) => index + start)\n\nexport interface UsePaginationProps {\n  /**\n   * The total number of pages in pagination.\n   */\n  total: number\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: Token<number>\n  /**\n   * The initial page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   *\n   * @default 1\n   */\n  defaultPage?: number\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   *\n   * @deprecated Use `disabled` instead.\n   */\n  isDisabled?: boolean\n  /**\n   * The page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   */\n  page?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: Token<number>\n  /**\n   * The callback invoked when the page changes.\n   */\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  boundaries: _boundaries = 1,\n  defaultPage = 1,\n  disabled,\n  isDisabled = false,\n  page,\n  siblings: _siblings = 1,\n  total,\n  onChange: onChangeProp,\n}: UsePaginationProps) => {\n  const siblings = useValue(_siblings)\n  const boundaries = useValue(_boundaries)\n\n  disabled ??= isDisabled\n\n  const [currentPage, setCurrentPage] = useControllableState({\n    defaultValue: defaultPage,\n    value: page,\n    onChange: onChangeProp,\n  })\n\n  const onFirst = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n  const onLast = useCallback(\n    () => setCurrentPage(total),\n    [setCurrentPage, total],\n  )\n\n  const onPrev = useCallback(\n    () => setCurrentPage((prev) => (prev === 1 ? prev : prev - 1)),\n    [setCurrentPage],\n  )\n\n  const onNext = useCallback(\n    () => setCurrentPage((prev) => (prev === total ? prev : prev + 1)),\n    [setCurrentPage, total],\n  )\n\n  const onChange = useCallback(\n    (page: number) => setCurrentPage(page),\n    [setCurrentPage],\n  )\n\n  const range = useMemo((): (\"ellipsis\" | number)[] => {\n    const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n    if (minimumTotal >= total) return computedRange(1, total)\n\n    const prevSiblings = Math.max(currentPage - siblings, boundaries)\n    const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n\n    const prevDots = prevSiblings > boundaries + 2\n    const nextDots = nextSiblings < total - (boundaries + 1)\n\n    if (!prevDots && nextDots) {\n      const prevPages = siblings * 2 + boundaries + 2\n\n      return [\n        ...computedRange(1, prevPages),\n        \"ellipsis\",\n        ...computedRange(total - (boundaries - 1), total),\n      ]\n    }\n\n    if (prevDots && !nextDots) {\n      const nextPages = boundaries + 1 + 2 * siblings\n\n      return [\n        ...computedRange(1, boundaries),\n        \"ellipsis\",\n        ...computedRange(total - nextPages, total),\n      ]\n    }\n\n    return [\n      ...computedRange(1, boundaries),\n      \"ellipsis\",\n      ...computedRange(prevSiblings, nextSiblings),\n      \"ellipsis\",\n      ...computedRange(total - boundaries + 1, total),\n    ]\n  }, [boundaries, siblings, currentPage, total])\n\n  return {\n    currentPage,\n    disabled,\n    range,\n    total,\n    onChange,\n    onFirst,\n    onLast,\n    onNext,\n    onPrev,\n  }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n"],"mappings":"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","names":["import_core","import_use_value","import_utils","import_react","import_core","import_utils","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_core","import_icon","import_utils","import_jsx_runtime","import_utils","import_utils","import_react","page","import_jsx_runtime","import_jsx_runtime","page"]}

package/dist/index.mjs

@@ -1,9 +1,8 @@
 "use client"
 import {
   Pagination
-} from "./chunk-IH2XPMDF.mjs";
-import "./chunk-5QYB2MRA.mjs";
-import "./chunk-VZWGYG76.mjs";
+} from "./chunk-US4OATQR.mjs";
+import "./chunk-4CVSJB46.mjs";
 import {
   usePagination
 } from "./chunk-E66Q4CU7.mjs";

package/dist/pagination-item.js

@@ -24,89 +24,217 @@ __export(pagination_item_exports, {
   PaginationItem: () => PaginationItem
 });
 module.exports = __toCommonJS(pagination_item_exports);
-var import_core = require("@yamada-ui/core");
-var import_ripple = require("@yamada-ui/ripple");
-var import_utils2 = require("@yamada-ui/utils");
+var import_core6 = require("@yamada-ui/core");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react2 = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
 
-// src/pagination-icon.tsx
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
+var ChevronsLeft = createLucideIcon("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
+var ChevronsRight = createLucideIcon("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+
+// ../lucide/src/icons/chevron-left.tsx
+var import_core = require("@yamada-ui/core");
 var import_icon = require("@yamada-ui/icon");
+var import_utils3 = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
-var PaginationEllipsisIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+var ChevronLeftIcon = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_icon.Icon,
     {
-      d: "M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z",
-      fill: "currentColor"
+      ref,
+      as: ChevronLeft,
+      className: (0, import_utils3.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
-PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
-var PaginationFirstIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevron-right.tsx
+var import_core2 = require("@yamada-ui/core");
+var import_icon2 = require("@yamada-ui/icon");
+var import_utils4 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_icon2.Icon,
     {
-      d: "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z",
-      fill: "currentColor"
+      ref,
+      as: ChevronRight,
+      className: (0, import_utils4.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationFirstIcon.displayName = "PaginationFirstIcon";
-PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
-var PaginationLastIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-left.tsx
+var import_core3 = require("@yamada-ui/core");
+var import_icon3 = require("@yamada-ui/icon");
+var import_utils5 = require("@yamada-ui/utils");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronsLeftIcon = (0, import_core3.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_icon3.Icon,
     {
-      d: "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z",
-      fill: "currentColor"
+      ref,
+      as: ChevronsLeft,
+      className: (0, import_utils5.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationLastIcon.displayName = "PaginationLastIcon";
-PaginationLastIcon.__ui__ = "PaginationLastIcon";
-var PaginationPrevIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-right.tsx
+var import_core4 = require("@yamada-ui/core");
+var import_icon4 = require("@yamada-ui/icon");
+var import_utils6 = require("@yamada-ui/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChevronsRightIcon = (0, import_core4.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_icon4.Icon,
     {
-      d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
-      fill: "currentColor"
+      ref,
+      as: ChevronsRight,
+      className: (0, import_utils6.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationPrevIcon.displayName = "PaginationPrevIcon";
-PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
-var PaginationNextIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/ellipsis.tsx
+var import_core5 = require("@yamada-ui/core");
+var import_icon5 = require("@yamada-ui/icon");
+var import_utils7 = require("@yamada-ui/utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var EllipsisIcon = (0, import_core5.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_icon5.Icon,
     {
-      d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
-      fill: "currentColor"
+      ref,
+      as: Ellipsis,
+      className: (0, import_utils7.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationNextIcon.displayName = "PaginationNextIcon";
-PaginationNextIcon.__ui__ = "PaginationNextIcon";
+  )
+);
+
+// src/pagination-item.tsx
+var import_ripple = require("@yamada-ui/ripple");
+var import_utils9 = require("@yamada-ui/utils");
 
 // src/use-pagination.ts
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_value = require("@yamada-ui/use-value");
-var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
+var import_utils8 = require("@yamada-ui/utils");
+var import_react3 = require("react");
+var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
   name: "PaginationContext",
   errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
 });
 
 // src/pagination-item.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var iconMap = {
-  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
-  first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
-  last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
-  next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
-  prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
+  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
+  first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
+  last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
+  next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
+  prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
 };
-var PaginationItem = (0, import_core.forwardRef)(
+var PaginationItem = (0, import_core6.forwardRef)(
   ({
     className,
     active,
@@ -138,18 +266,18 @@ var PaginationItem = (0, import_core.forwardRef)(
       ...styles.item,
       ...styles[page]
     };
-    const Component = import_core.ui[isEllipsis ? "span" : "button"];
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    const Component = import_core6.ui[isEllipsis ? "span" : "button"];
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Component,
       {
         ref,
         ...!isEllipsis ? {
           type: "button",
-          "data-disabled": (0, import_utils2.dataAttr)(disabled),
-          "data-selected": (0, import_utils2.dataAttr)(active),
+          "data-disabled": (0, import_utils9.dataAttr)(disabled),
+          "data-selected": (0, import_utils9.dataAttr)(active),
           disabled
         } : {},
-        className: (0, import_utils2.cx)(
+        className: (0, import_utils9.cx)(
           "ui-pagination__item",
           isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
           className
@@ -160,7 +288,7 @@ var PaginationItem = (0, import_core.forwardRef)(
         onPointerDown,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
         ]
       }
     );
@@ -172,4 +300,86 @@ PaginationItem.__ui__ = "PaginationItem";
 0 && (module.exports = {
   PaginationItem
 });
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/defaultAttributes.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/Icon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/createLucideIcon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/ellipsis.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 //# sourceMappingURL=pagination-item.js.map