npm - @remember-web/primitive - Versions diffs - 0.3.7 → 0.4.0 - Mend

@remember-web/primitive 0.3.7 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

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

	@@ -1 +1 @@
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;;;;"}
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,KAAA,MAAA,GAAG,QAAQ,GAAAA,WAAA;IAAAE,cAAA,GAKbJ,KAAK,CAJPK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,cAAA;IAAAE,eAAA,GAIhBN,KAAK,CAHPO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,gBAAA,GAGdR,KAAK,CAFPS,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;AACbE,IAAAA,IAAI,GAAAC,yCAAA,CACLX,KAAK,EAAAY,SAAA,CAAA;;AAET;AACA,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1CC,8BAAoB,CAAChB,KAAK,CAAC;AAC7B;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;AAAS,GAAA,EAC/Bd,IAAI,CAAA,EAAA,EAAA,EAAA;AAAAe,IAAAA,QAAA,EAAA,CAEPzB,KAAK,CAAC0B,QAAQ,EACd1B,KAAK,CAACyB,QAAQ,EACdzB,KAAK,CAAC2B,QAAQ,iBACbC,cAAA,CAACC,oBAAa,EAAA;AACZC,MAAAA,OAAO,EAAE,SAAAA,OAAAA,CAACC,CAAyC,EAAK;AAAA,QAAA,IAAAC,eAAA;QACtDD,CAAC,CAACE,eAAe,EAAE;QACnBF,CAAC,CAACG,cAAc,EAAE;AAClB,QAAA,CAAAF,eAAA,GAAAhC,KAAK,CAAC2B,QAAQ,MAAA,IAAA,IAAAK,eAAA,KAAA,MAAA,IAAdA,eAAA,CAAAG,IAAA,CAAAnC,KAAiB,CAAC;OAClB;AACFoC,MAAAA,SAAS,EAAC,eAAe;MAAAX,QAAA,EAExBzB,KAAK,CAACqC,UAAU,iBAAIT,cAAA,CAACU,eAAU,EAAA,EAAE;AAAC,KACtB,CAChB;AAAA,GAAA,CACS,CAAC;AAEjB,CACF;;;;"}

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

@@ -8,7 +8,7 @@ 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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,

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

	@@ -1 +1 @@
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;;;;"}
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,KAAA,MAAA,GAAG,QAAQ,GAAAA,WAAA;IAAAE,cAAA,GAKbJ,KAAK,CAJPK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,cAAA;IAAAE,eAAA,GAIhBN,KAAK,CAHPO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,gBAAA,GAGdR,KAAK,CAFPS,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CACLX,KAAK,EAAAY,SAAA,CAAA;;AAET;AACA,EAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1CC,oBAAoB,CAAChB,KAAK,CAAC;AAC7B;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;AAAS,GAAA,EAC/Bd,IAAI,CAAA,EAAA,EAAA,EAAA;AAAAe,IAAAA,QAAA,EAAA,CAEPzB,KAAK,CAAC0B,QAAQ,EACd1B,KAAK,CAACyB,QAAQ,EACdzB,KAAK,CAAC2B,QAAQ,iBACbC,GAAA,CAACC,aAAa,EAAA;AACZC,MAAAA,OAAO,EAAE,SAAAA,OAAAA,CAACC,CAAyC,EAAK;AAAA,QAAA,IAAAC,eAAA;QACtDD,CAAC,CAACE,eAAe,EAAE;QACnBF,CAAC,CAACG,cAAc,EAAE;AAClB,QAAA,CAAAF,eAAA,GAAAhC,KAAK,CAAC2B,QAAQ,MAAA,IAAA,IAAAK,eAAA,KAAA,MAAA,IAAdA,eAAA,CAAAG,IAAA,CAAAnC,KAAiB,CAAC;OAClB;AACFoC,MAAAA,SAAS,EAAC,eAAe;MAAAX,QAAA,EAExBzB,KAAK,CAACqC,UAAU,iBAAIT,GAAA,CAACU,UAAU,EAAA,EAAE;AAAC,KACtB,CAChB;AAAA,GAAA,CACS,CAAC;AAEjB,CACF;;;;"}

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

