@remember-web/primitive 0.0.0-alpha.1

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

@@ -0,0 +1,23 @@
+"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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.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} from '@remember-web/mixin';\n\nimport { mobileOnly, desktopOnly } 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/primitive/src/Paginations/types.d.ts

@@ -0,0 +1,17 @@
+export interface DefaultPaginationProps {
+    itemCountPerPage: number;
+    totalItemCount: number;
+    activePage: number;
+    onChangePage: (page: number) => void;
+    className?: string;
+}
+export interface CompactPaginationProps extends DefaultPaginationProps {
+    infinite?: boolean;
+}
+export interface PaginationProps extends DefaultPaginationProps {
+    pageRangeDisplayed?: number;
+    showFirstButton?: boolean;
+    showLastButton?: boolean;
+}
+export type PaginationItems = Required<Pick<PaginationProps, 'itemCountPerPage' | 'pageRangeDisplayed' | 'totalItemCount' | 'activePage'>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/primitive/src/Paginations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Paginations/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,sBAAsB;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,CACpC,IAAI,CACF,eAAe,EACf,kBAAkB,GAAG,oBAAoB,GAAG,gBAAgB,GAAG,YAAY,CAC5E,CACF,CAAC"}

package/dist/primitive/src/Paginations/usePagination.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var react = require('react');
+
+function usePagination(_ref) {
+  var itemCountPerPage = _ref.itemCountPerPage,
+    pageRangeDisplayed = _ref.pageRangeDisplayed,
+    totalItemCount = _ref.totalItemCount,
+    activePage = _ref.activePage;
+  var buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;
+  var firstPage = Math.max(1, Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed + 1);
+  var totalPages = Math.ceil(totalItemCount / itemCountPerPage);
+  var rangeLastPage = react.useMemo(function () {
+    return Math.min(totalPages, Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed);
+  }, [activePage, pageRangeDisplayed, totalPages]);
+  var totalLastPage = react.useMemo(function () {
+    return !totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage);
+  }, [totalItemCount, itemCountPerPage]);
+  var prevPage = firstPage - 1;
+  var nextPage = rangeLastPage + 1;
+  var isPrevPageDisabled = prevPage < 1;
+  var isNextPageDisabled = nextPage > totalPages;
+  var isFirstPageDisabled = activePage === 1;
+  var isLastPageDisabled = activePage === totalLastPage;
+  return {
+    firstPage: firstPage,
+    rangeLastPage: rangeLastPage,
+    totalLastPage: totalLastPage,
+    totalPages: totalPages,
+    prevPage: prevPage,
+    nextPage: nextPage,
+    isPrevPageDisabled: isPrevPageDisabled,
+    isNextPageDisabled: isNextPageDisabled,
+    isFirstPageDisabled: isFirstPageDisabled,
+    isLastPageDisabled: isLastPageDisabled
+  };
+}
+
+module.exports = usePagination;
+//# sourceMappingURL=usePagination.cjs.map

package/dist/primitive/src/Paginations/usePagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.cjs","sources":["../../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;;;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC,CAAA;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;EAE/D,IAAMW,aAAa,GAAGC,aAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC,CAAA;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC,CAAA;EAED,IAAMK,aAAa,GAAGF,aAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC,CAAA;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC,CAAA;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC,CAAA;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC,CAAA;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU,CAAA;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC,CAAA;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa,CAAA;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACD,CAAA;AACH;;;;"}

package/dist/primitive/src/Paginations/usePagination.d.ts

@@ -0,0 +1,15 @@
+import type { PaginationItems } from './types';
+declare function usePagination({ itemCountPerPage, pageRangeDisplayed, totalItemCount, activePage, }: PaginationItems): {
+    firstPage: number;
+    rangeLastPage: number;
+    totalLastPage: number;
+    totalPages: number;
+    prevPage: number;
+    nextPage: number;
+    isPrevPageDisabled: boolean;
+    isNextPageDisabled: boolean;
+    isFirstPageDisabled: boolean;
+    isLastPageDisabled: boolean;
+};
+export default usePagination;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/primitive/src/Paginations/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/Paginations/usePagination.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,iBAAS,aAAa,CAAC,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,EAAE,eAAe;;;;;;;;;;;EA8CjB;AACD,eAAe,aAAa,CAAC"}

