@activecollab/components 2.0.265 → 2.0.266

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

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "hoverable", "variant", "onClick"];
 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,
-    ...rest
-  } = _ref;
+      children,
+      className,
+      hoverable = false,
+      variant = "paper-2",
+      onClick
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
     type: variant,
     className: classnames("c-card", className),

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","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;IACEC,QAAQ;IACRC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,OAAO,GAAG,SAAS;IACnBC,OAAO;IACP,GAAGC;EACwC,CAAC,GAAAP,IAAA;EAG9C,oBACEL,KAAA,CAAAa,aAAA,CAACV,UAAU,EAAAW,QAAA,KACLF,IAAI;IACRG,IAAI,EAAEL,OAAQ;IACdF,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CQ,KAAK,EAAEP,SAAU;IACjBQ,QAAQ,EAAE,OAAON,OAAO,KAAK,UAAW;IACxCA,OAAO,EAAEA,OAAQ;IACjBO,kBAAkB;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACe,WAAW,GAAG,MAAM"}
+{"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":[]}

package/dist/esm/components/Card/Styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface StyledCardProps {
     $pointer?: boolean;
 }
-export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledCardProps, never>;
+export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledCardProps, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Card/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAKA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,sPAQtB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,gPAQtB,CAAC"}

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"}
+{"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":[]}

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

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
 import React, { forwardRef, useState, useCallback, useEffect } from "react";
 import classnames from "classnames";
 import CheckboxIcon from "./CheckboxIcon";
@@ -8,15 +10,15 @@ import { StyledCheckbox, StyledInput, StyledLabel } from "./Styles";
  */
 export const Checkbox = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    className,
