@remember-web/primitive 0.1.11 → 0.1.13

package/dist/src/Paginations/CompactPagination/index.cjs.js

@@ -1,98 +0,0 @@
-"use client";
-'use strict';
-
-var icon = require('@remember-web/icon');
-var mixin = require('@remember-web/mixin');
-var index = require('../../Common/Flex/index.cjs.js');
-var styles = require('../styles.cjs.js');
-var usePagination = require('../usePagination.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function CompactPagination(_ref) {
-  var _ref$activePage = _ref.activePage,
-    activePage = _ref$activePage === void 0 ? 1 : _ref$activePage,
-    _ref$totalItemCount = _ref.totalItemCount,
-    totalItemCount = _ref$totalItemCount === void 0 ? 0 : _ref$totalItemCount,
-    onChangePage = _ref.onChangePage,
-    itemCountPerPage = _ref.itemCountPerPage,
-    _ref$infinite = _ref.infinite,
-    infinite = _ref$infinite === void 0 ? false : _ref$infinite,
-    className = _ref.className;
-  var _usePagination = usePagination({
-      activePage: activePage,
-      totalItemCount: totalItemCount,
-      pageRangeDisplayed: 1,
-      itemCountPerPage: itemCountPerPage
-    }),
-    totalLastPage = _usePagination.totalLastPage,
-    prevPage = _usePagination.prevPage,
-    nextPage = _usePagination.nextPage,
-    isPrevPageDisabled = _usePagination.isPrevPageDisabled,
-    isNextPageDisabled = _usePagination.isNextPageDisabled;
-  var iconColor = function iconColor(disabled) {
-    return disabled ? mixin.contents300 : mixin.contents000;
-  };
-  var onClickPrevPage = function onClickPrevPage() {
-    var prevPageToGo = activePage === 1 && infinite ? totalLastPage : prevPage;
-    onChangePage(prevPageToGo);
-  };
-  var onClickNextPage = function onClickNextPage() {
-    var nextPageToGo = activePage === totalLastPage && infinite ? 1 : nextPage;
-    onChangePage(nextPageToGo);
-  };
-  var hasOnlyOnePage = totalLastPage === 1;
-  var getArrowButtonDisabled = function getArrowButtonDisabled(disabled) {
-    if (hasOnlyOnePage) {
-      return true;
-    }
-    if (infinite) {
-      return false;
-    }
-    return disabled;
-  };
-  var getArrowButtonColor = function getArrowButtonColor(disabled) {
-    if (hasOnlyOnePage) {
-      return mixin.contents300;
-    }
-    if (infinite) {
-      return mixin.contents000;
-    }
-    return iconColor(disabled);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(styles.CompactPaginationContainer, {
-    className: className,
-    role: "navigation",
-    "aria-label": "\uD398\uC774\uC9C0\uB124\uC774\uC158",
-    children: [/*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: getArrowButtonDisabled(isPrevPageDisabled),
-      onClick: onClickPrevPage,
-      "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Left, {
-        size: "small",
-        color: getArrowButtonColor(isPrevPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs(index.Flex, {
-      gap: "4px",
-      style: {
-        minWidth: '44px',
-        userSelect: 'none'
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(styles.CurrentPage, {
-        children: activePage
-      }), "/ ", totalLastPage]
-    }), /*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: getArrowButtonDisabled(isNextPageDisabled),
-      onClick: onClickNextPage,
-      "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Right, {
-        size: "small",
-        color: getArrowButtonColor(isNextPageDisabled),
-        "aria-hidden": "true"
-      })
-    })]
-  });
-}
-
-exports.CompactPagination = CompactPagination;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Paginations/CompactPagination/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Paginations/CompactPagination/index.tsx"],"sourcesContent":["'use client';\n\nimport { IconArrow2Left, IconArrow2Right } from '@remember-web/icon';\nimport { contents000, contents300 } from '@remember-web/mixin';\n\nimport { Flex } from '@/Common/Flex';\n\nimport {\n  ArrowButton,\n  CompactPaginationContainer,\n  CurrentPage,\n} from '../styles';\nimport type { CompactPaginationProps } from '../types';\nimport usePagination from '../usePagination';\n\nexport function CompactPagination({\n  activePage = 1,\n  totalItemCount = 0,\n  onChangePage,\n  itemCountPerPage,\n  infinite = false,\n  className,\n}: CompactPaginationProps) {\n  const {\n    totalLastPage,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n  } = usePagination({\n    activePage,\n    totalItemCount,\n    pageRangeDisplayed: 1,\n    itemCountPerPage,\n  });\n\n  const iconColor = (disabled: boolean) =>\n    disabled ? contents300 : contents000;\n\n  const onClickPrevPage = () => {\n    const prevPageToGo =\n      activePage === 1 && infinite ? totalLastPage : prevPage;\n    onChangePage(prevPageToGo);\n  };\n\n  const onClickNextPage = () => {\n    const nextPageToGo =\n      activePage === totalLastPage && infinite ? 1 : nextPage;\n    onChangePage(nextPageToGo);\n  };\n\n  const hasOnlyOnePage = totalLastPage === 1;\n\n  const getArrowButtonDisabled = (disabled: boolean) => {\n    if (hasOnlyOnePage) {\n      return true;\n    }\n    if (infinite) {\n      return false;\n    }\n    return disabled;\n  };\n\n  const getArrowButtonColor = (disabled: boolean) => {\n    if (hasOnlyOnePage) {\n      return contents300;\n    }\n    if (infinite) {\n      return contents000;\n    }\n    return iconColor(disabled);\n  };\n\n  return (\n    <CompactPaginationContainer\n      className={className}\n      role=\"navigation\"\n      aria-label=\"페이지네이션\"\n    >\n      <ArrowButton\n        disabled={getArrowButtonDisabled(isPrevPageDisabled)}\n        onClick={onClickPrevPage}\n        aria-label=\"이전 페이지로 이동\"\n      >\n        <IconArrow2Left\n          size=\"small\"\n          color={getArrowButtonColor(isPrevPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      <Flex gap=\"4px\" style={{ minWidth: '44px', userSelect: 'none' }}>\n        <CurrentPage>{activePage}</CurrentPage>/ {totalLastPage}\n      </Flex>\n      <ArrowButton\n        disabled={getArrowButtonDisabled(isNextPageDisabled)}\n        onClick={onClickNextPage}\n        aria-label=\"다음 페이지로 이동\"\n      >\n        <IconArrow2Right\n          size=\"small\"\n          color={getArrowButtonColor(isNextPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n    </CompactPaginationContainer>\n  );\n}\n"],"names":["activePage","totalItemCount","infinite","pageRangeDisplayed","itemCountPerPage","className","role","disabled","onClick","size","color","gap","style","minWidth","userSelect","children"],"mappings":";;;;;;;;;;AAeO;AAOoB;AANzBA;;AACAC;;;;AAGAC;;;AAUEF;AACAC;AACAE;AACAC;AACF;;;;;;AAEA;AAAoC;AACE;AAEtC;;;;AAMA;;;;AAMA;AAEA;AACE;AACE;AACF;AACA;AACE;AACF;AACA;;AAGF;AACE;AACE;AACF;AACA;AACE;AACF;;;;AAMEC;AACAC;AACA;;AAGEC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEEC;AAAUC;AAASC;AAAkBC;;;AAC7BC;;AAA2C;AAGvDR;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AACU;AAGpB;;"}

package/dist/src/Paginations/CompactPagination/index.d.ts

@@ -1,3 +0,0 @@
-import type { CompactPaginationProps } from '../types';
-export declare function CompactPagination({ activePage, totalItemCount, onChangePage, itemCountPerPage, infinite, className, }: CompactPaginationProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Paginations/CompactPagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Paginations/CompactPagination/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,wBAAgB,iBAAiB,CAAC,EAChC,UAAc,EACd,cAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,QAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,2CAoFxB"}

package/dist/src/Paginations/CompactPagination/index.esm.js

@@ -1,96 +0,0 @@
-"use client";
-import { IconArrow2Left, IconArrow2Right } from '@remember-web/icon';
-import { contents300, contents000 } from '@remember-web/mixin';
-import { Flex } from '../../Common/Flex/index.esm.js';
-import { CompactPaginationContainer, ArrowButton, CurrentPage } from '../styles.esm.js';
-import usePagination from '../usePagination.esm.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function CompactPagination(_ref) {
-  var _ref$activePage = _ref.activePage,
-    activePage = _ref$activePage === void 0 ? 1 : _ref$activePage,
-    _ref$totalItemCount = _ref.totalItemCount,
-    totalItemCount = _ref$totalItemCount === void 0 ? 0 : _ref$totalItemCount,
-    onChangePage = _ref.onChangePage,
-    itemCountPerPage = _ref.itemCountPerPage,
-    _ref$infinite = _ref.infinite,
-    infinite = _ref$infinite === void 0 ? false : _ref$infinite,
-    className = _ref.className;
-  var _usePagination = usePagination({
-      activePage: activePage,
-      totalItemCount: totalItemCount,
-      pageRangeDisplayed: 1,
-      itemCountPerPage: itemCountPerPage
-    }),
-    totalLastPage = _usePagination.totalLastPage,
-    prevPage = _usePagination.prevPage,
-    nextPage = _usePagination.nextPage,
-    isPrevPageDisabled = _usePagination.isPrevPageDisabled,
-    isNextPageDisabled = _usePagination.isNextPageDisabled;
-  var iconColor = function iconColor(disabled) {
-    return disabled ? contents300 : contents000;
-  };
-  var onClickPrevPage = function onClickPrevPage() {
-    var prevPageToGo = activePage === 1 && infinite ? totalLastPage : prevPage;
-    onChangePage(prevPageToGo);
-  };
-  var onClickNextPage = function onClickNextPage() {
-    var nextPageToGo = activePage === totalLastPage && infinite ? 1 : nextPage;
-    onChangePage(nextPageToGo);
-  };
-  var hasOnlyOnePage = totalLastPage === 1;
-  var getArrowButtonDisabled = function getArrowButtonDisabled(disabled) {
-    if (hasOnlyOnePage) {
-      return true;
-    }
-    if (infinite) {
-      return false;
-    }
-    return disabled;
-  };
-  var getArrowButtonColor = function getArrowButtonColor(disabled) {
-    if (hasOnlyOnePage) {
-      return contents300;
-    }
-    if (infinite) {
-      return contents000;
-    }
-    return iconColor(disabled);
-  };
-  return /*#__PURE__*/jsxs(CompactPaginationContainer, {
-    className: className,
-    role: "navigation",
-    "aria-label": "\uD398\uC774\uC9C0\uB124\uC774\uC158",
-    children: [/*#__PURE__*/jsx(ArrowButton, {
-      disabled: getArrowButtonDisabled(isPrevPageDisabled),
-      onClick: onClickPrevPage,
-      "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrow2Left, {
-        size: "small",
-        color: getArrowButtonColor(isPrevPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsxs(Flex, {
-      gap: "4px",
-      style: {
-        minWidth: '44px',
-        userSelect: 'none'
-      },
-      children: [/*#__PURE__*/jsx(CurrentPage, {
-        children: activePage
-      }), "/ ", totalLastPage]
-    }), /*#__PURE__*/jsx(ArrowButton, {
-      disabled: getArrowButtonDisabled(isNextPageDisabled),
-      onClick: onClickNextPage,
-      "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrow2Right, {
-        size: "small",
-        color: getArrowButtonColor(isNextPageDisabled),
-        "aria-hidden": "true"
-      })
-    })]
-  });
-}
-
-export { CompactPagination };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Paginations/CompactPagination/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Paginations/CompactPagination/index.tsx"],"sourcesContent":["'use client';\n\nimport { IconArrow2Left, IconArrow2Right } from '@remember-web/icon';\nimport { contents000, contents300 } from '@remember-web/mixin';\n\nimport { Flex } from '@/Common/Flex';\n\nimport {\n  ArrowButton,\n  CompactPaginationContainer,\n  CurrentPage,\n} from '../styles';\nimport type { CompactPaginationProps } from '../types';\nimport usePagination from '../usePagination';\n\nexport function CompactPagination({\n  activePage = 1,\n  totalItemCount = 0,\n  onChangePage,\n  itemCountPerPage,\n  infinite = false,\n  className,\n}: CompactPaginationProps) {\n  const {\n    totalLastPage,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n  } = usePagination({\n    activePage,\n    totalItemCount,\n    pageRangeDisplayed: 1,\n    itemCountPerPage,\n  });\n\n  const iconColor = (disabled: boolean) =>\n    disabled ? contents300 : contents000;\n\n  const onClickPrevPage = () => {\n    const prevPageToGo =\n      activePage === 1 && infinite ? totalLastPage : prevPage;\n    onChangePage(prevPageToGo);\n  };\n\n  const onClickNextPage = () => {\n    const nextPageToGo =\n      activePage === totalLastPage && infinite ? 1 : nextPage;\n    onChangePage(nextPageToGo);\n  };\n\n  const hasOnlyOnePage = totalLastPage === 1;\n\n  const getArrowButtonDisabled = (disabled: boolean) => {\n    if (hasOnlyOnePage) {\n      return true;\n    }\n    if (infinite) {\n      return false;\n    }\n    return disabled;\n  };\n\n  const getArrowButtonColor = (disabled: boolean) => {\n    if (hasOnlyOnePage) {\n      return contents300;\n    }\n    if (infinite) {\n      return contents000;\n    }\n    return iconColor(disabled);\n  };\n\n  return (\n    <CompactPaginationContainer\n      className={className}\n      role=\"navigation\"\n      aria-label=\"페이지네이션\"\n    >\n      <ArrowButton\n        disabled={getArrowButtonDisabled(isPrevPageDisabled)}\n        onClick={onClickPrevPage}\n        aria-label=\"이전 페이지로 이동\"\n      >\n        <IconArrow2Left\n          size=\"small\"\n          color={getArrowButtonColor(isPrevPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      <Flex gap=\"4px\" style={{ minWidth: '44px', userSelect: 'none' }}>\n        <CurrentPage>{activePage}</CurrentPage>/ {totalLastPage}\n      </Flex>\n      <ArrowButton\n        disabled={getArrowButtonDisabled(isNextPageDisabled)}\n        onClick={onClickNextPage}\n        aria-label=\"다음 페이지로 이동\"\n      >\n        <IconArrow2Right\n          size=\"small\"\n          color={getArrowButtonColor(isNextPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n    </CompactPaginationContainer>\n  );\n}\n"],"names":["activePage","totalItemCount","infinite","pageRangeDisplayed","itemCountPerPage","className","role","disabled","onClick","size","color","gap","style","minWidth","userSelect","children"],"mappings":";;;;;;;;AAeO;AAOoB;AANzBA;;AACAC;;;;AAGAC;;;AAUEF;AACAC;AACAE;AACAC;AACF;;;;;;AAEA;AAAoC;AACE;AAEtC;;;;AAMA;;;;AAMA;AAEA;AACE;AACE;AACF;AACA;AACE;AACF;AACA;;AAGF;AACE;AACE;AACF;AACA;AACE;AACF;;;;AAMEC;AACAC;AACA;;AAGEC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEEC;AAAUC;AAASC;AAAkBC;;;AAC7BC;;AAA2C;AAGvDR;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AACU;AAGpB;;"}

package/dist/src/Paginations/Pagination/index.cjs.js

@@ -1,116 +0,0 @@
-"use client";
-'use strict';
-
-var icon = require('@remember-web/icon');
-var mixin = require('@remember-web/mixin');
-var shared = require('@remember-web/shared');
-var styles = require('../styles.cjs.js');
-var usePagination = require('../usePagination.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Pagination(_ref) {
-  var _range;
-  var _ref$activePage = _ref.activePage,
-    activePage = _ref$activePage === void 0 ? 1 : _ref$activePage,
-    totalItemCount = _ref.totalItemCount,
-    _ref$pageRangeDisplay = _ref.pageRangeDisplayed,
-    pageRangeDisplayed = _ref$pageRangeDisplay === void 0 ? 10 : _ref$pageRangeDisplay,
-    onChangePage = _ref.onChangePage,
-    itemCountPerPage = _ref.itemCountPerPage,
-    className = _ref.className,
-    _ref$showFirstButton = _ref.showFirstButton,
-    showFirstButton = _ref$showFirstButton === void 0 ? false : _ref$showFirstButton,
-    _ref$showLastButton = _ref.showLastButton,
-    showLastButton = _ref$showLastButton === void 0 ? false : _ref$showLastButton;
-  var _usePagination = usePagination({
-      activePage: activePage,
-      totalItemCount: totalItemCount,
-      pageRangeDisplayed: pageRangeDisplayed,
-      itemCountPerPage: itemCountPerPage
-    }),
-    firstPage = _usePagination.firstPage,
-    rangeLastPage = _usePagination.rangeLastPage,
-    totalLastPage = _usePagination.totalLastPage,
-    prevPage = _usePagination.prevPage,
-    nextPage = _usePagination.nextPage,
-    isPrevPageDisabled = _usePagination.isPrevPageDisabled,
-    isNextPageDisabled = _usePagination.isNextPageDisabled,
-    isFirstPageDisabled = _usePagination.isFirstPageDisabled,
-    isLastPageDisabled = _usePagination.isLastPageDisabled;
-  var iconColor = function iconColor(disabled) {
-    return disabled ? mixin.contents300 : mixin.contents000;
-  };
-  var onClickPrevPage = function onClickPrevPage() {
-    return onChangePage(prevPage);
-  };
-  var onClickNextPage = function onClickNextPage() {
-    return onChangePage(nextPage);
-  };
-  var onClickFirstPage = function onClickFirstPage() {
-    return onChangePage(1);
-  };
-  var onClickLastPage = function onClickLastPage() {
-    return onChangePage(totalLastPage);
-  };
-  var onClickPage = function onClickPage(page) {
-    return onChangePage(page);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(styles.PaginationContainer, {
-    className: className,
-    role: "navigation",
-    "aria-label": "\uD398\uC774\uC9C0\uB124\uC774\uC158",
-    children: [showFirstButton && /*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: isFirstPageDisabled,
-      onClick: onClickFirstPage,
-      "aria-label": "\uCCAB \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrowDoubleLeft, {
-        size: "small",
-        color: iconColor(isFirstPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: isPrevPageDisabled,
-      onClick: onClickPrevPage,
-      "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Left, {
-        size: "small",
-        color: iconColor(isPrevPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(styles.Pages, {
-      children: (_range = shared.range(firstPage, rangeLastPage)) === null || _range === void 0 ? void 0 : _range.map(function (_page) {
-        return /*#__PURE__*/jsxRuntime.jsx(styles.Page, {
-          children: /*#__PURE__*/jsxRuntime.jsx(styles.PageButton, {
-            selected: _page === activePage,
-            onClick: function onClick() {
-              return onClickPage(_page);
-            },
-            "aria-label": "\uD398\uC774\uC9C0 ".concat(_page),
-            children: _page
-          })
-        }, _page);
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: isNextPageDisabled,
-      onClick: onClickNextPage,
-      "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Right, {
-        size: "small",
-        color: iconColor(isNextPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), showLastButton && /*#__PURE__*/jsxRuntime.jsx(styles.ArrowButton, {
-      disabled: isLastPageDisabled,
-      onClick: onClickLastPage,
-      "aria-label": "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrowDoubleRight, {
-        size: "small",
-        color: iconColor(isLastPageDisabled),
-        "aria-hidden": "true"
-      })
-    })]
-  });
-}
-
-exports.Pagination = Pagination;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Paginations/Pagination/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Paginations/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  IconArrow2Left,\n  IconArrow2Right,\n  IconArrowDoubleLeft,\n  IconArrowDoubleRight,\n} from '@remember-web/icon';\nimport { contents000, contents300 } from '@remember-web/mixin';\nimport { range } from '@remember-web/shared';\n\nimport {\n  ArrowButton,\n  Page,\n  PageButton,\n  Pages,\n  PaginationContainer,\n} from '../styles';\nimport type { PaginationProps } from '../types';\nimport usePagination from '../usePagination';\n\nexport function Pagination({\n  activePage = 1,\n  totalItemCount,\n  pageRangeDisplayed = 10,\n  onChangePage,\n  itemCountPerPage,\n  className,\n  showFirstButton = false,\n  showLastButton = false,\n}: PaginationProps) {\n  const {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  } = usePagination({\n    activePage,\n    totalItemCount,\n    pageRangeDisplayed,\n    itemCountPerPage,\n  });\n\n  const iconColor = (disabled: boolean) =>\n    disabled ? contents300 : contents000;\n\n  const onClickPrevPage = () => onChangePage(prevPage);\n  const onClickNextPage = () => onChangePage(nextPage);\n  const onClickFirstPage = () => onChangePage(1);\n  const onClickLastPage = () => onChangePage(totalLastPage);\n\n  const onClickPage = (page: number) => onChangePage(page);\n\n  return (\n    <PaginationContainer\n      className={className}\n      role=\"navigation\"\n      aria-label=\"페이지네이션\"\n    >\n      {showFirstButton && (\n        <ArrowButton\n          disabled={isFirstPageDisabled}\n          onClick={onClickFirstPage}\n          aria-label=\"첫 페이지로 이동\"\n        >\n          <IconArrowDoubleLeft\n            size=\"small\"\n            color={iconColor(isFirstPageDisabled)}\n            aria-hidden=\"true\"\n          />\n        </ArrowButton>\n      )}\n      <ArrowButton\n        disabled={isPrevPageDisabled}\n        onClick={onClickPrevPage}\n        aria-label=\"이전 페이지로 이동\"\n      >\n        <IconArrow2Left\n          size=\"small\"\n          color={iconColor(isPrevPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      <Pages>\n        {range(firstPage, rangeLastPage)?.map((_page) => (\n          <Page key={_page}>\n            <PageButton\n              selected={_page === activePage}\n              onClick={() => onClickPage(_page)}\n              aria-label={`페이지 ${_page}`}\n            >\n              {_page}\n            </PageButton>\n          </Page>\n        ))}\n      </Pages>\n      <ArrowButton\n        disabled={isNextPageDisabled}\n        onClick={onClickNextPage}\n        aria-label=\"다음 페이지로 이동\"\n      >\n        <IconArrow2Right\n          size=\"small\"\n          color={iconColor(isNextPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      {showLastButton && (\n        <ArrowButton\n          disabled={isLastPageDisabled}\n          onClick={onClickLastPage}\n          aria-label=\"마지막 페이지로 이동\"\n        >\n          <IconArrowDoubleRight\n            size=\"small\"\n            color={iconColor(isLastPageDisabled)}\n            aria-hidden=\"true\"\n          />\n        </ArrowButton>\n      )}\n    </PaginationContainer>\n  );\n}\n"],"names":["activePage","pageRangeDisplayed","showFirstButton","showLastButton","totalItemCount","itemCountPerPage","className","role","children","disabled","onClick","size","color"],"mappings":";;;;;;;;;;AAqBO;AASa;AAAA;AARlBA;;;AAEAC;;;;;AAIAC;;AACAC;;AAaEH;AACAI;AACAH;AACAI;AACF;;;;;;;;;;AAEA;AAAoC;AACE;AAEtC;;AAAoD;AACpD;;AAAoD;AACpD;;AAA8C;AAC9C;;AAAyD;AAEzD;;AAAwD;;AAIpDC;AACAC;AACA;AAAmBC;AAIfC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAIJH;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEEJ;;;;;;;;AAM6BA;;AAGhB;;AAEf;AAGFC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAIAH;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEL;AAGP;;"}

package/dist/src/Paginations/Pagination/index.d.ts

@@ -1,3 +0,0 @@
-import type { PaginationProps } from '../types';
-export declare function Pagination({ activePage, totalItemCount, pageRangeDisplayed, onChangePage, itemCountPerPage, className, showFirstButton, showLastButton, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Paginations/Pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Paginations/Pagination/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,wBAAgB,UAAU,CAAC,EACzB,UAAc,EACd,cAAc,EACd,kBAAuB,EACvB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,eAAuB,EACvB,cAAsB,GACvB,EAAE,eAAe,2CAiGjB"}

package/dist/src/Paginations/Pagination/index.esm.js

@@ -1,114 +0,0 @@
-"use client";
-import { IconArrowDoubleLeft, IconArrow2Left, IconArrow2Right, IconArrowDoubleRight } from '@remember-web/icon';
-import { contents300, contents000 } from '@remember-web/mixin';
-import { range } from '@remember-web/shared';
-import { PaginationContainer, ArrowButton, Pages, Page, PageButton } from '../styles.esm.js';
-import usePagination from '../usePagination.esm.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Pagination(_ref) {
-  var _range;
-  var _ref$activePage = _ref.activePage,
-    activePage = _ref$activePage === void 0 ? 1 : _ref$activePage,
-    totalItemCount = _ref.totalItemCount,
-    _ref$pageRangeDisplay = _ref.pageRangeDisplayed,
-    pageRangeDisplayed = _ref$pageRangeDisplay === void 0 ? 10 : _ref$pageRangeDisplay,
-    onChangePage = _ref.onChangePage,
-    itemCountPerPage = _ref.itemCountPerPage,
-    className = _ref.className,
-    _ref$showFirstButton = _ref.showFirstButton,
-    showFirstButton = _ref$showFirstButton === void 0 ? false : _ref$showFirstButton,
-    _ref$showLastButton = _ref.showLastButton,
-    showLastButton = _ref$showLastButton === void 0 ? false : _ref$showLastButton;
-  var _usePagination = usePagination({
-      activePage: activePage,
-      totalItemCount: totalItemCount,
-      pageRangeDisplayed: pageRangeDisplayed,
-      itemCountPerPage: itemCountPerPage
-    }),
-    firstPage = _usePagination.firstPage,
-    rangeLastPage = _usePagination.rangeLastPage,
-    totalLastPage = _usePagination.totalLastPage,
-    prevPage = _usePagination.prevPage,
-    nextPage = _usePagination.nextPage,
-    isPrevPageDisabled = _usePagination.isPrevPageDisabled,
-    isNextPageDisabled = _usePagination.isNextPageDisabled,
-    isFirstPageDisabled = _usePagination.isFirstPageDisabled,
-    isLastPageDisabled = _usePagination.isLastPageDisabled;
-  var iconColor = function iconColor(disabled) {
-    return disabled ? contents300 : contents000;
-  };
-  var onClickPrevPage = function onClickPrevPage() {
-    return onChangePage(prevPage);
-  };
-  var onClickNextPage = function onClickNextPage() {
-    return onChangePage(nextPage);
-  };
-  var onClickFirstPage = function onClickFirstPage() {
-    return onChangePage(1);
-  };
-  var onClickLastPage = function onClickLastPage() {
-    return onChangePage(totalLastPage);
-  };
-  var onClickPage = function onClickPage(page) {
-    return onChangePage(page);
-  };
-  return /*#__PURE__*/jsxs(PaginationContainer, {
-    className: className,
-    role: "navigation",
-    "aria-label": "\uD398\uC774\uC9C0\uB124\uC774\uC158",
-    children: [showFirstButton && /*#__PURE__*/jsx(ArrowButton, {
-      disabled: isFirstPageDisabled,
-      onClick: onClickFirstPage,
-      "aria-label": "\uCCAB \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrowDoubleLeft, {
-        size: "small",
-        color: iconColor(isFirstPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsx(ArrowButton, {
-      disabled: isPrevPageDisabled,
-      onClick: onClickPrevPage,
-      "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrow2Left, {
-        size: "small",
-        color: iconColor(isPrevPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), /*#__PURE__*/jsx(Pages, {
-      children: (_range = range(firstPage, rangeLastPage)) === null || _range === void 0 ? void 0 : _range.map(function (_page) {
-        return /*#__PURE__*/jsx(Page, {
-          children: /*#__PURE__*/jsx(PageButton, {
-            selected: _page === activePage,
-            onClick: function onClick() {
-              return onClickPage(_page);
-            },
-            "aria-label": "\uD398\uC774\uC9C0 ".concat(_page),
-            children: _page
-          })
-        }, _page);
-      })
-    }), /*#__PURE__*/jsx(ArrowButton, {
-      disabled: isNextPageDisabled,
-      onClick: onClickNextPage,
-      "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrow2Right, {
-        size: "small",
-        color: iconColor(isNextPageDisabled),
-        "aria-hidden": "true"
-      })
-    }), showLastButton && /*#__PURE__*/jsx(ArrowButton, {
-      disabled: isLastPageDisabled,
-      onClick: onClickLastPage,
-      "aria-label": "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-      children: /*#__PURE__*/jsx(IconArrowDoubleRight, {
-        size: "small",
-        color: iconColor(isLastPageDisabled),
-        "aria-hidden": "true"
-      })
-    })]
-  });
-}
-
-export { Pagination };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Paginations/Pagination/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Paginations/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  IconArrow2Left,\n  IconArrow2Right,\n  IconArrowDoubleLeft,\n  IconArrowDoubleRight,\n} from '@remember-web/icon';\nimport { contents000, contents300 } from '@remember-web/mixin';\nimport { range } from '@remember-web/shared';\n\nimport {\n  ArrowButton,\n  Page,\n  PageButton,\n  Pages,\n  PaginationContainer,\n} from '../styles';\nimport type { PaginationProps } from '../types';\nimport usePagination from '../usePagination';\n\nexport function Pagination({\n  activePage = 1,\n  totalItemCount,\n  pageRangeDisplayed = 10,\n  onChangePage,\n  itemCountPerPage,\n  className,\n  showFirstButton = false,\n  showLastButton = false,\n}: PaginationProps) {\n  const {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  } = usePagination({\n    activePage,\n    totalItemCount,\n    pageRangeDisplayed,\n    itemCountPerPage,\n  });\n\n  const iconColor = (disabled: boolean) =>\n    disabled ? contents300 : contents000;\n\n  const onClickPrevPage = () => onChangePage(prevPage);\n  const onClickNextPage = () => onChangePage(nextPage);\n  const onClickFirstPage = () => onChangePage(1);\n  const onClickLastPage = () => onChangePage(totalLastPage);\n\n  const onClickPage = (page: number) => onChangePage(page);\n\n  return (\n    <PaginationContainer\n      className={className}\n      role=\"navigation\"\n      aria-label=\"페이지네이션\"\n    >\n      {showFirstButton && (\n        <ArrowButton\n          disabled={isFirstPageDisabled}\n          onClick={onClickFirstPage}\n          aria-label=\"첫 페이지로 이동\"\n        >\n          <IconArrowDoubleLeft\n            size=\"small\"\n            color={iconColor(isFirstPageDisabled)}\n            aria-hidden=\"true\"\n          />\n        </ArrowButton>\n      )}\n      <ArrowButton\n        disabled={isPrevPageDisabled}\n        onClick={onClickPrevPage}\n        aria-label=\"이전 페이지로 이동\"\n      >\n        <IconArrow2Left\n          size=\"small\"\n          color={iconColor(isPrevPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      <Pages>\n        {range(firstPage, rangeLastPage)?.map((_page) => (\n          <Page key={_page}>\n            <PageButton\n              selected={_page === activePage}\n              onClick={() => onClickPage(_page)}\n              aria-label={`페이지 ${_page}`}\n            >\n              {_page}\n            </PageButton>\n          </Page>\n        ))}\n      </Pages>\n      <ArrowButton\n        disabled={isNextPageDisabled}\n        onClick={onClickNextPage}\n        aria-label=\"다음 페이지로 이동\"\n      >\n        <IconArrow2Right\n          size=\"small\"\n          color={iconColor(isNextPageDisabled)}\n          aria-hidden=\"true\"\n        />\n      </ArrowButton>\n      {showLastButton && (\n        <ArrowButton\n          disabled={isLastPageDisabled}\n          onClick={onClickLastPage}\n          aria-label=\"마지막 페이지로 이동\"\n        >\n          <IconArrowDoubleRight\n            size=\"small\"\n            color={iconColor(isLastPageDisabled)}\n            aria-hidden=\"true\"\n          />\n        </ArrowButton>\n      )}\n    </PaginationContainer>\n  );\n}\n"],"names":["activePage","pageRangeDisplayed","showFirstButton","showLastButton","totalItemCount","itemCountPerPage","className","role","children","disabled","onClick","size","color"],"mappings":";;;;;;;;AAqBO;AASa;AAAA;AARlBA;;;AAEAC;;;;;AAIAC;;AACAC;;AAaEH;AACAI;AACAH;AACAI;AACF;;;;;;;;;;AAEA;AAAoC;AACE;AAEtC;;AAAoD;AACpD;;AAAoD;AACpD;;AAA8C;AAC9C;;AAAyD;AAEzD;;AAAwD;;AAIpDC;AACAC;AACA;AAAmBC;AAIfC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAIJH;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEEJ;;;;;;;;AAM6BA;;AAGhB;;AAEf;AAGFC;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAIAH;AACAC;AACA;;AAGEC;AACAC;;;AAEA;AAEL;AAGP;;"}

package/dist/src/Paginations/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Pagination';
-export * from './CompactPagination';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Paginations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Paginations/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/src/Paginations/styles.cjs.js

@@ -1,37 +0,0 @@
-"use client";
-'use strict';
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var mixin = require('@remember-web/mixin');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-var PaginationContainer = styled__default.default.nav(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ", "\n"])), mixin.mobileOnly(styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n    gap: 8px;\n  "])))));
-var CompactPaginationContainer = styled__default.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n\n  ", "\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n"])), mixin.getTypographyStyles('Body1_M'));
-var CurrentPage = styled__default.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", "\n"])), mixin.getTypographyStyles('Body1_B'));
-var Pages = styled__default.default.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  display: inherit;\n  gap: 4px;\n"])));
-var Page = styled__default.default.li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default([""])));
-var DefaultButton = styled__default.default.button.attrs({
-  type: 'button'
-})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ", "\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 4px;\n\n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents000, mixin.contents000);
-var ArrowButton = styled__default.default(DefaultButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n  ", "\n\n  ", "\n"])), mixin.desktopOnly(styled.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral__default.default(["\n    &:hover {\n      background-color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n    }\n  "])), mixin.bg200, mixin.bg300)), mixin.mobileOnly(styled.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral__default.default(["\n    min-width: 44px;\n    height: 44px;\n  "])))));
-var BaseButton = styled__default.default(DefaultButton)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral__default.default(["\n  &:hover,\n  &:focus {\n    border: solid 1px ", ";\n    border-radius: 4px;\n    background-color: ", ";\n  }\n\n  ", "\n"])), mixin.contents300, mixin.bg100, mixin.mobileOnly(styled.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral__default.default(["\n    min-width: 44px;\n    height: 44px;\n  "])))));
-var PageButton = styled__default.default(BaseButton)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral__default.default(["\n  ", "\n"])), function (_ref) {
-  var selected = _ref.selected;
-  return selected && styled.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral__default.default(["\n      border: solid 1px ", ";\n      border-radius: 4px;\n      background-color: ", ";\n    "])), mixin.contents300, mixin.bg100);
-});
-
-exports.ArrowButton = ArrowButton;
-exports.BaseButton = BaseButton;
-exports.CompactPaginationContainer = CompactPaginationContainer;
-exports.CurrentPage = CurrentPage;
-exports.Page = Page;
-exports.PageButton = PageButton;
-exports.Pages = Pages;
-exports.PaginationContainer = PaginationContainer;
-//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Paginations/styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css } from 'styled-components';\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  getTypographyStyles,\n  mobileOnly,\n  desktopOnly,\n} from '@remember-web/mixin';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('Body1_M')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('Body1_B')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('Body1_M')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["Pages","Page","type","BaseButton","PageButton"],"mappings":";;;;;;;;;;;;AAAa;AAcN;;;AA8BMA;AAMAC;AAEb;AAA4CC;AAAe;;AAsC9CC;AAcAC;AACT;AAAW;AAMV;;;;;;;;;"}