@@ -17,7 +17,7 @@ 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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,

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

	@@ -1 +1 @@
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($selected ? 'selectedHover' : 'hover')}\n }\n\n ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n ${getStateStyle('selected')} \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: left;\n transition: all 0.2s ease-in;\n height: auto; \n padding: ${CHIP_SIZE_STYLE[$size][$variant].padding};\n\n ${getTypographyStyles(CHIP_SIZE_STYLE[$size][$variant].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","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,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,~~CACzBC~~,~~CAAAA~~,~~0BAAAA~~,~~EAAAA~~,~~gBAAAA~~,~~EAAAA~~,~~iBAAAA~~,~~EAAAA~~,~~4BAAAA~~,~~EAAAA~~,~~gCAAAA~~,~~EAAAA~~,~~OAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~EAAAA~~,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACK,eAAe,EAC9DD,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACM,KAAK,EACxCF,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACO,MAAM,IAAI,MAAM,EACzCH,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACQ,aAAa,EAC7CJ,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACS,iBAAiB,CAAA~~,CAAA~~;GAC/E~~,CAAA~~;EAED,OAAOR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,sQACNJ,aAAa,CAAC,SAAS,CAAC,EAGxBD,UAAU,IACVG,UAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,uCAAA,CAAA,CAAA,8DAAA,EAAA,qBAAA,EAAA,iDAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,EAECJ,aAAa,CAACF,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC,EAGtDA,SAAS,GAAG,GAAG,GAAG,UAAU,EAC1BE,aAAa,CAAC,UAAU,CAAC,CAE5B,EAICA,aAAa,CAAC,UAAU,CAAC,CAAA~~,CAAA~~;AAYjC,CAAC~~,CAAA~~;~~AAEYa~~,~~IAAAA~~,UAAU,GAAGC,uBAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,uCAAA,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,yCAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA~~,CAAA~~;AAAA,EAAA,OAAOnB,UAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,qEAAA,EAAA,8QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EAGhDL,UAAU,GAAG,SAAS,GAAG,SAAS,EAajCwB,sBAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC2B,OAAO,EAEjDC,yBAAmB,CAACF,sBAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC6B,UAAU,CAAC,EAEhEhC,gBAAgB,CAAAiC,aAAA,CAAA;AAAG9B,IAAAA,QAAQ,EAARA,QAAQ;AAAEE,IAAAA,UAAU,EAAVA~~,UAAAA~~;~~GAAeJ~~,~~EAAAA~~,KAAK,CAAE,CAAC,CAAA~~,CAAA~~;AAAA,CACvD~~,EACF~~;~~AAEYiC~~,~~IAAAA~~,aAAa,GAAGd,uBAAM,CAACe,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,uCAAA,~~CAMvC~~,CAAA,+GAAA,CAAA,CAAA,CAAA;;;;;"}
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($selected ? 'selectedHover' : 'hover')}\n }\n\n ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n ${getStateStyle('selected')} \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: left;\n transition: all 0.2s ease-in;\n height: auto; \n padding: ${CHIP_SIZE_STYLE[$size][$variant].padding};\n\n ${getTypographyStyles(CHIP_SIZE_STYLE[$size][$variant].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","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,KAAA,MAAA,GAAG,QAAQ,GAAAA,eAAA;IAAEE,SAAS,GAAiBH,KAAK,CAA/BG,SAAS;IAAEC,UAAU,GAAKJ,KAAK,CAApBI,UAAU;AAClD,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAgB,EAAA;IAAA,OAAKC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,0BAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,gCAAA,EAAA,OAAA,CAAA,CAAA,CAAA,EACzBC,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACK,eAAe,EAC9DD,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACM,KAAK,EACxCF,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACO,MAAM,IAAI,MAAM,EACzCH,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACQ,aAAa,EAC7CJ,yBAAkB,CAACR,QAAQ,CAAC,CAACI,KAAK,CAAC,CAACS,iBAAiB,CAAA;GAC/E;EAED,OAAOR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,sQACNJ,aAAa,CAAC,SAAS,CAAC,EAGxBD,UAAU,IACVG,UAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,uCAAA,CAAA,CAAA,8DAAA,EAAA,qBAAA,EAAA,iDAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,EAECJ,aAAa,CAACF,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC,EAGtDA,SAAS,GAAG,GAAG,GAAG,UAAU,EAC1BE,aAAa,CAAC,UAAU,CAAC,CAE5B,EAICA,aAAa,CAAC,UAAU,CAAC,CAAA;AAYjC,CAAC;AAEM,IAAMa,UAAU,GAAGC,uBAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAZ,uCAAA,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,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;AAAKxB,IAAAA,KAAK,GAAAyB,yCAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAAA,EAAA,OAAOnB,UAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,qEAAA,EAAA,8QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EAGhDL,UAAU,GAAG,SAAS,GAAG,SAAS,EAajCwB,sBAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC2B,OAAO,EAEjDC,yBAAmB,CAACF,sBAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC6B,UAAU,CAAC,EAEhEhC,gBAAgB,CAAAiC,aAAA,CAAA;AAAG9B,IAAAA,QAAQ,EAARA,QAAQ;AAAEE,IAAAA,UAAU,EAAVA;GAAU,EAAKJ,KAAK,CAAE,CAAC,CAAA;AAAA,CACvD;AAGI,IAAMiC,aAAa,GAAGd,uBAAM,CAACe,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,uCAAA,CAAA,CAAA,+GAAA,CAAA,CAAA,CAAA;;;;;"}

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

@@ -8,7 +8,7 @@ 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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,

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

	@@ -1 +1 @@
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($selected ? 'selectedHover' : 'hover')}\n }\n\n ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n ${getStateStyle('selected')} \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: left;\n transition: all 0.2s ease-in;\n height: auto; \n padding: ${CHIP_SIZE_STYLE[$size][$variant].padding};\n\n ${getTypographyStyles(CHIP_SIZE_STYLE[$size][$variant].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","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,sQACNJ,aAAa,CAAC,SAAS,CAAC,EAGxBD,UAAU,IACVG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,CAAA,CAAA,8DAAA,EAAA,qBAAA,EAAA,iDAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,EAECJ,aAAa,CAACF,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC,EAGtDA,SAAS,GAAG,GAAG,GAAG,UAAU,EAC1BE,aAAa,CAAC,UAAU,CAAC,CAE5B,EAICA,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,CAAA,CAAA,qEAAA,EAAA,8QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EAGhDL,UAAU,GAAG,SAAS,GAAG,SAAS,EAajCwB,eAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC2B,OAAO,EAEjDC,mBAAmB,CAACF,eAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC6B,UAAU,CAAC,EAEhEhC,gBAAgB,CAAAiC,aAAA,CAAA;AAAG9B,IAAAA,QAAQ,EAARA,QAAQ;AAAEE,IAAAA,UAAU,EAAVA~~,UAAAA~~;~~GAAeJ~~,~~EAAAA~~,KAAK,CAAE,CAAC,CAAA~~,CAAA~~;AAAA,CACvD~~,EACF~~;~~AAEYiC~~,~~IAAAA~~,aAAa,GAAGd,MAAM,CAACe,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,sBAAA,~~CAMvC~~,CAAA,+GAAA,CAAA,CAAA,CAAA;;;;"}
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($selected ? 'selectedHover' : 'hover')}\n }\n\n ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n ${getStateStyle('selected')} \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: left;\n transition: all 0.2s ease-in;\n height: auto; \n padding: ${CHIP_SIZE_STYLE[$size][$variant].padding};\n\n ${getTypographyStyles(CHIP_SIZE_STYLE[$size][$variant].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","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,KAAA,MAAA,GAAG,QAAQ,GAAAA,eAAA;IAAEE,SAAS,GAAiBH,KAAK,CAA/BG,SAAS;IAAEC,UAAU,GAAKJ,KAAK,CAApBI,UAAU;AAClD,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAgB,EAAA;IAAA,OAAKC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,0BAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,4BAAA,EAAA,gCAAA,EAAA,OAAA,CAAA,CAAA,CAAA,EACzBC,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;GAC/E;EAED,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,sQACNJ,aAAa,CAAC,SAAS,CAAC,EAGxBD,UAAU,IACVG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,CAAA,CAAA,8DAAA,EAAA,qBAAA,EAAA,iDAAA,EAAA,oBAAA,CAAA,CAAA,CAAA,EAECJ,aAAa,CAACF,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC,EAGtDA,SAAS,GAAG,GAAG,GAAG,UAAU,EAC1BE,aAAa,CAAC,UAAU,CAAC,CAE5B,EAICA,aAAa,CAAC,UAAU,CAAC,CAAA;AAYjC,CAAC;AAEM,IAAMa,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,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;AAAKxB,IAAAA,KAAK,GAAAyB,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAAA,EAAA,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAAA,CAAA,qEAAA,EAAA,8QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EAGhDL,UAAU,GAAG,SAAS,GAAG,SAAS,EAajCwB,eAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC2B,OAAO,EAEjDC,mBAAmB,CAACF,eAAe,CAACL,KAAK,CAAC,CAACrB,QAAQ,CAAC,CAAC6B,UAAU,CAAC,EAEhEhC,gBAAgB,CAAAiC,aAAA,CAAA;AAAG9B,IAAAA,QAAQ,EAARA,QAAQ;AAAEE,IAAAA,UAAU,EAAVA;GAAU,EAAKJ,KAAK,CAAE,CAAC,CAAA;AAAA,CACvD;AAGI,IAAMiC,aAAa,GAAGd,MAAM,CAACe,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAA1B,sBAAA,CAAA,CAAA,+GAAA,CAAA,CAAA,CAAA;;;;"}

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

	@@ -1 +1 @@
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;;;;"}
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;AACH;EAEA,IAAIF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAI,YAAY,IAAIJ,KAAK,EAAE;AACzD,IAAA,MAAM,IAAIE,KAAK,CACb,iDAAiD,GAC/C,iDACJ,CAAC;AACH;AAEA,EAAA,IAAI,CAACF,KAAK,CAACK,QAAQ,EAAE;AACnB,IAAA,MAAM,IAAIH,KAAK,CACb,yCACF,CAAC;AACH;AAEA,EAAA,IAAI,CAACF,KAAK,CAACM,IAAI,EAAE;AACf,IAAA,MAAM,IAAIJ,KAAK,CAAC,qCAAqC,CAAC;AACxD;AAEA,EAAA,IAAI,CAACF,KAAK,CAACO,OAAO,EAAE;AAClB,IAAA,MAAM,IAAIL,KAAK,CAAC,wCAAwC,CAAC;AAC3D;AAEA,EAAA,IAAMM,UAAsB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC;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;AACH;EAEA,IAAMC,aAA4B,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC;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;AACH;AACA,EAAA,OAAO,IAAI;AACb;;;;"}

package/dist/src/Chips/Chip/typeGuard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typeGuard.esm.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;;;;"}
1	+ {"version":3,"file":"typeGuard.esm.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;AACH;EAEA,IAAIF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAI,YAAY,IAAIJ,KAAK,EAAE;AACzD,IAAA,MAAM,IAAIE,KAAK,CACb,iDAAiD,GAC/C,iDACJ,CAAC;AACH;AAEA,EAAA,IAAI,CAACF,KAAK,CAACK,QAAQ,EAAE;AACnB,IAAA,MAAM,IAAIH,KAAK,CACb,yCACF,CAAC;AACH;AAEA,EAAA,IAAI,CAACF,KAAK,CAACM,IAAI,EAAE;AACf,IAAA,MAAM,IAAIJ,KAAK,CAAC,qCAAqC,CAAC;AACxD;AAEA,EAAA,IAAI,CAACF,KAAK,CAACO,OAAO,EAAE;AAClB,IAAA,MAAM,IAAIL,KAAK,CAAC,wCAAwC,CAAC;AAC3D;AAEA,EAAA,IAAMM,UAAsB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC;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;AACH;EAEA,IAAMC,aAA4B,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC;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;AACH;AACA,EAAA,OAAO,IAAI;AACb;;;;"}

package/dist/src/Common/Divider/index.cjs.js CHANGED Viewed

@@ -35,7 +35,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledDivider = styled__default.default(SeparatorPrimitive__namespace.Root)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  background-color: ", ";\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: ", ";\n  }\n  &[data-orientation='vertical'] {\n    height: ", ";\n    width: 1px;\n  }\n"])), function (_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? mixin.divider : _ref$color;

package/dist/src/Common/Divider/index.esm.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { jsx } from 'react/jsx-runtime';
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledDivider = styled(SeparatorPrimitive.Root)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: ", ";\n  }\n  &[data-orientation='vertical'] {\n    height: ", ";\n    width: 1px;\n  }\n"])), function (_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? divider : _ref$color;