package/dist/primitive/src/Paginations/usePagination.js

@@ -0,0 +1,38 @@
+import { useMemo } from 'react';
+
+function usePagination(_ref) {
+  var itemCountPerPage = _ref.itemCountPerPage,
+    pageRangeDisplayed = _ref.pageRangeDisplayed,
+    totalItemCount = _ref.totalItemCount,
+    activePage = _ref.activePage;
+  var buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;
+  var firstPage = Math.max(1, Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed + 1);
+  var totalPages = Math.ceil(totalItemCount / itemCountPerPage);
+  var rangeLastPage = useMemo(function () {
+    return Math.min(totalPages, Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed);
+  }, [activePage, pageRangeDisplayed, totalPages]);
+  var totalLastPage = useMemo(function () {
+    return !totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage);
+  }, [totalItemCount, itemCountPerPage]);
+  var prevPage = firstPage - 1;
+  var nextPage = rangeLastPage + 1;
+  var isPrevPageDisabled = prevPage < 1;
+  var isNextPageDisabled = nextPage > totalPages;
+  var isFirstPageDisabled = activePage === 1;
+  var isLastPageDisabled = activePage === totalLastPage;
+  return {
+    firstPage: firstPage,
+    rangeLastPage: rangeLastPage,
+    totalLastPage: totalLastPage,
+    totalPages: totalPages,
+    prevPage: prevPage,
+    nextPage: nextPage,
+    isPrevPageDisabled: isPrevPageDisabled,
+    isNextPageDisabled: isNextPageDisabled,
+    isFirstPageDisabled: isFirstPageDisabled,
+    isLastPageDisabled: isLastPageDisabled
+  };
+}
+
+export { usePagination as default };
+//# sourceMappingURL=usePagination.js.map

package/dist/primitive/src/Paginations/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC,CAAA;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;EAE/D,IAAMW,aAAa,GAAGC,OAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC,CAAA;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC,CAAA;EAED,IAAMK,aAAa,GAAGF,OAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC,CAAA;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC,CAAA;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC,CAAA;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC,CAAA;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU,CAAA;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC,CAAA;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa,CAAA;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACD,CAAA;AACH;;;;"}

package/dist/primitive/src/hooks/useMouseEventAway.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+function useMouseEventAway(eventName, callback) {
+  var ref = react.useRef(null);
+  var callbackRef = react.useRef(callback);
+  callbackRef.current = callback;
+  react.useEffect(function () {
+    function clickAwayHandler(e) {
+      if (!(e.target instanceof Node)) {
+        return;
+      }
+      if (ref.current && !ref.current.contains(e.target)) {
+        callbackRef.current(e);
+      }
+    }
+    document.addEventListener(eventName, clickAwayHandler, true);
+    return function () {
+      document.removeEventListener(eventName, clickAwayHandler, true);
+    };
+  }, [eventName]);
+  return ref;
+}
+
+module.exports = useMouseEventAway;
+//# sourceMappingURL=useMouseEventAway.cjs.map

