@activecollab/components 2.0.303 → 2.0.305

package/dist/esm/components/Bubble/Bubble.js

@@ -5,12 +5,12 @@ import React from "react";
 import classnames from "classnames";
 import { StyledBubble } from "./Styles";
 export const Bubble = _ref => {
-  let {
-      children,
-      className,
-      innerRef = null,
-      style = {}
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$innerRef = _ref.innerRef,
+    innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
     ref: innerRef,

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","_ref","children","className","innerRef","style","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAML,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,MAAMC,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IAN+D;MACnEC,QAAQ;MACRC,SAAS;MACTC,QAAQ,GAAG,IAAI;MACfC,KAAK,GAAG,CAAC;IAEX,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,oBACEX,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAAW,QAAA,KACPJ,IAAI;IACRK,GAAG,EAAEP,QAAS;IACdD,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","_ref","children","className","_ref$innerRef","innerRef","_ref$style","style","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAML,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,MAAMC,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CACTI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAAE,UAAA,GAAAL,IAAA,CACfM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;IACPE,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAEP,oBACEb,KAAA,CAAAc,aAAA,CAACZ,YAAY,EAAAa,QAAA,KACPJ,IAAI;IACRK,GAAG,EAAER,QAAS;IACdF,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CI,KAAK,EAAEA;EAAM,IAEZL,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACc,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Button/AddToListButton/AddToListButton.js

@@ -5,10 +5,8 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledAddCrossIcon, StyledAddToListButton, StyledText } from "./Styles";
 export const AddToListButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      text,
-      className
-    } = _ref,
+  let text = _ref.text,
+    className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledAddToListButton, _extends({
     ref: ref,

package/dist/esm/components/Button/AddToListButton/AddToListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToListButton.js","names":["React","forwardRef","classnames","StyledAddCrossIcon","StyledAddToListButton","StyledText","AddToListButton","_ref","ref","text","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,UAAU,QACL,UAAU;AAUjB,OAAO,MAAMC,eAAe,gBAAGL,UAAU,CACvC,CAAAM,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAAtC;MAAEC,IAAI;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAANI,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzB,oBACEb,KAAA,CAAAc,aAAA,CAACV,qBAAqB,EAAAW,QAAA;IACpBP,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEQ,SAAS;EAAE,GACnDC,IAAI,gBAERX,KAAA,CAAAc,aAAA,CAACX,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAc,aAAA,CAACT,UAAU;IAACW,MAAM,EAAC;EAAQ,GAAEP,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDH,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"file":"AddToListButton.js","names":["React","forwardRef","classnames","StyledAddCrossIcon","StyledAddToListButton","StyledText","AddToListButton","_ref","ref","text","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,UAAU,QACL,UAAU;AAUjB,OAAO,MAAMC,eAAe,gBAAGL,UAAU,CACvC,CAAAM,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAApCC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAKC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzB,oBACEb,KAAA,CAAAc,aAAA,CAACV,qBAAqB,EAAAW,QAAA;IACpBP,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEQ,SAAS;EAAE,GACnDC,IAAI,gBAERX,KAAA,CAAAc,aAAA,CAACX,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAc,aAAA,CAACT,UAAU;IAACW,MAAM,EAAC;EAAQ,GAAEP,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDH,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/Button/Button.js

@@ -25,13 +25,14 @@ import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Style
  * https://design.activecollab.com/docs/components/button
  */
 export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      active = false,
-      variant = "contained",
-      size = "medium",
-      className
-    } = _ref,
+  let children = _ref.children,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    className = _ref.className,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     className: classnames("c-btn", className, {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","active","variant","size","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EASEC,GAAG,KACA;EAAA,IATH;MACEC,QAAQ;MACRC,MAAM,GAAG,KAAK;MACdC,OAAO,GAAG,WAAW;MACrBC,IAAI,GAAG,QAAQ;MACfC;IAEF,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,YAAY,EAAAe,QAAA;IACXL,SAAS,EAAEX,UAAU,CAAC,OAAO,EAAEW,SAAS,EAAE;MACxC,kBAAkB,EAAEF,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEC,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBH,QAAQ,YAAYU,MAAM,IAAI,EAAEV,QAAQ,YAAYW,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEZ,QAAQ,YAAYU,MAAM,IAAI,EAAEV,QAAQ,YAAYW,KAAK,CAAE;IACrET,OAAO,EAAEA,OAAQ;IACjBD,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA,IAAK;IACXJ,GAAG,EAAEA,GAAI;IACT,gBAAcE,MAAO;IACrBY,IAAI,EAAC;EAAQ,GACTR,IAAI,GAEPL,QAAQ,YAAYW,KAAK,gBACxBpB,KAAA,CAAAiB,aAAA,CAACZ,oBAAoB;IAACQ,SAAS,EAAC;EAAiB,GAC9CJ,QAAQ,CAACc,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHxB,KAAA,CAAAiB,aAAA,CAACb,mBAAmB;IAClBS,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBf,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAACqB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EASEC,GAAG,KACA;EAAA,IARDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAAE,SAAA,GAAAP,IAAA,CACrBQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,SAAS,GAAAT,IAAA,CAATS,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,oBACEnB,KAAA,CAAAoB,aAAA,CAACjB,YAAY,EAAAkB,QAAA;IACXL,SAAS,EAAEd,UAAU,CAAC,OAAO,EAAEc,SAAS,EAAE;MACxC,kBAAkB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEE,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBN,QAAQ,YAAYa,MAAM,IAAI,EAAEb,QAAQ,YAAYc,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEf,QAAQ,YAAYa,MAAM,IAAI,EAAEb,QAAQ,YAAYc,KAAK,CAAE;IACrEV,OAAO,EAAEA,OAAQ;IACjBF,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXP,GAAG,EAAEA,GAAI;IACT,gBAAcG,MAAO;IACrBc,IAAI,EAAC;EAAQ,GACTR,IAAI,GAEPR,QAAQ,YAAYc,KAAK,gBACxBvB,KAAA,CAAAoB,aAAA,CAACf,oBAAoB;IAACW,SAAS,EAAC;EAAiB,GAC9CP,QAAQ,CAACiB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACH3B,KAAA,CAAAoB,aAAA,CAAChB,mBAAmB;IAClBY,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBlB,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js

@@ -6,10 +6,9 @@ import classnames from "classnames";
 import { StyledGlobalAddButton } from "./Styles";
 import AddCrossTinyIcon from "../../Icons/collection/AddCrossTiny";
 export const GlobalAddButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className,
-      disabled = false
-    } = _ref,
+  let className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledGlobalAddButton, _extends({
     ref: ref,

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAddButton.js","names":["React","forwardRef","classnames","StyledGlobalAddButton","AddCrossTinyIcon","GlobalAddButton","_ref","ref","className","disabled","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledGlobalAddButton } from \"./Styles\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,OAAOC,gBAAgB,MAAM,qCAAqC;AAUlE,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAAAK,IAAA,EAA2CC,GAAG,KAAK;EAAA,IAAlD;MAAEC,SAAS;MAAEC,QAAQ,GAAG;IAAe,CAAC,GAAAH,IAAA;IAANI,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACrC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,qBAAqB,EAAAW,QAAA;IACpBP,GAAG,EAAEA,GAAI;IACTQ,OAAO,EAAC,WAAW;IACnBN,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEN,UAAU,CAAC,kBAAkB,EAAEM,SAAS;EAAE,GACjDE,IAAI,gBAERV,KAAA,CAAAa,aAAA,CAACT,gBAAgB,MAAE,CACE,CAAC;AAE5B,CACF,CAAC;AAEDC,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"file":"GlobalAddButton.js","names":["React","forwardRef","classnames","StyledGlobalAddButton","AddCrossTinyIcon","GlobalAddButton","_ref","ref","className","_ref$disabled","disabled","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledGlobalAddButton } from \"./Styles\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,OAAOC,gBAAgB,MAAM,qCAAqC;AAUlE,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAAAK,IAAA,EAA2CC,GAAG,KAAK;EAAA,IAAhDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAKE,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EACrC,oBACEb,KAAA,CAAAc,aAAA,CAACX,qBAAqB,EAAAY,QAAA;IACpBR,GAAG,EAAEA,GAAI;IACTS,OAAO,EAAC,WAAW;IACnBN,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEN,UAAU,CAAC,kBAAkB,EAAEM,SAAS;EAAE,GACjDG,IAAI,gBAERX,KAAA,CAAAc,aAAA,CAACV,gBAAgB,MAAE,CACE,CAAC;AAE5B,CACF,CAAC;AAEDC,eAAe,CAACY,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -5,11 +5,9 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledButtonGroup } from "./Styles";
 export const ButtonGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      invalid
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    invalid = _ref.invalid,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","invalid","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAA4CC,GAAG;EAAA,IAA9C;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAiB,CAAC,GAAAJ,IAAA;IAANK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAAA,oBACxCZ,KAAA,CAAAa,aAAA,CAACV,iBAAiB,EAAAW,QAAA;IAChBR,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDO,QAAQ,EAAEN;EAAQ,GACdC,IAAI,GAEPH,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACY,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","invalid","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAA4CC,GAAG;EAAA,IAA5CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAAA,oBACxCZ,KAAA,CAAAa,aAAA,CAACV,iBAAiB,EAAAW,QAAA;IAChBR,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDO,QAAQ,EAAEN;EAAQ,GACdC,IAAI,GAEPH,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACY,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -5,13 +5,13 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledCard } from "./Styles";
 export const Card = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      hoverable = false,
-      variant = "paper-2",
-      onClick
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$hoverable = _ref.hoverable,
+    hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
+    onClick = _ref.onClick,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
     type: variant,

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","hoverable","variant","onClick","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\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  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\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;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAC5B,CAAAI,IAAA,EASEC,GAA2C,KACxC;EAAA,IATH;MACEC,QAAQ;MACRC,SAAS;MACTC,SAAS,GAAG,KAAK;MACjBC,OAAO,GAAG,SAAS;MACnBC;IAE2C,CAAC,GAAAN,IAAA;IADzCO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEd,KAAA,CAAAe,aAAA,CAACZ,UAAU,EAAAa,QAAA,KACLJ,IAAI;IACRK,IAAI,EAAEP,OAAQ;IACdF,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CU,KAAK,EAAET,SAAU;IACjBU,QAAQ,EAAE,OAAOR,OAAO,KAAK,UAAW;IACxCA,OAAO,EAAEA,OAAQ;IACjBS,kBAAkB;IAClBd,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$variant","variant","onClick","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\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  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\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;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAC5B,CAAAI,IAAA,EASEC,GAA2C,KACxC;EAAA,IARDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,cAAA,GAAAJ,IAAA,CACTK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,YAAA,GAAAN,IAAA,CACjBO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACJC,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAe,QAAA,KACLJ,IAAI;IACRK,IAAI,EAAEP,OAAQ;IACdJ,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CY,KAAK,EAAEV,SAAU;IACjBW,QAAQ,EAAE,OAAOR,OAAO,KAAK,UAAW;IACxCA,OAAO,EAAEA,OAAQ;IACjBS,kBAAkB;IAClBhB,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACmB,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -6,9 +6,7 @@ export const StyledCard = styled(Paper).withConfig({
 })(["", " ", ""], {
   "color": "var(--color-theme-900)"
 }, _ref => {
-  let {
-    $pointer
-  } = _ref;
+  let $pointer = _ref.$pointer;
   return $pointer && css(["cursor:pointer;"]);
 });
 StyledCard.displayName = "StyledCard";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledCard","withConfig","displayName","componentId","_ref","$pointer"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAMhC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErBC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,OACbC,QAAQ,IACRP,GAAG,qBAEF;AAAA,EACJ;AAEDE,UAAU,CAACE,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledCard","withConfig","displayName","componentId","_ref","$pointer"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAMhC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErBC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRP,GAAG,qBAEF;AAAA,EACJ;AAEDE,UAAU,CAACE,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -9,18 +9,22 @@ import { StyledCheckbox, StyledInput, StyledLabel } from "./Styles";
  * Checkbox component
  */
 export const Checkbox = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className,
-      hover,
-      id = "checkbox",
-      mixed = false,
-      checked,
-      onChange,
-      disabled
-    } = _ref,
+  let className = _ref.className,
+    hover = _ref.hover,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "checkbox" : _ref$id,
+    _ref$mixed = _ref.mixed,
+    mixed = _ref$mixed === void 0 ? false : _ref$mixed,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [indeterminate, setIndeterminate] = useState(mixed && !checked);
-  const [initialChecked, setInitialChecked] = useState(checked);
+  const _useState = useState(mixed && !checked),
+    indeterminate = _useState[0],
+    setIndeterminate = _useState[1];
+  const _useState2 = useState(checked),
+    initialChecked = _useState2[0],
+    setInitialChecked = _useState2[1];
   const handleChange = useCallback(e => {
     typeof onChange === "function" && onChange(e);
     setInitialChecked(prev => !prev);

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","forwardRef","useState","useCallback","useEffect","classnames","CheckboxIcon","StyledCheckbox","StyledInput","StyledLabel","Checkbox","_ref","ref","className","hover","id","mixed","checked","onChange","disabled","rest","_objectWithoutPropertiesLoose","_excluded","indeterminate","setIndeterminate","initialChecked","setInitialChecked","handleChange","e","prev","createElement","tabIndex","$disabled","_extends","role","type","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\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  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      disabled,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\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        tabIndex={-1}\n        mixed={indeterminate}\n        $disabled={disabled}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,EAGVC,QAAQ,EACRC,WAAW,EACXC,SAAS,QACJ,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,cAAc,EAAEC,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAgBnE;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,gBAAGT,UAAU,CAChC,CAAAU,IAAA,EAWEC,GAA6C,KAC1C;EAAA,IAXH;MACEC,SAAS;MACTC,KAAK;MACLC,EAAE,GAAG,UAAU;MACfC,KAAK,GAAG,KAAK;MACbC,OAAO;MACPC,QAAQ;MACRC;IAEa,CAAC,GAAAR,IAAA;IADXS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGtB,QAAQ,CAACc,KAAK,IAAI,CAACC,OAAO,CAAC;EACrE,MAAM,CAACQ,cAAc,EAAEC,iBAAiB,CAAC,GAAGxB,QAAQ,CAACe,OAAO,CAAC;EAC7D,MAAMU,YAAY,GAAGxB,WAAW,CAC7ByB,CAAC,IAAK;IACL,OAAOV,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACU,CAAC,CAAC;IAC7CF,iBAAiB,CAAEG,IAAI,IAAK,CAACA,IAAI,CAAC;IAClCL,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC,EACD,CAACN,QAAQ,CACX,CAAC;EAEDd,SAAS,CAAC,MAAM;IACd,IAAIa,OAAO,KAAKQ,cAAc,EAAE;MAC9BC,iBAAiB,CAACT,OAAO,CAAC;MAC1BO,gBAAgB,CAAC,KAAK,CAAC;IACzB;IACA;EACF,CAAC,EAAE,CAACP,OAAO,CAAC,CAAC;EAEbb,SAAS,CAAC,MAAM;IACd,IAAIY,KAAK,KAAKO,aAAa,IAAI,CAACN,OAAO,EAAE;MACvCO,gBAAgB,CAACR,KAAK,CAAC;IACzB;IACA;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACEhB,KAAA,CAAA8B,aAAA,CAACvB,cAAc;IACbM,SAAS,EAAER,UAAU,CACnB,YAAY,EACZ;MACE,mBAAmB,EAAES,KAAK;MAC1B,wBAAwB,EAAE,OAAOA,KAAK,KAAK;IAC7C,CAAC,EACDD,SACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IACbiB,QAAQ,EAAE,CAAC,CAAE;IACbf,KAAK,EAAEO,aAAc;IACrBS,SAAS,EAAEb;EAAS,gBAEpBnB,KAAA,CAAA8B,aAAA,CAACtB,WAAW,EAAAyB,QAAA;IACVC,IAAI,EAAC,UAAU;IACfnB,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAC,mBAAmB;IAC7BsB,IAAI,EAAC,UAAU;IACfvB,GAAG,EAAEA;EAAI,GACLQ,IAAI;IACRH,OAAO,EAAEQ,cAAe;IACxBP,QAAQ,EAAES,YAAa;IACvBR,QAAQ,EAAEA;EAAS,EACpB,CAAC,eACFnB,KAAA,CAAA8B,aAAA,CAACrB,WAAW;IAAC2B,OAAO,EAAErB,EAAG;IAACF,SAAS,EAAC;EAAmB,gBACrDb,KAAA,CAAA8B,aAAA,CAACxB,YAAY;IACX,eAAY,eAAe;IAC3B+B,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVtB,KAAK,EAAEO;EAAc,CACtB,CACU,CACC,CAAC;AAErB,CACF,CAAC;AAEDb,QAAQ,CAAC6B,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["React","forwardRef","useState","useCallback","useEffect","classnames","CheckboxIcon","StyledCheckbox","StyledInput","StyledLabel","Checkbox","_ref","ref","className","hover","_ref$id","id","_ref$mixed","mixed","checked","onChange","disabled","rest","_objectWithoutPropertiesLoose","_excluded","_useState","indeterminate","setIndeterminate","_useState2","initialChecked","setInitialChecked","handleChange","e","prev","createElement","tabIndex","$disabled","_extends","role","type","htmlFor","height","width","displayName"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  InputHTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport CheckboxIcon from \"./CheckboxIcon\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface CheckBoxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\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  /** mixed state */\n  mixed?: boolean;\n  /** On change callback */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      mixed = false,\n      checked,\n      onChange,\n      disabled,\n      ...rest\n    }: CheckBoxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    const [indeterminate, setIndeterminate] = useState(mixed && !checked);\n    const [initialChecked, setInitialChecked] = useState(checked);\n    const handleChange = useCallback(\n      (e) => {\n        typeof onChange === \"function\" && onChange(e);\n        setInitialChecked((prev) => !prev);\n        setIndeterminate(false);\n      },\n      [onChange]\n    );\n\n    useEffect(() => {\n      if (checked !== initialChecked) {\n        setInitialChecked(checked);\n        setIndeterminate(false);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [checked]);\n\n    useEffect(() => {\n      if (mixed !== indeterminate && !checked) {\n        setIndeterminate(mixed);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mixed]);\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        tabIndex={-1}\n        mixed={indeterminate}\n        $disabled={disabled}\n      >\n        <StyledInput\n          role=\"checkbox\"\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n          checked={initialChecked}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon\n            data-testid=\"checkbox-icon\"\n            height={16}\n            width={16}\n            mixed={indeterminate}\n          />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,10 +23,8 @@ import React from "react";
  * https://design.activecollab.com/docs/foundations/icons
  */
 const CheckboxIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      mixed,
-      "data-testid": testId
-    } = _ref,
+  let mixed = _ref.mixed,
+    testId = _ref["data-testid"],
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   // const [animate, setAnimate] = useState(false);
   // const mountRef = useRef(false);

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIcon.js","names":["React","CheckboxIcon","forwardRef","_ref","svgRef","mixed","testId","props","_objectWithoutPropertiesLoose","_excluded","createElement","width","height","viewBox","fill","xmlns","fillRule","clipRule","d","x","y","rx","_extends","focusable","ref","stroke","strokeWidth","displayName"],"sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CheckboxIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <CheckboxIcon className=\"mr-2\" showAdditionalIcon={true} />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CheckboxIcon = React.forwardRef(\n  (\n    {\n      mixed,\n      \"data-testid\": testId,\n      ...props\n    }: {\n      mixed?: boolean;\n      \"data-testid\"?: string;\n    } & React.SVGProps<SVGSVGElement>,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => {\n    // const [animate, setAnimate] = useState(false);\n    // const mountRef = useRef(false);\n\n    // useEffect(() => {\n    //   if (mountRef.current) {\n    //     setAnimate(true);\n    //   } else {\n    //     mountRef.current = true;\n    //   }\n    // }, [mixed]);\n\n    if (mixed) {\n      return (\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          data-testid=\"checkbox-mixed-icon\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.2222 0C15.2041 0 16 0.795938 16 1.77778V14.2222C16 15.2041 15.2041 16 14.2222 16H1.77778C0.795938 16 0 15.2041 0 14.2222V1.77778C0 0.795938 0.795938 0 1.77778 0H14.2222Z\"\n            fill=\"var(--color-secondary)\"\n          />\n          <rect\n            x=\"3\"\n            y=\"7\"\n            width={10}\n            height=\"2\"\n            rx=\"1\"\n            fill=\"var(--page-paper-main)\"\n          ></rect>\n        </svg>\n      );\n    }\n    return (\n      <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"var(--color-theme-600)\"\n        focusable={false}\n        ref={svgRef}\n        {...props}\n        data-testid={testId}\n      >\n        <g fillRule=\"evenodd\">\n          <rect\n            stroke=\"#8E8E8E\"\n            x={0.5}\n            y={0.5}\n            width={15}\n            height={15}\n            rx={2}\n          />\n          <path\n            stroke=\"#979797\"\n            strokeWidth={2}\n            d=\"M12.243 5l-5.657 5.657-2.829-2.829\"\n          />\n        </g>\n      </svg>\n    );\n  }\n);\nCheckboxIcon.displayName = \"CheckboxIcon\";\nexport default CheckboxIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAU,CACnC,CAAAC,IAAA,EASEC,MAAiC,KAC9B;EAAA,IATH;MACEC,KAAK;MACL,aAAa,EAAEC;IAKe,CAAC,GAAAH,IAAA;IAJ5BI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAOV;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAIJ,KAAK,EAAE;IACT,oBACEL,KAAA,CAAAU,aAAA;MACEC,KAAK,EAAC,IAAI;MACVC,MAAM,EAAC,IAAI;MACXC,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,4BAA4B;MAClC,eAAY;IAAqB,gBAEjCf,KAAA,CAAAU,aAAA;MACEM,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,+KAA+K;MACjLJ,IAAI,EAAC;IAAwB,CAC9B,CAAC,eACFd,KAAA,CAAAU,aAAA;MACES,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLT,KAAK,EAAE,EAAG;MACVC,MAAM,EAAC,GAAG;MACVS,EAAE,EAAC,GAAG;MACNP,IAAI,EAAC;IAAwB,CACxB,CACJ,CAAC;EAEV;EACA,oBACEd,KAAA,CAAAU,aAAA,QAAAY,QAAA;IACEX,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBE,KAAK,EAAC,4BAA4B;IAClCD,IAAI,EAAC,wBAAwB;IAC7BS,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEpB;EAAO,GACRG,KAAK;IACT,eAAaD;EAAO,iBAEpBN,KAAA,CAAAU,aAAA;IAAGM,QAAQ,EAAC;EAAS,gBACnBhB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,SAAS;IAChBN,CAAC,EAAE,GAAI;IACPC,CAAC,EAAE,GAAI;IACPT,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXS,EAAE,EAAE;EAAE,CACP,CAAC,eACFrB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,CAAE;IACfR,CAAC,EAAC;EAAoC,CACvC,CACA,CACA,CAAC;AAEV,CACF,CAAC;AACDjB,YAAY,CAAC0B,WAAW,GAAG,cAAc;AACzC,eAAe1B,YAAY","ignoreList":[]}
+{"version":3,"file":"CheckboxIcon.js","names":["React","CheckboxIcon","forwardRef","_ref","svgRef","mixed","testId","props","_objectWithoutPropertiesLoose","_excluded","createElement","width","height","viewBox","fill","xmlns","fillRule","clipRule","d","x","y","rx","_extends","focusable","ref","stroke","strokeWidth","displayName"],"sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CheckboxIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <CheckboxIcon className=\"mr-2\" showAdditionalIcon={true} />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst CheckboxIcon = React.forwardRef(\n  (\n    {\n      mixed,\n      \"data-testid\": testId,\n      ...props\n    }: {\n      mixed?: boolean;\n      \"data-testid\"?: string;\n    } & React.SVGProps<SVGSVGElement>,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => {\n    // const [animate, setAnimate] = useState(false);\n    // const mountRef = useRef(false);\n\n    // useEffect(() => {\n    //   if (mountRef.current) {\n    //     setAnimate(true);\n    //   } else {\n    //     mountRef.current = true;\n    //   }\n    // }, [mixed]);\n\n    if (mixed) {\n      return (\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          data-testid=\"checkbox-mixed-icon\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.2222 0C15.2041 0 16 0.795938 16 1.77778V14.2222C16 15.2041 15.2041 16 14.2222 16H1.77778C0.795938 16 0 15.2041 0 14.2222V1.77778C0 0.795938 0.795938 0 1.77778 0H14.2222Z\"\n            fill=\"var(--color-secondary)\"\n          />\n          <rect\n            x=\"3\"\n            y=\"7\"\n            width={10}\n            height=\"2\"\n            rx=\"1\"\n            fill=\"var(--page-paper-main)\"\n          ></rect>\n        </svg>\n      );\n    }\n    return (\n      <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"var(--color-theme-600)\"\n        focusable={false}\n        ref={svgRef}\n        {...props}\n        data-testid={testId}\n      >\n        <g fillRule=\"evenodd\">\n          <rect\n            stroke=\"#8E8E8E\"\n            x={0.5}\n            y={0.5}\n            width={15}\n            height={15}\n            rx={2}\n          />\n          <path\n            stroke=\"#979797\"\n            strokeWidth={2}\n            d=\"M12.243 5l-5.657 5.657-2.829-2.829\"\n          />\n        </g>\n      </svg>\n    );\n  }\n);\nCheckboxIcon.displayName = \"CheckboxIcon\";\nexport default CheckboxIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAU,CACnC,CAAAC,IAAA,EASEC,MAAiC,KAC9B;EAAA,IARDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACUC,MAAM,GAAAH,IAAA,CAArB,aAAa;IACVI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAOV;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAIJ,KAAK,EAAE;IACT,oBACEL,KAAA,CAAAU,aAAA;MACEC,KAAK,EAAC,IAAI;MACVC,MAAM,EAAC,IAAI;MACXC,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,4BAA4B;MAClC,eAAY;IAAqB,gBAEjCf,KAAA,CAAAU,aAAA;MACEM,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,+KAA+K;MACjLJ,IAAI,EAAC;IAAwB,CAC9B,CAAC,eACFd,KAAA,CAAAU,aAAA;MACES,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLT,KAAK,EAAE,EAAG;MACVC,MAAM,EAAC,GAAG;MACVS,EAAE,EAAC,GAAG;MACNP,IAAI,EAAC;IAAwB,CACxB,CACJ,CAAC;EAEV;EACA,oBACEd,KAAA,CAAAU,aAAA,QAAAY,QAAA;IACEX,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBE,KAAK,EAAC,4BAA4B;IAClCD,IAAI,EAAC,wBAAwB;IAC7BS,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEpB;EAAO,GACRG,KAAK;IACT,eAAaD;EAAO,iBAEpBN,KAAA,CAAAU,aAAA;IAAGM,QAAQ,EAAC;EAAS,gBACnBhB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,SAAS;IAChBN,CAAC,EAAE,GAAI;IACPC,CAAC,EAAE,GAAI;IACPT,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXS,EAAE,EAAE;EAAE,CACP,CAAC,eACFrB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,CAAE;IACfR,CAAC,EAAC;EAAoC,CACvC,CACA,CACA,CAAC;AAEV,CACF,CAAC;AACDjB,YAAY,CAAC0B,WAAW,GAAG,cAAc;AACzC,eAAe1B,YAAY","ignoreList":[]}

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

@@ -5,16 +5,15 @@ import React, { useMemo } from "react";
 import { ChipCloseIcon, ChipContainer, ChipTrigger } from "./Styles";
 import { Typography } from "../Typography/Typography";
 export const Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      startAdornment,
-      label,
-      onClose,
-      size = "regular",
-      color,
-      backgroundColor,
-      closeClassName,
-      typographyProps
-    } = _ref,
+  let startAdornment = _ref.startAdornment,
+    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,
+    typographyProps = _ref.typographyProps,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const showClose = typeof onClose === "function";
   const variant = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","_ref","ref","startAdornment","label","onClose","size","color","backgroundColor","closeClassName","typographyProps","rest","_objectWithoutPropertiesLoose","_excluded","showClose","variant","createElement","_extends","weight","onClick","className","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { Typography, ITypographyProps } from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const variant = useMemo(() => {\n      switch (size) {\n        case \"big\":\n          return \"Body 1\";\n        case \"biggest\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [size]);\n\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        {startAdornment}\n        <Typography\n          variant={variant}\n          data-testid=\"chip-typography\"\n          weight={size === \"biggest\" ? \"medium\" : \"regular\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\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;AAEjD,SAASC,aAAa,EAAEC,aAAa,EAAEC,WAAW,QAAQ,UAAU;AAEpE,SAASC,UAAU,QAA0B,0BAA0B;AAavE,OAAO,MAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAIlC,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;MACEC,cAAc;MACdC,KAAK;MACLC,OAAO;MACPC,IAAI,GAAG,SAAS;MAChBC,KAAK;MACLC,eAAe;MACfC,cAAc;MACdC;IAEF,CAAC,GAAAT,IAAA;IADIU,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,MAAMC,SAAS,GAAG,OAAOT,OAAO,KAAK,UAAU;EAC/C,MAAMU,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC5B,QAAQY,IAAI;MACV,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB,KAAK,SAAS;QACZ,OAAO,QAAQ;MACjB;QACE,OAAO,WAAW;IACtB;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEb,KAAA,CAAAuB,aAAA,CAACpB,aAAa,EAAAqB,QAAA,KACRN,IAAI;IACRT,GAAG,EAAEA,GAAI;IACTI,IAAI,EAAEA,IAAK;IACXQ,SAAS,EAAEA,SAAU;IACrBP,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjC,eAAY;EAAgB,IAE3BL,cAAc,eACfV,KAAA,CAAAuB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IACTF,OAAO,EAAEA,OAAQ;IACjB,eAAY,iBAAiB;IAC7BG,MAAM,EAAEZ,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAU,GAC9CI,eAAe,GAElBN,KACS,CAAC,EACZU,SAAS,gBACRrB,KAAA,CAAAuB,aAAA,CAACnB,WAAW;IAACS,IAAI,EAAEA,IAAK;IAACa,OAAO,EAAEd,OAAQ;IAACe,SAAS,EAAEX;EAAe,gBACnEhB,KAAA,CAAAuB,aAAA,CAACrB,aAAa;IAAC0B,IAAI,EAAEd,KAAK,GAAGA,KAAK,GAAG;EAAe,CAAE,CAC3C,CAAC,GACZ,IACS,CAAC;AAEpB,CACF,CAAC;AAEDR,IAAI,CAACuB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Chip.js","names":["React","useMemo","ChipCloseIcon","ChipContainer","ChipTrigger","Typography","Chip","forwardRef","_ref","ref","startAdornment","label","onClose","_ref$size","size","color","backgroundColor","closeClassName","typographyProps","rest","_objectWithoutPropertiesLoose","_excluded","showClose","variant","createElement","_extends","weight","onClick","className","fill","displayName"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport { ChipCloseIcon, ChipContainer, ChipTrigger } from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { Typography, ITypographyProps } from \"../Typography/Typography\";\n\nexport interface ChipProps {\n  label: string;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  startAdornment?: ReactNode;\n  size?: InputSize;\n  color?: string;\n  backgroundColor?: string;\n  closeClassName?: string;\n  typographyProps?: ITypographyProps;\n}\n\nexport const Chip = React.forwardRef<\n  HTMLDivElement,\n  ChipProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChipProps>\n>(\n  (\n    {\n      startAdornment,\n      label,\n      onClose,\n      size = \"regular\",\n      color,\n      backgroundColor,\n      closeClassName,\n      typographyProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const showClose = typeof onClose === \"function\";\n    const variant = useMemo(() => {\n      switch (size) {\n        case \"big\":\n          return \"Body 1\";\n        case \"biggest\":\n          return \"Body 1\";\n        default:\n          return \"Caption 1\";\n      }\n    }, [size]);\n\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        {startAdornment}\n        <Typography\n          variant={variant}\n          data-testid=\"chip-typography\"\n          weight={size === \"biggest\" ? \"medium\" : \"regular\"}\n          {...typographyProps}\n        >\n          {label}\n        </Typography>\n        {showClose ? (\n          <ChipTrigger size={size} onClick={onClose} className={closeClassName}>\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;AAEjD,SAASC,aAAa,EAAEC,aAAa,EAAEC,WAAW,QAAQ,UAAU;AAEpE,SAASC,UAAU,QAA0B,0BAA0B;AAavE,OAAO,MAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAIlC,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAXDC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,SAAA,GAAAL,IAAA,CACPM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACZC,IAAI,GAAAC,6BAAA,CAAAZ,IAAA,EAAAa,SAAA;EAIT,MAAMC,SAAS,GAAG,OAAOV,OAAO,KAAK,UAAU;EAC/C,MAAMW,OAAO,GAAGtB,OAAO,CAAC,MAAM;IAC5B,QAAQa,IAAI;MACV,KAAK,KAAK;QACR,OAAO,QAAQ;MACjB,KAAK,SAAS;QACZ,OAAO,QAAQ;MACjB;QACE,OAAO,WAAW;IACtB;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEd,KAAA,CAAAwB,aAAA,CAACrB,aAAa,EAAAsB,QAAA,KACRN,IAAI;IACRV,GAAG,EAAEA,GAAI;IACTK,IAAI,EAAEA,IAAK;IACXQ,SAAS,EAAEA,SAAU;IACrBP,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjC,eAAY;EAAgB,IAE3BN,cAAc,eACfV,KAAA,CAAAwB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTF,OAAO,EAAEA,OAAQ;IACjB,eAAY,iBAAiB;IAC7BG,MAAM,EAAEZ,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAU,GAC9CI,eAAe,GAElBP,KACS,CAAC,EACZW,SAAS,gBACRtB,KAAA,CAAAwB,aAAA,CAACpB,WAAW;IAACU,IAAI,EAAEA,IAAK;IAACa,OAAO,EAAEf,OAAQ;IAACgB,SAAS,EAAEX;EAAe,gBACnEjB,KAAA,CAAAwB,aAAA,CAACtB,aAAa;IAAC2B,IAAI,EAAEd,KAAK,GAAGA,KAAK,GAAG;EAAe,CAAE,CAC3C,CAAC,GACZ,IACS,CAAC;AAEpB,CACF,CAAC;AAEDT,IAAI,CAACwB,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -10,14 +10,10 @@ export const ChipContainer = styled.div.withConfig({
   displayName: "Styles__ChipContainer",
   componentId: "sc-7s0bd1-0"
 })(["align-items:center;border-radius:0.25rem;display:flex;height:1.5rem;max-width:220px;overflow:hidden;padding-left:0.375rem;", " ", " background-color:var(--color-theme-400);color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;line-height:1.375;", "{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, StyledTypography, _ref => {
-  let {
-    color
-  } = _ref;
+  let color = _ref.color;
   return color && css(["", "{color:", ";}"], StyledTypography, color);
 }, _ref2 => {
-  let {
-    backgroundColor
-  } = _ref2;
+  let backgroundColor = _ref2.backgroundColor;
   return backgroundColor && css(["background-color:", ";"], backgroundColor);
 }, props => props.showClose ? null : css(["padding-right:0.375rem;"]), props => props.size === "regular" && css(["height:24px;"]), props => props.size === "small" && css(["height:18px;"]), props => props.size === "big" && css(["height:30px;"]), props => props.size === "biggest" && css(["height:40px;"]));
 ChipContainer.displayName = "ChipContainer";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","CloseSmallIcon","Trigger","StyledTypography","ChipContainer","div","withConfig","displayName","componentId","_ref","color","_ref2","backgroundColor","props","showClose","size","ChipLabel","span","ChipTrigger","ChipCloseIcon"],"sources":["../../../../src/components/Chip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { ChipProps } from \"./Chip\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\n// prettier-ignore\nexport const ChipContainer = styled.div<Partial<ChipProps> & { showClose: boolean }>`\n  align-items: center;\n  border-radius: 0.25rem;\n  display: flex;\n  height: 1.5rem;\n  max-width: 220px;\n  overflow: hidden;\n  padding-left: 0.375rem;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  background-color: var(--color-theme-400);\n  color: var(--color-theme-900);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  line-height: 1.375;\n\n  ${StyledTypography} {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\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          padding-right: 0.375rem;\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    ${(props) =>\n      props.size === \"biggest\" &&\n      css`\n        height: 40px;\n      `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipTrigger = styled(Trigger)<Pick<ChipProps, \"size\">>`\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin-left: 0.125rem;\n\n  &:hover {\n    background-color: var(--color-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    ${(props) =>\n    props.size === \"biggest\" &&\n    css`\n      height: 40px;\n      width: 40px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  color: var(--color-theme-700);\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,gBAAgB,QAAQ,sBAAsB;;AAEvD;AACA,OAAO,MAAMC,aAAa,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sYASnCR,SAAS,EACTD,cAAc,EASdI,gBAAgB,EAOhBM,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OACVC,KAAK,IACLZ,GAAG,wBACCK,gBAAgB,EACPO,KAAK,CAEjB;AAAA,GAEDC,KAAA;EAAA,IAAC;IAAEC;EAAgB,CAAC,GAAAD,KAAA;EAAA,OACpBC,eAAe,IACfd,GAAG,6BACmBc,eAAe,CACpC;AAAA,GAEAC,KAAK,IACNA,KAAK,CAACC,SAAS,GACX,IAAI,GACJhB,GAAG,6BAEF,EAEJe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,kBAEF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,OAAO,IACtBjB,GAAG,kBAEF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,KAAK,IACpBjB,GAAG,kBAEF,EAEEe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,kBAEF,CACN;AAEDM,aAAa,CAACG,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMS,SAAS,GAAGnB,MAAM,CAACoB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAKnC;AAEDQ,SAAS,CAACT,WAAW,GAAG,WAAW;AAEnC,OAAO,MAAMW,WAAW,GAAGrB,MAAM,CAACK,OAAO,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAUrCK,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,6BAGF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,OAAO,IACtBjB,GAAG,6BAGF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,KAAK,IACpBjB,GAAG,6BAGF,EAEEe,KAAK,IACRA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,6BAGF,CACJ;AAEDoB,WAAW,CAACX,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMY,aAAa,GAAGtB,MAAM,CAACI,cAAc,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAElD;AAEDW,aAAa,CAACZ,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","CloseSmallIcon","Trigger","StyledTypography","ChipContainer","div","withConfig","displayName","componentId","_ref","color","_ref2","backgroundColor","props","showClose","size","ChipLabel","span","ChipTrigger","ChipCloseIcon"],"sources":["../../../../src/components/Chip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { ChipProps } from \"./Chip\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { Trigger } from \"../Trigger\";\nimport { StyledTypography } from \"../Typography/Styles\";\n\n// prettier-ignore\nexport const ChipContainer = styled.div<Partial<ChipProps> & { showClose: boolean }>`\n  align-items: center;\n  border-radius: 0.25rem;\n  display: flex;\n  height: 1.5rem;\n  max-width: 220px;\n  overflow: hidden;\n  padding-left: 0.375rem;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  background-color: var(--color-theme-400);\n  color: var(--color-theme-900);\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  line-height: 1.375;\n\n  ${StyledTypography} {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\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          padding-right: 0.375rem;\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    ${(props) =>\n      props.size === \"biggest\" &&\n      css`\n        height: 40px;\n      `}\n`;\n\nChipContainer.displayName = \"ChipContainer\";\n\nexport const ChipLabel = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n`;\n\nChipLabel.displayName = \"ChipLabel\";\n\nexport const ChipTrigger = styled(Trigger)<Pick<ChipProps, \"size\">>`\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin-left: 0.125rem;\n\n  &:hover {\n    background-color: var(--color-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    ${(props) =>\n    props.size === \"biggest\" &&\n    css`\n      height: 40px;\n      width: 40px;\n    `}\n`;\n\nChipTrigger.displayName = \"ChipTrigger\";\n\nexport const ChipCloseIcon = styled(CloseSmallIcon)`\n  color: var(--color-theme-700);\n`;\n\nChipCloseIcon.displayName = \"ChipCloseIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,gBAAgB,QAAQ,sBAAsB;;AAEvD;AACA,OAAO,MAAMC,aAAa,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sYASnCR,SAAS,EACTD,cAAc,EASdI,gBAAgB,EAOhBM,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OACRA,KAAK,IACLZ,GAAG,wBACCK,gBAAgB,EACPO,KAAK,CAEjB;AAAA,GAEDC,KAAA;EAAA,IAAGC,eAAe,GAAAD,KAAA,CAAfC,eAAe;EAAA,OAClBA,eAAe,IACfd,GAAG,6BACmBc,eAAe,CACpC;AAAA,GAEAC,KAAK,IACNA,KAAK,CAACC,SAAS,GACX,IAAI,GACJhB,GAAG,6BAEF,EAEJe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,kBAEF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,OAAO,IACtBjB,GAAG,kBAEF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,KAAK,IACpBjB,GAAG,kBAEF,EAEEe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,kBAEF,CACN;AAEDM,aAAa,CAACG,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMS,SAAS,GAAGnB,MAAM,CAACoB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6EAKnC;AAEDQ,SAAS,CAACT,WAAW,GAAG,WAAW;AAEnC,OAAO,MAAMW,WAAW,GAAGrB,MAAM,CAACK,OAAO,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAUrCK,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,6BAGF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,OAAO,IACtBjB,GAAG,6BAGF,EAEAe,KAAK,IACNA,KAAK,CAACE,IAAI,KAAK,KAAK,IACpBjB,GAAG,6BAGF,EAEEe,KAAK,IACRA,KAAK,CAACE,IAAI,KAAK,SAAS,IACxBjB,GAAG,6BAGF,CACJ;AAEDoB,WAAW,CAACX,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMY,aAAa,GAAGtB,MAAM,CAACI,cAAc,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAElD;AAEDW,aAAa,CAACZ,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -8,13 +8,14 @@ import { StyledChoose } from "./Styles";
  * Choose component
  */
 export const Choose = _ref => {
-  let {
-      children,
-      disabled = false,
-      active = false,
-      className,
-      type = "button"
-    } = _ref,
+  let 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,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledChoose, _extends({
     disabled: disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","disabled","active","className","type","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\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  /** Button type */\n  type?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  type = \"button\",\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      type={type}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAevC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAOlC;EAAA,IAPmC;MACvCC,QAAQ;MACRC,QAAQ,GAAG,KAAK;MAChBC,MAAM,GAAG,KAAK;MACdC,SAAS;MACTC,IAAI,GAAG;IAET,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEZ,KAAA,CAAAa,aAAA,CAACX,YAAY,EAAAY,QAAA;IACXR,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAEO,SAAS,CAAE;IAC7CD,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,GACPC,IAAI,GAEPL,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","_ref$disabled","disabled","_ref$active","active","className","_ref$type","type","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\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  /** Button type */\n  type?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  type = \"button\",\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      type={type}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAevC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAOlC;EAAA,IANJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,WAAA,GAAAJ,IAAA,CAChBK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,SAAA,GAAAP,IAAA,CACTQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACZE,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAEP,oBACEf,KAAA,CAAAgB,aAAA,CAACd,YAAY,EAAAe,QAAA;IACXV,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAET,UAAU,CAAC,UAAU,EAAES,SAAS,CAAE;IAC7CD,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA;EAAK,GACPC,IAAI,GAEPR,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/ChooseV2/ChooseV2.js

@@ -9,21 +9,27 @@ import { Checkbox } from "../Checkbox";
 import { RadioButton } from "../RadioButton";
 export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _parentSize$width, _flexSize$width;
-  let {
-      required = false,
-      multiple = false,
-      invalid = false,
-      options,
-      selected,
-      onChange,
-      type = "button"
-    } = _ref,
+  let _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    options = _ref.options,
+    selected = _ref.selected,
+    onChange = _ref.onChange,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useRef(null);
   const flexContainerRef = useRef(null);
   const handleRef = useForkRef(ref, internalRef);
-  const [useVerticalLayout, setUseVerticalLayout] = useState(false);
-  const [isReady, setIsReady] = useState(false);
+  const _useState = useState(false),
+    useVerticalLayout = _useState[0],
+    setUseVerticalLayout = _useState[1];
+  const _useState2 = useState(false),
+    isReady = _useState2[0],
+    setIsReady = _useState2[1];
   const parentSize = useResizeObserver(internalRef);
   const flexSize = useResizeObserver(flexContainerRef);
   const parentWidth = (_parentSize$width = parentSize == null ? void 0 : parentSize.width) != null ? _parentSize$width : 0;

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

@@ -1 +1 @@
-{"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledLabel","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","Checkbox","RadioButton","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","required","multiple","invalid","options","selected","onChange","type","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","flexContainerRef","handleRef","useVerticalLayout","setUseVerticalLayout","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","minHeight","_extends","map","$disabled","disabled","key","checked","weight","htmlFor","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledLabel,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      type = \"button\",\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                $disabled={!!option.disabled}\n                key={option.id}\n                data-disabled={option.disabled}\n              >\n                {multiple || !required ? (\n                  <Checkbox\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    name={`choose-v2-${option.id}`}\n                    id={`choose-v2-${option.id}`}\n                  />\n                ) : (\n                  <RadioButton\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    id={`choose-v2-${option.id}`}\n                    name={`choose-v2-${option.id}`}\n                  />\n                )}\n                <StyledLabel\n                  $disabled={!!option.disabled}\n                  weight=\"regular\"\n                  htmlFor={`choose-v2-${option.id}`}\n                >\n                  {option.name}\n                </StyledLabel>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                  type={type}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledLabel","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","Checkbox","RadioButton","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","_ref$type","type","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","flexContainerRef","handleRef","_useState","useVerticalLayout","setUseVerticalLayout","_useState2","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","minHeight","_extends","map","$disabled","disabled","key","checked","weight","htmlFor","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledLabel,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      type = \"button\",\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                $disabled={!!option.disabled}\n                key={option.id}\n                data-disabled={option.disabled}\n              >\n                {multiple || !required ? (\n                  <Checkbox\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    name={`choose-v2-${option.id}`}\n                    id={`choose-v2-${option.id}`}\n                  />\n                ) : (\n                  <RadioButton\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    id={`choose-v2-${option.id}`}\n                    name={`choose-v2-${option.id}`}\n                  />\n                )}\n                <StyledLabel\n                  $disabled={!!option.disabled}\n                  weight=\"regular\"\n                  htmlFor={`choose-v2-${option.id}`}\n                >\n                  {option.name}\n                </StyledLabel>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                  type={type}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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","ignoreList":[]}