package/dist/src/Common/Flex/index.cjs.js CHANGED Viewed

@@ -18,7 +18,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var _excluded = ["width", "height", "direction", "gap", "align", "justify", "wrap"];
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledFlex = styled__default.default.div(function (_ref) {
   var _ref$$align = _ref.$align,
     $align = _ref$$align === void 0 ? 'center' : _ref$$align,

package/dist/src/Common/Flex/index.esm.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["width", "height", "direction", "gap", "align", "justify", "wrap"];
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledFlex = styled.div(function (_ref) {
   var _ref$$align = _ref.$align,
     $align = _ref$$align === void 0 ? 'center' : _ref$$align,

package/dist/src/Common/Grid/index.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledGrid = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  box-sizing: border-box;\n  display: grid;\n  width: ", ";\n  height: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  grid-auto-flow: ", ";\n  grid-template-columns: ", ";\n  gap: ", ";\n  column-gap: ", ";\n  row-gap: ", ";\n"])), function (_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '100%' : _ref$width;

package/dist/src/Common/Grid/index.esm.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 var _templateObject;
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 StyledGrid = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: grid;\n  width: ", ";\n  height: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  grid-auto-flow: ", ";\n  grid-template-columns: ", ";\n  gap: ", ";\n  column-gap: ", ";\n  row-gap: ", ";\n"])), function (_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '100%' : _ref$width;

package/dist/src/Common/Skeleton/index.cjs.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["variant", "width", "height", "animate"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 Skeleton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
     width = _ref.width,

package/dist/src/Common/Skeleton/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Skeleton/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledSkeletonProps } from '@/Common/Skeleton/styles';\nimport { StyledSkeleton } from '@/Common/Skeleton/styles';\n\ntype SkeletonProps = Partial<ConvertTransientProps<StyledSkeletonProps>> &\n ComponentPropsWithoutRef<'div'>;\n\nexport const Skeleton = forwardRef(function (\n { variant, width, height, animate = true, ...props }: SkeletonProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n) {\n return (\n <StyledSkeleton\n ref={ref}\n $variant={variant}\n $width={width}\n $height={height}\n $animate={animate}\n {...props}\n />\n );\n});\n"],"names":["Skeleton","forwardRef","_ref","ref","variant","width","height","_ref$animate","animate","props","_objectWithoutProperties","_excluded","_jsx","StyledSkeleton","_objectSpread","$variant","$width","$height","$animate"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAEjCC,GAAwC,EACxC;AAAA,EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,YAAA,GAAAL,IAAA,CAAEM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,IAAI,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,yCAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA~~,CAAA~~;AAGlD,EAAA,oBACEC,cAAA,CAACC,qBAAc,EAAAC,aAAA,CAAA;AACbX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,QAAQ,EAAEX,OAAQ;AAClBY,IAAAA,MAAM,EAAEX,KAAM;AACdY,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,QAAQ,EAAEV~~,OAAAA~~;~~GACNC~~,~~EAAAA~~,KAAK,CACV,CAAC~~,CAAA~~;AAEN,CAAC;;;;"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Skeleton/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledSkeletonProps } from '@/Common/Skeleton/styles';\nimport { StyledSkeleton } from '@/Common/Skeleton/styles';\n\ntype SkeletonProps = Partial<ConvertTransientProps<StyledSkeletonProps>> &\n ComponentPropsWithoutRef<'div'>;\n\nexport const Skeleton = forwardRef(function (\n { variant, width, height, animate = true, ...props }: SkeletonProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n) {\n return (\n <StyledSkeleton\n ref={ref}\n $variant={variant}\n $width={width}\n $height={height}\n $animate={animate}\n {...props}\n />\n );\n});\n"],"names":["Skeleton","forwardRef","_ref","ref","variant","width","height","_ref$animate","animate","props","_objectWithoutProperties","_excluded","_jsx","StyledSkeleton","_objectSpread","$variant","$width","$height","$animate"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAEjCC,GAAwC,EACxC;AAAA,EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,YAAA,GAAAL,IAAA,CAAEM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,yCAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAGlD,EAAA,oBACEC,cAAA,CAACC,qBAAc,EAAAC,aAAA,CAAA;AACbX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,QAAQ,EAAEX,OAAQ;AAClBY,IAAAA,MAAM,EAAEX,KAAM;AACdY,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,QAAQ,EAAEV;GAAQ,EACdC,KAAK,CACV,CAAC;AAEN,CAAC;;;;"}

package/dist/src/Common/Skeleton/index.esm.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["variant", "width", "height", "animate"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 Skeleton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
     width = _ref.width,

package/dist/src/Common/Skeleton/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Skeleton/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledSkeletonProps } from '@/Common/Skeleton/styles';\nimport { StyledSkeleton } from '@/Common/Skeleton/styles';\n\ntype SkeletonProps = Partial<ConvertTransientProps<StyledSkeletonProps>> &\n ComponentPropsWithoutRef<'div'>;\n\nexport const Skeleton = forwardRef(function (\n { variant, width, height, animate = true, ...props }: SkeletonProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n) {\n return (\n <StyledSkeleton\n ref={ref}\n $variant={variant}\n $width={width}\n $height={height}\n $animate={animate}\n {...props}\n />\n );\n});\n"],"names":["Skeleton","forwardRef","_ref","ref","variant","width","height","_ref$animate","animate","props","_objectWithoutProperties","_excluded","_jsx","StyledSkeleton","_objectSpread","$variant","$width","$height","$animate"],"mappings":";;;;;;;;;AAUO,IAAMA,QAAQ,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAEjCC,GAAwC,EACxC;AAAA,EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,YAAA,GAAAL,IAAA,CAAEM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,IAAI,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA~~,CAAA~~;AAGlD,EAAA,oBACEC,GAAA,CAACC,cAAc,EAAAC,aAAA,CAAA;AACbX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,QAAQ,EAAEX,OAAQ;AAClBY,IAAAA,MAAM,EAAEX,KAAM;AACdY,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,QAAQ,EAAEV~~,OAAAA~~;~~GACNC~~,~~EAAAA~~,KAAK,CACV,CAAC~~,CAAA~~;AAEN,CAAC;;;;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Skeleton/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ForwardedRef } from 'react';\nimport { forwardRef } from 'react';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledSkeletonProps } from '@/Common/Skeleton/styles';\nimport { StyledSkeleton } from '@/Common/Skeleton/styles';\n\ntype SkeletonProps = Partial<ConvertTransientProps<StyledSkeletonProps>> &\n ComponentPropsWithoutRef<'div'>;\n\nexport const Skeleton = forwardRef(function (\n { variant, width, height, animate = true, ...props }: SkeletonProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n) {\n return (\n <StyledSkeleton\n ref={ref}\n $variant={variant}\n $width={width}\n $height={height}\n $animate={animate}\n {...props}\n />\n );\n});\n"],"names":["Skeleton","forwardRef","_ref","ref","variant","width","height","_ref$animate","animate","props","_objectWithoutProperties","_excluded","_jsx","StyledSkeleton","_objectSpread","$variant","$width","$height","$animate"],"mappings":";;;;;;;;;AAUO,IAAMA,QAAQ,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAEjCC,GAAwC,EACxC;AAAA,EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,YAAA,GAAAL,IAAA,CAAEM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAGlD,EAAA,oBACEC,GAAA,CAACC,cAAc,EAAAC,aAAA,CAAA;AACbX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,QAAQ,EAAEX,OAAQ;AAClBY,IAAAA,MAAM,EAAEX,KAAM;AACdY,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,QAAQ,EAAEV;GAAQ,EACdC,KAAK,CACV,CAAC;AAEN,CAAC;;;;"}