package/dist/primitive/src/hooks/useMouseEventAway.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseEventAway.cjs","sources":["../../../../src/hooks/useMouseEventAway.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ntype MouseEventNames = Extract<\n  keyof DocumentEventMap,\n  `mouse${string}` | `pointer${string}` | `touch${string}` | 'click'\n>;\n\nexport default function useMouseEventAway<\n  T extends HTMLElement,\n  E extends MouseEventNames\n>(eventName: E, callback: (e: DocumentEventMap[E]) => void) {\n  const ref = useRef<T | null>(null);\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  useEffect(() => {\n    function clickAwayHandler(e: DocumentEventMap[E]) {\n      if (!(e.target instanceof Node)) {\n        return;\n      }\n\n      if (ref.current && !ref.current.contains(e.target)) {\n        callbackRef.current(e);\n      }\n    }\n\n    document.addEventListener(eventName, clickAwayHandler, true);\n\n    return () => {\n      document.removeEventListener(eventName, clickAwayHandler, true);\n    };\n  }, [eventName]);\n\n  return ref;\n}\n"],"names":["useMouseEventAway","eventName","callback","ref","useRef","callbackRef","current","useEffect","clickAwayHandler","e","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;;;AAOe,SAASA,iBAAiBA,CAGvCC,SAAY,EAAEC,QAA0C,EAAE;AAC1D,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAAW,IAAI,CAAC,CAAA;AAClC,EAAA,IAAMC,WAAW,GAAGD,YAAM,CAACF,QAAQ,CAAC,CAAA;EACpCG,WAAW,CAACC,OAAO,GAAGJ,QAAQ,CAAA;AAE9BK,EAAAA,eAAS,CAAC,YAAM;IACd,SAASC,gBAAgBA,CAACC,CAAsB,EAAE;AAChD,MAAA,IAAI,EAAEA,CAAC,CAACC,MAAM,YAAYC,IAAI,CAAC,EAAE;AAC/B,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAIR,GAAG,CAACG,OAAO,IAAI,CAACH,GAAG,CAACG,OAAO,CAACM,QAAQ,CAACH,CAAC,CAACC,MAAM,CAAC,EAAE;AAClDL,QAAAA,WAAW,CAACC,OAAO,CAACG,CAAC,CAAC,CAAA;AACxB,OAAA;AACF,KAAA;IAEAI,QAAQ,CAACC,gBAAgB,CAACb,SAAS,EAAEO,gBAAgB,EAAE,IAAI,CAAC,CAAA;AAE5D,IAAA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAACd,SAAS,EAAEO,gBAAgB,EAAE,IAAI,CAAC,CAAA;KAChE,CAAA;AACH,GAAC,EAAE,CAACP,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,OAAOE,GAAG,CAAA;AACZ;;;;"}

package/dist/primitive/src/hooks/useMouseEventAway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+type MouseEventNames = Extract<keyof DocumentEventMap, `mouse${string}` | `pointer${string}` | `touch${string}` | 'click'>;
+export default function useMouseEventAway<T extends HTMLElement, E extends MouseEventNames>(eventName: E, callback: (e: DocumentEventMap[E]) => void): import("react").MutableRefObject<T | null>;
+export {};
+//# sourceMappingURL=useMouseEventAway.d.ts.map

package/dist/primitive/src/hooks/useMouseEventAway.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseEventAway.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMouseEventAway.ts"],"names":[],"mappings":";AAEA,KAAK,eAAe,GAAG,OAAO,CAC5B,MAAM,gBAAgB,EACtB,QAAQ,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,QAAQ,MAAM,EAAE,GAAG,OAAO,CACnE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,eAAe,EACzB,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,8CAwBzD"}

package/dist/primitive/src/hooks/useMouseEventAway.js

@@ -0,0 +1,25 @@
+import { useRef, useEffect } from 'react';
+
+function useMouseEventAway(eventName, callback) {
+  var ref = useRef(null);
+  var callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(function () {
+    function clickAwayHandler(e) {
+      if (!(e.target instanceof Node)) {
+        return;
+      }
+      if (ref.current && !ref.current.contains(e.target)) {
+        callbackRef.current(e);
+      }
+    }
+    document.addEventListener(eventName, clickAwayHandler, true);
+    return function () {
+      document.removeEventListener(eventName, clickAwayHandler, true);
+    };
+  }, [eventName]);
+  return ref;
+}
+
+export { useMouseEventAway as default };
+//# sourceMappingURL=useMouseEventAway.js.map

