@remember-web/primitive 0.0.0-alpha.5 → 0.0.0-alpha.6

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Logos/RememberLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { EnvType } from '../EnvLabel';\nimport { getEnvLabel } from '../EnvLabel';\nimport type { RememberLogoProps } from '../types';\n\nexport const getViewBoxWidth = (env?: EnvType): number => {\n  switch (env) {\n    case 'bravo':\n    case 'alpha':\n    case 'development':\n      return 161;\n    case 'test':\n      return 149;\n    case 'production':\n    case 'final':\n    default:\n      return 122;\n  }\n};\n\nexport const RememberLogo = ({\n  className,\n  color = 'white',\n  height = 20,\n  env,\n  customElement,\n  ref,\n  ...props\n}: RememberLogoProps) => (\n  <div\n    {...props}\n    ref={ref}\n    style={{\n      width: 'fit-content',\n      height,\n      display: 'flex',\n      alignItems: 'center',\n      gap: '4px',\n    }}\n  >\n    <svg\n      className={className}\n      height=\"100%\"\n      viewBox={`0 0 ${getViewBoxWidth(env)} 20`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      preserveAspectRatio=\"none\"\n    >\n      <path\n        d=\"M7.27363 0H0V19.4971H5.42847V1.33647C7.83299 1.67247 9.08406 2.80058 9.57678 4.71425C9.93249 6.09389 9.77387 8.14552 8.83252 9.42662L9.19292 9.91278C12.9883 9.87805 15.1019 7.80483 14.9658 4.92072C14.8082 1.56735 11.7532 0 7.27363 0Z\"\n        fill={color}\n      />\n      <path\n        d=\"M12.4168 11.0052L6.95358 10.9818C6.89475 11.0503 6.85933 11.0913 6.82438 11.1317L6.82242 11.134L6.6908 11.2868L10.6645 19.5365H16.5022L16.5617 19.4436L16.6414 19.319C16.6602 19.2896 16.6813 19.2568 16.7077 19.2155L12.4168 11.0052Z\"\n        fill={color}\n      />\n      <path\n        d=\"M63.4147 5.42002V19.513H68.0211V8.87664C68.0211 8.87664 68.526 8.06387 69.198 8.05167C69.7836 8.04041 70.2116 8.43459 70.2116 9.17697V19.513H74.8348V9.0268C74.8348 9.0268 75.3698 8.05824 76.0859 8.05073C76.6706 8.04416 77.0404 8.58475 77.0404 9.32713V19.5121H81.6476V8.35012C81.6476 5.8968 79.8419 4.92729 78.0174 5.16944C76.007 5.43692 74.7672 7.35997 74.7672 7.35997C74.4894 5.71285 72.801 4.82875 70.9643 5.16944C69.3144 5.47634 67.9769 7.35997 67.9769 7.35997L67.9094 5.42002H63.4147Z\"\n        fill={color}\n      />\n      <path\n        d=\"M29.9101 19.513V5.42002H34.4047L34.4723 7.35997C34.4723 7.35997 35.8097 5.47634 37.4596 5.16944C39.2963 4.82875 40.9848 5.71285 41.2626 7.35997C41.2626 7.35997 42.5024 5.43692 44.5127 5.16944C46.3372 4.92729 48.143 5.8968 48.143 8.35012V19.5121H43.5357V9.32713C43.5357 8.58475 43.1659 8.04416 42.5812 8.05073C41.8651 8.05824 41.3301 9.0268 41.3301 9.0268V19.513H36.7079V9.17697C36.7079 8.43459 36.2799 8.04041 35.6943 8.05167C35.0223 8.06387 34.5173 8.87664 34.5173 8.87664V19.513H29.9101Z\"\n        fill={color}\n      />\n      <path\n        d=\"M116.854 9.17415C116.854 9.17415 117.163 8.20747 117.268 7.91464C118.037 5.77761 119.599 5.03992 122.01 5.08685V9.79359C122.01 9.79359 119.514 9.67815 118.645 9.9597C117.376 10.3717 116.875 11.2474 116.875 12.6233V19.5121H111.846V5.42002H116.706V9.17415H116.854Z\"\n        fill={color}\n      />\n      <path\n        d=\"M92.1423 5.09717C90.7232 5.03804 89.7077 5.7288 89.3004 6.38671V6.95452C92.0062 7.26424 92.1019 11.2661 92.1019 12.4553C92.1019 14.1728 91.8588 16.0724 90.9832 17.3065C90.1244 18.5172 88.9757 18.566 88.2586 18.4375V0.459879L88.2007 0.418275C88.0909 0.33937 88.0313 0.296529 87.9029 0.20366L83.3539 1.72408V19.2099C84.9832 19.6116 87.7922 20.2132 90.4107 19.9241C94.5496 19.467 96.9748 16.5473 96.9748 11.9935C96.9748 8.39986 95.4825 5.23701 92.1423 5.09717Z\"\n        fill={color}\n      />\n      <path\n        d=\"M23.9579 9.50452C24.1419 8.01788 23.5647 6.59976 22.3802 6.56316C20.6806 6.51154 19.8847 9.06434 20.4328 12.1615C20.7294 13.8358 21.7852 15.4567 23.392 16.1315C24.7078 16.6843 26.7885 16.5613 28.0968 15.8537L28.46 16.3605C27.1414 19.3216 24.2977 20.2911 21.7214 19.8781C18.5576 19.3713 16.0311 16.7819 15.8499 12.7772C15.6275 7.87241 18.5276 5.08778 22.5295 5.08778C25.6914 5.09811 28.9781 7.66781 28.6431 12.7134H22.1174V11.9775C22.9649 11.6162 23.819 10.6251 23.9579 9.50452Z\"\n        fill={color}\n      />\n      <path\n        d=\"M55.8727 6.56316C57.0571 6.59976 57.6343 8.01788 57.4504 9.50452C57.3115 10.6251 56.4574 11.6162 55.6099 11.9775V12.7134H62.1355C62.4706 7.66781 59.1838 5.09811 56.0219 5.08778C52.02 5.08778 49.12 7.87241 49.3424 12.7772C49.5235 16.7819 52.0501 19.3713 55.2138 19.8781C57.7901 20.2911 60.6339 19.3216 61.9525 16.3605L61.5893 15.8537C60.281 16.5613 58.2003 16.6843 56.8844 16.1315C55.2777 15.4567 54.2218 13.8358 53.9252 12.1615C53.3771 9.06434 54.173 6.51154 55.8727 6.56316Z\"\n        fill={color}\n      />\n      <path\n        d=\"M106.004 9.50452C106.188 8.01788 105.611 6.59976 104.427 6.56316C102.727 6.51154 101.931 9.06434 102.479 12.1615C102.776 13.8358 103.832 15.4567 105.438 16.1315C106.754 16.6843 108.835 16.5613 110.143 15.8537L110.507 16.3605C109.188 19.3216 106.344 20.2911 103.768 19.8781C100.604 19.3713 98.0776 16.7819 97.8964 12.7772C97.674 7.87241 100.574 5.08778 104.576 5.08778C107.738 5.09811 111.025 7.66781 110.69 12.7134H104.164V11.9775C105.011 11.6162 105.865 10.6251 106.004 9.50452Z\"\n        fill={color}\n      />\n      {getEnvLabel(env)}\n    </svg>\n    {customElement}\n  </div>\n);\n"],"names":["color","height","props","ref","style","width","display","alignItems","gap","children","className","viewBox","fill","xmlns","preserveAspectRatio","d"],"mappings":";;;;;;AAAa;AAAA;AAAA;;AAOX;AACE;AACA;AACA;AACE;AACF;AACE;AACF;AACA;AACA;AACE;AACJ;AACF;;AAEyB;;AAEvBA;;AACAC;;;;AAIGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;AACAC;;AACAC;AAGAC;AACAT;AACAU;AACAC;AACAC;AACAC;AAA0BL;AAGxBM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAIF;AACV;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Logos/RememberMobileLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberMobileLogo = ({\n  className,\n  color = 'white',\n  height = 20,\n  customElement,\n  ref,\n  ...props\n}: RememberLogoProps) => (\n  <div\n    {...props}\n    ref={ref}\n    style={{\n      width: 'fit-content',\n      height,\n      display: 'flex',\n      alignItems: 'flex-end',\n    }}\n  >\n    <svg\n      className={className}\n      height=\"100%\"\n      viewBox=\"0 0 17 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      preserveAspectRatio=\"none\"\n    >\n      <path\n        d=\"M7.40069 0H0V19.9594H5.52411V1.36773C7.96998 1.71095 9.24353 2.86611 9.74532 4.82507C10.1077 6.23782 9.9456 8.33776 8.98823 9.64939L9.35504 10.1476C13.2168 10.1122 15.3677 7.98937 15.2291 5.03691C15.067 1.60466 11.9586 0 7.40069 0Z\"\n        fill={color}\n      />\n      <path\n        d=\"M12.6335 11.2666L7.07494 11.2423C6.95243 11.3854 6.92969 11.412 6.80718 11.5545L10.8501 20H16.7902C16.8354 19.9292 16.865 19.8827 16.8945 19.8363L16.8952 19.8353C16.9249 19.7886 16.9546 19.742 17 19.6708L12.6335 11.2666Z\"\n        fill={color}\n      />\n    </svg>\n    {customElement}\n  </div>\n);\n"],"names":["color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","preserveAspectRatio","d"],"mappings":";;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AACAC;AAA0BL;AAGxBM;AACAH;;AAGAG;AACAH;AAAY;;AAGF;AACV;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { RememberLogoProps } from '@/Logos/types';\n\nimport { Divider } from '@/Common';\nimport { GetStyledComponentProps } from '@remember-web/shared/types';\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n  typeof StyledServiceLogoRoot,\n  As\n> & {\n  label?: string;\n  color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n  label,\n  color = 'black',\n  ...props\n}: GnbNaviLogoProps<As>) => (\n  <StyledServiceLogoRoot {...props}>\n    <RememberLogo color={color} />\n    {label && (\n      <>\n        <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n        <b>{label}</b>\n      </>\n    )}\n  </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","children","_jsx","RememberLogo","_Fragment","Divider","decorative","orientation","style","height"],"mappings":";;;;;;;;;;;;;;;;IAeaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC9BC,GAAA,CAACC,YAAY,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,IAAA,CAAAM,QAAA,EAAA;MAAAH,QAAA,EAAA,cACEC,GAAA,CAACG,OAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;OAAI,CAAC,eACxEP,GAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAIT,KAAAA;AAAK,OAAI,CAAC,CAAA;AAAA,KACd,CACH,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}

