@remember-web/primitive 0.2.7 → 0.2.9

package/dist/src/Badge/style.cjs.js

@@ -14,7 +14,7 @@ var _templateObject, _templateObject2, _templateObject3;
 /**
  * pseudo로 사용시 data-badge-value attribue가 필요합니다.
  */
-var badgeCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n ", "\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), mixin.getTypographyStyles('Subtitle2'), mixin.secondary100, mixin.contents999);
+var badgeCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n ", "\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), mixin.getTypographyStyles('SubTitle2'), mixin.secondary100, mixin.contents999);
 
 /**
  * @param pseudo - default: 'after'

package/dist/src/Badge/style.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.cjs.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n ${getTypographyStyles('Subtitle2')}\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;;;;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CACxBC,CAAAA,KAAAA,EAAAA,mHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,WAAW,CAAC,EAMnBC,kBAAY,EACjBC,iBAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,UAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,uCAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,uBAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;;;"}
+{"version":3,"file":"style.cjs.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n ${getTypographyStyles('SubTitle2')}\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;;;;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CACxBC,CAAAA,KAAAA,EAAAA,iHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,WAAW,CAAC,EAKnBC,kBAAY,EACjBC,iBAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,UAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,uCAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,uBAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;;;"}

package/dist/src/Badge/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Badge/style.tsx"],"names":[],"mappings":";AAOA;;GAEG;AACH,eAAO,MAAM,QAAQ,6CAWpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,YACpB,OAAO,GAAG,QAAQ;;;iDAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,kNAEvB,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Badge/style.tsx"],"names":[],"mappings":";AAOA;;GAEG;AACH,eAAO,MAAM,QAAQ,6CAUpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,YACpB,OAAO,GAAG,QAAQ;;;iDAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,kNAEvB,CAAC"}

package/dist/src/Badge/style.esm.js

@@ -7,7 +7,7 @@ var _templateObject, _templateObject2, _templateObject3;
 /**
  * pseudo로 사용시 data-badge-value attribue가 필요합니다.
  */