-    hover,
-    id = "checkbox",
-    mixed = false,
-    checked,
-    onChange,
-    disabled,
-    ...rest
-  } = _ref;
+      className,
+      hover,
+      id = "checkbox",
+      mixed = false,
+      checked,
+      onChange,
+      disabled
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const [indeterminate, setIndeterminate] = useState(mixed && !checked);
   const [initialChecked, setInitialChecked] = useState(checked);
   const handleChange = useCallback(e => {

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","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;IACEC,SAAS;IACTC,KAAK;IACLC,EAAE,GAAG,UAAU;IACfC,KAAK,GAAG,KAAK;IACbC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACU,CAAC,GAAAT,IAAA;EAGhB,MAAM,CAACU,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAACc,KAAK,IAAI,CAACC,OAAO,CAAC;EACrE,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAGtB,QAAQ,CAACe,OAAO,CAAC;EAC7D,MAAMQ,YAAY,GAAGtB,WAAW,CAC7BuB,CAAC,IAAK;IACL,OAAOR,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACQ,CAAC,CAAC;IAC7CF,iBAAiB,CAAEG,IAAI,IAAK,CAACA,IAAI,CAAC;IAClCL,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC,EACD,CAACJ,QAAQ,CACX,CAAC;EAEDd,SAAS,CAAC,MAAM;IACd,IAAIa,OAAO,KAAKM,cAAc,EAAE;MAC9BC,iBAAiB,CAACP,OAAO,CAAC;MAC1BK,gBAAgB,CAAC,KAAK,CAAC;IACzB;IACA;EACF,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEbb,SAAS,CAAC,MAAM;IACd,IAAIY,KAAK,KAAKK,aAAa,IAAI,CAACJ,OAAO,EAAE;MACvCK,gBAAgB,CAACN,KAAK,CAAC;IACzB;IACA;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACEhB,KAAA,CAAA4B,aAAA,CAACrB,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;IACbe,QAAQ,EAAE,CAAC,CAAE;IACbb,KAAK,EAAEK,aAAc;IACrBS,SAAS,EAAEX;EAAS,gBAEpBnB,KAAA,CAAA4B,aAAA,CAACpB,WAAW,EAAAuB,QAAA;IACVC,IAAI,EAAC,UAAU;IACfjB,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAC,mBAAmB;IAC7BoB,IAAI,EAAC,UAAU;IACfrB,GAAG,EAAEA;EAAI,GACLQ,IAAI;IACRH,OAAO,EAAEM,cAAe;IACxBL,QAAQ,EAAEO,YAAa;IACvBN,QAAQ,EAAEA;EAAS,EACpB,CAAC,eACFnB,KAAA,CAAA4B,aAAA,CAACnB,WAAW;IAACyB,OAAO,EAAEnB,EAAG;IAACF,SAAS,EAAC;EAAmB,gBACrDb,KAAA,CAAA4B,aAAA,CAACtB,YAAY;IACX,eAAY,eAAe;IAC3B6B,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVpB,KAAK,EAAEK;EAAc,CACtB,CACU,CACC,CAAC;AAErB,CACF,CAAC;AAEDX,QAAQ,CAAC2B,WAAW,GAAG,UAAU"}
+{"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":[]}

package/dist/esm/components/Checkbox/CheckboxIcon.d.ts

@@ -19,8 +19,8 @@ import React from "react";
  * https://design.activecollab.com/docs/foundations/icons
  */
 declare const CheckboxIcon: React.ForwardRefExoticComponent<Omit<{
-    mixed?: boolean | undefined;
-    "data-testid"?: string | undefined;
+    mixed?: boolean;
+    "data-testid"?: string;
 } & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default CheckboxIcon;
 //# sourceMappingURL=CheckboxIcon.d.ts.map

package/dist/esm/components/Checkbox/CheckboxIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,YAAY;;;+EAgFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CheckboxIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,YAAY;YAOJ,OAAO;oBACC,MAAM;+EAwE3B,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["mixed", "data-testid"];
 import React from "react";
 
 /**
@@ -22,10 +24,10 @@ import React from "react";
  */
 const CheckboxIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
   let {
-    mixed,
-    "data-testid": testId,
-    ...props
-  } = _ref;
+      mixed,
+      "data-testid": testId
+    } = _ref,
+    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","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;IACEC,KAAK;IACL,aAAa,EAAEC,MAAM;IACrB,GAAGC;EAI2B,CAAC,GAAAJ,IAAA;EAGjC;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAIE,KAAK,EAAE;IACT,oBACEL,KAAA,CAAAQ,aAAA;MACEC,KAAK,EAAC,IAAI;MACVC,MAAM,EAAC,IAAI;MACXC,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,4BAA4B;MAClC,eAAY;IAAqB,gBAEjCb,KAAA,CAAAQ,aAAA;MACEM,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,+KAA+K;MACjLJ,IAAI,EAAC;IAAwB,CAC9B,CAAC,eACFZ,KAAA,CAAAQ,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,oBACEZ,KAAA,CAAAQ,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,EAAElB;EAAO,GACRG,KAAK;IACT,eAAaD;EAAO,iBAEpBN,KAAA,CAAAQ,aAAA;IAAGM,QAAQ,EAAC;EAAS,gBACnBd,KAAA,CAAAQ,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,eACFnB,KAAA,CAAAQ,aAAA;IACEe,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,CAAE;IACfR,CAAC,EAAC;EAAoC,CACvC,CACA,CACA,CAAC;AAEV,CACF,CAAC;AACDf,YAAY,CAACwB,WAAW,GAAG,cAAc;AACzC,eAAexB,YAAY"}
+{"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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","$disabled","mixed","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<\n  Partial<CheckBoxProps & { $disabled: boolean }>\n>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      svg {\n        cursor: not-allowed;\n      }\n    `}\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYtC;AACDJ,WAAW,CAACG,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAME,WAAW,GAAGP,MAAM,CAACQ,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AACzCC,WAAW,CAACF,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMI,cAAc,GAAGT,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6nBAqBnCK,KAAK,IACNA,KAAK,CAACC,SAAS,IACfX,GAAG,8BAIF,EAKEU,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,oCAEF,EAEAU,KAAK,IACNA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,EAGHC,WAAW,EAAeK,WAAW,EAKrCL,WAAW,EAAYK,WAAW,EAC/BI,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,2DAKF,EAI4BC,WAAW,EAA0BK,WAAW,EAQ1EI,KAAK,IACVA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,EAKAU,KAAK,IACNA,KAAK,CAACG,KAAK,IACX,CAACH,KAAK,CAACE,KAAK,IACZZ,GAAG,oJACCC,WAAW,EAAoBK,WAAW,CAU7C,EAEDL,WAAW,EAAcK,WAAW,EAE/BI,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,yDAGF,EAMAU,KAAK,IACNA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,CAGR;AACDQ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","withConfig","displayName","componentId","StyledLabel","label","StyledCheckbox","div","props","$disabled","mixed","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  cursor: pointer;\n  height: 1px;\n  margin: -1px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<\n  Partial<CheckBoxProps & { $disabled: boolean }>\n>`\n  height: 16px;\n  width: 16px;\n  position: relative;\n  transition-duration: 0.2s;\n  border-radius: 2px;\n\n  path {\n    transition-duration: 0.2s;\n    stroke: transparent;\n    stroke-dashoffset: 12;\n    stroke-dasharray: 12;\n  }\n  svg {\n    cursor: pointer;\n    border-radius: 2px;\n    fill: transparent;\n  }\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      svg {\n        cursor: not-allowed;\n      }\n    `}\n\n  rect {\n    transition-duration: 0.2s;\n\n    ${(props) =>\n      !props.mixed &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n\n    ${(props) =>\n      props.mixed &&\n      css`\n        stroke: transparent;\n      `}\n  }\n\n  ${StyledInput}:disabled ~ ${StyledLabel} {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  ${StyledInput}:focus ~ ${StyledLabel} {\n    ${(props) =>\n      !props.mixed &&\n      css`\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      `}\n  }\n\n  // prettier-ignore\n  &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n    path {\n      stroke: var(--color-secondary-500);\n      stroke-dashoffset: 24;\n    }\n    rect {\n      stroke: var(--color-secondary);\n\n      ${(props) =>\n    props.mixed &&\n    css`\n      stroke: transparent;\n    `}\n      stroke-width: 3px;\n    }\n  }\n\n  ${(props) =>\n    props.hover &&\n    !props.mixed &&\n    css`\n      ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n        path {\n          stroke: var(--color-secondary-500);\n          stroke-dashoffset: 24;\n        }\n        rect {\n          stroke: var(--color-secondary);\n          stroke-width: 3px;\n        }\n      }\n    `}\n\n  ${StyledInput}:checked ~ ${StyledLabel} {\n    path {\n      ${(props) =>\n        !props.mixed &&\n        css`\n          stroke: var(--page-paper-main);\n          stroke-dashoffset: 24;\n        `}\n    }\n    rect {\n      stroke: var(--color-secondary);\n      stroke-width: 19px;\n\n      ${(props) =>\n        props.mixed &&\n        css`\n          stroke: transparent;\n        `}\n    }\n  }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yKAYtC;AACDJ,WAAW,CAACG,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAME,WAAW,GAAGP,MAAM,CAACQ,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AACzCC,WAAW,CAACF,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMI,cAAc,GAAGT,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6nBAqBnCK,KAAK,IACNA,KAAK,CAACC,SAAS,IACfX,GAAG,8BAIF,EAKEU,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,oCAEF,EAEAU,KAAK,IACNA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,EAGHC,WAAW,EAAeK,WAAW,EAKrCL,WAAW,EAAYK,WAAW,EAC/BI,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,2DAKF,EAI4BC,WAAW,EAA0BK,WAAW,EAQ1EI,KAAK,IACVA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,EAKAU,KAAK,IACNA,KAAK,CAACG,KAAK,IACX,CAACH,KAAK,CAACE,KAAK,IACZZ,GAAG,oJACCC,WAAW,EAAoBK,WAAW,CAU7C,EAEDL,WAAW,EAAcK,WAAW,EAE/BI,KAAK,IACN,CAACA,KAAK,CAACE,KAAK,IACZZ,GAAG,yDAGF,EAMAU,KAAK,IACNA,KAAK,CAACE,KAAK,IACXZ,GAAG,yBAEF,CAGR;AACDQ,cAAc,CAACJ,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

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

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

@@ -1,19 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
 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,
-    ...rest
-  } = _ref;
+      startAdornment,
+      label,
+      onClose,
+      size = "regular",
+      color,
+      backgroundColor,
+      closeClassName,
+      typographyProps
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const showClose = typeof onClose === "function";
   const variant = useMemo(() => {
     switch (size) {

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","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;IACEC,cAAc;IACdC,KAAK;IACLC,OAAO;IACPC,IAAI,GAAG,SAAS;IAChBC,KAAK;IACLC,eAAe;IACfC,cAAc;IACdC,eAAe;IACf,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,SAAS,GAAG,OAAOP,OAAO,KAAK,UAAU;EAC/C,MAAMQ,OAAO,GAAGnB,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,CAAAqB,aAAA,CAAClB,aAAa,EAAAmB,QAAA,KACRJ,IAAI;IACRT,GAAG,EAAEA,GAAI;IACTI,IAAI,EAAEA,IAAK;IACXM,SAAS,EAAEA,SAAU;IACrBL,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjC,eAAY;EAAgB,IAE3BL,cAAc,eACfV,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTF,OAAO,EAAEA,OAAQ;IACjB,eAAY,iBAAiB;IAC7BG,MAAM,EAAEV,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG;EAAU,GAC9CI,eAAe,GAElBN,KACS,CAAC,EACZQ,SAAS,gBACRnB,KAAA,CAAAqB,aAAA,CAACjB,WAAW;IAACS,IAAI,EAAEA,IAAK;IAACW,OAAO,EAAEZ,OAAQ;IAACa,SAAS,EAAET;EAAe,gBACnEhB,KAAA,CAAAqB,aAAA,CAACnB,aAAa;IAACwB,IAAI,EAAEZ,KAAK,GAAGA,KAAK,GAAG;EAAe,CAAE,CAC3C,CAAC,GACZ,IACS,CAAC;AAEpB,CACF,CAAC;AAEDR,IAAI,CAACqB,WAAW,GAAG,MAAM"}
+{"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":[]}

package/dist/esm/components/Chip/Styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ChipProps } from "./Chip";
 export declare const ChipContainer: import("styled-components").StyledComponent<"div", any, Partial<ChipProps> & {
     showClose: boolean;
@@ -6,6 +5,6 @@ export declare const ChipContainer: import("styled-components").StyledComponent<
 export declare const ChipLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ChipTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, any, Pick<ChipProps, "size">, never>;
 export declare const ChipCloseIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
-    gradient?: string | undefined;
+    gradient?: string;
 }, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Chip/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Styles.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQxC,eAAO,MAAM,aAAa;eAAgD,OAAO;SAsEhF,CAAC;AAIF,eAAO,MAAM,SAAS,qEAKrB,CAAC;AAIF,eAAO,MAAM,WAAW,4SAqCvB,CAAC;AAIF,eAAO,MAAM,aAAa;;0EAEzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQxC,eAAO,MAAM,aAAa;eAAgD,OAAO;SAsEhF,CAAC;AAIF,eAAO,MAAM,SAAS,qEAKrB,CAAC;AAIF,eAAO,MAAM,WAAW,4SAqCvB,CAAC;AAIF,eAAO,MAAM,aAAa;;0EAEzB,CAAC"}

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"}
+{"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":[]}

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

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "disabled", "active", "className"];
 import React from "react";
 import classNames from "classnames";
 import { StyledChoose } from "./Styles";
@@ -7,12 +9,12 @@ import { StyledChoose } from "./Styles";
  */
 export const Choose = _ref => {
   let {
-    children,
-    disabled = false,
-    active = false,
-    className,
-    ...args
-  } = _ref;
+      children,
+      disabled = false,
+      active = false,
+      className
+    } = _ref,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledChoose, _extends({
     disabled: disabled,
     className: classNames("c-choose", className),

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

@@ -1 +1 @@
-{"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","disabled","active","className","args","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}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAavC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACvCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,MAAM,GAAG,KAAK;IACdC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,oBACEJ,KAAA,CAAAU,aAAA,CAACR,YAAY,EAAAS,QAAA;IACXL,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAEO,SAAS,CAAE;IAC7CD,MAAM,EAAEA;EAAO,GACXE,IAAI,GAEPJ,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACS,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","disabled","active","className","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}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAavC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;MACvCC,QAAQ;MACRC,QAAQ,GAAG,KAAK;MAChBC,MAAM,GAAG,KAAK;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,oBACEX,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAAW,QAAA;IACXP,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAEO,SAAS,CAAE;IAC7CD,MAAM,EAAEA;EAAO,GACXE,IAAI,GAEPJ,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACW,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wOACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFL,SAAS,EACTD,cAAc,EAQV;EAAA;AAAkB,CAAC,EAGtBO,KAAK,IACNA,KAAK,CAACC,MAAM,IACZT,GAAG,sDACG;EAAA;EAAA;AAAyB,CAAC,CAE/B,CACJ;AAEDG,YAAY,CAACG,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wOACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFL,SAAS,EACTD,cAAc,EAQV;EAAA;AAAkB,CAAC,EAGtBO,KAAK,IACNA,KAAK,CAACC,MAAM,IACZT,GAAG,sDACG;EAAA;EAAA;AAAyB,CAAC,CAE/B,CACJ;AAEDG,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

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

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

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

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange"];
 import React, { useRef, useState, useEffect } from "react";
 import { StyledChoose, StyledFlexContainer, StyledLabel, StyledRadioOption, StyledVerticalContainer } from "./Styles";
 import { useResizeObserver, useForkRef } from "../../utils";
@@ -8,14 +10,14 @@ 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,
-    ...rest
-  } = _ref;
+      required = false,
+      multiple = false,
+      invalid = false,
+      options,
+      selected,
+      onChange
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useRef(null);
   const flexContainerRef = useRef(null);
   const handleRef = useForkRef(ref, internalRef);

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","rest","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}\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      ...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                >\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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"}
+{"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","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}\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      ...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                >\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":[]}

package/dist/esm/components/ChooseV2/Styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const StyledChoose: import("styled-components").StyledComponent<import("react").FC<import("../Choose/Choose").IChooseProps>, any, {}, never>;
+export declare const StyledChoose: import("styled-components").StyledComponent<import("react").FC<import("..").IChooseProps>, any, {}, never>;
 export declare const StyledVerticalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Label").ILabelProps & Omit<import("../Typography/Typography").ITypographyProps, "color" | "variant" | keyof import("../Label").ILabelProps> & import("react").RefAttributes<HTMLLabelElement>>, any, {
-    $disabled?: boolean | undefined;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ILabelProps & Omit<import("../Typography/Typography").ITypographyProps, "color" | "variant" | keyof import("..").ILabelProps> & import("react").RefAttributes<HTMLLabelElement>>, any, {
+    $disabled?: boolean;
 }, never>;
 export declare const StyledRadioOption: import("styled-components").StyledComponent<"div", any, {
-    $disabled?: boolean | undefined;
+    $disabled?: boolean;
 }, never>;
 export declare const StyledFlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ChooseV2/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,0HASxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,WAAW;;SASvB,CAAC;AAIF,eAAO,MAAM,iBAAiB;;SAsB7B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,4GASxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,WAAW;gBAA+B,OAAO;SAS7D,CAAC;AAIF,eAAO,MAAM,iBAAiB;gBAA4B,OAAO;SAsBhE,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,8CAEF,CACJ;AAEDG,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,WAAW,GAAGZ,MAAM,CAACG,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CACR;AAEDW,WAAW,CAACN,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKtCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CAUR;AAEDa,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,mBAAmB,GAAGf,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDQ,mBAAmB,CAACT,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,8CAEF,CACJ;AAEDG,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,WAAW,GAAGZ,MAAM,CAACG,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CACR;AAEDW,WAAW,CAACN,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKtCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CAUR;AAEDa,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,mBAAmB,GAAGf,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDQ,mBAAmB,CAACT,WAAW,GAAG,qBAAqB","ignoreList":[]}

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

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