package/dist/src/Common/Skeleton/styles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Common/Skeleton/styles.ts"],"sourcesContent":["import { contents200 } from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 100%;\n }\n`;\n\nexport const skeletonShimmer = css`\n --from-color: rgba(255, 255, 255, 0.75);\n --to-color: rgba(255, 255, 255, 0.55);\n\n background: linear-gradient(\n 90deg,\n var(--from-color) 25%,\n var(--to-color) 37%,\n var(--from-color) 63%\n );\n background-size: 400% 100%;\n animation: ${shimmerAnimation};\n animation-duration: 1.8s;\n animation-iteration-count: infinite;\n`;\n\nexport interface StyledSkeletonProps {\n $variant?: 'circle' \| 'rounded';\n $width?: number \| string;\n $height?: number \| string;\n $animate?: boolean;\n}\n\nexport const StyledSkeleton = styled.div<StyledSkeletonProps>`\n width: ${({ $width = '100%' }) =>\n typeof $width === 'number' ? `${$width}px` : $width};\n height: ${({ $height = '100%' }) =>\n typeof $height === 'number' ? `${$height}px` : $height};\n border-radius: ${({ $variant = 'rounded' }) => ($variant === 'rounded' ? '4px': '50%')};\n ${({ $animate }) => ($animate ? skeletonShimmer : null)};\n background-color: ${contents200};\n position: relative;\n overflow: hidden;\n`;\n"],"names":["shimmerAnimation","keyframes","_templateObject","_taggedTemplateLiteral","skeletonShimmer","css","_templateObject2","StyledSkeleton","styled","div","_templateObject3","_ref","_ref$$width","$width","concat","_ref2","_ref2$$height","$height","_ref3","_ref3$$variant","$variant","_ref4","$animate","contents200"],"mappings":";;;;;;;;;;;;AAGA,IAAMA,gBAAgB,GAAGC,gBAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,~~CAOjC~~,CAAA,wGAAA,CAAA,CAAA,CAAA,~~CAAA,CAAA~~;~~AAEYC~~,~~IAAAA~~,eAAe,GAAGC,UAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,uCAAA,~~CAWnBH~~,~~CAAAA~~,~~2QAAAA~~,~~EAAAA~~,~~0EAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~EAAAA~~,gBAAgB~~,EAG9B~~;~~AASYO~~,~~IAAAA~~,cAAc,GAAGC,uBAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAAA,CAAA,aAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,iDAAA,CAAA,CAAA,CAAA,EAC7B,UAAAQ,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,MAAM,GAAAA,WAAA~~,CAAA~~;EAAA,OACzB,OAAOC,MAAM,KAAK,QAAQ,MAAAC,MAAA,CAAMD,MAAM,EAAA,IAAA,CAAA,GAAOA,MAAM~~,CAAA~~;AAAA,CAAA,EAC3C,UAAAE,KAAA,EAAA;AAAA,EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,aAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,MAAM,GAAAA,aAAA~~,CAAA~~;EAAA,OAC3B,OAAOC,OAAO,KAAK,QAAQ,MAAAH,MAAA,CAAMG,OAAO,EAAA,IAAA,CAAA,GAAOA,OAAO~~,CAAA~~;AAAA,CAAA,EACvC,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,SAAS,GAAAA,cAAA~~,CAAA~~;AAAA,EAAA,OAAQC,QAAQ,KAAK,SAAS,GAAG,KAAK,GAAE,KAAK~~,CAAA~~;AAAA,CAAC,EACpF,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ~~,CAAA~~;AAAA,EAAA,OAAQA,QAAQ,GAAGlB,eAAe,GAAG,IAAI~~,CAAA~~;AAAA,CAAC,EACnCmB,iBAAW;;;;;"}
1	+ {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Common/Skeleton/styles.ts"],"sourcesContent":["import { contents200 } from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 100%;\n }\n`;\n\nexport const skeletonShimmer = css`\n --from-color: rgba(255, 255, 255, 0.75);\n --to-color: rgba(255, 255, 255, 0.55);\n\n background: linear-gradient(\n 90deg,\n var(--from-color) 25%,\n var(--to-color) 37%,\n var(--from-color) 63%\n );\n background-size: 400% 100%;\n animation: ${shimmerAnimation};\n animation-duration: 1.8s;\n animation-iteration-count: infinite;\n`;\n\nexport interface StyledSkeletonProps {\n $variant?: 'circle' \| 'rounded';\n $width?: number \| string;\n $height?: number \| string;\n $animate?: boolean;\n}\n\nexport const StyledSkeleton = styled.div<StyledSkeletonProps>`\n width: ${({ $width = '100%' }) =>\n typeof $width === 'number' ? `${$width}px` : $width};\n height: ${({ $height = '100%' }) =>\n typeof $height === 'number' ? `${$height}px` : $height};\n border-radius: ${({ $variant = 'rounded' }) => ($variant === 'rounded' ? '4px': '50%')};\n ${({ $animate }) => ($animate ? skeletonShimmer : null)};\n background-color: ${contents200};\n position: relative;\n overflow: hidden;\n`;\n"],"names":["shimmerAnimation","keyframes","_templateObject","_taggedTemplateLiteral","skeletonShimmer","css","_templateObject2","StyledSkeleton","styled","div","_templateObject3","_ref","_ref$$width","$width","concat","_ref2","_ref2$$height","$height","_ref3","_ref3$$variant","$variant","_ref4","$animate","contents200"],"mappings":";;;;;;;;;;;;AAGA,IAAMA,gBAAgB,GAAGC,gBAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,wGAAA,CAAA,CAAA,CAAA,CAOjC;AAEM,IAAMC,eAAe,GAAGC,UAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,uCAAA,CAAA,CAAA,2QAAA,EAAA,0EAAA,CAAA,CAAA,CAAA,EAWnBH,gBAAgB;AAYxB,IAAMO,cAAc,GAAGC,uBAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAAA,CAAA,aAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,iDAAA,CAAA,CAAA,CAAA,EAC7B,UAAAQ,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,WAAA;EAAA,OACzB,OAAOC,MAAM,KAAK,QAAQ,MAAAC,MAAA,CAAMD,MAAM,EAAA,IAAA,CAAA,GAAOA,MAAM;AAAA,CAAA,EAC3C,UAAAE,KAAA,EAAA;AAAA,EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,aAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,aAAA;EAAA,OAC3B,OAAOC,OAAO,KAAK,QAAQ,MAAAH,MAAA,CAAMG,OAAO,EAAA,IAAA,CAAA,GAAOA,OAAO;AAAA,CAAA,EACvC,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,cAAA;AAAA,EAAA,OAAQC,QAAQ,KAAK,SAAS,GAAG,KAAK,GAAE,KAAK;AAAA,CAAC,EACpF,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;AAAA,EAAA,OAAQA,QAAQ,GAAGlB,eAAe,GAAG,IAAI;AAAA,CAAC,EACnCmB,iBAAW;;;;;"}