package/dist/primitive/src/Logos/RememberServiceLogo/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${contents000};\n\n  display: flex;\n  align-items: end;\n  gap: 8px;\n\n  > b {\n    ${getTypographyStyles('Title2')};\n    text-decoration: none;\n    line-height: 16px;\n  }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","contents000","getTypographyStyles"],"mappings":";;;;;IAIaA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qNAGlCC,WAAW,EAOhBC,mBAAmB,CAAC,QAAQ,CAAC;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Logos/RememberSquareLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberSquareLogo = ({\n  className,\n  backgroundColor = '#F7F7EF',\n  color = 'black',\n  height = 20,\n  customElement,\n  ref,\n  ...props\n}: RememberLogoProps) => (\n  <div\n    {...props}\n    ref={ref}\n    style={{\n      width: 'fit-content',\n      height,\n      display: 'flex',\n      alignItems: 'flex-end',\n    }}\n  >\n    <svg\n      className={className}\n      height=\"100%\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath=\"url(#clip0_222_7)\">\n        <path\n          d=\"M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z\"\n          fill={backgroundColor}\n        />\n        <path\n          d=\"M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z\"\n          fill={color}\n        />\n        <path\n          d=\"M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z\"\n          fill={color}\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_222_7\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n    {customElement}\n  </div>\n);\n"],"names":["backgroundColor","color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","clipPath","d","id"],"mappings":";;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AAAkCJ;AAE/BK;AAA4BL;AAE3BM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAGhBH;AACYO;AAAgBP;AAClBH;AAAWJ;AAAYU;;;AACpB;;AAGD;AACV;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Modals/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';\nimport { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';\n\nimport { Flex } from '@/Common/Flex';\nimport { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';\n\nimport {\n  DialogContent,\n  DialogDescription,\n  DialogIcon,\n  DialogTitle,\n  IconButton,\n  StyledOverlay,\n} from './styles';\n\ninterface ContentProps extends DialogContentProps {\n  children: React.ReactNode;\n  dimmed?: boolean;\n}\n\n/**\n * @prop {React.ReactNode} children\n * @prop {boolean} open\n * @prop {boolean} defaultOpen\n * @prop {(open: boolean) => void} onOpenChange\n * @prop {boolean} modal\n * @prop {string} id\n */\nexport function Dialog({ children, ...props }: DialogProps) {\n  return <Root {...props}>{children}</Root>;\n}\n\n/**\n * @prop {boolean} dimmed\n * @see https://www.radix-ui.com/docs/primitives/components/dialog\n */\nDialog.Content = ({ children, dimmed = true, ...props }: ContentProps) => (\n  <Portal>\n    {dimmed && <StyledOverlay />}\n    <DialogContent {...props}>\n      <Flex direction=\"column\" align=\"center\">\n        {children}\n      </Flex>\n    </DialogContent>\n  </Portal>\n);\n\nDialog.HeadIcon = ({ type = 'alert' }: { type?: 'alert' | 'confirm' }) => (\n  <DialogIcon>\n    {type === 'alert' && <PictogramAlert size={40} />}\n    {type === 'confirm' && <PictogramCheck size={40} />}\n  </DialogIcon>\n);\n\nDialog.CloseIcon = () => (\n  <Close asChild>\n    <IconButton type=\"button\" aria-label=\"Close\">\n      <IconClose size=\"small\" />\n    </IconButton>\n  </Close>\n);\n\nDialog.Title = ({ children }: { children: React.ReactNode }) => (\n  <DialogTitle>{children}</DialogTitle>\n);\n\nDialog.Description = ({ children }: { children: React.ReactNode }) => (\n  <DialogDescription>{children}</DialogDescription>\n);\n\nDialog.Trigger = Trigger;\nDialog.Close = Close;\n"],"names":["props","children","Dialog","dimmed","direction","align","type","size"],"mappings":";;;;;;;;;AAAa;;AAAA;AAAA;AAsBb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AAAqD;AAAtBA;;AACdC;AAAW;AACnC;;AAEA;AACA;AACA;AACA;AACAC;AAAiB;;AAAaC;AAAkBH;;AACvCC;;AAGGG;AAAmBC;AAAcJ;;AAEhC;AACO;AACT;AAGXC;AAAkB;AAAGI;;AACRL;AAC4BM;;AACEA;AAAS;AAAG;AACxC;AAGfL;;;;AAEgBI;AAAc;;AACbC;;;AACA;AACP;AAGVL;AAAe;;AACDD;AAAU;AAAe;AAGvCC;AAAqB;;AACDD;AAAU;AAAqB;AAGnDC;AACAA;;"}

package/dist/primitive/src/Modals/Dialog/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { keyframes } from 'styled-components';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport { primary200, contents000, contents100 } from '@remember-web/mixin';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('Headline4_B')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('Body1_M')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;AAAa;AAQN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/Paginations/CompactPagination/index.tsx"],"sourcesContent":["'use client';\n\nimport { IconArrow2Left, IconArrow2Right } from '@remember-web/icon';\nimport { Flex } from '@/Common/Flex';\nimport { contents000, contents300 } from '@remember-web/mixin';\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":";;;;;;;;AAcO;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/primitive/src/Paginations/Pagination/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/utils/common';\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/primitive/src/Paginations/styles.js.map

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

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

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

@@ -1,26 +0,0 @@
-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';
-//# sourceMappingURL=index.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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;;;;"}