-var badgeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), getTypographyStyles('Subtitle2'), secondary100, contents999);
+var badgeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), getTypographyStyles('SubTitle2'), secondary100, contents999);
 
 /**
  * @param pseudo - default: 'after'

package/dist/src/Badge/style.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.esm.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n ${getTypographyStyles('Subtitle2')}\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CACxBC,CAAAA,KAAAA,EAAAA,mHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,WAAW,CAAC,EAMnBC,YAAY,EACjBC,WAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,MAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;"}
+{"version":3,"file":"style.esm.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n ${getTypographyStyles('SubTitle2')}\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CACxBC,CAAAA,KAAAA,EAAAA,iHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,WAAW,CAAC,EAKnBC,YAAY,EACjBC,WAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,MAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;"}

package/dist/src/Buttons/Button/const.cjs.js

@@ -4,25 +4,25 @@ var mixin = require('@remember-web/mixin');
 
 var BUTTON_SIZES = {
   small: {
-    typography: 'Body2_M',
+    typography: 'Caption1',
     height: '32px',
     minWidth: '68px',
     padding: '0 16px'
   },
   medium: {
-    typography: 'Body1_M',
+    typography: 'UIBody3',
     height: '36px',
     minWidth: '78px',
     padding: '0 20px'
   },
   large: {
-    typography: 'Headline4_M',
+    typography: 'UIBody2',
     height: '44px',
     minWidth: '108px',
     padding: '0 20px'
   },
   xLarge: {
-    typography: 'Headline4_M',
+    typography: 'UIBody2',
     height: '52px',
     minWidth: '116px',
     padding: '0 24px'

package/dist/src/Buttons/Button/const.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.cjs.js","sources":["../../../../src/Buttons/Button/const.ts"],"sourcesContent":["import { contents000, contents300, contents999 } from '@remember-web/mixin';\n\nimport type { SpinnerSize } from '@/Common/Spinner/types';\n\nimport type { ButtonSize, ButtonVariant } from './types';\n\nexport const BUTTON_SIZES = {\n  small: {\n    typography: 'Body2_M',\n    height: '32px',\n    minWidth: '68px',\n    padding: '0 16px',\n  },\n  medium: {\n    typography: 'Body1_M',\n    height: '36px',\n    minWidth: '78px',\n    padding: '0 20px',\n  },\n  large: {\n    typography: 'Headline4_M',\n    height: '44px',\n    minWidth: '108px',\n    padding: '0 20px',\n  },\n  xLarge: {\n    typography: 'Headline4_M',\n    height: '52px',\n    minWidth: '116px',\n    padding: '0 24px',\n  },\n} as const satisfies Record<ButtonSize, unknown>;\n\nexport const BUTTON_COLORS = {\n  primary: {\n    backgroundColor: contents000,\n    color: contents999,\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    color: contents000,\n    borderColor: contents300,\n  },\n} as const satisfies Record<ButtonVariant, unknown>;\n\nexport const SPINNER_SIZE_MAP = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n  xLarge: 'medium',\n} as const satisfies Record<ButtonSize, SpinnerSize>;\n\nexport const ICON_GAP_MAP = {\n  small: '4px',\n  medium: '4px',\n  large: '8px',\n  xLarge: '8px',\n} as const satisfies Record<ButtonSize, string>;\n"],"names":["BUTTON_SIZES","small","typography","height","minWidth","padding","medium","large","xLarge","BUTTON_COLORS","primary","backgroundColor","contents000","color","contents999","outline","borderColor","contents300","SPINNER_SIZE_MAP","ICON_GAP_MAP"],"mappings":";;;;AAMO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDE,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDG,EAAAA,MAAM,EAAE;AACNN,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;AACX,GAAA;AACF,EAAgD;AAEzC,IAAMI,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEC,iBAAW;AAC5BC,IAAAA,KAAK,EAAEC,iBAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,iBAAW;AAClBI,IAAAA,WAAW,EAAEC,iBAAAA;AACf,GAAA;AACF,EAAmD;AAE5C,IAAMC,gBAAgB,GAAG;AAC9BjB,EAAAA,KAAK,EAAE,OAAO;AACdK,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAoD;AAE7C,IAAMW,YAAY,GAAG;AAC1BlB,EAAAA,KAAK,EAAE,KAAK;AACZK,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAA;AACV;;;;;;;"}
+{"version":3,"file":"const.cjs.js","sources":["../../../../src/Buttons/Button/const.ts"],"sourcesContent":["import { contents000, contents300, contents999 } from '@remember-web/mixin';\n\nimport type { SpinnerSize } from '@/Common/Spinner/types';\n\nimport type { ButtonSize, ButtonVariant } from './types';\n\nexport const BUTTON_SIZES = {\n  small: {\n    typography: 'Caption1',\n    height: '32px',\n    minWidth: '68px',\n    padding: '0 16px',\n  },\n  medium: {\n    typography: 'UIBody3',\n    height: '36px',\n    minWidth: '78px',\n    padding: '0 20px',\n  },\n  large: {\n    typography: 'UIBody2',\n    height: '44px',\n    minWidth: '108px',\n    padding: '0 20px',\n  },\n  xLarge: {\n    typography: 'UIBody2',\n    height: '52px',\n    minWidth: '116px',\n    padding: '0 24px',\n  },\n} as const satisfies Record<ButtonSize, unknown>;\n\nexport const BUTTON_COLORS = {\n  primary: {\n    backgroundColor: contents000,\n    color: contents999,\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    color: contents000,\n    borderColor: contents300,\n  },\n} as const satisfies Record<ButtonVariant, unknown>;\n\nexport const SPINNER_SIZE_MAP = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n  xLarge: 'medium',\n} as const satisfies Record<ButtonSize, SpinnerSize>;\n\nexport const ICON_GAP_MAP = {\n  small: '4px',\n  medium: '4px',\n  large: '8px',\n  xLarge: '8px',\n} as const satisfies Record<ButtonSize, string>;\n"],"names":["BUTTON_SIZES","small","typography","height","minWidth","padding","medium","large","xLarge","BUTTON_COLORS","primary","backgroundColor","contents000","color","contents999","outline","borderColor","contents300","SPINNER_SIZE_MAP","ICON_GAP_MAP"],"mappings":";;;;AAMO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,UAAU;AACtBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDE,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDG,EAAAA,MAAM,EAAE;AACNN,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;AACX,GAAA;AACF,EAAgD;AAEzC,IAAMI,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEC,iBAAW;AAC5BC,IAAAA,KAAK,EAAEC,iBAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,iBAAW;AAClBI,IAAAA,WAAW,EAAEC,iBAAAA;AACf,GAAA;AACF,EAAmD;AAE5C,IAAMC,gBAAgB,GAAG;AAC9BjB,EAAAA,KAAK,EAAE,OAAO;AACdK,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAoD;AAE7C,IAAMW,YAAY,GAAG;AAC1BlB,EAAAA,KAAK,EAAE,KAAK;AACZK,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAA;AACV;;;;;;;"}

package/dist/src/Buttons/Button/const.d.ts

@@ -1,24 +1,24 @@
 export declare const BUTTON_SIZES: {
     readonly small: {
-        readonly typography: "Body2_M";
+        readonly typography: "Caption1";
         readonly height: "32px";
         readonly minWidth: "68px";
         readonly padding: "0 16px";
     };
     readonly medium: {
-        readonly typography: "Body1_M";
+        readonly typography: "UIBody3";
         readonly height: "36px";
         readonly minWidth: "78px";
         readonly padding: "0 20px";
     };
     readonly large: {
-        readonly typography: "Headline4_M";
+        readonly typography: "UIBody2";
         readonly height: "44px";
         readonly minWidth: "108px";
         readonly padding: "0 20px";
     };
     readonly xLarge: {
-        readonly typography: "Headline4_M";
+        readonly typography: "UIBody2";
         readonly height: "52px";
         readonly minWidth: "116px";
         readonly padding: "0 24px";

package/dist/src/Buttons/Button/const.esm.js

@@ -2,25 +2,25 @@ import { contents000, contents999, contents300 } from '@remember-web/mixin';
 
 var BUTTON_SIZES = {
   small: {
-    typography: 'Body2_M',
+    typography: 'Caption1',
     height: '32px',
     minWidth: '68px',
     padding: '0 16px'
   },
   medium: {
-    typography: 'Body1_M',
+    typography: 'UIBody3',
     height: '36px',
     minWidth: '78px',
     padding: '0 20px'
   },
   large: {
-    typography: 'Headline4_M',
+    typography: 'UIBody2',
     height: '44px',
     minWidth: '108px',
     padding: '0 20px'
   },
   xLarge: {
-    typography: 'Headline4_M',
+    typography: 'UIBody2',
     height: '52px',
     minWidth: '116px',
     padding: '0 24px'

package/dist/src/Buttons/Button/const.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.esm.js","sources":["../../../../src/Buttons/Button/const.ts"],"sourcesContent":["import { contents000, contents300, contents999 } from '@remember-web/mixin';\n\nimport type { SpinnerSize } from '@/Common/Spinner/types';\n\nimport type { ButtonSize, ButtonVariant } from './types';\n\nexport const BUTTON_SIZES = {\n  small: {\n    typography: 'Body2_M',\n    height: '32px',\n    minWidth: '68px',\n    padding: '0 16px',\n  },\n  medium: {\n    typography: 'Body1_M',\n    height: '36px',\n    minWidth: '78px',\n    padding: '0 20px',\n  },\n  large: {\n    typography: 'Headline4_M',\n    height: '44px',\n    minWidth: '108px',\n    padding: '0 20px',\n  },\n  xLarge: {\n    typography: 'Headline4_M',\n    height: '52px',\n    minWidth: '116px',\n    padding: '0 24px',\n  },\n} as const satisfies Record<ButtonSize, unknown>;\n\nexport const BUTTON_COLORS = {\n  primary: {\n    backgroundColor: contents000,\n    color: contents999,\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    color: contents000,\n    borderColor: contents300,\n  },\n} as const satisfies Record<ButtonVariant, unknown>;\n\nexport const SPINNER_SIZE_MAP = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n  xLarge: 'medium',\n} as const satisfies Record<ButtonSize, SpinnerSize>;\n\nexport const ICON_GAP_MAP = {\n  small: '4px',\n  medium: '4px',\n  large: '8px',\n  xLarge: '8px',\n} as const satisfies Record<ButtonSize, string>;\n"],"names":["BUTTON_SIZES","small","typography","height","minWidth","padding","medium","large","xLarge","BUTTON_COLORS","primary","backgroundColor","contents000","color","contents999","outline","borderColor","contents300","SPINNER_SIZE_MAP","ICON_GAP_MAP"],"mappings":";;AAMO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDE,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDG,EAAAA,MAAM,EAAE;AACNN,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;AACX,GAAA;AACF,EAAgD;AAEzC,IAAMI,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEC,WAAW;AAC5BC,IAAAA,KAAK,EAAEC,WAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,WAAW;AAClBI,IAAAA,WAAW,EAAEC,WAAAA;AACf,GAAA;AACF,EAAmD;AAE5C,IAAMC,gBAAgB,GAAG;AAC9BjB,EAAAA,KAAK,EAAE,OAAO;AACdK,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAoD;AAE7C,IAAMW,YAAY,GAAG;AAC1BlB,EAAAA,KAAK,EAAE,KAAK;AACZK,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAA;AACV;;;;"}
+{"version":3,"file":"const.esm.js","sources":["../../../../src/Buttons/Button/const.ts"],"sourcesContent":["import { contents000, contents300, contents999 } from '@remember-web/mixin';\n\nimport type { SpinnerSize } from '@/Common/Spinner/types';\n\nimport type { ButtonSize, ButtonVariant } from './types';\n\nexport const BUTTON_SIZES = {\n  small: {\n    typography: 'Caption1',\n    height: '32px',\n    minWidth: '68px',\n    padding: '0 16px',\n  },\n  medium: {\n    typography: 'UIBody3',\n    height: '36px',\n    minWidth: '78px',\n    padding: '0 20px',\n  },\n  large: {\n    typography: 'UIBody2',\n    height: '44px',\n    minWidth: '108px',\n    padding: '0 20px',\n  },\n  xLarge: {\n    typography: 'UIBody2',\n    height: '52px',\n    minWidth: '116px',\n    padding: '0 24px',\n  },\n} as const satisfies Record<ButtonSize, unknown>;\n\nexport const BUTTON_COLORS = {\n  primary: {\n    backgroundColor: contents000,\n    color: contents999,\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    color: contents000,\n    borderColor: contents300,\n  },\n} as const satisfies Record<ButtonVariant, unknown>;\n\nexport const SPINNER_SIZE_MAP = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n  xLarge: 'medium',\n} as const satisfies Record<ButtonSize, SpinnerSize>;\n\nexport const ICON_GAP_MAP = {\n  small: '4px',\n  medium: '4px',\n  large: '8px',\n  xLarge: '8px',\n} as const satisfies Record<ButtonSize, string>;\n"],"names":["BUTTON_SIZES","small","typography","height","minWidth","padding","medium","large","xLarge","BUTTON_COLORS","primary","backgroundColor","contents000","color","contents999","outline","borderColor","contents300","SPINNER_SIZE_MAP","ICON_GAP_MAP"],"mappings":";;AAMO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,UAAU;AACtBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDE,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDG,EAAAA,MAAM,EAAE;AACNN,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;AACX,GAAA;AACF,EAAgD;AAEzC,IAAMI,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEC,WAAW;AAC5BC,IAAAA,KAAK,EAAEC,WAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,WAAW;AAClBI,IAAAA,WAAW,EAAEC,WAAAA;AACf,GAAA;AACF,EAAmD;AAE5C,IAAMC,gBAAgB,GAAG;AAC9BjB,EAAAA,KAAK,EAAE,OAAO;AACdK,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAoD;AAE7C,IAAMW,YAAY,GAAG;AAC1BlB,EAAAA,KAAK,EAAE,KAAK;AACZK,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAA;AACV;;;;"}

package/dist/src/Chips/Chip/const.cjs.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var mixin = require('@remember-web/mixin');
+
+var CHIP_SIZE_STYLE = {
+  small: {
+    typography: 'Caption1',
+    padding: '8px 10px',
+    height: '28px'
+  },
+  medium: {
+    typography: 'UIBody3',
+    padding: '8px 12px',
+    height: '30px'
+  }
+};
+var CHIP_VARIANT_STYLE = {
+  filled: {
+    "default": {
+      backgroundColor: mixin.bg200,
+      color: mixin.contents150,
+      leftIconColor: mixin.contents150,
+      deleteButtonColor: mixin.contents200
+    },
+    hover: {
+      backgroundColor: mixin.bg200,
+      color: mixin.contents100,
+      leftIconColor: mixin.contents100,
+      deleteButtonColor: mixin.contents150
+    },
+    disabled: {
+      backgroundColor: mixin.bg300,
+      color: mixin.contents300,
+      leftIconColor: mixin.contents300,
+      deleteButtonColor: mixin.contents300
+    },
+    selected: {
+      backgroundColor: mixin.primary100,
+      color: mixin.contents999,
+      leftIconColor: mixin.contents999,
+      deleteButtonColor: mixin.contents999
+    }
+  },
+  outline: {
+    "default": {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents150,
+      leftIconColor: mixin.contents150,
+      deleteButtonColor: mixin.contents200,
+      border: "1px solid ".concat(mixin.contents150)
+    },
+    hover: {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents100,
+      leftIconColor: mixin.contents100,
+      deleteButtonColor: mixin.contents150,
+      border: "1px solid ".concat(mixin.contents100)
+    },
+    disabled: {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents200,
+      leftIconColor: mixin.contents200,
+      deleteButtonColor: mixin.contents200,
+      border: "1px solid ".concat(mixin.contents200)
+    },
+    selected: {
+      backgroundColor: mixin.primary100,
+      color: mixin.contents999,
+      leftIconColor: mixin.contents999,
+      deleteButtonColor: mixin.contents999
+    }
+  },
+  dashedLine: {
+    "default": {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents150,
+      leftIconColor: mixin.contents150,
+      deleteButtonColor: mixin.contents200,
+      border: "1px dashed ".concat(mixin.contents150)
+    },
+    hover: {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents100,
+      leftIconColor: mixin.contents100,
+      deleteButtonColor: mixin.contents150,
+      border: "1px dashed ".concat(mixin.contents100)
+    },
+    disabled: {
+      backgroundColor: mixin.bg100,
+      color: mixin.contents200,
+      leftIconColor: mixin.contents200,
+      deleteButtonColor: mixin.contents200,
+      border: "1px dashed ".concat(mixin.contents200)
+    },
+    selected: {
+      backgroundColor: mixin.primary100,
+      color: mixin.contents999,
+      leftIconColor: mixin.contents999,
+      deleteButtonColor: mixin.contents999,
+      border: "1px solid ".concat(mixin.primary100)
+    }
+  }
+};
+
+exports.CHIP_SIZE_STYLE = CHIP_SIZE_STYLE;
+exports.CHIP_VARIANT_STYLE = CHIP_VARIANT_STYLE;
+//# sourceMappingURL=const.cjs.js.map

package/dist/src/Chips/Chip/const.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs.js","sources":["../../../../src/Chips/Chip/const.ts"],"sourcesContent":["import {\n  bg100,\n  bg200,\n  bg300,\n  contents100,\n  contents150,\n  contents200,\n  contents300,\n  contents999,\n  primary100,\n} from '@remember-web/mixin';\nimport type { ChipSize, ChipVariant, ChipVariantStyleMap } from './types';\n\nexport const CHIP_SIZE_STYLE = {\n  small: {\n    typography: 'Caption1',\n    padding: '8px 10px',\n    height: '28px',\n  },\n  medium: {\n    typography: 'UIBody3',\n    padding: '8px 12px',\n    height: '30px',\n  },\n} as const satisfies Record<ChipSize, unknown>;\n\nexport const CHIP_VARIANT_STYLE: ChipVariantStyleMap = {\n  filled: {\n    default: {\n      backgroundColor: bg200,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n    },\n    hover: {\n      backgroundColor: bg200,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n    },\n    disabled: {\n      backgroundColor: bg300,\n      color: contents300,\n      leftIconColor: contents300,\n      deleteButtonColor: contents300,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n    },\n  },\n\n  outline: {\n    default: {\n      backgroundColor: bg100,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n      border: `1px solid ${contents150}`,\n    },\n    hover: {\n      backgroundColor: bg100,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n      border: `1px solid ${contents100}`,\n    },\n    disabled: {\n      backgroundColor: bg100,\n      color: contents200,\n      leftIconColor: contents200,\n      deleteButtonColor: contents200,\n      border: `1px solid ${contents200}`,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n    },\n  },\n\n  dashedLine: {\n    default: {\n      backgroundColor: bg100,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n      border: `1px dashed ${contents150}`,\n    },\n    hover: {\n      backgroundColor: bg100,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n      border: `1px dashed ${contents100}`,\n    },\n    disabled: {\n      backgroundColor: bg100,\n      color: contents200,\n      leftIconColor: contents200,\n      deleteButtonColor: contents200,\n      border: `1px dashed ${contents200}`,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n      border: `1px solid ${primary100}`,\n    },\n  },\n} as const satisfies Record<ChipVariant, unknown>;\n"],"names":["CHIP_SIZE_STYLE","small","typography","padding","height","medium","CHIP_VARIANT_STYLE","filled","backgroundColor","bg200","color","contents150","leftIconColor","deleteButtonColor","contents200","hover","contents100","disabled","bg300","contents300","selected","primary100","contents999","outline","bg100","border","concat","dashedLine"],"mappings":";;;;AAaO,IAAMA,eAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,UAAU;AACtBC,IAAAA,OAAO,EAAE,UAAU;AACnBC,IAAAA,MAAM,EAAE,MAAA;GACT;AACDC,EAAAA,MAAM,EAAE;AACNH,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,OAAO,EAAE,UAAU;AACnBC,IAAAA,MAAM,EAAE,MAAA;AACV,GAAA;AACF,EAA8C;AAEvC,IAAME,kBAAuC,GAAG;AACrDC,EAAAA,MAAM,EAAE;IACN,SAAS,EAAA;AACPC,MAAAA,eAAe,EAAEC,WAAK;AACtBC,MAAAA,KAAK,EAAEC,iBAAW;AAClBC,MAAAA,aAAa,EAAED,iBAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,iBAAAA;KACpB;AACDC,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEC,WAAK;AACtBC,MAAAA,KAAK,EAAEM,iBAAW;AAClBJ,MAAAA,aAAa,EAAEI,iBAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,iBAAAA;KACpB;AACDM,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEU,WAAK;AACtBR,MAAAA,KAAK,EAAES,iBAAW;AAClBP,MAAAA,aAAa,EAAEO,iBAAW;AAC1BN,MAAAA,iBAAiB,EAAEM,iBAAAA;KACpB;AACDC,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,gBAAU;AAC3BX,MAAAA,KAAK,EAAEY,iBAAW;AAClBV,MAAAA,aAAa,EAAEU,iBAAW;AAC1BT,MAAAA,iBAAiB,EAAES,iBAAAA;AACrB,KAAA;GACD;AAEDC,EAAAA,OAAO,EAAE;IACP,SAAS,EAAA;AACPf,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEC,iBAAW;AAClBC,MAAAA,aAAa,EAAED,iBAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,iBAAW;MAC9BW,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAef,iBAAW,CAAA;KACjC;AACDI,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEM,iBAAW;AAClBJ,MAAAA,aAAa,EAAEI,iBAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,iBAAW;MAC9Bc,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeV,iBAAW,CAAA;KACjC;AACDC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEI,iBAAW;AAClBF,MAAAA,aAAa,EAAEE,iBAAW;AAC1BD,MAAAA,iBAAiB,EAAEC,iBAAW;MAC9BW,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeZ,iBAAW,CAAA;KACjC;AACDM,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,gBAAU;AAC3BX,MAAAA,KAAK,EAAEY,iBAAW;AAClBV,MAAAA,aAAa,EAAEU,iBAAW;AAC1BT,MAAAA,iBAAiB,EAAES,iBAAAA;AACrB,KAAA;GACD;AAEDK,EAAAA,UAAU,EAAE;IACV,SAAS,EAAA;AACPnB,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEC,iBAAW;AAClBC,MAAAA,aAAa,EAAED,iBAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,iBAAW;MAC9BW,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBf,iBAAW,CAAA;KAClC;AACDI,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEM,iBAAW;AAClBJ,MAAAA,aAAa,EAAEI,iBAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,iBAAW;MAC9Bc,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBV,iBAAW,CAAA;KAClC;AACDC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEgB,WAAK;AACtBd,MAAAA,KAAK,EAAEI,iBAAW;AAClBF,MAAAA,aAAa,EAAEE,iBAAW;AAC1BD,MAAAA,iBAAiB,EAAEC,iBAAW;MAC9BW,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBZ,iBAAW,CAAA;KAClC;AACDM,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,gBAAU;AAC3BX,MAAAA,KAAK,EAAEY,iBAAW;AAClBV,MAAAA,aAAa,EAAEU,iBAAW;AAC1BT,MAAAA,iBAAiB,EAAES,iBAAW;MAC9BG,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeL,gBAAU,CAAA;AACjC,KAAA;AACF,GAAA;AACF;;;;;"}

package/dist/src/Chips/Chip/const.d.ts

@@ -0,0 +1,15 @@
+import type { ChipVariantStyleMap } from './types';
+export declare const CHIP_SIZE_STYLE: {
+    readonly small: {
+        readonly typography: "Caption1";
+        readonly padding: "8px 10px";
+        readonly height: "28px";
+    };
+    readonly medium: {
+        readonly typography: "UIBody3";
+        readonly padding: "8px 12px";
+        readonly height: "30px";
+    };
+};
+export declare const CHIP_VARIANT_STYLE: ChipVariantStyleMap;
+//# sourceMappingURL=const.d.ts.map

package/dist/src/Chips/Chip/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/const.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAyB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,eAAe;;;;;;;;;;;CAWkB,CAAC;AAE/C,eAAO,MAAM,kBAAkB,EAAE,mBAwFgB,CAAC"}

package/dist/src/Chips/Chip/const.esm.js

@@ -0,0 +1,104 @@
+import { bg200, contents150, contents200, contents100, bg300, contents300, primary100, contents999, bg100 } from '@remember-web/mixin';
+
+var CHIP_SIZE_STYLE = {
+  small: {
+    typography: 'Caption1',
+    padding: '8px 10px',
+    height: '28px'
+  },
+  medium: {
+    typography: 'UIBody3',
+    padding: '8px 12px',
+    height: '30px'
+  }
+};
+var CHIP_VARIANT_STYLE = {
+  filled: {
+    "default": {
+      backgroundColor: bg200,
+      color: contents150,
+      leftIconColor: contents150,
+      deleteButtonColor: contents200
+    },
+    hover: {
+      backgroundColor: bg200,
+      color: contents100,
+      leftIconColor: contents100,
+      deleteButtonColor: contents150
+    },
+    disabled: {
+      backgroundColor: bg300,
+      color: contents300,
+      leftIconColor: contents300,
+      deleteButtonColor: contents300
+    },
+    selected: {
+      backgroundColor: primary100,
+      color: contents999,
+      leftIconColor: contents999,
+      deleteButtonColor: contents999
+    }
+  },
+  outline: {
+    "default": {
+      backgroundColor: bg100,
+      color: contents150,
+      leftIconColor: contents150,
+      deleteButtonColor: contents200,
+      border: "1px solid ".concat(contents150)
+    },
+    hover: {
+      backgroundColor: bg100,
+      color: contents100,
+      leftIconColor: contents100,
+      deleteButtonColor: contents150,
+      border: "1px solid ".concat(contents100)
+    },
+    disabled: {
+      backgroundColor: bg100,
+      color: contents200,
+      leftIconColor: contents200,
+      deleteButtonColor: contents200,
+      border: "1px solid ".concat(contents200)
+    },
+    selected: {
+      backgroundColor: primary100,
+      color: contents999,
+      leftIconColor: contents999,
+      deleteButtonColor: contents999
+    }
+  },
+  dashedLine: {
+    "default": {
+      backgroundColor: bg100,
+      color: contents150,
+      leftIconColor: contents150,
+      deleteButtonColor: contents200,
+      border: "1px dashed ".concat(contents150)
+    },
+    hover: {
+      backgroundColor: bg100,
+      color: contents100,
+      leftIconColor: contents100,
+      deleteButtonColor: contents150,
+      border: "1px dashed ".concat(contents100)
+    },
+    disabled: {
+      backgroundColor: bg100,
+      color: contents200,
+      leftIconColor: contents200,
+      deleteButtonColor: contents200,
+      border: "1px dashed ".concat(contents200)
+    },
+    selected: {
+      backgroundColor: primary100,
+      color: contents999,
+      leftIconColor: contents999,
+      deleteButtonColor: contents999,
+      border: "1px solid ".concat(primary100)
+    }
+  }
+};
+
+export { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE };
+//# sourceMappingURL=const.esm.js.map

package/dist/src/Chips/Chip/const.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.esm.js","sources":["../../../../src/Chips/Chip/const.ts"],"sourcesContent":["import {\n  bg100,\n  bg200,\n  bg300,\n  contents100,\n  contents150,\n  contents200,\n  contents300,\n  contents999,\n  primary100,\n} from '@remember-web/mixin';\nimport type { ChipSize, ChipVariant, ChipVariantStyleMap } from './types';\n\nexport const CHIP_SIZE_STYLE = {\n  small: {\n    typography: 'Caption1',\n    padding: '8px 10px',\n    height: '28px',\n  },\n  medium: {\n    typography: 'UIBody3',\n    padding: '8px 12px',\n    height: '30px',\n  },\n} as const satisfies Record<ChipSize, unknown>;\n\nexport const CHIP_VARIANT_STYLE: ChipVariantStyleMap = {\n  filled: {\n    default: {\n      backgroundColor: bg200,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n    },\n    hover: {\n      backgroundColor: bg200,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n    },\n    disabled: {\n      backgroundColor: bg300,\n      color: contents300,\n      leftIconColor: contents300,\n      deleteButtonColor: contents300,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n    },\n  },\n\n  outline: {\n    default: {\n      backgroundColor: bg100,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n      border: `1px solid ${contents150}`,\n    },\n    hover: {\n      backgroundColor: bg100,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n      border: `1px solid ${contents100}`,\n    },\n    disabled: {\n      backgroundColor: bg100,\n      color: contents200,\n      leftIconColor: contents200,\n      deleteButtonColor: contents200,\n      border: `1px solid ${contents200}`,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n    },\n  },\n\n  dashedLine: {\n    default: {\n      backgroundColor: bg100,\n      color: contents150,\n      leftIconColor: contents150,\n      deleteButtonColor: contents200,\n      border: `1px dashed ${contents150}`,\n    },\n    hover: {\n      backgroundColor: bg100,\n      color: contents100,\n      leftIconColor: contents100,\n      deleteButtonColor: contents150,\n      border: `1px dashed ${contents100}`,\n    },\n    disabled: {\n      backgroundColor: bg100,\n      color: contents200,\n      leftIconColor: contents200,\n      deleteButtonColor: contents200,\n      border: `1px dashed ${contents200}`,\n    },\n    selected: {\n      backgroundColor: primary100,\n      color: contents999,\n      leftIconColor: contents999,\n      deleteButtonColor: contents999,\n      border: `1px solid ${primary100}`,\n    },\n  },\n} as const satisfies Record<ChipVariant, unknown>;\n"],"names":["CHIP_SIZE_STYLE","small","typography","padding","height","medium","CHIP_VARIANT_STYLE","filled","backgroundColor","bg200","color","contents150","leftIconColor","deleteButtonColor","contents200","hover","contents100","disabled","bg300","contents300","selected","primary100","contents999","outline","bg100","border","concat","dashedLine"],"mappings":"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"}

package/dist/src/Chips/Chip/index.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var icon = require('@remember-web/icon');
+var react = require('react');
+var styles = require('./styles.cjs.js');
+var typeGuard = require('./typeGuard.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+var _excluded = ["size", "variant", "selected", "clickable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Chip = /*#__PURE__*/react.forwardRef(function (props, ref) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'filled' : _props$variant,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$clickable = props.clickable,
+    clickable = _props$clickable === void 0 ? true : _props$clickable,
+    rest = _objectWithoutProperties__default.default(props, _excluded);
+
+  // NOTE: 개발 모드에서만 런타임 체크 수행
+  if (process.env.NODE_ENV === 'development') {
+    typeGuard.ensureValidChipProps(props);
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledChip, _objectSpread(_objectSpread({
+    ref: ref,
+    "aria-live": "polite",
+    $size: size,
+    $variant: variant,
+    $selected: selected,
+    $clickable: clickable,
+    "data-chip-disabled": props.disabled
+  }, rest), {}, {
+    children: [props.leftIcon, props.children, props.onDelete && /*#__PURE__*/jsxRuntime.jsx(styles.ButtonWrapper, {
+      onClick: function onClick(e) {
+        var _props$onDelete;
+        e.stopPropagation();
+        e.preventDefault();
+        (_props$onDelete = props.onDelete) === null || _props$onDelete === void 0 || _props$onDelete.call(props);
+      },
+      className: "delete-button",
+      children: props.deleteIcon || /*#__PURE__*/jsxRuntime.jsx(icon.IconCloseS, {})
+    })]
+  }));
+});
+
+exports.Chip = Chip;
+//# sourceMappingURL=index.cjs.js.map