package/dist/src/Common/Skeleton/styles.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Common/Skeleton/styles.ts"],"sourcesContent":["import { contents200 } from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 100%;\n }\n`;\n\nexport const skeletonShimmer = css`\n --from-color: rgba(255, 255, 255, 0.75);\n --to-color: rgba(255, 255, 255, 0.55);\n\n background: linear-gradient(\n 90deg,\n var(--from-color) 25%,\n var(--to-color) 37%,\n var(--from-color) 63%\n );\n background-size: 400% 100%;\n animation: ${shimmerAnimation};\n animation-duration: 1.8s;\n animation-iteration-count: infinite;\n`;\n\nexport interface StyledSkeletonProps {\n $variant?: 'circle' \| 'rounded';\n $width?: number \| string;\n $height?: number \| string;\n $animate?: boolean;\n}\n\nexport const StyledSkeleton = styled.div<StyledSkeletonProps>`\n width: ${({ $width = '100%' }) =>\n typeof $width === 'number' ? `${$width}px` : $width};\n height: ${({ $height = '100%' }) =>\n typeof $height === 'number' ? `${$height}px` : $height};\n border-radius: ${({ $variant = 'rounded' }) => ($variant === 'rounded' ? '4px': '50%')};\n ${({ $animate }) => ($animate ? skeletonShimmer : null)};\n background-color: ${contents200};\n position: relative;\n overflow: hidden;\n`;\n"],"names":["shimmerAnimation","keyframes","_templateObject","_taggedTemplateLiteral","skeletonShimmer","css","_templateObject2","StyledSkeleton","styled","div","_templateObject3","_ref","_ref$$width","$width","concat","_ref2","_ref2$$height","$height","_ref3","_ref3$$variant","$variant","_ref4","$animate","contents200"],"mappings":";;;;;AAGA,IAAMA,gBAAgB,GAAGC,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,~~CAOjC~~,CAAA,wGAAA,CAAA,CAAA,CAAA,~~CAAA,CAAA~~;~~AAEYC~~,~~IAAAA~~,eAAe,GAAGC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,~~CAWnBH~~,~~CAAAA~~,~~2QAAAA~~,~~EAAAA~~,~~0EAAAA~~,~~CAAAA~~,~~CAAAA~~,~~CAAAA~~,~~EAAAA~~,gBAAgB~~,EAG9B~~;~~AASYO~~,~~IAAAA~~,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAAA,CAAA,aAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,iDAAA,CAAA,CAAA,CAAA,EAC7B,UAAAQ,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,MAAM,GAAAA,WAAA~~,CAAA~~;EAAA,OACzB,OAAOC,MAAM,KAAK,QAAQ,MAAAC,MAAA,CAAMD,MAAM,EAAA,IAAA,CAAA,GAAOA,MAAM~~,CAAA~~;AAAA,CAAA,EAC3C,UAAAE,KAAA,EAAA;AAAA,EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,aAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,MAAM,GAAAA,aAAA~~,CAAA~~;EAAA,OAC3B,OAAOC,OAAO,KAAK,QAAQ,MAAAH,MAAA,CAAMG,OAAO,EAAA,IAAA,CAAA,GAAOA,OAAO~~,CAAA~~;AAAA,CAAA,EACvC,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,SAAS,GAAAA,cAAA~~,CAAA~~;AAAA,EAAA,OAAQC,QAAQ,KAAK,SAAS,GAAG,KAAK,GAAE,KAAK~~,CAAA~~;AAAA,CAAC,EACpF,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ~~,CAAA~~;AAAA,EAAA,OAAQA,QAAQ,GAAGlB,eAAe,GAAG,IAAI~~,CAAA~~;AAAA,CAAC,EACnCmB,WAAW;;;;"}
1	+ {"version":3,"file":"styles.esm.js","sources":["../../../../src/Common/Skeleton/styles.ts"],"sourcesContent":["import { contents200 } from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 100%;\n }\n`;\n\nexport const skeletonShimmer = css`\n --from-color: rgba(255, 255, 255, 0.75);\n --to-color: rgba(255, 255, 255, 0.55);\n\n background: linear-gradient(\n 90deg,\n var(--from-color) 25%,\n var(--to-color) 37%,\n var(--from-color) 63%\n );\n background-size: 400% 100%;\n animation: ${shimmerAnimation};\n animation-duration: 1.8s;\n animation-iteration-count: infinite;\n`;\n\nexport interface StyledSkeletonProps {\n $variant?: 'circle' \| 'rounded';\n $width?: number \| string;\n $height?: number \| string;\n $animate?: boolean;\n}\n\nexport const StyledSkeleton = styled.div<StyledSkeletonProps>`\n width: ${({ $width = '100%' }) =>\n typeof $width === 'number' ? `${$width}px` : $width};\n height: ${({ $height = '100%' }) =>\n typeof $height === 'number' ? `${$height}px` : $height};\n border-radius: ${({ $variant = 'rounded' }) => ($variant === 'rounded' ? '4px': '50%')};\n ${({ $animate }) => ($animate ? skeletonShimmer : null)};\n background-color: ${contents200};\n position: relative;\n overflow: hidden;\n`;\n"],"names":["shimmerAnimation","keyframes","_templateObject","_taggedTemplateLiteral","skeletonShimmer","css","_templateObject2","StyledSkeleton","styled","div","_templateObject3","_ref","_ref$$width","$width","concat","_ref2","_ref2$$height","$height","_ref3","_ref3$$variant","$variant","_ref4","$animate","contents200"],"mappings":";;;;;AAGA,IAAMA,gBAAgB,GAAGC,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,wGAAA,CAAA,CAAA,CAAA,CAOjC;AAEM,IAAMC,eAAe,GAAGC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,CAAA,CAAA,2QAAA,EAAA,0EAAA,CAAA,CAAA,CAAA,EAWnBH,gBAAgB;AAYxB,IAAMO,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAAA,CAAA,aAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,iDAAA,CAAA,CAAA,CAAA,EAC7B,UAAAQ,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,WAAA;EAAA,OACzB,OAAOC,MAAM,KAAK,QAAQ,MAAAC,MAAA,CAAMD,MAAM,EAAA,IAAA,CAAA,GAAOA,MAAM;AAAA,CAAA,EAC3C,UAAAE,KAAA,EAAA;AAAA,EAAA,IAAAC,aAAA,GAAAD,KAAA,CAAGE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,aAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,aAAA;EAAA,OAC3B,OAAOC,OAAO,KAAK,QAAQ,MAAAH,MAAA,CAAMG,OAAO,EAAA,IAAA,CAAA,GAAOA,OAAO;AAAA,CAAA,EACvC,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,cAAA;AAAA,EAAA,OAAQC,QAAQ,KAAK,SAAS,GAAG,KAAK,GAAE,KAAK;AAAA,CAAC,EACpF,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;AAAA,EAAA,OAAQA,QAAQ,GAAGlB,eAAe,GAAG,IAAI;AAAA,CAAC,EACnCmB,WAAW;;;;"}

