@remember-web/primitive 0.2.8 → 0.2.9

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":";;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,KAAK;AACtBC,MAAAA,KAAK,EAAEC,WAAW;AAClBC,MAAAA,aAAa,EAAED,WAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,WAAAA;KACpB;AACDC,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEC,KAAK;AACtBC,MAAAA,KAAK,EAAEM,WAAW;AAClBJ,MAAAA,aAAa,EAAEI,WAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,WAAAA;KACpB;AACDM,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEU,KAAK;AACtBR,MAAAA,KAAK,EAAES,WAAW;AAClBP,MAAAA,aAAa,EAAEO,WAAW;AAC1BN,MAAAA,iBAAiB,EAAEM,WAAAA;KACpB;AACDC,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,UAAU;AAC3BX,MAAAA,KAAK,EAAEY,WAAW;AAClBV,MAAAA,aAAa,EAAEU,WAAW;AAC1BT,MAAAA,iBAAiB,EAAES,WAAAA;AACrB,KAAA;GACD;AAEDC,EAAAA,OAAO,EAAE;IACP,SAAS,EAAA;AACPf,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEC,WAAW;AAClBC,MAAAA,aAAa,EAAED,WAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,WAAW;MAC9BW,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAef,WAAW,CAAA;KACjC;AACDI,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEM,WAAW;AAClBJ,MAAAA,aAAa,EAAEI,WAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,WAAW;MAC9Bc,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeV,WAAW,CAAA;KACjC;AACDC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEI,WAAW;AAClBF,MAAAA,aAAa,EAAEE,WAAW;AAC1BD,MAAAA,iBAAiB,EAAEC,WAAW;MAC9BW,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeZ,WAAW,CAAA;KACjC;AACDM,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,UAAU;AAC3BX,MAAAA,KAAK,EAAEY,WAAW;AAClBV,MAAAA,aAAa,EAAEU,WAAW;AAC1BT,MAAAA,iBAAiB,EAAES,WAAAA;AACrB,KAAA;GACD;AAEDK,EAAAA,UAAU,EAAE;IACV,SAAS,EAAA;AACPnB,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEC,WAAW;AAClBC,MAAAA,aAAa,EAAED,WAAW;AAC1BE,MAAAA,iBAAiB,EAAEC,WAAW;MAC9BW,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBf,WAAW,CAAA;KAClC;AACDI,IAAAA,KAAK,EAAE;AACLP,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEM,WAAW;AAClBJ,MAAAA,aAAa,EAAEI,WAAW;AAC1BH,MAAAA,iBAAiB,EAAEF,WAAW;MAC9Bc,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBV,WAAW,CAAA;KAClC;AACDC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,eAAe,EAAEgB,KAAK;AACtBd,MAAAA,KAAK,EAAEI,WAAW;AAClBF,MAAAA,aAAa,EAAEE,WAAW;AAC1BD,MAAAA,iBAAiB,EAAEC,WAAW;MAC9BW,MAAM,EAAA,aAAA,CAAAC,MAAA,CAAgBZ,WAAW,CAAA;KAClC;AACDM,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,eAAe,EAAEa,UAAU;AAC3BX,MAAAA,KAAK,EAAEY,WAAW;AAClBV,MAAAA,aAAa,EAAEU,WAAW;AAC1BT,MAAAA,iBAAiB,EAAES,WAAW;MAC9BG,MAAM,EAAA,YAAA,CAAAC,MAAA,CAAeL,UAAU,CAAA;AACjC,KAAA;AACF,GAAA;AACF;;;;"}

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;;;;"}

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var mixin = require('@remember-web/mixin');
+var styled = require('styled-components');
+var _const = require('./const.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["$size", "$variant", "$clickable"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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 getVariantStyles = function getVariantStyles(props) {
+  var _props$$variant = props.$variant,
+    $variant = _props$$variant === void 0 ? 'filled' : _props$$variant,
+    $selected = props.$selected,
+    $clickable = props.$clickable;
+  var getStateStyle = function getStateStyle(state) {
+    return styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    --left-icon-color: ", ";\n    --delete-button-color: ", ";\n  "])), _const.CHIP_VARIANT_STYLE[$variant][state].backgroundColor, _const.CHIP_VARIANT_STYLE[$variant][state].color, _const.CHIP_VARIANT_STYLE[$variant][state].border || 'none', _const.CHIP_VARIANT_STYLE[$variant][state].leftIconColor, _const.CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor);
+  };
+  return styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n    ", ";\n\n    ", "\n    \n    &[data-chip-disabled='true'] {\n      ", "\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  "])), getStateStyle('default'), $clickable && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n      &:hover:not([data-chip-disabled='true']) {\n        ", "\n      }\n\n      ", ":not([data-chip-disabled=\"true\"]) {\n        ", "\n        ", "\n      }\n      "])), getStateStyle('hover'), $selected ? '&' : '&:active', getStateStyle('selected'), $variant === 'outline' && 'border: none;'), getStateStyle('disabled'));
+};
+var StyledChip = styled__default.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", "\n"])), function (_ref) {
+  var $size = _ref.$size,
+    $variant = _ref.$variant,
+    _ref$$clickable = _ref.$clickable,
+    $clickable = _ref$$clickable === void 0 ? false : _ref$$clickable,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ", ";\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n  "])), $clickable ? 'pointer' : 'default', _const.CHIP_SIZE_STYLE[$size].height, _const.CHIP_SIZE_STYLE[$size].padding, mixin.getTypographyStyles(_const.CHIP_SIZE_STYLE[$size].typography), getVariantStyles(_objectSpread({
+    $variant: $variant,
+    $clickable: $clickable
+  }, props)));
+});
+var ButtonWrapper = styled__default.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  "])));
+
+exports.ButtonWrapper = ButtonWrapper;
+exports.StyledChip = StyledChip;
+//# sourceMappingURL=styles.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Chips/Chip/styles.ts"],"sourcesContent":["import { getTypographyStyles } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const';\nimport type { ChipState, ChipStyleProps } from './types';\n\nconst getVariantStyles = (props: Partial<ChipStyleProps>) => {\n  const { $variant = 'filled', $selected, $clickable } = props;\n  const getStateStyle = (state: ChipState) => css`\n    background-color: ${CHIP_VARIANT_STYLE[$variant][state].backgroundColor};\n    color: ${CHIP_VARIANT_STYLE[$variant][state].color};\n    border: ${CHIP_VARIANT_STYLE[$variant][state].border || 'none'};\n    --left-icon-color: ${CHIP_VARIANT_STYLE[$variant][state].leftIconColor};\n    --delete-button-color: ${CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor};\n  `;\n\n  return css`\n    ${getStateStyle('default')};\n\n    ${\n      $clickable &&\n      css`\n      &:hover:not([data-chip-disabled='true']) {\n        ${getStateStyle('hover')}\n      }\n\n      ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n        ${getStateStyle('selected')}\n        ${$variant === 'outline' && 'border: none;'}\n      }\n      `\n    }\n    \n    &[data-chip-disabled='true'] {\n      ${getStateStyle('disabled')}\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  `;\n};\n\nexport const StyledChip = styled.div<ChipStyleProps>`\n  ${({ $size, $variant, $clickable = false, ...props }) => css`\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ${$clickable ? 'pointer' : 'default'};\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ${CHIP_SIZE_STYLE[$size].height};\n    padding: ${CHIP_SIZE_STYLE[$size].padding};\n\n    ${getTypographyStyles(CHIP_SIZE_STYLE[$size].typography)}\n\n    ${getVariantStyles({ $variant, $clickable, ...props })}\n  `}\n`;\n\nexport const ButtonWrapper = styled.button`\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  `;\n"],"names":["getVariantStyles","props","_props$$variant","$variant","$selected","$clickable","getStateStyle","state","css","_templateObject","_taggedTemplateLiteral","CHIP_VARIANT_STYLE","backgroundColor","color","border","leftIconColor","deleteButtonColor","_templateObject2","_templateObject3","StyledChip","styled","div","_templateObject4","_ref","$size","_ref$$clickable","_objectWithoutProperties","_excluded","_templateObject5","CHIP_SIZE_STYLE","height","padding","getTypographyStyles","typography","_objectSpread","ButtonWrapper","button","_templateObject6"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ChipStyleProps } from './types';
+export declare const StyledChip: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipStyleProps>>;
+export declare const ButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/styles.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAC;AA4CzD,eAAO,MAAM,UAAU,2NAwBtB,CAAC;AAEF,eAAO,MAAM,aAAa,4NAMvB,CAAC"}

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

