@activecollab/components 1.0.206 → 1.0.208

package/dist/esm/components/ButtonGroup/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledButtonGroup","div","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wMACxB;AAAA;AAAA;AAAA,CADwB,EAE1BF,SAF0B,EAG1BD,cAH0B,EAUpB;AAAA;AAAA;AAAA;AAAA,CAVoB,EAiBpB;AAAA;AAAA;AAAA,CAjBoB,EAqBpB;AAAA;AAAA;AAAA,CArBoB,EA0BtB;AAAA;AAAA;AAAA,CA1BsB,CAAvB;AA8BPE,iBAAiB,CAACE,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledButtonGroup","div","displayName"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,wMACrC;EAAA;EAAA;AAAoB,CAAC,EACvBF,SAAS,EACTD,cAAc,EAOR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAO7B;EAAA;EAAA;AAAkB,CAAC,EAInB;EAAA;EAAA;AAA0B,CAAC,EAK7B;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDE,iBAAiB,CAACE,WAAW,GAAG,mBAAmB"}

package/dist/esm/components/ButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from \"./ButtonGroup\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ButtonGroup/index.ts"],"sourcesContent":["export * from \"./ButtonGroup\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/Card/Card.js

@@ -6,13 +6,12 @@ import classnames from "classnames";
 import { StyledCard } from "./Styles";
 export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$hoverable = _ref.hoverable,
-      hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
-      _ref$paperType = _ref.paperType,
-      paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    _ref$hoverable = _ref.hoverable,
+    hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
+    _ref$paperType = _ref.paperType,
+    paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
     type: paperType,
     className: classnames("c-card", className),

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["React","forwardRef","classnames","StyledCard","Card","ref","children","className","hoverable","paperType","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAqCC,UAArC,QAAuD,OAAvD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,UAA3B;AAWA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAC5B,gBAQEI,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,4BALDC,SAKC;AAAA,MALDA,SAKC,+BALW,KAKX;AAAA,4BAJDC,SAIC;AAAA,MAJDA,SAIC,+BAJW,SAIX;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,UAAD,eACMA,IADN;AAEE,IAAA,IAAI,EAAED,SAFR;AAGE,IAAA,SAAS,EAAEP,UAAU,CAAC,QAAD,EAAWK,SAAX,CAHvB;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,kBAAkB,MALpB;AAME,IAAA,GAAG,EAAEH;AANP,MAQGC,QARH,CADF;AAYD,CAvB2B,CAAvB;AA0BPF,IAAI,CAACO,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"file":"Card.js"}
+{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","ref","children","className","hoverable","paperType","rest","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAyBC,UAAU,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAC5B,gBAQEI,GAA2C,EACxC;EAAA,IAPDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,sBACjBC,SAAS;IAATA,SAAS,+BAAG,SAAS;IAClBC,IAAI;EAIT,oBACE,oBAAC,UAAU,eACLA,IAAI;IACR,IAAI,EAAED,SAAU;IAChB,SAAS,EAAEP,UAAU,CAAC,QAAQ,EAAEK,SAAS,CAAE;IAC3C,KAAK,EAAEC,SAAU;IACjB,kBAAkB;IAClB,GAAG,EAAEH;EAAI,IAERC,QAAQ,CACE;AAEjB,CAAC,CACF;AAEDF,IAAI,CAACO,WAAW,GAAG,MAAM"}

package/dist/esm/components/Card/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Styles.ts"],"names":["styled","Paper","StyledCard","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,IAAMC,UAAU,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA,CADiB,CAAhB;AAIPC,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","Paper","StyledCard","displayName"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,IAAMC,UAAU,GAAGF,MAAM,CAACC,KAAK,CAAC;EAAA;EAAA;AAAA,aACjC;EAAA;AAAkB,CAAC,CACxB;AAEDC,UAAU,CAACC,WAAW,GAAG,YAAY"}

package/dist/esm/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd","sourcesContent":["export * from \"./Card\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Card/index.ts"],"sourcesContent":["export * from \"./Card\";\n"],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Checkbox/Checkbox.js

@@ -5,17 +5,15 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import CheckboxIcon from "../Icons/collection/Checkbox";
 import { StyledCheckbox, StyledInput, StyledLabel } from "./Styles";
-
 /**
  * Checkbox component
  */
 export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      hover = _ref.hover,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? "checkbox" : _ref$id,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    hover = _ref.hover,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "checkbox" : _ref$id,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCheckbox, {
     className: classnames("c-checkbox", {
       "c-checkbox__hover": hover,

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":["React","forwardRef","classnames","CheckboxIcon","StyledCheckbox","StyledInput","StyledLabel","Checkbox","ref","className","hover","id","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAKO,OALP;AAMA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AACA,SAASC,cAAT,EAAyBC,WAAzB,EAAsCC,WAAtC,QAAyD,UAAzD;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGN,UAAU,CAChC,gBAOEO,GAPF,EAQK;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,KAKC,QALDA,KAKC;AAAA,qBAJDC,EAIC;AAAA,MAJDA,EAIC,wBAJI,UAIJ;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,cAAD;AACE,IAAA,SAAS,EAAEV,UAAU,CACnB,YADmB,EAEnB;AACE,2BAAqBQ,KADvB;AAEE,gCAA0B,OAAOA,KAAP,KAAiB;AAF7C,KAFmB,EAMnBD,SANmB,CADvB;AASE,IAAA,KAAK,EAAEC;AATT,kBAWE,oBAAC,WAAD;AACE,IAAA,EAAE,EAAEC,EADN;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,GAAG,EAAEH;AAJP,KAKMI,IALN,EAXF,eAkBE,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAED,EAAtB;AAA0B,IAAA,SAAS,EAAC;AAApC,kBACE,oBAAC,YAAD;AAAc,IAAA,MAAM,EAAE,EAAtB;AAA0B,IAAA,KAAK,EAAE;AAAjC,IADF,CAlBF,CADF;AAwBD,CAlC+B,CAA3B;AAqCPJ,QAAQ,CAACM,WAAT,GAAuB,UAAvB","sourcesContent":["import React, {\n  forwardRef,\n  BaseHTMLAttributes,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport CheckboxIcon from \"../Icons/collection/Checkbox\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      ...rest\n    }: InputHTMLAttributes<HTMLInputElement> & ICheckboxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n      >\n        <StyledInput\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon height={16} width={16} />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"file":"Checkbox.js"}
+{"version":3,"file":"Checkbox.js","names":["React","forwardRef","classnames","CheckboxIcon","StyledCheckbox","StyledInput","StyledLabel","Checkbox","ref","className","hover","id","rest","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  BaseHTMLAttributes,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport CheckboxIcon from \"../Icons/collection/Checkbox\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      ...rest\n    }: InputHTMLAttributes<HTMLInputElement> & ICheckboxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n      >\n        <StyledInput\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon height={16} width={16} />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SAASC,cAAc,EAAEC,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAWnE;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGN,UAAU,CAChC,gBAOEO,GAA6C,EAC1C;EAAA,IANDC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IAAA,eACLC,EAAE;IAAFA,EAAE,wBAAG,UAAU;IACZC,IAAI;EAIT,oBACE,oBAAC,cAAc;IACb,SAAS,EAAEV,UAAU,CACnB,YAAY,EACZ;MACE,mBAAmB,EAAEQ,KAAK;MAC1B,wBAAwB,EAAE,OAAOA,KAAK,KAAK;IAC7C,CAAC,EACDD,SAAS,CACT;IACF,KAAK,EAAEC;EAAM,gBAEb,oBAAC,WAAW;IACV,EAAE,EAAEC,EAAG;IACP,SAAS,EAAC,mBAAmB;IAC7B,IAAI,EAAC,UAAU;IACf,GAAG,EAAEH;EAAI,GACLI,IAAI,EACR,eACF,oBAAC,WAAW;IAAC,OAAO,EAAED,EAAG;IAAC,SAAS,EAAC;EAAmB,gBACrD,oBAAC,YAAY;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;EAAG,EAAG,CAC3B,CACC;AAErB,CAAC,CACF;AAEDJ,QAAQ,CAACM,WAAW,GAAG,UAAU"}

package/dist/esm/components/Checkbox/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Styles.ts"],"names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","hover"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACG,KAAV;AAAA;AAAA;AAAA,qBAAjB;AAGPD,WAAW,CAACE,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,KAAV;AAAA;AAAA;AAAA,QAAjB;AACPD,WAAW,CAACD,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMG,cAAc,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,quBAsBvBN,WAtBuB,EAsBGG,WAtBH,EA2BvBH,WA3BuB,EA2BAG,WA3BA,EAmCrBH,WAnCqB,EAoCnBG,WApCmB,EA+CvB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAT,GADA,oJAEIC,WAFJ,EAEmCG,WAFnC,CADA;AAAA,CA/CuB,EA8DvBH,WA9DuB,EA8DEG,WA9DF,CAApB;AAyEPE,cAAc,CAACH,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ICheckboxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  display: none;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<ICheckboxProps>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n  rect {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  &:not(.c-checkbox__controlled)\n    ${StyledInput}:hover:not(:checked)\n    ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      stroke: var(--page-paper-main);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ICheckboxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  display: none;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<ICheckboxProps>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n  rect {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  &:not(.c-checkbox__controlled)\n    ${StyledInput}:hover:not(:checked)\n    ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      stroke: var(--page-paper-main);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK;EAAA;EAAA;AAAA,qBAEtC;AACDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,KAAK;EAAA;EAAA;AAAA,QAAE;AACzCD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMG,cAAc,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,quBAsBpCN,WAAW,EAAeG,WAAW,EAKrCH,WAAW,EAAYG,WAAW,EAQhCH,WAAW,EACTG,WAAW,EAWf,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,IACXT,GAAG,oJACCC,WAAW,EAAoBG,WAAW,CAU7C;AAAA,GAEDH,WAAW,EAAcG,WAAW,CAUvC;AACDE,cAAc,CAACH,WAAW,GAAG,gBAAgB"}

package/dist/esm/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from \"./Checkbox\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Checkbox/index.ts"],"sourcesContent":["export * from \"./Checkbox\";\n"],"mappings":"AAAA,cAAc,YAAY"}

package/dist/esm/components/Chip/Chip.js

@@ -6,36 +6,30 @@ import { ChipCloseIcon, ChipContainer, ChipTrigger } from "./Styles";
 import { Typography } from "../Typography/Typography";
 export var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var leftAdornment = _ref.leftAdornment,
-      label = _ref.label,
-      onClose = _ref.onClose,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "regular" : _ref$size,
-      color = _ref.color,
-      backgroundColor = _ref.backgroundColor,
-      closeClassName = _ref.closeClassName,
-      variant = _ref.variant,
-      typographyProps = _ref.typographyProps,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    label = _ref.label,
+    onClose = _ref.onClose,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    color = _ref.color,
+    backgroundColor = _ref.backgroundColor,
+    closeClassName = _ref.closeClassName,
+    variant = _ref.variant,
+    typographyProps = _ref.typographyProps,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var showClose = typeof onClose === "function";
-
   var _variant = useMemo(function () {
     if (typeof variant !== "undefined") {
       return variant;
     }
-
     switch (size) {
       case "regular":
         return "Body 2";
-
       case "big":
         return "Body 1";
-
       default:
         return "Caption 1";
     }
   }, [variant, size]);
-
   return /*#__PURE__*/React.createElement(ChipContainer, _extends({}, rest, {
     ref: ref,
     $size: size,

package/dist/esm/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","ref","leftAdornment","label","onClose","size","color","backgroundColor","closeClassName","variant","typographyProps","rest","showClose","_variant","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAA2BC,OAA3B,QAA0C,OAA1C;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,WAAvC,QAA0D,UAA1D;AAEA,SACEC,UADF,QAIO,0BAJP;AAkBA,OAAO,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAN,CAIlB,gBAaEC,GAbF,EAcK;AAAA,MAZDC,aAYC,QAZDA,aAYC;AAAA,MAXDC,KAWC,QAXDA,KAWC;AAAA,MAVDC,OAUC,QAVDA,OAUC;AAAA,uBATDC,IASC;AAAA,MATDA,IASC,0BATM,SASN;AAAA,MARDC,KAQC,QARDA,KAQC;AAAA,MAPDC,eAOC,QAPDA,eAOC;AAAA,MANDC,cAMC,QANDA,cAMC;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,eAIC,QAJDA,eAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,SAAS,GAAG,OAAOR,OAAP,KAAmB,UAArC;;AACA,MAAMS,QAAQ,GAAGnB,OAAO,CAAC,YAAM;AAC7B,QAAI,OAAOe,OAAP,KAAmB,WAAvB,EAAoC;AAClC,aAAOA,OAAP;AACD;;AACD,YAAQJ,IAAR;AACE,WAAK,SAAL;AACE,eAAO,QAAP;;AACF,WAAK,KAAL;AACE,eAAO,QAAP;;AACF;AACE,eAAO,WAAP;AANJ;AAQD,GAZuB,EAYrB,CAACI,OAAD,EAAUJ,IAAV,CAZqB,CAAxB;;AAaA,sBACE,oBAAC,aAAD,eACMM,IADN;AAEE,IAAA,GAAG,EAAEV,GAFP;AAGE,IAAA,KAAK,EAAEI,IAHT;AAIE,IAAA,UAAU,EAAEO,SAJd;AAKE,IAAA,MAAM,EAAEN,KALV;AAME,IAAA,gBAAgB,EAAEC,eANpB;AAOE,mBAAa;AAPf,MASGL,aATH,eAUE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEW,QADX;AAEE,mBAAa;AAFf,KAGMH,eAHN,GAKGP,KALH,CAVF,EAiBGS,SAAS,gBACR,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEP,IADT;AAEE,IAAA,OAAO,EAAED,OAFX;AAGE,IAAA,SAAS,EAAEI;AAHb,kBAKE,oBAAC,aAAD;AAAe,IAAA,IAAI,EAAEF,KAAK,GAAGA,KAAH,GAAW;AAArC,IALF,CADQ,GAQN,IAzBN,CADF;AA6BD,CA9DiB,CAAb;AAiEPP,IAAI,CAACe,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport {\n  Typography,\n  Variant,\n  ITypographyProps,\n} from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  leftAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  variant?: Variant;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      leftAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      variant,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const _variant = useMemo(() => {\n      if (typeof variant !== \"undefined\") {\n        return variant;\n      }\n      switch (size) {\n        case \"regular\":\n          return \"Body 2\";\n        case \"big\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [variant, size]);\n    return (\n      <ChipContainer\n        {...rest}\n        ref={ref}\n        $size={size}\n        $showClose={showClose}\n        $color={color}\n        $backgroundColor={backgroundColor}\n        data-testid={\"chip-container\"}\n      >\n        {leftAdornment}\n        <Typography\n          variant={_variant}\n          data-testid={\"chip-typography\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger\n            $size={size}\n            onClick={onClose}\n            className={closeClassName}\n          >\n            <ChipCloseIcon fill={color ? color : \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"file":"Chip.js"}
+{"version":3,"file":"Chip.js","names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","ref","leftAdornment","label","onClose","size","color","backgroundColor","closeClassName","variant","typographyProps","rest","showClose","_variant","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport {\n  Typography,\n  Variant,\n  ITypographyProps,\n} from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  leftAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  variant?: Variant;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      leftAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      variant,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const _variant = useMemo(() => {\n      if (typeof variant !== \"undefined\") {\n        return variant;\n      }\n      switch (size) {\n        case \"regular\":\n          return \"Body 2\";\n        case \"big\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [variant, size]);\n    return (\n      <ChipContainer\n        {...rest}\n        ref={ref}\n        $size={size}\n        $showClose={showClose}\n        $color={color}\n        $backgroundColor={backgroundColor}\n        data-testid={\"chip-container\"}\n      >\n        {leftAdornment}\n        <Typography\n          variant={_variant}\n          data-testid={\"chip-typography\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger\n            $size={size}\n            onClick={onClose}\n            className={closeClassName}\n          >\n            <ChipCloseIcon fill={color ? color : \"currentColor\"} />\n          </ChipTrigger>\n        ) : null}\n      </ChipContainer>\n    );\n  }\n);\n\nChip.displayName = \"Chip\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAeC,OAAO,QAAQ,OAAO;AACjD,SAASC,aAAa,EAAEC,aAAa,EAAEC,WAAW,QAAQ,UAAU;AAEpE,SACEC,UAAU,QAGL,0BAA0B;AAcjC,OAAO,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAIlC,gBAaEC,GAAG,EACA;EAAA,IAZDC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IAAA,iBACPC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,KAAK,QAALA,KAAK;IACLC,eAAe,QAAfA,eAAe;IACfC,cAAc,QAAdA,cAAc;IACdC,OAAO,QAAPA,OAAO;IACPC,eAAe,QAAfA,eAAe;IACZC,IAAI;EAIT,IAAMC,SAAS,GAAG,OAAOR,OAAO,KAAK,UAAU;EAC/C,IAAMS,QAAQ,GAAGnB,OAAO,CAAC,YAAM;IAC7B,IAAI,OAAOe,OAAO,KAAK,WAAW,EAAE;MAClC,OAAOA,OAAO;IAChB;IACA,QAAQJ,IAAI;MACV,KAAK,SAAS;QACZ,OAAO,QAAQ;MACjB,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB;QACE,OAAO,WAAW;IAAC;EAEzB,CAAC,EAAE,CAACI,OAAO,EAAEJ,IAAI,CAAC,CAAC;EACnB,oBACE,oBAAC,aAAa,eACRM,IAAI;IACR,GAAG,EAAEV,GAAI;IACT,KAAK,EAAEI,IAAK;IACZ,UAAU,EAAEO,SAAU;IACtB,MAAM,EAAEN,KAAM;IACd,gBAAgB,EAAEC,eAAgB;IAClC,eAAa;EAAiB,IAE7BL,aAAa,eACd,oBAAC,UAAU;IACT,OAAO,EAAEW,QAAS;IAClB,eAAa;EAAkB,GAC3BH,eAAe,GAElBP,KAAK,CACK,EACZS,SAAS,gBACR,oBAAC,WAAW;IACV,KAAK,EAAEP,IAAK;IACZ,OAAO,EAAED,OAAQ;IACjB,SAAS,EAAEI;EAAe,gBAE1B,oBAAC,aAAa;IAAC,IAAI,EAAEF,KAAK,GAAGA,KAAK,GAAG;EAAe,EAAG,CAC3C,GACZ,IAAI,CACM;AAEpB,CAAC,CACF;AAEDP,IAAI,CAACe,WAAW,GAAG,MAAM"}

package/dist/esm/components/Chip/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Styles.ts"],"names":["styled","css","CloseSmallIcon","BoxSizingStyle","Trigger","FontStyle","StyledTypography","ChipContainer","div","$color","$backgroundColor","props","$showClose","$size","displayName","ChipLabel","span","ChipTrigger","ChipCloseIcon"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,UAA/B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AAEA,OAAO,IAAMC,aAAa,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,2IAOpB;AAAA;AAAA,CAPoB,EAQpB;AAAA;AAAA,CARoB,EASpB;AAAA;AAAA,CAToB,EAUpB;AAAA;AAAA,CAVoB,EAWpB;AAAA;AAAA,CAXoB,EAYpB;AAAA;AAAA,CAZoB,EActBH,SAdsB,EAetBF,cAfsB,EAkBpB;AAAA;AAAA,CAlBoB,EAmBpB;AAAA;AAAA,CAnBoB,EAoBpB;AAAA;AAAA,CApBoB,EAqBpB;AAAA;AAAA,CArBoB,EAsBpB;AAAA;AAAA,CAtBoB,EAyBpB;AAAA;AAAA,CAzBoB,EA2BtBG,gBA3BsB,EA4BlB;AAAA;AAAA,CA5BkB,EA6BlB;AAAA;AAAA;AAAA;AAAA,CA7BkB,EAgCtB;AAAA,MAAGG,MAAH,QAAGA,MAAH;AAAA,SACAA,MAAM,IACNR,GADM,wBAEFK,gBAFE,EAGOG,MAHP,CADN;AAAA,CAhCsB,EAwCtB;AAAA,MAAGC,gBAAH,SAAGA,gBAAH;AAAA,SACAA,gBAAgB,IAChBT,GADgB,6BAEMS,gBAFN,CADhB;AAAA,CAxCsB,EA8CtB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,GACI,IADJ,GAEIX,GAFJ,WAGU;AAAA;AAAA,GAHV,CADA;AAAA,CA9CsB,EAqDtB,UAACU,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,SAAhB,IACAZ,GADA,kBADA;AAAA,CArDsB,EA2DtB,UAACU,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,OAAhB,IACAZ,GADA,kBADA;AAAA,CA3DsB,EAiEtB,UAACU,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,KAAhB,IACAZ,GADA,kBADA;AAAA,CAjEsB,CAAnB;AAwEPM,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,OAAO,IAAMC,SAAS,GAAGf,MAAM,CAACgB,IAAV;AAAA;AAAA;AAAA,kBAChB;AAAA;AAAA,CADgB,EAEhB;AAAA;AAAA;AAAA;AAAA,CAFgB,CAAf;AAKPD,SAAS,CAACD,WAAV,GAAwB,WAAxB;AAEA,OAAO,IAAMG,WAAW,GAAGjB,MAAM,CAACI,OAAD,CAAT;AAAA;AAAA;AAAA,wDAClB;AAAA;AAAA,CADkB,EAElB;AAAA;AAAA,CAFkB,EAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAQhB;AAAA;AAAA,CARgB,EAWpB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,SAAhB,IACAZ,GADA,6BADA;AAAA,CAXoB,EAkBpB,UAACU,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,OAAhB,IACAZ,GADA,6BADA;AAAA,CAlBoB,EAyBpB,UAACU,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,KAAhB,IACAZ,GADA,6BADA;AAAA,CAzBoB,CAAjB;AAiCPgB,WAAW,CAACH,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMI,aAAa,GAAGlB,MAAM,CAACE,cAAD,CAAT;AAAA;AAAA;AAAA,aACpB;AAAA;AAAA,CADoB,CAAnB;AAIPgB,aAAa,CAACJ,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\nimport { FontStyle } from \"../FontStyle\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\nexport const ChipContainer = styled.div<{\n  $showClose?: boolean;\n  $size?: string;\n  $color?: string;\n  $backgroundColor?: string;\n}>`\n  max-width: 220px;\n  ${tw`tw-h-6`}\n  ${tw`tw-rounded`}\n  ${tw`tw-flex`}\n  ${tw`tw-items-center`}\n  ${tw`tw-pl-1.5`}\n  ${tw`tw-overflow-hidden`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  // font\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n\n  // background\n  ${tw`tw-bg-theme-400`}\n\n  ${StyledTypography} {\n    ${tw`tw-flex-1`}\n    ${tw`tw-truncate`}\n  }\n\n  ${({ $color }) =>\n    $color &&\n    css`\n      ${StyledTypography} {\n        color: ${$color};\n      }\n    `}\n\n  ${({ $backgroundColor }) =>\n    $backgroundColor &&\n    css`\n      background-color: ${$backgroundColor};\n    `}\n\n  ${(props) =>\n    props.$showClose\n      ? null\n      : css`\n          ${tw`tw-pr-1.5`}\n        `}\n\n  ${(props) =>\n    props.$size === \"regular\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      height: 18px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 30px;\n    `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  ${tw`tw-w-full`}\n  ${tw`tw-truncate`}\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipTrigger = styled(Trigger)<{ $size?: string }>`\n  ${tw`tw-flex`}\n  ${tw`tw-items-center`}\n  ${tw`tw-justify-center`}\n  ${tw`tw-ml-0.5`}\n\n\n  &:hover {\n    ${tw`tw-bg-theme-transparent-400`}\n  }\n\n  ${(props) =>\n    props.$size === \"regular\" &&\n    css`\n      height: 24px;\n      width: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      height: 18px;\n      width: 18px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 30px;\n      width: 30px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  ${tw`tw-text-theme-700`}\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","CloseSmallIcon","BoxSizingStyle","Trigger","FontStyle","StyledTypography","ChipContainer","div","$color","$backgroundColor","props","$showClose","$size","displayName","ChipLabel","span","ChipTrigger","ChipCloseIcon"],"sources":["../../../../src/components/Chip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\nimport { FontStyle } from \"../FontStyle\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\nexport const ChipContainer = styled.div<{\n  $showClose?: boolean;\n  $size?: string;\n  $color?: string;\n  $backgroundColor?: string;\n}>`\n  max-width: 220px;\n  ${tw`tw-h-6`}\n  ${tw`tw-rounded`}\n  ${tw`tw-flex`}\n  ${tw`tw-items-center`}\n  ${tw`tw-pl-1.5`}\n  ${tw`tw-overflow-hidden`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  // font\n  ${tw`tw-text-body-2`}\n  ${tw`tw-text-theme-900`}\n  ${tw`tw-leading-regular`}\n  ${tw`tw-tracking-regular`}\n  ${tw`tw-font-regular`}\n\n  // background\n  ${tw`tw-bg-theme-400`}\n\n  ${StyledTypography} {\n    ${tw`tw-flex-1`}\n    ${tw`tw-truncate`}\n  }\n\n  ${({ $color }) =>\n    $color &&\n    css`\n      ${StyledTypography} {\n        color: ${$color};\n      }\n    `}\n\n  ${({ $backgroundColor }) =>\n    $backgroundColor &&\n    css`\n      background-color: ${$backgroundColor};\n    `}\n\n  ${(props) =>\n    props.$showClose\n      ? null\n      : css`\n          ${tw`tw-pr-1.5`}\n        `}\n\n  ${(props) =>\n    props.$size === \"regular\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      height: 18px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 30px;\n    `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  ${tw`tw-w-full`}\n  ${tw`tw-truncate`}\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipTrigger = styled(Trigger)<{ $size?: string }>`\n  ${tw`tw-flex`}\n  ${tw`tw-items-center`}\n  ${tw`tw-justify-center`}\n  ${tw`tw-ml-0.5`}\n\n\n  &:hover {\n    ${tw`tw-bg-theme-transparent-400`}\n  }\n\n  ${(props) =>\n    props.$size === \"regular\" &&\n    css`\n      height: 24px;\n      width: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      height: 18px;\n      width: 18px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 30px;\n      width: 30px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  ${tw`tw-text-theme-700`}\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,OAAO,IAAMC,aAAa,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,2IAOjC;EAAA;AAAO,CAAC,EACR;EAAA;AAAW,CAAC,EACZ;EAAA;AAAQ,CAAC,EACT;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EAEtBH,SAAS,EACTF,cAAc,EAGZ;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAGjB;EAAA;AAAgB,CAAC,EAEnBG,gBAAgB,EACZ;EAAA;AAAU,CAAC,EACX;EAAA;EAAA;EAAA;AAAY,CAAC,EAGjB;EAAA,IAAGG,MAAM,QAANA,MAAM;EAAA,OACTA,MAAM,IACNR,GAAG,wBACCK,gBAAgB,EACPG,MAAM,CAElB;AAAA,GAED;EAAA,IAAGC,gBAAgB,SAAhBA,gBAAgB;EAAA,OACnBA,gBAAgB,IAChBT,GAAG,6BACmBS,gBAAgB,CACrC;AAAA,GAED,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,GACZ,IAAI,GACJX,GAAG,WACG;IAAA;EAAU,CAAC,CAChB;AAAA,GAEL,UAACU,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,SAAS,IACzBZ,GAAG,kBAEF;AAAA,GAED,UAACU,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBZ,GAAG,kBAEF;AAAA,GAED,UAACU,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,KAAK,IACrBZ,GAAG,kBAEF;AAAA,EACJ;AAEDM,aAAa,CAACO,WAAW,GAAG,eAAe;AAE3C,OAAO,IAAMC,SAAS,GAAGf,MAAM,CAACgB,IAAI;EAAA;EAAA;AAAA,kBAC9B;EAAA;AAAU,CAAC,EACX;EAAA;EAAA;EAAA;AAAY,CAAC,CAClB;AAEDD,SAAS,CAACD,WAAW,GAAG,WAAW;AAEnC,OAAO,IAAMG,WAAW,GAAGjB,MAAM,CAACI,OAAO,CAAC;EAAA;EAAA;AAAA,wDACpC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAU,CAAC,EAIT;EAAA;AAA4B,CAAC,EAGjC,UAACO,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,SAAS,IACzBZ,GAAG,6BAGF;AAAA,GAED,UAACU,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBZ,GAAG,6BAGF;AAAA,GAED,UAACU,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,KAAK,IACrBZ,GAAG,6BAGF;AAAA,EACJ;AAEDgB,WAAW,CAACH,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMI,aAAa,GAAGlB,MAAM,CAACE,cAAc,CAAC;EAAA;EAAA;AAAA,aAC7C;EAAA;AAAkB,CAAC,CACxB;AAEDgB,aAAa,CAACJ,WAAW,GAAG,eAAe"}

package/dist/esm/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd","sourcesContent":["export * from \"./Chip\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Chip/index.ts"],"sourcesContent":["export * from \"./Chip\";\n"],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Choose/Choose.js

@@ -4,19 +4,17 @@ var _excluded = ["children", "disabled", "active", "className"];
 import React from "react";
 import classNames from "classnames";
 import { StyledChoose } from "./Styles";
-
 /**
  * Choose component
  */
 export var Choose = function Choose(_ref) {
   var children = _ref.children,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      className = _ref.className,
-      args = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    className = _ref.className,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledChoose, _extends({
     disabled: disabled,
     className: classNames("c-choose", className),

package/dist/esm/components/Choose/Choose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Choose/Choose.tsx"],"names":["React","classNames","StyledChoose","Choose","children","disabled","active","className","args","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA4D,OAA5D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,MAAwB,GAAG,SAA3BA,MAA2B,OAMlC;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,KAIP;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,KAGL;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,YAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,SAAS,EAAEJ,UAAU,CAAC,UAAD,EAAaM,SAAb,CAFvB;AAGE,IAAA,MAAM,EAAED;AAHV,KAIME,IAJN,GAMGJ,QANH,CADF;AAUD,CAjBM;AAmBPD,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n  /** Children type of node or string */\n  children: ReactElement | string;\n  /** Disabled prop */\n  disabled?: boolean;\n  /** Active prop */\n  active?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"file":"Choose.js"}
+{"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","children","disabled","active","className","args","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n  /** Children type of node or string */\n  children: ReactElement | string;\n  /** Disabled prop */\n  disabled?: boolean;\n  /** Active prop */\n  active?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,QAAQ,UAAU;AAavC;AACA;AACA;AACA,OAAO,IAAMC,MAAwB,GAAG,SAA3BA,MAAwB,OAM/B;EAAA,IALJC,QAAQ,QAARA,QAAQ;IAAA,qBACRC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,mBAChBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,SAAS,QAATA,SAAS;IACNC,IAAI;EAEP,oBACE,oBAAC,YAAY;IACX,QAAQ,EAAEH,QAAS;IACnB,SAAS,EAAEJ,UAAU,CAAC,UAAU,EAAEM,SAAS,CAAE;IAC7C,MAAM,EAAED;EAAO,GACXE,IAAI,GAEPJ,QAAQ,CACI;AAEnB,CAAC;AAEDD,MAAM,CAACM,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Choose/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Choose/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","props","active","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAGA,OAAO,IAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAV;AAAA;AAAA;AAAA,wOACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAFmB,EAGrBF,SAHqB,EAIrBD,cAJqB,EAYjB;AAAA;AAAA,CAZiB,EAerB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAN,GADA,sDAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAfqB,CAAlB;AAuBPG,YAAY,CAACI,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","props","active","displayName"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAGxC,OAAO,IAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAM;EAAA;EAAA;AAAA,wOACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFF,SAAS,EACTD,cAAc,EAQV;EAAA;AAAkB,CAAC,EAGvB,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZN,GAAG,sDACG;IAAA;IAAA;EAAyB,CAAC,CAE/B;AAAA,EACJ;AAEDG,YAAY,CAACI,WAAW,GAAG,cAAc"}

package/dist/esm/components/Choose/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Choose/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Choose\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Choose/index.ts"],"sourcesContent":["export * from \"./Choose\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/ComboBox/ComboBox.js

@@ -26,44 +26,40 @@ import { ConditionalWrapper } from "../../helpers/ConditionWrapper/ConditionWrap
 import classNames from "classnames";
 export var ComboBox = function ComboBox(_ref) {
   var _comboBoxRef$current2, _comboBoxRef$current3;
-
   var _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      selected = _ref.selected,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      loadingText = _ref.loadingText,
-      onChange = _ref.onChange,
-      placeholder = _ref.placeholder,
-      handleEmptyAction = _ref.handleEmptyAction,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "regular" : _ref$size,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "single" : _ref$type,
-      renderChip = _ref.renderChip,
-      _ref$forceCloseMenu = _ref.forceCloseMenu,
-      forceCloseMenu = _ref$forceCloseMenu === void 0 ? type === "single" : _ref$forceCloseMenu,
-      renderOption = _ref.renderOption,
-      _ref$limitChips = _ref.limitChips,
-      limitChips = _ref$limitChips === void 0 ? 2 : _ref$limitChips,
-      hiddenNumberText = _ref.hiddenNumberText,
-      _ref$inPortal = _ref.inPortal,
-      inPortal = _ref$inPortal === void 0 ? false : _ref$inPortal,
-      inputWrapperClassName = _ref.inputWrapperClassName,
-      scrollWrapper = _ref.scrollWrapper,
-      prop = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    options = _ref$options === void 0 ? [] : _ref$options,
+    selected = _ref.selected,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    loadingText = _ref.loadingText,
+    onChange = _ref.onChange,
+    placeholder = _ref.placeholder,
+    handleEmptyAction = _ref.handleEmptyAction,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "single" : _ref$type,
+    renderChip = _ref.renderChip,
+    _ref$forceCloseMenu = _ref.forceCloseMenu,
+    forceCloseMenu = _ref$forceCloseMenu === void 0 ? type === "single" : _ref$forceCloseMenu,
+    renderOption = _ref.renderOption,
+    _ref$limitChips = _ref.limitChips,
+    limitChips = _ref$limitChips === void 0 ? 2 : _ref$limitChips,
+    hiddenNumberText = _ref.hiddenNumberText,
+    _ref$inPortal = _ref.inPortal,
+    inPortal = _ref$inPortal === void 0 ? false : _ref$inPortal,
+    inputWrapperClassName = _ref.inputWrapperClassName,
+    scrollWrapper = _ref.scrollWrapper,
+    prop = _objectWithoutPropertiesLoose(_ref, _excluded);
   var selectedName = useMemo(function () {
     var value = "";
-
     if (!selected) {
       return value;
     }
-
     options.map(function (v) {
       if (v != null && v.options) {
         return v.options.find(function (q) {
@@ -81,36 +77,28 @@ export var ComboBox = function ComboBox(_ref) {
     });
     return value;
   }, [options, selected]);
-
   var _useState = useState(selectedName),
-      value = _useState[0],
-      setValue = _useState[1];
-
+    value = _useState[0],
+    setValue = _useState[1];
   var handleOnChange = useCallback(function (e) {
     return setValue(e.target.value);
   }, []);
-
   var _useState2 = useState(),
-      childNode = _useState2[0],
-      setChildNode = _useState2[1];
-
+    childNode = _useState2[0],
+    setChildNode = _useState2[1];
   var elementRef = useRef(null);
   var handleRef = useForkRef(setChildNode, elementRef);
   var wrapperRef = useRef(null);
   var chipWrapper = useRef(null);
   var comboBoxRef = useRef(null);
-
   var _useState3 = useState(false),
-      open = _useState3[0],
-      setOpen = _useState3[1];
-
+    open = _useState3[0],
+    setOpen = _useState3[1];
   useOnClickOutside(wrapperRef, function (e) {
     var _comboBoxRef$current;
-
     if (e.target && (_comboBoxRef$current = comboBoxRef.current) != null && _comboBoxRef$current.contains(e.target)) {
       return;
     }
-
     setOpen(false);
   });
   var handleOnKeyDown = useCallback(function (e) {
@@ -119,7 +107,6 @@ export var ComboBox = function ComboBox(_ref) {
       setValue(selectedName);
       e.stopPropagation();
     }
-
     if (e.key === "Enter" && type === "multiple") {
       setValue("");
     }
@@ -137,7 +124,6 @@ export var ComboBox = function ComboBox(_ref) {
   }, [handleEmptyAction]);
   var handleChange = useCallback(function (selectedValue) {
     onChange == null ? void 0 : onChange(selectedValue);
-
     if (forceCloseMenu) {
       setOpen(false);
     }
@@ -151,7 +137,6 @@ export var ComboBox = function ComboBox(_ref) {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
     }
-
     if (type === "multiple") {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionContent, {
         imageUrl: option.image,
@@ -160,7 +145,6 @@ export var ComboBox = function ComboBox(_ref) {
         name: option.name
       }), /*#__PURE__*/React.createElement(Checkbox, props));
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionContent, {
       imageUrl: option.image,
       color: option.color,
@@ -170,13 +154,11 @@ export var ComboBox = function ComboBox(_ref) {
   }, [type, renderOption]);
   var handleDeselect = useCallback(function (e) {
     e.stopPropagation();
-
     if (type === "multiple") {
       onChange == null ? void 0 : onChange([]);
     } else {
       onChange == null ? void 0 : onChange("");
     }
-
     setOpen(false);
   }, [type, onChange]);
   var handleMouseDown = useCallback(function (e) {
@@ -189,21 +171,17 @@ export var ComboBox = function ComboBox(_ref) {
     if (typeof renderChip === "function") {
       return renderChip(option, index);
     }
-
     var avatarProps = {
       size: 18
     };
-
     switch (size) {
       case "big":
         avatarProps.size = 22;
         break;
-
       case "small":
         avatarProps.size = 14;
         break;
     }
-
     var leftAdornment = option.image ? /*#__PURE__*/React.createElement(_StyledAvatar, _extends({
       url: option.image
     }, avatarProps, {
@@ -215,11 +193,9 @@ export var ComboBox = function ComboBox(_ref) {
         "marginRight": "0.125rem"
       }
     })) : undefined;
-
     var onClose = function onClose(e) {
       e.preventDefault();
       e.stopPropagation();
-
       if (Array.isArray(selected) && selected.includes(option.id)) {
         if (typeof onChange === "function") {
           var newSelected = selected.filter(function (item) {
@@ -229,17 +205,13 @@ export var ComboBox = function ComboBox(_ref) {
         }
       }
     };
-
     var showOnClose = true;
-
     if (disabled) {
       showOnClose = false;
     }
-
     if (option.color) {
       showOnClose = false;
     }
-
     return /*#__PURE__*/React.createElement(Chip, {
       className: "c-combo-box-chip",
       leftAdornment: leftAdornment,
@@ -256,7 +228,6 @@ export var ComboBox = function ComboBox(_ref) {
     if (type === "multiple" && open && Array.isArray(selected) && selected.length > 1) {
       return "auto";
     }
-
     return size;
   }, [open, selected, size, type]);
   var startAdornment = useMemo(function () {
@@ -265,7 +236,6 @@ export var ComboBox = function ComboBox(_ref) {
       var total = 0;
       options.forEach(function (option, index) {
         var isGrouped = isOptionGroup(option);
-
         if (selected.includes(option.id) && !isGrouped) {
           total = total + 1;
           elements.push(renderChipAdornment(option, index));
@@ -274,7 +244,6 @@ export var ComboBox = function ComboBox(_ref) {
             return selected.includes(o.id);
           });
           total = total + groupedOptions.length;
-
           if (groupedOptions.length > 0) {
             groupedOptions.forEach(function (o, _index) {
               elements.push(renderChipAdornment(o, index + "_" + _index));
@@ -283,16 +252,13 @@ export var ComboBox = function ComboBox(_ref) {
         }
       });
       var _hidden = 0;
-
       if (!open && limitChips > 0 && elements.length > limitChips) {
         _hidden = elements.splice(limitChips, elements.length - limitChips).length;
       }
-
       return /*#__PURE__*/React.createElement(Fragment, null, elements, _hidden > 0 && /*#__PURE__*/React.createElement(_StyledTypography, {
         variant: size === "small" ? "Caption 1" : size === "regular" ? "Body 2" : "Body 1"
       }, typeof hiddenNumberText === "function" ? hiddenNumberText(_hidden) : "+" + _hidden));
     }
-
     return undefined;
   }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
   var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
@@ -306,7 +272,6 @@ export var ComboBox = function ComboBox(_ref) {
     className: classNames("c-combo-box-input-wrapper", inputWrapperClassName),
     onClick: function onClick() {
       var _elementRef$current;
-
       (_elementRef$current = elementRef.current) == null ? void 0 : _elementRef$current.focus();
     },
     $_css3: autoSize === "auto" ? "auto" : undefined,
@@ -396,7 +361,6 @@ export var ComboBox = function ComboBox(_ref) {
   })))))) : null);
 };
 ComboBox.displayName = "ComboBox";
-
 var _StyledAvatar = _styled(Avatar).withConfig({
   displayName: "ComboBox___StyledAvatar",
   componentId: "sc-uvsz9l-0"
@@ -405,12 +369,10 @@ var _StyledAvatar = _styled(Avatar).withConfig({
 }, function (p) {
   return p.$_css2;
 });
-
 var _StyledTypography = _styled(Typography).withConfig({
   displayName: "ComboBox___StyledTypography",
   componentId: "sc-uvsz9l-1"
 })(["display:flex;flex-shrink:0;align-items:center;"]);
-
 var _StyledStyledInputWrapper = _styled(StyledInputWrapper).withConfig({
   displayName: "ComboBox___StyledStyledInputWrapper",
   componentId: "sc-uvsz9l-2"
@@ -421,7 +383,6 @@ var _StyledStyledInputWrapper = _styled(StyledInputWrapper).withConfig({
 }, function (p) {
   return p.$_css5;
 });
-
 var _StyledTrigger = _styled(Trigger).withConfig({
   displayName: "ComboBox___StyledTrigger",
   componentId: "sc-uvsz9l-3"