package/dist/src/Paginations/styles.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare const PaginationContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
-export declare const CompactPaginationContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CurrentPage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const Pages: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
-export declare const Page: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>;
-export declare const ArrowButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const BaseButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const PageButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>, never>, {
-    selected?: boolean | undefined;
-}>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, never>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/src/Paginations/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Paginations/styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,mBAAmB,0MAa/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,gNAStC,CAAC;AAEF,eAAO,MAAM,WAAW,kNAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,oNAIjB,CAAC;AAEF,eAAO,MAAM,IAAI,gNAAc,CAAC;AAwBhC,eAAO,MAAM,WAAW;;;;mEAcvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;mEAYtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;mHAQtB,CAAC"}

package/dist/src/Paginations/styles.esm.js

@@ -1,23 +0,0 @@
-"use client";
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled, { css } from 'styled-components';
-import { mobileOnly, getTypographyStyles, contents000, desktopOnly, bg200, bg300, contents300, bg100 } from '@remember-web/mixin';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-var PaginationContainer = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ", "\n"])), mobileOnly(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    gap: 8px;\n  "])))));
-var CompactPaginationContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  all: unset;\n\n  ", "\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n"])), getTypographyStyles('Body1_M'));
-var CurrentPage = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), getTypographyStyles('Body1_B'));
-var Pages = styled.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  all: unset;\n  display: inherit;\n  gap: 4px;\n"])));
-var Page = styled.li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
-var DefaultButton = styled.button.attrs({
-  type: 'button'
-})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ", "\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 4px;\n\n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n"])), getTypographyStyles('Body1_M'), contents000, contents000);
-var ArrowButton = styled(DefaultButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), desktopOnly(css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    &:hover {\n      background-color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n    }\n  "])), bg200, bg300)), mobileOnly(css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    min-width: 44px;\n    height: 44px;\n  "])))));
-var BaseButton = styled(DefaultButton)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  &:hover,\n  &:focus {\n    border: solid 1px ", ";\n    border-radius: 4px;\n    background-color: ", ";\n  }\n\n  ", "\n"])), contents300, bg100, mobileOnly(css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    min-width: 44px;\n    height: 44px;\n  "])))));
-var PageButton = styled(BaseButton)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var selected = _ref.selected;
-  return selected && css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      border: solid 1px ", ";\n      border-radius: 4px;\n      background-color: ", ";\n    "])), contents300, bg100);
-});
-
-export { ArrowButton, BaseButton, CompactPaginationContainer, CurrentPage, Page, PageButton, Pages, PaginationContainer };
-//# sourceMappingURL=styles.esm.js.map

package/dist/src/Paginations/styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css } from 'styled-components';\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  getTypographyStyles,\n  mobileOnly,\n  desktopOnly,\n} from '@remember-web/mixin';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('Body1_M')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('Body1_B')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('Body1_M')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["Pages","Page","type","BaseButton","PageButton"],"mappings":";;;;;AAAa;AAcN;;;AA8BMA;AAMAC;AAEb;AAA4CC;AAAe;;AAsC9CC;AAcAC;AACT;AAAW;AAMV;;"}