package/dist/src/Chips/Chip/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Chips/Chip/index.tsx"],"sourcesContent":["import { IconCloseS } from '@remember-web/icon';\nimport { type ForwardedRef, forwardRef } from 'react';\nimport type { PolymorphicComponent } from 'styled-components';\nimport { ButtonWrapper, StyledChip } from './styles';\nimport { ensureValidChipProps } from './typeGuard';\nimport type { ChipProps } from './types';\n\nexport const Chip = forwardRef(\n  (props: ChipProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const {\n      size = 'medium',\n      variant = 'filled',\n      selected = false,\n      clickable = true,\n      ...rest\n    } = props;\n\n    // NOTE: 개발 모드에서만 런타임 체크 수행\n    if (process.env.NODE_ENV === 'development') {\n      ensureValidChipProps(props);\n    }\n\n    return (\n      <StyledChip\n        ref={ref}\n        aria-live=\"polite\"\n        $size={size}\n        $variant={variant}\n        $selected={selected}\n        $clickable={clickable}\n        data-chip-disabled={props.disabled}\n        {...rest}\n      >\n        {props.leftIcon}\n        {props.children}\n        {props.onDelete && (\n          <ButtonWrapper\n            onClick={(e: React.MouseEvent | React.KeyboardEvent) => {\n              e.stopPropagation();\n              e.preventDefault();\n              props.onDelete?.();\n            }}\n            className=\"delete-button\"\n          >\n            {props.deleteIcon || <IconCloseS />}\n          </ButtonWrapper>\n        )}\n      </StyledChip>\n    );\n  }\n) as PolymorphicComponent<'web', ChipProps>;\n"],"names":["Chip","forwardRef","props","ref","_props$size","size","_props$variant","variant","_props$selected","selected","_props$clickable","clickable","rest","_objectWithoutProperties","_excluded","process","env","NODE_ENV","ensureValidChipProps","_jsxs","StyledChip","_objectSpread","$size","$variant","$selected","$clickable","disabled","children","leftIcon","onDelete","_jsx","ButtonWrapper","onClick","e","_props$onDelete","stopPropagation","preventDefault","call","className","deleteIcon","IconCloseS"],"mappings":";;;;;;;;;;;;;;;;;;AAOO,IAAMA,IAAI,gBAAGC,gBAAU,CAC5B,UAACC,KAAgB,EAAEC,GAAwC,EAAK;AAC9D,EAAA,IAAAC,WAAA,GAMIF,KAAK,CALPG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA;IAAAE,cAAA,GAKbJ,KAAK,CAJPK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;IAAAE,eAAA,GAIhBN,KAAK,CAHPO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,gBAAA,GAGdR,KAAK,CAFPS,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;AACbE,IAAAA,IAAI,GAAAC,yCAAA,CACLX,KAAK,EAAAY,SAAA,CAAA,CAAA;;AAET;AACA,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1CC,8BAAoB,CAAChB,KAAK,CAAC,CAAA;AAC7B,GAAA;AAEA,EAAA,oBACEiB,eAAA,CAACC,iBAAU,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACTlB,IAAAA,GAAG,EAAEA,GAAI;AACT,IAAA,WAAA,EAAU,QAAQ;AAClBmB,IAAAA,KAAK,EAAEjB,IAAK;AACZkB,IAAAA,QAAQ,EAAEhB,OAAQ;AAClBiB,IAAAA,SAAS,EAAEf,QAAS;AACpBgB,IAAAA,UAAU,EAAEd,SAAU;AACtB,IAAA,oBAAA,EAAoBT,KAAK,CAACwB,QAAAA;AAAS,GAAA,EAC/Bd,IAAI,CAAA,EAAA,EAAA,EAAA;AAAAe,IAAAA,QAAA,EAEPzB,CAAAA,KAAK,CAAC0B,QAAQ,EACd1B,KAAK,CAACyB,QAAQ,EACdzB,KAAK,CAAC2B,QAAQ,iBACbC,cAAA,CAACC,oBAAa,EAAA;AACZC,MAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAyC,EAAK;AAAA,QAAA,IAAAC,eAAA,CAAA;QACtDD,CAAC,CAACE,eAAe,EAAE,CAAA;QACnBF,CAAC,CAACG,cAAc,EAAE,CAAA;AAClB,QAAA,CAAAF,eAAA,GAAAhC,KAAK,CAAC2B,QAAQ,MAAA,IAAA,IAAAK,eAAA,KAAA,KAAA,CAAA,IAAdA,eAAA,CAAAG,IAAA,CAAAnC,KAAiB,CAAC,CAAA;OAClB;AACFoC,MAAAA,SAAS,EAAC,eAAe;MAAAX,QAAA,EAExBzB,KAAK,CAACqC,UAAU,iBAAIT,cAAA,CAACU,eAAU,EAAE,EAAA,CAAA;AAAC,KACtB,CAChB,CAAA;AAAA,GAAA,CACS,CAAC,CAAA;AAEjB,CACF;;;;"}

package/dist/src/Chips/Chip/index.d.ts

@@ -0,0 +1,4 @@
+import type { PolymorphicComponent } from 'styled-components';
+import type { ChipProps } from './types';
+export declare const Chip: PolymorphicComponent<"web", ChipProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Chips/Chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,IAAI,wCA2C0B,CAAC"}

package/dist/src/Chips/Chip/index.esm.js

@@ -0,0 +1,50 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { IconCloseS } from '@remember-web/icon';
+import { forwardRef } from 'react';
+import { StyledChip, ButtonWrapper } from './styles.esm.js';
+import { ensureValidChipProps } from './typeGuard.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["size", "variant", "selected", "clickable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'filled' : _props$variant,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$clickable = props.clickable,
+    clickable = _props$clickable === void 0 ? true : _props$clickable,
+    rest = _objectWithoutProperties(props, _excluded);
+
+  // NOTE: 개발 모드에서만 런타임 체크 수행
+  if (process.env.NODE_ENV === 'development') {
+    ensureValidChipProps(props);
+  }
+  return /*#__PURE__*/jsxs(StyledChip, _objectSpread(_objectSpread({
+    ref: ref,
+    "aria-live": "polite",
+    $size: size,
+    $variant: variant,
+    $selected: selected,
+    $clickable: clickable,
+    "data-chip-disabled": props.disabled
+  }, rest), {}, {
+    children: [props.leftIcon, props.children, props.onDelete && /*#__PURE__*/jsx(ButtonWrapper, {
+      onClick: function onClick(e) {
+        var _props$onDelete;
+        e.stopPropagation();
+        e.preventDefault();
+        (_props$onDelete = props.onDelete) === null || _props$onDelete === void 0 || _props$onDelete.call(props);
+      },
+      className: "delete-button",
+      children: props.deleteIcon || /*#__PURE__*/jsx(IconCloseS, {})
+    })]
+  }));
+});
+
+export { Chip };
+//# sourceMappingURL=index.esm.js.map