package/dist/src/Common/Typography/index.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["variant", "color", "children", "ellipsis", "maxWidth"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 Typography = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
     color = _ref.color,

package/dist/src/Common/Typography/index.esm.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["variant", "color", "children", "ellipsis", "maxWidth"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
     color = _ref.color,

package/dist/src/Common/Typography/styles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Common/Typography/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n type TypographyStyle,\n ellipsis,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\nexport const StyledTypography = styled.div<{\n $variant: TypographyStyle;\n $color?: string;\n $ellipsis?: number;\n $maxWidth?: CSSProperties['maxWidth'];\n}>`\n ${({ $color, $variant, $ellipsis, $maxWidth }) => [\n getTypographyStyles($variant),\n $ellipsis && ellipsis($ellipsis),\n css({ color: $color, maxWidth: $maxWidth }),\n ]};\n`;\n"],"names":["~~StyledTypography","~~color","maxWidth"],"mappings":";;;;;;;;;;;;AAAa;~~AAUAA~~;~~AAMT~~;;;;AAAyC;~~AAGnCC~~;AAAeC;AAAoB;AAC1C;;"}
1	+ {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Common/Typography/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n type TypographyStyle,\n ellipsis,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\nexport const StyledTypography = styled.div<{\n $variant: TypographyStyle;\n $color?: string;\n $ellipsis?: number;\n $maxWidth?: CSSProperties['maxWidth'];\n}>`\n ${({ $color, $variant, $ellipsis, $maxWidth }) => [\n getTypographyStyles($variant),\n $ellipsis && ellipsis($ellipsis),\n css({ color: $color, maxWidth: $maxWidth }),\n ]};\n`;\n"],"names":["color","maxWidth"],"mappings":";;;;;;;;;;;;AAAa;AAUN;AAMH;;;;AAAyC;AAGnCA;AAAeC;AAAoB;AAC1C;;"}

package/dist/src/Common/Typography/styles.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Common/Typography/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n type TypographyStyle,\n ellipsis,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\nexport const StyledTypography = styled.div<{\n $variant: TypographyStyle;\n $color?: string;\n $ellipsis?: number;\n $maxWidth?: CSSProperties['maxWidth'];\n}>`\n ${({ $color, $variant, $ellipsis, $maxWidth }) => [\n getTypographyStyles($variant),\n $ellipsis && ellipsis($ellipsis),\n css({ color: $color, maxWidth: $maxWidth }),\n ]};\n`;\n"],"names":["~~StyledTypography","~~color","maxWidth"],"mappings":";;;;;AAAa;~~AAUAA~~;~~AAMT~~;;;;AAAyC;~~AAGnCC~~;AAAeC;AAAoB;AAC1C;;"}
1	+ {"version":3,"file":"styles.esm.js","sources":["../../../../src/Common/Typography/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n type TypographyStyle,\n ellipsis,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\nexport const StyledTypography = styled.div<{\n $variant: TypographyStyle;\n $color?: string;\n $ellipsis?: number;\n $maxWidth?: CSSProperties['maxWidth'];\n}>`\n ${({ $color, $variant, $ellipsis, $maxWidth }) => [\n getTypographyStyles($variant),\n $ellipsis && ellipsis($ellipsis),\n css({ color: $color, maxWidth: $maxWidth }),\n ]};\n`;\n"],"names":["color","maxWidth"],"mappings":";;;;;AAAa;AAUN;AAMH;;;;AAAyC;AAGnCA;AAAeC;AAAoB;AAC1C;;"}

package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import { ControlCheckOn, ControlCheckOff, ControlCheckboxOn, ControlCheckboxIndeterminate, ControlCheckboxOff, ControlFavoriteOn, ControlFavoriteOff, ControlBookmarkOn, ControlBookmarkOff, ControlRadioOn, ControlRadioOff } from '@remember-web/icon';
+import { ControlRadioOff, ControlRadioOn, ControlBookmarkOff, ControlBookmarkOn, ControlFavoriteOff, ControlFavoriteOn, ControlCheckboxOff, ControlCheckboxIndeterminate, ControlCheckboxOn, ControlCheckOff, ControlCheckOn } from '@remember-web/icon';
 import { isSvgRegularSize, SVG_SIZES } from '@remember-web/icon/util';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';

package/dist/src/Control/BaseToggle/index.cjs.js CHANGED Viewed

@@ -23,7 +23,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["variant", "label", "labelPosition", "className", "inputClassName", "size", "labelGap", "type", "onToggle", "onChange", "indeterminate"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _BaseToggle = function _BaseToggle(_ref, ref) {
   var variant = _ref.variant,
     _label = _ref.label,

package/dist/src/Control/BaseToggle/index.esm.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { ToggleRoot, ToggleInput } from './styles.esm.js';
 var _excluded = ["variant", "label", "labelPosition", "className", "inputClassName", "size", "labelGap", "type", "onToggle", "onChange", "indeterminate"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _BaseToggle = function _BaseToggle(_ref, ref) {
   var variant = _ref.variant,
     _label = _ref.label,

package/dist/src/Control/BaseToggle/styles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport { primary100 } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n width: fit-content;\n height: fit-content;\n display: flex;\n ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n cursor: pointer;\n user-select: none;\n align-items: center;\n\n & > .toggleIcon {\n transition: filter 0.2s ease-in-out;\n flex-shrink: 0;\n }\n\n &:has(input:disabled) {\n cursor: default;\n }\n\n @media (hover: hover) {\n &:hover > .toggleIcon {\n filter: grayscale(0.05) brightness(0.95);\n }\n }\n`;\n\nexport const ToggleInput = styled.input`\n all: unset;\n position: absolute;\n width: 1px;\n height: 0px;\n margin-left: -1px;\n\n &:checked ~ .toggleIcon.offIcon {\n display: none;\n }\n\n &:not(:checked) ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:indeterminate ~ .toggleIcon.offIcon,\n &[type='checkbox']:indeterminate ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:not(:indeterminate) ~ .toggleIcon.indeterminateIcon {\n display: none;\n }\n\n &:disabled ~ .toggleIcon {\n filter: grayscale(1) brightness(1.1);\n }\n\n &:not(:disabled):active ~ .toggleIcon {\n filter: grayscale(0.1) brightness(0.9);\n }\n\n &:focus-visible ~ .toggleIcon {\n outline: solid 2px ${primary100};\n outline-offset: -1px;\n }\n`;\n"],"names":[~~"ToggleRoot","ToggleInput"~~],"mappings":";;;;;;;;;;;;AAAa;~~AAKAA~~;~~AAIT~~;AAAO;AAAgC;~~AAsB9BC~~;;;"}
1	+ {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport { primary100 } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n width: fit-content;\n height: fit-content;\n display: flex;\n ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n cursor: pointer;\n user-select: none;\n align-items: center;\n\n & > .toggleIcon {\n transition: filter 0.2s ease-in-out;\n flex-shrink: 0;\n }\n\n &:has(input:disabled) {\n cursor: default;\n }\n\n @media (hover: hover) {\n &:hover > .toggleIcon {\n filter: grayscale(0.05) brightness(0.95);\n }\n }\n`;\n\nexport const ToggleInput = styled.input`\n all: unset;\n position: absolute;\n width: 1px;\n height: 0px;\n margin-left: -1px;\n\n &:checked ~ .toggleIcon.offIcon {\n display: none;\n }\n\n &:not(:checked) ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:indeterminate ~ .toggleIcon.offIcon,\n &[type='checkbox']:indeterminate ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:not(:indeterminate) ~ .toggleIcon.indeterminateIcon {\n display: none;\n }\n\n &:disabled ~ .toggleIcon {\n filter: grayscale(1) brightness(1.1);\n }\n\n &:not(:disabled):active ~ .toggleIcon {\n filter: grayscale(0.1) brightness(0.9);\n }\n\n &:focus-visible ~ .toggleIcon {\n outline: solid 2px ${primary100};\n outline-offset: -1px;\n }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;AAAa;AAKN;AAIH;AAAO;AAAgC;AAsBpC;;;"}

package/dist/src/Control/BaseToggle/styles.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport { primary100 } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n width: fit-content;\n height: fit-content;\n display: flex;\n ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n cursor: pointer;\n user-select: none;\n align-items: center;\n\n & > .toggleIcon {\n transition: filter 0.2s ease-in-out;\n flex-shrink: 0;\n }\n\n &:has(input:disabled) {\n cursor: default;\n }\n\n @media (hover: hover) {\n &:hover > .toggleIcon {\n filter: grayscale(0.05) brightness(0.95);\n }\n }\n`;\n\nexport const ToggleInput = styled.input`\n all: unset;\n position: absolute;\n width: 1px;\n height: 0px;\n margin-left: -1px;\n\n &:checked ~ .toggleIcon.offIcon {\n display: none;\n }\n\n &:not(:checked) ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:indeterminate ~ .toggleIcon.offIcon,\n &[type='checkbox']:indeterminate ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:not(:indeterminate) ~ .toggleIcon.indeterminateIcon {\n display: none;\n }\n\n &:disabled ~ .toggleIcon {\n filter: grayscale(1) brightness(1.1);\n }\n\n &:not(:disabled):active ~ .toggleIcon {\n filter: grayscale(0.1) brightness(0.9);\n }\n\n &:focus-visible ~ .toggleIcon {\n outline: solid 2px ${primary100};\n outline-offset: -1px;\n }\n`;\n"],"names":[~~"ToggleRoot","ToggleInput"~~],"mappings":";;;;;AAAa;~~AAKAA~~;~~AAIT~~;AAAO;AAAgC;~~AAsB9BC~~;;"}
1	+ {"version":3,"file":"styles.esm.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport { primary100 } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n width: fit-content;\n height: fit-content;\n display: flex;\n ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n cursor: pointer;\n user-select: none;\n align-items: center;\n\n & > .toggleIcon {\n transition: filter 0.2s ease-in-out;\n flex-shrink: 0;\n }\n\n &:has(input:disabled) {\n cursor: default;\n }\n\n @media (hover: hover) {\n &:hover > .toggleIcon {\n filter: grayscale(0.05) brightness(0.95);\n }\n }\n`;\n\nexport const ToggleInput = styled.input`\n all: unset;\n position: absolute;\n width: 1px;\n height: 0px;\n margin-left: -1px;\n\n &:checked ~ .toggleIcon.offIcon {\n display: none;\n }\n\n &:not(:checked) ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:indeterminate ~ .toggleIcon.offIcon,\n &[type='checkbox']:indeterminate ~ .toggleIcon.onIcon {\n display: none;\n }\n\n &[type='checkbox']:not(:indeterminate) ~ .toggleIcon.indeterminateIcon {\n display: none;\n }\n\n &:disabled ~ .toggleIcon {\n filter: grayscale(1) brightness(1.1);\n }\n\n &:not(:disabled):active ~ .toggleIcon {\n filter: grayscale(0.1) brightness(0.9);\n }\n\n &:focus-visible ~ .toggleIcon {\n outline: solid 2px ${primary100};\n outline-offset: -1px;\n }\n`;\n"],"names":[],"mappings":";;;;;AAAa;AAKN;AAIH;AAAO;AAAgC;AAsBpC;;"}

package/dist/src/Control/Checkbox.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["variant"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _Checkbox = function _Checkbox(_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'checkbox' : _ref$variant,

package/dist/src/Control/Checkbox.esm.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["variant"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _Checkbox = function _Checkbox(_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'checkbox' : _ref$variant,

package/dist/src/Control/Radio.cjs.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefault(_objectDes
 var _extends__default = /*#__PURE__*/_interopDefault(_extends);
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _Radio = function _Radio(_ref, ref) {
   var props = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref), _ref));
   return /*#__PURE__*/jsxRuntime.jsx(Toggle.CircleBaseToggle, _objectSpread({

package/dist/src/Control/Radio.esm.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { CircleBaseToggle } from './Toggle.esm.js';
 import { jsx } from 'react/jsx-runtime';
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _Radio = function _Radio(_ref, ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/jsx(CircleBaseToggle, _objectSpread({

package/dist/src/Control/Switch/index.cjs.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["size"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
 function Switch(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'small' : _ref$size,

package/dist/src/Control/Switch/index.esm.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 var _excluded = ["size"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
 function Switch(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'small' : _ref$size,

package/dist/src/Control/Switch/styles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n display: inline-flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n size: SwitchProps['size'];\n}>`\n all: unset;\n background-color: ${contents300};\n border-radius: 24px;\n position: relative;\n cursor: pointer;\n\n &:focus-visible {\n outline: solid 2px black;\n outline-offset: 2px;\n }\n &[data-state='checked'] {\n background-color: ${secondary100};\n }\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 36px;\n height: 20px;\n `) \|\|\n (size === 'large' &&\n css`\n width: 64px;\n height: 38px;\n `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n size: SwitchProps['size'];\n}>`\n display: block;\n background-color: ${contents999};\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n will-change: transform;\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 14px;\n height: 14px;\n transform: translateX(3px);\n &[data-state='checked'] {\n transform: translateX(19px);\n }\n `) \|\|\n (size === 'large' &&\n css`\n width: 28px;\n height: 28px;\n transform: translateX(5px);\n &[data-state='checked'] {\n transform: translateX(31px);\n }\n `)};\n`;\n"],"names":[~~"Label"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;~~AAQAA~~;~~AAMN~~;AAiBH;;AAUI;;AAYJ;;AAkBI;;;;"}
1	+ {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n display: inline-flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n size: SwitchProps['size'];\n}>`\n all: unset;\n background-color: ${contents300};\n border-radius: 24px;\n position: relative;\n cursor: pointer;\n\n &:focus-visible {\n outline: solid 2px black;\n outline-offset: 2px;\n }\n &[data-state='checked'] {\n background-color: ${secondary100};\n }\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 36px;\n height: 20px;\n `) \|\|\n (size === 'large' &&\n css`\n width: 64px;\n height: 38px;\n `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n size: SwitchProps['size'];\n}>`\n display: block;\n background-color: ${contents999};\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n will-change: transform;\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 14px;\n height: 14px;\n transform: translateX(3px);\n &[data-state='checked'] {\n transform: translateX(19px);\n }\n `) \|\|\n (size === 'large' &&\n css`\n width: 28px;\n height: 28px;\n transform: translateX(5px);\n &[data-state='checked'] {\n transform: translateX(31px);\n }\n `)};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAQN;AAMA;AAiBH;;AAUI;;AAYJ;;AAkBI;;;;"}

package/dist/src/Control/Switch/styles.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n display: inline-flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n size: SwitchProps['size'];\n}>`\n all: unset;\n background-color: ${contents300};\n border-radius: 24px;\n position: relative;\n cursor: pointer;\n\n &:focus-visible {\n outline: solid 2px black;\n outline-offset: 2px;\n }\n &[data-state='checked'] {\n background-color: ${secondary100};\n }\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 36px;\n height: 20px;\n `) \|\|\n (size === 'large' &&\n css`\n width: 64px;\n height: 38px;\n `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n size: SwitchProps['size'];\n}>`\n display: block;\n background-color: ${contents999};\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n will-change: transform;\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 14px;\n height: 14px;\n transform: translateX(3px);\n &[data-state='checked'] {\n transform: translateX(19px);\n }\n `) \|\|\n (size === 'large' &&\n css`\n width: 28px;\n height: 28px;\n transform: translateX(5px);\n &[data-state='checked'] {\n transform: translateX(31px);\n }\n `)};\n`;\n"],"names":[~~"Label"~~],"mappings":";;;;;;AAAa;~~AAQAA~~;~~AAMN~~;AAiBH;;AAUI;;AAYJ;;AAkBI;;"}
1	+ {"version":3,"file":"styles.esm.js","sources":["../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n display: inline-flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n size: SwitchProps['size'];\n}>`\n all: unset;\n background-color: ${contents300};\n border-radius: 24px;\n position: relative;\n cursor: pointer;\n\n &:focus-visible {\n outline: solid 2px black;\n outline-offset: 2px;\n }\n &[data-state='checked'] {\n background-color: ${secondary100};\n }\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 36px;\n height: 20px;\n `) \|\|\n (size === 'large' &&\n css`\n width: 64px;\n height: 38px;\n `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n size: SwitchProps['size'];\n}>`\n display: block;\n background-color: ${contents999};\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n will-change: transform;\n\n ${({ size }) =>\n (size === 'small' &&\n css`\n width: 14px;\n height: 14px;\n transform: translateX(3px);\n &[data-state='checked'] {\n transform: translateX(19px);\n }\n `) \|\|\n (size === 'large' &&\n css`\n width: 28px;\n height: 28px;\n transform: translateX(5px);\n &[data-state='checked'] {\n transform: translateX(31px);\n }\n `)};\n`;\n"],"names":[],"mappings":";;;;;;AAAa;AAQN;AAMA;AAiBH;;AAUI;;AAYJ;;AAkBI;;"}

package/dist/src/Control/Toggle.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var _templateObject;
 var _excluded = ["variant"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 _Toggle = function _Toggle(_ref, ref) {
   var variant = _ref.variant,
     props = _objectWithoutProperties__default.default(_ref, _excluded);