package/dist/primitive/src/hooks/useMouseEventAway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseEventAway.js","sources":["../../../../src/hooks/useMouseEventAway.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ntype MouseEventNames = Extract<\n  keyof DocumentEventMap,\n  `mouse${string}` | `pointer${string}` | `touch${string}` | 'click'\n>;\n\nexport default function useMouseEventAway<\n  T extends HTMLElement,\n  E extends MouseEventNames\n>(eventName: E, callback: (e: DocumentEventMap[E]) => void) {\n  const ref = useRef<T | null>(null);\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  useEffect(() => {\n    function clickAwayHandler(e: DocumentEventMap[E]) {\n      if (!(e.target instanceof Node)) {\n        return;\n      }\n\n      if (ref.current && !ref.current.contains(e.target)) {\n        callbackRef.current(e);\n      }\n    }\n\n    document.addEventListener(eventName, clickAwayHandler, true);\n\n    return () => {\n      document.removeEventListener(eventName, clickAwayHandler, true);\n    };\n  }, [eventName]);\n\n  return ref;\n}\n"],"names":["useMouseEventAway","eventName","callback","ref","useRef","callbackRef","current","useEffect","clickAwayHandler","e","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;AAOe,SAASA,iBAAiBA,CAGvCC,SAAY,EAAEC,QAA0C,EAAE;AAC1D,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAW,IAAI,CAAC,CAAA;AAClC,EAAA,IAAMC,WAAW,GAAGD,MAAM,CAACF,QAAQ,CAAC,CAAA;EACpCG,WAAW,CAACC,OAAO,GAAGJ,QAAQ,CAAA;AAE9BK,EAAAA,SAAS,CAAC,YAAM;IACd,SAASC,gBAAgBA,CAACC,CAAsB,EAAE;AAChD,MAAA,IAAI,EAAEA,CAAC,CAACC,MAAM,YAAYC,IAAI,CAAC,EAAE;AAC/B,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAIR,GAAG,CAACG,OAAO,IAAI,CAACH,GAAG,CAACG,OAAO,CAACM,QAAQ,CAACH,CAAC,CAACC,MAAM,CAAC,EAAE;AAClDL,QAAAA,WAAW,CAACC,OAAO,CAACG,CAAC,CAAC,CAAA;AACxB,OAAA;AACF,KAAA;IAEAI,QAAQ,CAACC,gBAAgB,CAACb,SAAS,EAAEO,gBAAgB,EAAE,IAAI,CAAC,CAAA;AAE5D,IAAA,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAACd,SAAS,EAAEO,gBAAgB,EAAE,IAAI,CAAC,CAAA;KAChE,CAAA;AACH,GAAC,EAAE,CAACP,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,OAAOE,GAAG,CAAA;AACZ;;;;"}