package/dist/src/Chips/Chip/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Chips/Chip/index.tsx"],"sourcesContent":["import { IconCloseS } from '@remember-web/icon';\nimport { type ForwardedRef, forwardRef } from 'react';\nimport type { PolymorphicComponent } from 'styled-components';\nimport { ButtonWrapper, StyledChip } from './styles';\nimport { ensureValidChipProps } from './typeGuard';\nimport type { ChipProps } from './types';\n\nexport const Chip = forwardRef(\n  (props: ChipProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const {\n      size = 'medium',\n      variant = 'filled',\n      selected = false,\n      clickable = true,\n      ...rest\n    } = props;\n\n    // NOTE: 개발 모드에서만 런타임 체크 수행\n    if (process.env.NODE_ENV === 'development') {\n      ensureValidChipProps(props);\n    }\n\n    return (\n      <StyledChip\n        ref={ref}\n        aria-live=\"polite\"\n        $size={size}\n        $variant={variant}\n        $selected={selected}\n        $clickable={clickable}\n        data-chip-disabled={props.disabled}\n        {...rest}\n      >\n        {props.leftIcon}\n        {props.children}\n        {props.onDelete && (\n          <ButtonWrapper\n            onClick={(e: React.MouseEvent | React.KeyboardEvent) => {\n              e.stopPropagation();\n              e.preventDefault();\n              props.onDelete?.();\n            }}\n            className=\"delete-button\"\n          >\n            {props.deleteIcon || <IconCloseS />}\n          </ButtonWrapper>\n        )}\n      </StyledChip>\n    );\n  }\n) as PolymorphicComponent<'web', ChipProps>;\n"],"names":["Chip","forwardRef","props","ref","_props$size","size","_props$variant","variant","_props$selected","selected","_props$clickable","clickable","rest","_objectWithoutProperties","_excluded","process","env","NODE_ENV","ensureValidChipProps","_jsxs","StyledChip","_objectSpread","$size","$variant","$selected","$clickable","disabled","children","leftIcon","onDelete","_jsx","ButtonWrapper","onClick","e","_props$onDelete","stopPropagation","preventDefault","call","className","deleteIcon","IconCloseS"],"mappings":";;;;;;;;;;;AAOO,IAAMA,IAAI,gBAAGC,UAAU,CAC5B,UAACC,KAAgB,EAAEC,GAAwC,EAAK;AAC9D,EAAA,IAAAC,WAAA,GAMIF,KAAK,CALPG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA;IAAAE,cAAA,GAKbJ,KAAK,CAJPK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;IAAAE,eAAA,GAIhBN,KAAK,CAHPO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,gBAAA,GAGdR,KAAK,CAFPS,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CACLX,KAAK,EAAAY,SAAA,CAAA,CAAA;;AAET;AACA,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1CC,oBAAoB,CAAChB,KAAK,CAAC,CAAA;AAC7B,GAAA;AAEA,EAAA,oBACEiB,IAAA,CAACC,UAAU,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACTlB,IAAAA,GAAG,EAAEA,GAAI;AACT,IAAA,WAAA,EAAU,QAAQ;AAClBmB,IAAAA,KAAK,EAAEjB,IAAK;AACZkB,IAAAA,QAAQ,EAAEhB,OAAQ;AAClBiB,IAAAA,SAAS,EAAEf,QAAS;AACpBgB,IAAAA,UAAU,EAAEd,SAAU;AACtB,IAAA,oBAAA,EAAoBT,KAAK,CAACwB,QAAAA;AAAS,GAAA,EAC/Bd,IAAI,CAAA,EAAA,EAAA,EAAA;AAAAe,IAAAA,QAAA,EAEPzB,CAAAA,KAAK,CAAC0B,QAAQ,EACd1B,KAAK,CAACyB,QAAQ,EACdzB,KAAK,CAAC2B,QAAQ,iBACbC,GAAA,CAACC,aAAa,EAAA;AACZC,MAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAyC,EAAK;AAAA,QAAA,IAAAC,eAAA,CAAA;QACtDD,CAAC,CAACE,eAAe,EAAE,CAAA;QACnBF,CAAC,CAACG,cAAc,EAAE,CAAA;AAClB,QAAA,CAAAF,eAAA,GAAAhC,KAAK,CAAC2B,QAAQ,MAAA,IAAA,IAAAK,eAAA,KAAA,KAAA,CAAA,IAAdA,eAAA,CAAAG,IAAA,CAAAnC,KAAiB,CAAC,CAAA;OAClB;AACFoC,MAAAA,SAAS,EAAC,eAAe;MAAAX,QAAA,EAExBzB,KAAK,CAACqC,UAAU,iBAAIT,GAAA,CAACU,UAAU,EAAE,EAAA,CAAA;AAAC,KACtB,CAChB,CAAA;AAAA,GAAA,CACS,CAAC,CAAA;AAEjB,CACF;;;;"}