@@ -0,0 +1,36 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import { getTypographyStyles } from '@remember-web/mixin';
+import styled, { css } from 'styled-components';
+import { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const.esm.js';
+
+var _excluded = ["$size", "$variant", "$clickable"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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 getVariantStyles = function getVariantStyles(props) {
+  var _props$$variant = props.$variant,
+    $variant = _props$$variant === void 0 ? 'filled' : _props$$variant,
+    $selected = props.$selected,
+    $clickable = props.$clickable;
+  var getStateStyle = function getStateStyle(state) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    --left-icon-color: ", ";\n    --delete-button-color: ", ";\n  "])), CHIP_VARIANT_STYLE[$variant][state].backgroundColor, CHIP_VARIANT_STYLE[$variant][state].color, CHIP_VARIANT_STYLE[$variant][state].border || 'none', CHIP_VARIANT_STYLE[$variant][state].leftIconColor, CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor);
+  };
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", ";\n\n    ", "\n    \n    &[data-chip-disabled='true'] {\n      ", "\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  "])), getStateStyle('default'), $clickable && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &:hover:not([data-chip-disabled='true']) {\n        ", "\n      }\n\n      ", ":not([data-chip-disabled=\"true\"]) {\n        ", "\n        ", "\n      }\n      "])), getStateStyle('hover'), $selected ? '&' : '&:active', getStateStyle('selected'), $variant === 'outline' && 'border: none;'), getStateStyle('disabled'));
+};
+var StyledChip = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var $size = _ref.$size,
+    $variant = _ref.$variant,
+    _ref$$clickable = _ref.$clickable,
+    $clickable = _ref$$clickable === void 0 ? false : _ref$$clickable,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ", ";\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n  "])), $clickable ? 'pointer' : 'default', CHIP_SIZE_STYLE[$size].height, CHIP_SIZE_STYLE[$size].padding, getTypographyStyles(CHIP_SIZE_STYLE[$size].typography), getVariantStyles(_objectSpread({
+    $variant: $variant,
+    $clickable: $clickable
+  }, props)));
+});
+var ButtonWrapper = styled.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  "])));
+
+export { ButtonWrapper, StyledChip };
+//# sourceMappingURL=styles.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Chips/Chip/styles.ts"],"sourcesContent":["import { getTypographyStyles } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const';\nimport type { ChipState, ChipStyleProps } from './types';\n\nconst getVariantStyles = (props: Partial<ChipStyleProps>) => {\n  const { $variant = 'filled', $selected, $clickable } = props;\n  const getStateStyle = (state: ChipState) => css`\n    background-color: ${CHIP_VARIANT_STYLE[$variant][state].backgroundColor};\n    color: ${CHIP_VARIANT_STYLE[$variant][state].color};\n    border: ${CHIP_VARIANT_STYLE[$variant][state].border || 'none'};\n    --left-icon-color: ${CHIP_VARIANT_STYLE[$variant][state].leftIconColor};\n    --delete-button-color: ${CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor};\n  `;\n\n  return css`\n    ${getStateStyle('default')};\n\n    ${\n      $clickable &&\n      css`\n      &:hover:not([data-chip-disabled='true']) {\n        ${getStateStyle('hover')}\n      }\n\n      ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n        ${getStateStyle('selected')}\n        ${$variant === 'outline' && 'border: none;'}\n      }\n      `\n    }\n    \n    &[data-chip-disabled='true'] {\n      ${getStateStyle('disabled')}\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  `;\n};\n\nexport const StyledChip = styled.div<ChipStyleProps>`\n  ${({ $size, $variant, $clickable = false, ...props }) => css`\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ${$clickable ? 'pointer' : 'default'};\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ${CHIP_SIZE_STYLE[$size].height};\n    padding: ${CHIP_SIZE_STYLE[$size].padding};\n\n    ${getTypographyStyles(CHIP_SIZE_STYLE[$size].typography)}\n\n    ${getVariantStyles({ $variant, $clickable, ...props })}\n  `}\n`;\n\nexport const ButtonWrapper = styled.button`\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  `;\n"],"names":["getVariantStyles","props","_props$$variant","$variant","$selected","$clickable","getStateStyle","state","css","_templateObject","_taggedTemplateLiteral","CHIP_VARIANT_STYLE","backgroundColor","color","border","leftIconColor","deleteButtonColor","_templateObject2","_templateObject3","StyledChip","styled","div","_templateObject4","_ref","$size","_ref$$clickable","_objectWithoutProperties","_excluded","_templateObject5","CHIP_SIZE_STYLE","height","padding","getTypographyStyles","typography","_objectSpread","ButtonWrapper","button","_templateObject6"],"mappings":";;;;;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA8B,EAAK;AAC3D,EAAA,IAAAC,eAAA,GAAuDD,KAAK,CAApDE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;IAAEE,SAAS,GAAiBH,KAAK,CAA/BG,SAAS;IAAEC,UAAU,GAAKJ,KAAK,CAApBI,UAAU,CAAA;AAClD,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAgB,EAAA;IAAA,OAAKC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CACzBC,CAAAA,0BAAAA,EAAAA,gBAAAA,EAAAA,iBAAAA,EAAAA,4BAAAA,EAAAA,gCAAAA,EAAAA,OAAAA,CAAAA,CAAAA,CAAAA,EAAAA,kBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACK,eAAe,EAC9DD,kBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACM,KAAK,EACxCF,kBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACO,MAAM,IAAI,MAAM,EACzCH,kBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACQ,aAAa,EAC7CJ,kBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACS,iBAAiB,CAAA,CAAA;GAC/E,CAAA;EAED,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CACNJ,CAAAA,QAAAA,EAAAA,WAAAA,EAAAA,oDAAAA,EAAAA,kLAAAA,CAAAA,CAAAA,CAAAA,EAAAA,aAAa,CAAC,SAAS,CAAC,EAGxBD,UAAU,IACVG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,CAECJ,CAAAA,8DAAAA,EAAAA,qBAAAA,EAAAA,iDAAAA,EAAAA,YAAAA,EAAAA,mBAAAA,CAAAA,CAAAA,CAAAA,EAAAA,aAAa,CAAC,OAAO,CAAC,EAGxBF,SAAS,GAAG,GAAG,GAAG,UAAU,EAC1BE,aAAa,CAAC,UAAU,CAAC,EACzBH,QAAQ,KAAK,SAAS,IAAI,eAAe,CAE5C,EAICG,aAAa,CAAC,UAAU,CAAC,CAAA,CAAA;AAYjC,CAAC,CAAA;AAEYa,IAAAA,UAAU,GAAGC,MAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,CAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAChC,UAAAa,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAErB,QAAQ,GAAAoB,IAAA,CAARpB,QAAQ;IAAAsB,eAAA,GAAAF,IAAA,CAAElB,UAAU;AAAVA,IAAAA,UAAU,GAAAoB,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AAAKxB,IAAAA,KAAK,GAAAyB,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAGhDL,CAAAA,qEAAAA,EAAAA,6PAAAA,EAAAA,kBAAAA,EAAAA,WAAAA,EAAAA,UAAAA,EAAAA,MAAAA,CAAAA,CAAAA,CAAAA,EAAAA,UAAU,GAAG,SAAS,GAAG,SAAS,EAalCwB,eAAe,CAACL,KAAK,CAAC,CAACM,MAAM,EAC5BD,eAAe,CAACL,KAAK,CAAC,CAACO,OAAO,EAEvCC,mBAAmB,CAACH,eAAe,CAACL,KAAK,CAAC,CAACS,UAAU,CAAC,EAEtDjC,gBAAgB,CAAAkC,aAAA,CAAA;AAAG/B,IAAAA,QAAQ,EAARA,QAAQ;AAAEE,IAAAA,UAAU,EAAVA,UAAAA;GAAeJ,EAAAA,KAAK,CAAE,CAAC,CAAA,CAAA;AAAA,CACvD,EACF;AAEYkC,IAAAA,aAAa,GAAGf,MAAM,CAACgB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAA3B,sBAAA,CAMvC,CAAA,+GAAA,CAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+function ensureValidChipProps(props) {
+  if (props.clickable === false && 'selected' in props) {
+    throw new Error('오류: "clickable"이 false일 때는 "selected" 속성을 사용할 수 없습니다. ' + '선택 가능한 Chip을 만들려면 "clickable"을 true로 설정하세요.');
+  }
+  if (props.onDelete === undefined && 'deleteIcon' in props) {
+    throw new Error('오류: "onDelete" 함수 없이 "deleteIcon"을 사용할 수 없습니다. ' + '"deleteIcon"을 사용하려면 "onDelete" 함수를 함께 사용해야 합니다.');
+  }
+  if (!props.children) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. ');
+  }
+  if (!props.size) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');
+  }
+  if (!props.variant) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');
+  }
+  var validSizes = ['small', 'medium'];
+  if (props.size && !validSizes.includes(props.size)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 size \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.size, "\". ") + "\uC720\uD6A8\uD55C size \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validSizes.join(', '), "."));
+  }
+  var validVariants = ['filled', 'outline', 'dashedLine'];
+  if (props.variant && !validVariants.includes(props.variant)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 variant \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.variant, "\". ") + "\uC720\uD6A8\uD55C variant \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validVariants.join(', '), "."));
+  }
+  return true;
+}
+
+exports.ensureValidChipProps = ensureValidChipProps;
+//# sourceMappingURL=typeGuard.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuard.cjs.js","sources":["../../../../src/Chips/Chip/typeGuard.ts"],"sourcesContent":["import type { ChipProps, ChipSize, ChipVariant } from './types';\n\nexport function ensureValidChipProps(props: ChipProps): props is ChipProps {\n  if (props.clickable === false && 'selected' in props) {\n    throw new Error(\n      '오류: \"clickable\"이 false일 때는 \"selected\" 속성을 사용할 수 없습니다. ' +\n        '선택 가능한 Chip을 만들려면 \"clickable\"을 true로 설정하세요.'\n    );\n  }\n\n  if (props.onDelete === undefined && 'deleteIcon' in props) {\n    throw new Error(\n      '오류: \"onDelete\" 함수 없이 \"deleteIcon\"을 사용할 수 없습니다. ' +\n        '\"deleteIcon\"을 사용하려면 \"onDelete\" 함수를 함께 사용해야 합니다.'\n    );\n  }\n\n  if (!props.children) {\n    throw new Error(\n      '오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. '\n    );\n  }\n\n  if (!props.size) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');\n  }\n\n  if (!props.variant) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');\n  }\n\n  const validSizes: ChipSize[] = ['small', 'medium'];\n  if (props.size && !validSizes.includes(props.size)) {\n    throw new Error(\n      `오류: 올바르지 않은 size 값입니다: \"${props.size}\". ` +\n        `유효한 size 값은 다음과 같습니다: ${validSizes.join(', ')}.`\n    );\n  }\n\n  const validVariants: ChipVariant[] = ['filled', 'outline', 'dashedLine'];\n  if (props.variant && !validVariants.includes(props.variant)) {\n    throw new Error(\n      `오류: 올바르지 않은 variant 값입니다: \"${props.variant}\". ` +\n        `유효한 variant 값은 다음과 같습니다: ${validVariants.join(', ')}.`\n    );\n  }\n  return true;\n}\n"],"names":["ensureValidChipProps","props","clickable","Error","onDelete","undefined","children","size","variant","validSizes","includes","concat","join","validVariants"],"mappings":";;AAEO,SAASA,oBAAoBA,CAACC,KAAgB,EAAsB;EACzE,IAAIA,KAAK,CAACC,SAAS,KAAK,KAAK,IAAI,UAAU,IAAID,KAAK,EAAE;AACpD,IAAA,MAAM,IAAIE,KAAK,CACb,wDAAwD,GACtD,6CACJ,CAAC,CAAA;AACH,GAAA;EAEA,IAAIF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAI,YAAY,IAAIJ,KAAK,EAAE;AACzD,IAAA,MAAM,IAAIE,KAAK,CACb,iDAAiD,GAC/C,iDACJ,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACK,QAAQ,EAAE;AACnB,IAAA,MAAM,IAAIH,KAAK,CACb,yCACF,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACM,IAAI,EAAE;AACf,IAAA,MAAM,IAAIJ,KAAK,CAAC,qCAAqC,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACO,OAAO,EAAE;AAClB,IAAA,MAAM,IAAIL,KAAK,CAAC,wCAAwC,CAAC,CAAA;AAC3D,GAAA;AAEA,EAAA,IAAMM,UAAsB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAClD,EAAA,IAAIR,KAAK,CAACM,IAAI,IAAI,CAACE,UAAU,CAACC,QAAQ,CAACT,KAAK,CAACM,IAAI,CAAC,EAAE;AAClD,IAAA,MAAM,IAAIJ,KAAK,CACb,wFAAAQ,MAAA,CAA2BV,KAAK,CAACM,IAAI,iGAAAI,MAAA,CACVF,UAAU,CAACG,IAAI,CAAC,IAAI,CAAC,MAClD,CAAC,CAAA;AACH,GAAA;EAEA,IAAMC,aAA4B,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAA;AACxE,EAAA,IAAIZ,KAAK,CAACO,OAAO,IAAI,CAACK,aAAa,CAACH,QAAQ,CAACT,KAAK,CAACO,OAAO,CAAC,EAAE;AAC3D,IAAA,MAAM,IAAIL,KAAK,CACb,2FAAAQ,MAAA,CAA8BV,KAAK,CAACO,OAAO,oGAAAG,MAAA,CACbE,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC,MACxD,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

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