package/dist/primitive/src/index.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var index = require('./Avatars/Avatar/index.cjs');
+var index$1 = require('./Buttons/Button/index.cjs');
+var utils = require('./Badge/utils.cjs');
+var Badge = require('./Badge/Badge.cjs');
+var index$3 = require('./Common/Divider/index.cjs');
+var index$4 = require('./Common/Flex/index.cjs');
+var index$5 = require('./Common/Grid/index.cjs');
+var index$6 = require('./Common/Spinner/index.cjs');
+var index$2 = require('./Common/Typography/index.cjs');
+var Checkbox = require('./Control/Checkbox.cjs');
+var Toggle = require('./Control/Toggle.cjs');
+var index$7 = require('./Control/Switch/index.cjs');
+var Radio = require('./Control/Radio.cjs');
+var index$8 = require('./Logos/RememberLogo/index.cjs');
+var index$9 = require('./Logos/RememberMobileLogo/index.cjs');
+var index$a = require('./Logos/RememberSquareLogo/index.cjs');
+var index$b = require('./Logos/RememberServiceLogo/index.cjs');
+var index$c = require('./Modals/Dialog/index.cjs');
+var index$d = require('./Paginations/Pagination/index.cjs');
+var index$e = require('./Paginations/CompactPagination/index.cjs');
+var index$f = require('./Inputs/TextInput/index.cjs');
+var index$g = require('./Inputs/Select/index.cjs');
+var index$h = require('./Floating/Tooltip/index.cjs');
+var index$i = require('./Floating/Popover/index.cjs');
+var index$j = require('./Floating/DropdownMenu/index.cjs');
+var index$k = require('./Gnb/index.cjs');
+var _const = require('./Gnb/const.cjs');
+var style = require('./Gnb/style.cjs');
+var index$l = require('./Gnb/parts/GnbHoverSubNavi/index.cjs');
+var index$m = require('./Gnb/parts/GnbHamburgerMenu/index.cjs');
+var index$n = require('./Gnb/parts/GnbNotification/index.cjs');
+var index$o = require('./Gnb/parts/GnbProfile/index.cjs');
+
+
+
+exports.Avatar = index;
+exports.Button = index$1;
+exports.badgePseudo = utils.badgePseudo;
+exports.Badge = Badge.Badge;
+exports.Divider = index$3.Divider;
+exports.Flex = index$4.Flex;
+exports.Grid = index$5.Grid;
+exports.Spinner = index$6.Spinner;
+exports.Typography = index$2;
+exports.Checkbox = Checkbox.Checkbox;
+exports._Checkbox = Checkbox._Checkbox;
+exports.CircleBaseToggle = Toggle.CircleBaseToggle;
+exports.Toggle = Toggle.Toggle;
+exports._Toggle = Toggle._Toggle;
+exports.Switch = index$7.Switch;
+exports.Radio = Radio.Radio;
+exports.RememberLogo = index$8.RememberLogo;
+exports.getViewBoxWidth = index$8.getViewBoxWidth;
+exports.RememberMobileLogo = index$9.RememberMobileLogo;
+exports.RememberSquareLogo = index$a.RememberSquareLogo;
+exports.RememberServiceLogo = index$b.RememberServiceLogo;
+exports.Dialog = index$c.Dialog;
+exports.Pagination = index$d.Pagination;
+exports.CompactPagination = index$e.CompactPagination;
+exports.TextInput = index$f;
+exports.Select = index$g;
+exports.Tooltip = index$h;
+exports.Popover = index$i;
+exports.DropdownMenu = index$j;
+exports.Gnb = index$k.Gnb;
+Object.defineProperty(exports, "GNB_VARS", {
+	enumerable: true,
+	get: function () { return _const.GNB_VARS; }
+});
+exports.dataAttrs = _const.dataAttrs;
+exports.StyledDefaultIconButton = style.StyledDefaultIconButton;
+exports.GnbHoverSubNavi = index$l.GnbHoverSubNavi;
+exports.GnbHamburgerMenu = index$m.GnbHamburgerMenu;
+exports.GnbNotification = index$n.GnbNotification;
+exports.GnbProfile = index$o.GnbProfile;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+export * from './Avatars';
+export * from './Buttons';
+export * from './Badge';
+export * from './Common';
+export * from './Control';
+export * from './Logos';
+export * from './Modals';
+export * from './Paginations';
+export * from './Inputs';
+export * from './Floating';
+export * from './Gnb';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC"}

package/dist/primitive/src/index.js

@@ -0,0 +1,33 @@
+export { default as Avatar } from './Avatars/Avatar/index.js';
+export { default as Button } from './Buttons/Button/index.js';
+export { badgePseudo } from './Badge/utils.js';
+export { Badge } from './Badge/Badge.js';
+export { Divider } from './Common/Divider/index.js';
+export { Flex } from './Common/Flex/index.js';
+export { Grid } from './Common/Grid/index.js';
+export { Spinner } from './Common/Spinner/index.js';
+export { default as Typography } from './Common/Typography/index.js';
+export { Checkbox, _Checkbox } from './Control/Checkbox.js';
+export { CircleBaseToggle, Toggle, _Toggle } from './Control/Toggle.js';
+export { Switch } from './Control/Switch/index.js';
+export { Radio } from './Control/Radio.js';
+export { RememberLogo, getViewBoxWidth } from './Logos/RememberLogo/index.js';
+export { RememberMobileLogo } from './Logos/RememberMobileLogo/index.js';
+export { RememberSquareLogo } from './Logos/RememberSquareLogo/index.js';
+export { RememberServiceLogo } from './Logos/RememberServiceLogo/index.js';
+export { Dialog } from './Modals/Dialog/index.js';
+export { Pagination } from './Paginations/Pagination/index.js';
+export { CompactPagination } from './Paginations/CompactPagination/index.js';
+export { default as TextInput } from './Inputs/TextInput/index.js';
+export { default as Select } from './Inputs/Select/index.js';
+export { default as Tooltip } from './Floating/Tooltip/index.js';
+export { default as Popover } from './Floating/Popover/index.js';
+export { default as DropdownMenu } from './Floating/DropdownMenu/index.js';
+export { Gnb } from './Gnb/index.js';
+export { GNB_VARS, dataAttrs } from './Gnb/const.js';
+export { StyledDefaultIconButton } from './Gnb/style.js';
+export { GnbHoverSubNavi } from './Gnb/parts/GnbHoverSubNavi/index.js';
+export { GnbHamburgerMenu } from './Gnb/parts/GnbHamburgerMenu/index.js';
+export { GnbNotification } from './Gnb/parts/GnbNotification/index.js';
+export { GnbProfile } from './Gnb/parts/GnbProfile/index.js';
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/primitive/src/stories/common.styles.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+type TextAlign = 'left' | 'center' | 'right';
+export declare const Paper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth?: number | undefined;
+    $maxWidth?: number | undefined;
+}>>;
+export declare const TitleContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Table: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
+export declare const TableHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
+export declare const TableBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
+export declare const TableColumn: ({ isHeader, align, children, }: {
+    isHeader?: boolean | undefined;
+    align?: TextAlign | undefined;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>;
+export {};
+//# sourceMappingURL=common.styles.d.ts.map

package/dist/primitive/src/stories/common.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.styles.d.ts","sourceRoot":"","sources":["../../../../src/stories/common.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,KAAK;;;GAmBjB,CAAC;AAEF,eAAO,MAAM,cAAc,gNAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,yNAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,kOAAiB,CAAC;AAE1C,eAAO,MAAM,SAAS,kOAAiB,CAAC;AAkBxC,eAAO,MAAM,WAAW;;;cAOZ,SAAS;6CAMlB,CAAC;AAEJ,eAAO,MAAM,QAAQ,0NAAc,CAAC"}

package/dist/primitive/src/stories/util.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as Icons from '@remember-web/icon';
+export type IconWithSizeNameType = Extract<keyof typeof Icons, `${string}${'S' | 'M' | 'L'}`>;
+export declare const iconNames: ("none" | IconWithSizeNameType)[];
+export declare const isIconName: (value: string) => value is IconWithSizeNameType;
+export declare function getIconComponentFromName(iconName: IconWithSizeNameType): import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=util.d.ts.map

package/dist/primitive/src/stories/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/stories/util.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,MAAM,OAAO,KAAK,EAClB,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAC9B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAGrB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,kCACJ,CAAC;AAErC,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,oBAAoB,+DAEtE"}

package/dist/shared/types/index.d.ts

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

package/dist/shared/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../shared/types/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/shared/types/styles.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import type { PolymorphicComponent, PolymorphicComponentProps, WebTarget } from 'styled-components';
+/** Transient처리한 Styled-Component의 Props을 풀어줌
+ * @example { $color: string; className?: string } => { color: string; className?: string; }
+ */
+export type ConvertTransientProps<T> = {
+    [K in keyof T as K extends `$${infer P}` ? P : K]: T[K];
+};
+export type As<ComponentAs> = {
+    as?: ComponentAs | undefined;
+};
+export type forwardedAs<ComponentFAs> = {
+    forwardedAs?: ComponentFAs | undefined;
+};
+/**
+ * Styled-Component의 element, 추가된 Props을 추출함
+ *
+ * case 1 - styled component의 props 추출하기
+ * ```ts
+ * type MyStyledComponentProps = GetStyledComponentProps<typeof MyStyledComponent>
+ * ```
+ *
+ * case 2 다형성(as) styled component의 props 추출하기
+ * ```tsx
+ * type MyComponentProps<ComponentAs> = GetStyledComponentProps<
+ *   typeof MyStyledComponent,
+ *   ComponentAs
+ * >
+ * const MyComponent<ComponentAs>(props: MyComponentProps<ComponentAs>) => <MyStyledComponent {...props} />
+ * ```
+ */
+export type GetStyledComponentProps<C, AsT = unknown> = C extends PolymorphicComponent<'web', infer Props> ? AsT extends WebTarget ? PolymorphicComponentProps<'web', Props, AsT, void> : React.ComponentProps<C> : never;
+//# sourceMappingURL=styles.d.ts.map

package/dist/shared/types/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../shared/types/styles.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACV,MAAM,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;KACpC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,EAAE,CAAC,WAAW,IAAI;IAC5B,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,YAAY,IAAI;IACtC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,uBAAuB,CACjC,CAAC,EACD,GAAG,GAAG,OAAO,IACX,CAAC,SAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAClD,GAAG,SAAS,SAAS,GACnB,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAClD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GACzB,KAAK,CAAC"}

package/dist/shared/utils/common.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var range = function range(start, end) {
+  if (end < start) {
+    return []; // 유효하지 않은 입력값 처리
+  }
+  return Array(end - start + 1).fill(0).map(function (_, idx) {
+    return start + idx;
+  });
+};
+var isSSR = function isSSR() {
+  return typeof window === 'undefined';
+};
+
+exports.isSSR = isSSR;
+exports.range = range;
+//# sourceMappingURL=common.cjs.map

package/dist/shared/utils/common.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.cjs","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n  if (end < start) {\n    return []; // 유효하지 않은 입력값 처리\n  }\n  return Array(end - start + 1)\n    .fill(0)\n    .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["range","start","end","Array","fill","map","_","idx","isSSR","window"],"mappings":";;AAAO,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAa,EAAEC,GAAW,EAAK;EACnD,IAAIA,GAAG,GAAGD,KAAK,EAAE;IACf,OAAO,EAAE,CAAC;AACZ,GAAA;AACA,EAAA,OAAOE,KAAK,CAACD,GAAG,GAAGD,KAAK,GAAG,CAAC,CAAC,CAC1BG,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEC,GAAG,EAAA;IAAA,OAAKN,KAAK,GAAGM,GAAG,CAAA;GAAC,CAAA,CAAA;AACjC,EAAC;AACYC,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;;"}

package/dist/shared/utils/common.d.ts

@@ -0,0 +1,3 @@
+export declare const range: (start: number, end: number) => number[];
+export declare const isSSR: () => boolean;
+//# sourceMappingURL=common.d.ts.map

package/dist/shared/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../shared/utils/common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAW,MAAM,OAAO,MAAM,aAO/C,CAAC;AACF,eAAO,MAAM,KAAK,eAAsC,CAAC"}

package/dist/shared/utils/common.js

@@ -0,0 +1,14 @@
+var range = function range(start, end) {
+  if (end < start) {
+    return []; // 유효하지 않은 입력값 처리
+  }
+  return Array(end - start + 1).fill(0).map(function (_, idx) {
+    return start + idx;
+  });
+};
+var isSSR = function isSSR() {
+  return typeof window === 'undefined';
+};
+
+export { isSSR, range };
+//# sourceMappingURL=common.js.map

package/dist/shared/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n  if (end < start) {\n    return []; // 유효하지 않은 입력값 처리\n  }\n  return Array(end - start + 1)\n    .fill(0)\n    .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["range","start","end","Array","fill","map","_","idx","isSSR","window"],"mappings":"AAAO,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAa,EAAEC,GAAW,EAAK;EACnD,IAAIA,GAAG,GAAGD,KAAK,EAAE;IACf,OAAO,EAAE,CAAC;AACZ,GAAA;AACA,EAAA,OAAOE,KAAK,CAACD,GAAG,GAAGD,KAAK,GAAG,CAAC,CAAC,CAC1BG,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEC,GAAG,EAAA;IAAA,OAAKN,KAAK,GAAGM,GAAG,CAAA;GAAC,CAAA,CAAA;AACjC,EAAC;AACYC,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;"}

package/dist/shared/utils/style.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var formatUnit = function formatUnit(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  if (typeof value === 'number') {
+    return "".concat(value).concat(unit);
+  }
+  return value;
+};
+
+exports.formatUnit = formatUnit;
+//# sourceMappingURL=style.cjs.map

package/dist/shared/utils/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","sources":["../../../../shared/utils/style.ts"],"sourcesContent":["type FormatUnitFunction = {\n  (value: string): string;\n  (value: number, unit?: string): string;\n  (value: number | string, unit?: string): string;\n};\n\nexport const formatUnit: FormatUnitFunction = (value, unit = 'px') => {\n  if (typeof value === 'number') {\n    return `${value}${unit}`;\n  }\n\n  return value;\n};\n"],"names":["formatUnit","value","unit","arguments","length","undefined","concat"],"mappings":";;IAMaA,UAA8B,GAAG,SAAjCA,UAA8BA,CAAIC,KAAK,EAAkB;AAAA,EAAA,IAAhBC,IAAI,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AAC/D,EAAA,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAA,EAAA,CAAAK,MAAA,CAAUL,KAAK,CAAAK,CAAAA,MAAA,CAAGJ,IAAI,CAAA,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOD,KAAK,CAAA;AACd;;;;"}

package/dist/shared/utils/style.d.ts

@@ -0,0 +1,8 @@
+type FormatUnitFunction = {
+    (value: string): string;
+    (value: number, unit?: string): string;
+    (value: number | string, unit?: string): string;
+};
+export declare const formatUnit: FormatUnitFunction;
+export {};
+//# sourceMappingURL=style.d.ts.map

package/dist/shared/utils/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../shared/utils/style.ts"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,GAAG;IACxB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,kBAMxB,CAAC"}

package/dist/shared/utils/style.js

@@ -0,0 +1,10 @@
+var formatUnit = function formatUnit(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  if (typeof value === 'number') {
+    return "".concat(value).concat(unit);
+  }
+  return value;
+};
+
+export { formatUnit };
+//# sourceMappingURL=style.js.map

package/dist/shared/utils/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../shared/utils/style.ts"],"sourcesContent":["type FormatUnitFunction = {\n  (value: string): string;\n  (value: number, unit?: string): string;\n  (value: number | string, unit?: string): string;\n};\n\nexport const formatUnit: FormatUnitFunction = (value, unit = 'px') => {\n  if (typeof value === 'number') {\n    return `${value}${unit}`;\n  }\n\n  return value;\n};\n"],"names":["formatUnit","value","unit","arguments","length","undefined","concat"],"mappings":"IAMaA,UAA8B,GAAG,SAAjCA,UAA8BA,CAAIC,KAAK,EAAkB;AAAA,EAAA,IAAhBC,IAAI,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AAC/D,EAAA,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAA,EAAA,CAAAK,MAAA,CAAUL,KAAK,CAAAK,CAAAA,MAAA,CAAGJ,IAAI,CAAA,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOD,KAAK,CAAA;AACd;;;;"}