@@ -0,0 +1,3 @@
+import type { ChipProps } from './types';
+export declare function ensureValidChipProps(props: ChipProps): props is ChipProps;
+//# sourceMappingURL=typeGuard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuard.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/typeGuard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAyB,MAAM,SAAS,CAAC;AAEhE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,SAAS,CA6CzE"}

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

@@ -0,0 +1,29 @@
+function ensureValidChipProps(props) {
+  if (props.clickable === false && 'selected' in props) {
+    throw new Error('오류: "clickable"이 false일 때는 "selected" 속성을 사용할 수 없습니다. ' + '선택 가능한 Chip을 만들려면 "clickable"을 true로 설정하세요.');
+  }
+  if (props.onDelete === undefined && 'deleteIcon' in props) {
+    throw new Error('오류: "onDelete" 함수 없이 "deleteIcon"을 사용할 수 없습니다. ' + '"deleteIcon"을 사용하려면 "onDelete" 함수를 함께 사용해야 합니다.');
+  }
+  if (!props.children) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. ');
+  }
+  if (!props.size) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');
+  }
+  if (!props.variant) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');
+  }
+  var validSizes = ['small', 'medium'];
+  if (props.size && !validSizes.includes(props.size)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 size \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.size, "\". ") + "\uC720\uD6A8\uD55C size \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validSizes.join(', '), "."));
+  }
+  var validVariants = ['filled', 'outline', 'dashedLine'];
+  if (props.variant && !validVariants.includes(props.variant)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 variant \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.variant, "\". ") + "\uC720\uD6A8\uD55C variant \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validVariants.join(', '), "."));
+  }
+  return true;
+}
+
+export { ensureValidChipProps };
+//# sourceMappingURL=typeGuard.esm.js.map