@televet/kibble-ui 1.20.21-beta.cs21 → 1.20.21-beta.cs23

package/build/components/RadioGroup/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../radioGroup.component.js");exports.default=e.default;
+import o from"../../radioGroup.component.js";export{default}from"../../radioGroup.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/RadioGroup/radioGroup.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),i=require("../../node_modules/@chakra-ui/radio/dist/chakra-ui-radio.esm.js"),t=require("../../chakra/components/Stack/chakra/components/Stack/index.js"),a=require("../FormControl/formControl.component.js"),o=require("../Radio/radio.component.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var a=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(i.RadioGroup,e.__assign({},p),s.default.createElement(t.default,{direction:c,spacing:l,maxW:m.maxW||"max-content"},a.map((function(r,i){return s.default.createElement(o.default,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=a.withFormControl(d);exports.default=u;
+import{__rest as o,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import i from"react";import{RadioGroup as e}from"../../node_modules/@chakra-ui/radio/dist/chakra-ui-radio.esm.js";import a from"../../chakra/components/Stack/chakra/components/Stack/index.js";import{withFormControl as t}from"../FormControl/formControl.component.js";import n from"../Radio/radio.component.js";var m=function(t){var m=t.radios,s=t.size,d=void 0===s?"md":s,c=t.direction,p=void 0===c?"row":c,l=t.spacing,u=o(t,["radios","size","direction","spacing"]);u.isFieldInline;var f=o(u,["isFieldInline"]);return i.createElement(e,r({},f),i.createElement(a,{direction:p,spacing:l,maxW:u.maxW||"max-content"},m.map((function(o,e){return i.createElement(n,r({key:e},o,{size:d}))}))))};m.displayName="RadioGroup";var s=t(m);export{s as default};
 //# sourceMappingURL=radioGroup.component.js.map

package/build/components/RadioGroup/radioGroup.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component.js","sources":["../../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';\nimport { SystemProps } from '@chakra-ui/system';\nimport Stack from 'chakra/components/Stack';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport Radio, { RadioProps } from 'components/Radio/radio.component';\nimport { RadioSize } from 'components/Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CRadioGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default withFormControl(RadioGroup);\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","withFormControl"],"mappings":"wdAiBMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAK,SAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAK,QAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAeC,EAAAA,EAAAA,gBAAgBxB"}
+{"version":3,"file":"radioGroup.component.js","sources":["../../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';\nimport { SystemProps } from '@chakra-ui/system';\nimport Stack from 'chakra/components/Stack';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport Radio, { RadioProps } from 'components/Radio/radio.component';\nimport { RadioSize } from 'components/Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CRadioGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default withFormControl(RadioGroup);\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","RadioGroup$1","withFormControl"],"mappings":"kYAiBA,IAAMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAC,cAACC,EAAWC,EAAA,GAAKJ,GACfC,EAACC,cAAAG,GAAMV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAAC,cAACQ,EAAMN,EAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAeC,EAAAC,EAAgBzB"}

package/build/components/RatingDots/components/RatingDot/ratingDot.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../hooks/useTheme.js"),r=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);exports.default=function(n){var o=n.number,d=n.isInteractive,c=n.isDisabled,l=n.onClick,u=n.selected,s=t.default().colors,b=e.useCallback((function(){l&&l(o)}),[o,l]);return a.default.createElement(a.default.Fragment,null,d?c?a.default.createElement(r.default,{as:"button",bgColor:u?"".concat(s.background.brand,"80"):"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(u?"transparent":s.background.brand,"50"),color:u?"white":"".concat(s.background.brand,"50"),mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},o):a.default.createElement(r.default,{as:"button",onClick:b,bgColor:u?s.background.brand:"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(s.background.brand),color:u?s.text.dark.default:s.text.light.link,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"pointer",_hover:{bg:u?s.background.brand:s.background.tealLight}},o):a.default.createElement(r.default,{as:"div",bgColor:s.background.brand,h:"40px",w:"40px",borderRadius:"20px",border:"2px solid ".concat(s.background.brand),color:s.text.dark.default,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},o))};
+import r,{useCallback as e}from"react";import t from"../../../../hooks/useTheme.js";import n from"../../../../chakra/components/Flex/chakra/components/Flex/index.js";var o=function(o){var a=o.number,c=o.isInteractive,d=o.isDisabled,l=o.onClick,b=o.selected,i=t().colors,s=e((function(){l&&l(a)}),[a,l]);return r.createElement(r.Fragment,null,c?d?r.createElement(n,{as:"button",bgColor:b?"".concat(i.background.brand,"80"):"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(b?"transparent":i.background.brand,"50"),color:b?"white":"".concat(i.background.brand,"50"),mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},a):r.createElement(n,{as:"button",onClick:s,bgColor:b?i.background.brand:"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(i.background.brand),color:b?i.text.dark.default:i.text.light.link,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"pointer",_hover:{bg:b?i.background.brand:i.background.tealLight}},a):r.createElement(n,{as:"div",bgColor:i.background.brand,h:"40px",w:"40px",borderRadius:"20px",border:"2px solid ".concat(i.background.brand),color:i.text.dark.default,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},a))};export{o as default};
 //# sourceMappingURL=ratingDot.component.js.map

package/build/components/RatingDots/components/RatingDot/ratingDot.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ratingDot.component.js","sources":["../../../../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport useTheme from 'hooks/useTheme';\nimport Flex from 'chakra/components/Flex';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nconst RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  const handleClick = useCallback((): void => {\n    if (onClick) onClick(number);\n  }, [number, onClick]);\n\n  return (\n    <>\n      {isInteractive ? (\n        isDisabled ? (\n          <Flex\n            as=\"button\"\n            bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n            color={selected ? 'white' : `${colors.background.brand}50`}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"not-allowed\"\n          >\n            {number}\n          </Flex>\n        ) : (\n          <Flex\n            as=\"button\"\n            onClick={handleClick}\n            bgColor={selected ? colors.background.brand : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${colors.background.brand}`}\n            color={selected ? colors.text.dark.default : colors.text.light.link}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"pointer\"\n            _hover={{\n              bg: selected ? colors.background.brand : colors.background.tealLight,\n            }}\n          >\n            {number}\n          </Flex>\n        )\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor={colors.background.brand}\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border={`2px solid ${colors.background.brand}`}\n          color={colors.text.dark.default}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n\nexport default RatingDot;\n"],"names":["_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight"],"mappings":"yTAYkB,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OAAEC,EAAaF,EAAAE,cAAEC,EAAUH,EAAAG,WAAEC,EAAOJ,EAAAI,QAAEC,EAAQL,EAAAK,SAC/DC,EAAWC,mBAEbC,EAAcC,EAAAA,aAAY,WAC1BL,GAASA,EAAQH,KACpB,CAACA,EAAQG,IAEZ,OACEM,gDACGR,EACCC,EACEO,EAAC,QAAAC,cAAAC,UACC,CAAAC,GAAG,SACHC,QAAST,EAAW,UAAGC,EAAOS,WAAWC,YAAY,cACrDC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAAC,OAAahB,EAAW,cAAgBC,EAAOS,WAAWC,YAClEM,MAAOjB,EAAW,QAAU,GAAGgB,OAAAf,EAAOS,WAAWC,MAAK,MACtDO,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,eAEN3B,GAGHS,EAAAA,QAACC,cAAAC,EAAI,QACH,CAAAC,GAAG,SACHT,QAASI,EACTM,QAAST,EAAWC,EAAOS,WAAWC,MAAQ,cAC9CC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOjB,EAAWC,EAAOuB,KAAKC,KAAKC,QAAUzB,EAAOuB,KAAKG,MAAMC,KAC/DV,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,UACPM,OAAQ,CACNC,GAAI9B,EAAWC,EAAOS,WAAWC,MAAQV,EAAOS,WAAWqB,YAG5DnC,GAILS,UAAAC,cAACC,EAAI,QAAA,CACHC,GAAG,MACHC,QAASR,EAAOS,WAAWC,MAC3BC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOhB,EAAOuB,KAAKC,KAAKC,QACxBR,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}
+{"version":3,"file":"ratingDot.component.js","sources":["../../../../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport useTheme from 'hooks/useTheme';\nimport Flex from 'chakra/components/Flex';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nconst RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  const handleClick = useCallback((): void => {\n    if (onClick) onClick(number);\n  }, [number, onClick]);\n\n  return (\n    <>\n      {isInteractive ? (\n        isDisabled ? (\n          <Flex\n            as=\"button\"\n            bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n            color={selected ? 'white' : `${colors.background.brand}50`}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"not-allowed\"\n          >\n            {number}\n          </Flex>\n        ) : (\n          <Flex\n            as=\"button\"\n            onClick={handleClick}\n            bgColor={selected ? colors.background.brand : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${colors.background.brand}`}\n            color={selected ? colors.text.dark.default : colors.text.light.link}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"pointer\"\n            _hover={{\n              bg: selected ? colors.background.brand : colors.background.tealLight,\n            }}\n          >\n            {number}\n          </Flex>\n        )\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor={colors.background.brand}\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border={`2px solid ${colors.background.brand}`}\n          color={colors.text.dark.default}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n\nexport default RatingDot;\n"],"names":["RatingDot","_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight"],"mappings":"sKAYM,IAAAA,EAAY,SAACC,GAAE,IAAAC,EAAMD,EAAAC,OAAEC,EAAaF,EAAAE,cAAEC,EAAUH,EAAAG,WAAEC,EAAOJ,EAAAI,QAAEC,EAAQL,EAAAK,SAC/DC,EAAWC,WAEbC,EAAcC,GAAY,WAC1BL,GAASA,EAAQH,KACpB,CAACA,EAAQG,IAEZ,OACEM,gCACGR,EACCC,EACEO,EAACC,cAAAC,EACC,CAAAC,GAAG,SACHC,QAAST,EAAW,UAAGC,EAAOS,WAAWC,YAAY,cACrDC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAAC,OAAahB,EAAW,cAAgBC,EAAOS,WAAWC,YAClEM,MAAOjB,EAAW,QAAU,GAAGgB,OAAAf,EAAOS,WAAWC,MAAK,MACtDO,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,eAEN3B,GAGHS,EAACC,cAAAC,EACC,CAAAC,GAAG,SACHT,QAASI,EACTM,QAAST,EAAWC,EAAOS,WAAWC,MAAQ,cAC9CC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOjB,EAAWC,EAAOuB,KAAKC,KAAKC,QAAUzB,EAAOuB,KAAKG,MAAMC,KAC/DV,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,UACPM,OAAQ,CACNC,GAAI9B,EAAWC,EAAOS,WAAWC,MAAQV,EAAOS,WAAWqB,YAG5DnC,GAILS,EAAAC,cAACC,EAAI,CACHC,GAAG,MACHC,QAASR,EAAOS,WAAWC,MAC3BC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOhB,EAAOuB,KAAKC,KAAKC,QACxBR,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}

package/build/components/RatingDots/components/RatingDots/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../ratingDots.component.js");exports.default=e.default;
+import o from"../../ratingDots.component.js";export{default}from"../../ratingDots.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/RatingDots/ratingDots.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),a=require("../Text/text.component.js"),r=require("./components/RatingDot/ratingDot.component.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.default=function(l){var o=l.minValue,c=l.maxValue,s=l.minLabel,i=l.maxLabel,f=l.centeredLabel,d=l.isDisabled,m=l.isInteractive,p=l.onClick,b=l.selected,x=e.__read(t.useState(),2),E=x[0],k=x[1],j=t.useMemo((function(){return Math.round(o)}),[o]),v=t.useMemo((function(){return Math.round(c)}),[c]),y=t.useMemo((function(){for(var e=[],t=j;t<=v;t++)e.push(t);return e}),[v,j]);return t.useEffect((function(){void 0!==b&&k(b)}),[b]),u.default.createElement(u.default.Fragment,null,u.default.createElement(n.default,{my:4,flexWrap:"wrap",justifyContent:m?"center":"flex-start"},y.map((function(e){return u.default.createElement(r.default,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:m,onClick:p,isDisabled:d,selected:E===e})}))),u.default.createElement(n.default,{justifyContent:m?f?"center":"space-between":"flex-start"},f?u.default.createElement(a.default,{colorToken:"subtle",size:"sm"},f):u.default.createElement(u.default.Fragment,null,s&&u.default.createElement(a.default,{colorToken:"subtle",size:"sm"},"".concat(j," - ").concat(s)),!m&&u.default.createElement(a.default,{colorToken:"subtle",size:"sm",pr:1},","),i&&u.default.createElement(a.default,{colorToken:"subtle",size:"sm"},"".concat(v," - ").concat(i)))))};
+import{__read as e}from"../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useMemo as o,useEffect as r}from"react";import a from"../../chakra/components/Flex/chakra/components/Flex/index.js";import c from"../Text/text.component.js";import l from"./components/RatingDot/ratingDot.component.js";var m=function(m){var s=m.minValue,i=m.maxValue,u=m.minLabel,f=m.maxLabel,p=m.centeredLabel,b=m.isDisabled,d=m.isInteractive,x=m.onClick,k=m.selected,E=e(n(),2),j=E[0],v=E[1],g=o((function(){return Math.round(s)}),[s]),h=o((function(){return Math.round(i)}),[i]),T=o((function(){for(var e=[],t=g;t<=h;t++)e.push(t);return e}),[h,g]);return r((function(){void 0!==k&&v(k)}),[k]),t.createElement(t.Fragment,null,t.createElement(a,{my:4,flexWrap:"wrap",justifyContent:d?"center":"flex-start"},T.map((function(e){return t.createElement(l,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:d,onClick:x,isDisabled:b,selected:j===e})}))),t.createElement(a,{justifyContent:d?p?"center":"space-between":"flex-start"},p?t.createElement(c,{colorToken:"subtle",size:"sm"},p):t.createElement(t.Fragment,null,u&&t.createElement(c,{colorToken:"subtle",size:"sm"},"".concat(g," - ").concat(u)),!d&&t.createElement(c,{colorToken:"subtle",size:"sm",pr:1},","),f&&t.createElement(c,{colorToken:"subtle",size:"sm"},"".concat(h," - ").concat(f)))))};export{m as default};
 //# sourceMappingURL=ratingDots.component.js.map

package/build/components/RatingDots/ratingDots.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component.js","sources":["../../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport Flex from 'chakra/components/Flex';\nimport Text from 'components/Text';\nimport RatingDot from './components/RatingDot/ratingDot.component';\n\nexport interface IRatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nconst RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: IRatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text colorToken=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n\nexport default RatingDots;\n"],"names":["_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","concat","number","Text","colorToken","size","pr"],"mappings":"6ZAiBmB,SAACA,OAClBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCA,OAAAC,aAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,EAAAA,SAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,KAC5C,CAACA,IAGFiB,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,UAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,EAAAA,QAACC,cAAAQ,EAAS,QACR,CAAAC,IAAK,uBAAAC,OAAuBH,GAC5BI,OAAQJ,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,QAIlCR,EAAAA,QAACC,cAAAE,WAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,wBAACa,EAAAA,QAAI,CAACC,WAAW,SAASC,KAAK,MAC5BpC,GAGHqB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGzB,GAAYuB,EAAC,QAAAC,cAAAY,EAAI,QAAC,CAAAC,WAAW,SAASC,KAAK,MAAM,GAAAJ,OAAGtB,EAAgB,OAAAsB,OAAAlC,KACnEI,GAAiBmB,EAAA,QAAAC,cAACY,EAAAA,QAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DtC,GAAYsB,EAAAA,sBAACa,EAAI,QAAA,CAACC,WAAW,SAASC,KAAK,MAAM,GAAGJ,OAAAlB,EAAgB,OAAAkB,OAAAjC"}
+{"version":3,"file":"ratingDots.component.js","sources":["../../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport Flex from 'chakra/components/Flex';\nimport Text from 'components/Text';\nimport RatingDot from './components/RatingDot/ratingDot.component';\n\nexport interface IRatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nconst RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: IRatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text colorToken=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n\nexport default RatingDots;\n"],"names":["RatingDots","_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","concat","number","Text","colorToken","size","pr"],"mappings":"iTAiBM,IAAAA,EAAa,SAACC,OAClBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCC,IAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,GAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,GAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,GAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,GAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,KAC5C,CAACA,IAGFiB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,EAACC,cAAAQ,EACC,CAAAC,IAAK,uBAAAC,OAAuBH,GAC5BI,OAAQJ,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,QAIlCR,EAACC,cAAAE,GAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,gBAACa,EAAI,CAACC,WAAW,SAASC,KAAK,MAC5BpC,GAGHqB,EAAAC,cAAAD,EAAAE,SAAA,KACGzB,GAAYuB,EAACC,cAAAY,EAAK,CAAAC,WAAW,SAASC,KAAK,MAAM,GAAAJ,OAAGtB,EAAgB,OAAAsB,OAAAlC,KACnEI,GAAiBmB,EAAAC,cAACY,EAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DtC,GAAYsB,gBAACa,EAAI,CAACC,WAAW,SAASC,KAAK,MAAM,GAAGJ,OAAAlB,EAAgB,OAAAkB,OAAAjC"}

package/build/components/Select/components/Select/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component.js");exports.default=e.default;
+import e from"../../select.component.js";export{default}from"../../select.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(t);exports.default=function(t){var a=t.options;return u.default.createElement(r.Select,e.__assign({className:"Select"},t),a.map((function(e,t){return u.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))};
+import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import t from"react";import{Select as o}from"../../../../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js";var a=function(a){var r=a.options;return t.createElement(o,e({className:"Select"},a),r.map((function(e,o){return t.createElement("option",{key:"options-".concat(o),value:e.value},e.label)})))};export{a as default};
 //# sourceMappingURL=selectBrowserDefault.component.js.map

package/build/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectBrowserDefault.component.js","sources":["../../../../../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from '../../select.component';\n\nconst SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n\nexport default SelectBrowserDefault;\n"],"names":["props","options","React","CSelect","__assign","className","map","option","index","createElement","key","concat","value","label"],"mappings":"4UAI6B,SAACA,GACpB,IAAAC,EAAYD,EAAKC,QACzB,OACEC,EAAAA,sBAACC,EAAAA,OAAOC,EAAAA,SAAA,CAACC,UAAU,UAAaL,GAC7BC,EAAQK,KAAI,SAACC,EAAQC,GAAU,OAC9BN,EAAAA,QAAAO,cAAA,SAAA,CAAQC,IAAK,WAAAC,OAAWH,GAASI,MAAOL,EAAOK,OAC5CL,EAAOM"}
+{"version":3,"file":"selectBrowserDefault.component.js","sources":["../../../../../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from '../../select.component';\n\nconst SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n\nexport default SelectBrowserDefault;\n"],"names":["SelectBrowserDefault","props","options","React","CSelect","__assign","className","map","option","index","createElement","key","concat","value","label"],"mappings":"6LAIM,IAAAA,EAAuB,SAACC,GACpB,IAAAC,EAAYD,EAAKC,QACzB,OACEC,gBAACC,EAAOC,EAAA,CAACC,UAAU,UAAaL,GAC7BC,EAAQK,KAAI,SAACC,EAAQC,GAAU,OAC9BN,EAAAO,cAAA,SAAA,CAAQC,IAAK,WAAAC,OAAWH,GAASI,MAAOL,EAAOK,OAC5CL,EAAOM"}

package/build/components/Select/components/SelectContainer/selectContainer.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),l=require("../../../../hooks/useTheme.js"),a=require("../../../../hooks/useAdaptiveColorMap.js"),r=require("../../../TruncatedText/truncatedText.component.js"),n=require("../../../Text/text.component.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(e);exports.default=function(e){var o=e.selectedOption,u=e.defaultLeftElement,s=e.shouldTruncateText,f=void 0===s||s,d=l.default().colors,i=a.default(d.text,o.colorToken?o.colorToken:"default");return c.default.createElement(t.default,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:i},(null==o?void 0:o.leftElement)?c.default.createElement(t.default,{align:"center",className:"Select__LeftElement",pr:2},o.leftElement):u?c.default.createElement(t.default,{align:"center",className:"Select__LeftElement",pr:2},u):null,"string"==typeof o.label?f?c.default.createElement(r.default,{color:i,className:"Select__Text",textContent:o.label||"",noOfLines:1}):c.default.createElement(n.default,{color:i,className:"Select__Text"},o.label):o.label)};
+import e from"react";import t from"../../../../chakra/components/Flex/chakra/components/Flex/index.js";import l from"../../../../hooks/useTheme.js";import o from"../../../../hooks/useAdaptiveColorMap.js";import n from"../../../TruncatedText/truncatedText.component.js";import r from"../../../Text/text.component.js";var a=function(a){var c=a.selectedOption,m=a.defaultLeftElement,s=a.shouldTruncateText,f=void 0===s||s,i=l().colors,p=o(i.text,c.colorToken?c.colorToken:"default");return e.createElement(t,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:p},(null==c?void 0:c.leftElement)?e.createElement(t,{align:"center",className:"Select__LeftElement",pr:2},c.leftElement):m?e.createElement(t,{align:"center",className:"Select__LeftElement",pr:2},m):null,"string"==typeof c.label?f?e.createElement(n,{color:p,className:"Select__Text",textContent:c.label||"",noOfLines:1}):e.createElement(r,{color:p,className:"Select__Text"},c.label):c.label)};export{a as default};
 //# sourceMappingURL=selectContainer.component.js.map

package/build/components/Select/components/SelectContainer/selectContainer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectContainer.component.js","sources":["../../../../../src/components/Select/components/SelectContainer/selectContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nconst SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(\n    colors.text,\n    selectedOption.colorToken ? selectedOption.colorToken : 'default',\n  );\n\n  return (\n    <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        shouldTruncateText ? (\n          <TruncatedText\n            color={adaptiveColor}\n            className=\"Select__Text\"\n            textContent={selectedOption.label || ''}\n            noOfLines={1}\n          />\n        ) : (\n          <Text color={adaptiveColor} className=\"Select__Text\">\n            {selectedOption.label}\n          </Text>\n        )\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n\nexport default SelectContainer;\n"],"names":["_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","React","Flex","className","justify","align","textAlign","color","leftElement","createElement","pr","label","TruncatedText","textContent","noOfLines","Text"],"mappings":"2dAewB,SAACA,OACvBC,EAAcD,EAAAC,eACdC,EAAkBF,EAAAE,mBAClBC,uBAAAC,OAAqB,IAAAD,GAAIA,EAEjBE,EAAWC,mBACbC,EAAgBC,UACpBH,EAAOI,KACPR,EAAeS,WAAaT,EAAeS,WAAa,WAG1D,OACEC,wBAACC,EAAI,QAAA,CAACC,UAAU,oBAAoBC,QAAQ,aAAaC,MAAM,SAASC,UAAU,OAAOC,MAAOV,IAC7FN,MAAAA,OAAc,EAAdA,EAAgBiB,aACfP,EAAA,QAAAQ,cAACP,UAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDnB,EAAeiB,aAEhBhB,EACFS,EAAA,QAAAQ,cAACP,UAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDlB,GAED,KAC6B,iBAAzBD,EAAeoB,MACrBjB,EACEO,EAAAA,QAACQ,cAAAG,EAAa,QACZ,CAAAL,MAAOV,EACPM,UAAU,eACVU,YAAatB,EAAeoB,OAAS,GACrCG,UAAW,IAGbb,EAAA,QAAAQ,cAACM,EAAI,QAAA,CAACR,MAAOV,EAAeM,UAAU,gBACnCZ,EAAeoB,OAIpBpB,EAAoB"}
+{"version":3,"file":"selectContainer.component.js","sources":["../../../../../src/components/Select/components/SelectContainer/selectContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nconst SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(\n    colors.text,\n    selectedOption.colorToken ? selectedOption.colorToken : 'default',\n  );\n\n  return (\n    <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        shouldTruncateText ? (\n          <TruncatedText\n            color={adaptiveColor}\n            className=\"Select__Text\"\n            textContent={selectedOption.label || ''}\n            noOfLines={1}\n          />\n        ) : (\n          <Text color={adaptiveColor} className=\"Select__Text\">\n            {selectedOption.label}\n          </Text>\n        )\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n\nexport default SelectContainer;\n"],"names":["SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","React","Flex","className","justify","align","textAlign","color","leftElement","createElement","pr","label","TruncatedText","textContent","noOfLines","Text"],"mappings":"4TAeM,IAAAA,EAAkB,SAACC,OACvBC,EAAcD,EAAAC,eACdC,EAAkBF,EAAAE,mBAClBC,uBAAAC,OAAqB,IAAAD,GAAIA,EAEjBE,EAAWC,WACbC,EAAgBC,EACpBH,EAAOI,KACPR,EAAeS,WAAaT,EAAeS,WAAa,WAG1D,OACEC,gBAACC,EAAI,CAACC,UAAU,oBAAoBC,QAAQ,aAAaC,MAAM,SAASC,UAAU,OAAOC,MAAOV,IAC7FN,MAAAA,OAAc,EAAdA,EAAgBiB,aACfP,EAAAQ,cAACP,EAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDnB,EAAeiB,aAEhBhB,EACFS,EAAAQ,cAACP,EAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDlB,GAED,KAC6B,iBAAzBD,EAAeoB,MACrBjB,EACEO,EAACQ,cAAAG,EACC,CAAAL,MAAOV,EACPM,UAAU,eACVU,YAAatB,EAAeoB,OAAS,GACrCG,UAAW,IAGbb,EAAAQ,cAACM,EAAI,CAACR,MAAOV,EAAeM,UAAU,gBACnCZ,EAAeoB,OAIpBpB,EAAoB"}

package/build/components/Select/components/SelectList/selectList.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../Menu/components/MenuList/menuList.component.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(t);exports.default=function(t){var s=t.options,u=e.__rest(t,["options"]);return r.default.createElement(n.default,e.__assign({shouldRetainSelection:!0,menuItems:s,isMatchWidthSet:!0},u))};
+import{__rest as t,__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import o from"react";import n from"../../../Menu/components/MenuList/menuList.component.js";var s=function(s){var i=s.options,m=t(s,["options"]);return o.createElement(n,e({shouldRetainSelection:!0,menuItems:i,isMatchWidthSet:!0},m))};export{s as default};
 //# sourceMappingURL=selectList.component.js.map

package/build/components/Select/components/SelectList/selectList.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectList.component.js","sources":["../../../../../src/components/Select/components/SelectList/selectList.component.tsx"],"sourcesContent":["import React from 'react';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\n\nconst SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n\nexport default SelectList;\n"],"names":["props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet"],"mappings":"4TASmB,SAACA,GACV,IAAAC,EAAqBD,EAAdC,QAAKC,EAAIC,EAAAA,OAAKH,EAAvB,CAAoB,YAE1B,OAAOI,wBAACC,EAAQ,QAAAC,EAAAA,SAAA,CAACC,uBAAuB,EAAMC,UAAWP,EAASQ,iBAAiB,GAAUP"}
+{"version":3,"file":"selectList.component.js","sources":["../../../../../src/components/Select/components/SelectList/selectList.component.tsx"],"sourcesContent":["import React from 'react';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\n\nconst SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n\nexport default SelectList;\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet"],"mappings":"+KASM,IAAAA,EAAa,SAACC,GACV,IAAAC,EAAqBD,EAAdC,QAAKC,EAAIC,EAAKH,EAAvB,CAAoB,YAE1B,OAAOI,gBAACC,EAAQC,EAAA,CAACC,uBAAuB,EAAMC,UAAWP,EAASQ,iBAAiB,GAAUP"}

package/build/components/Select/select.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js"),o=require("../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),r=require("../Menu/components/MenuContainer/menuContainer.component.js"),l=require("../FormControl/formControl.component.js"),u=require("../Menu/context/menu.context.js"),a=require("../../hooks/useTheme.js"),s=require("./components/SelectList/selectList.component.js"),i=require("./components/SelectBrowserDefault/selectBrowserDefault.component.js"),c=require("./components/SelectContainer/selectContainer.component.js"),d=require("../Icon/icon.component.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(t),p=function(l){var m=l.defaultLeftElement;l.isFieldInline;var p=l.listProps,_=l.onChange,h=l.options,v=l.placeholder,x=l.size,g=void 0===x?"md":x,S=l.value,j=l.useBrowserDefaultMenu,C=l.maxW,q=void 0===C?"100%":C;l.colorToken;var E=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),b=t.useRef(null),M=a.default().colors,k=t.useMemo((function(){return{label:v,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[v]),T=e.__read(t.useState([]),2),y=T[0],w=T[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||k}),[y,k]),B=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));w(n),(null==p?void 0:p.onSelect)&&p.onSelect(t)}}),[y,p]),L=(null==p?void 0:p.shouldTruncateText)?{}:{height:"max-content",minH:10},z=t.useMemo((function(){var e;return b.current?"".concat(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==b?void 0:b.current]);return t.useEffect((function(){var t=h.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===S})}));w(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[k],!1))}),[h,k,S]),j&&_?f.default.createElement(i.default,e.__assign({},E,{maxW:q,size:g,options:h,onChange:_})):f.default.createElement(u.default,{menuItems:y},f.default.createElement(r.default,{matchWidth:!0,isLazy:!0},f.default.createElement(n.Select,e.__assign({icon:f.default.createElement(d.default,{name:"chevronDown",size:g}),as:o.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(M.border.light.focus," !important"),borderColor:M.border.light.focus},ref:b,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:q,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[g]}},L,E),f.default.createElement(c.default,{selectedOption:W,defaultLeftElement:m,shouldTruncateText:null==p?void 0:p.shouldTruncateText})),f.default.createElement(s.default,e.__assign({},p,{onSelect:B,options:y,maxW:z||q}))))};p.displayName="Select";var _=l.withFormControl(p);exports.default=_;
+import{__rest as e,__read as o,__assign as t,__spreadArray as n}from"../../node_modules/tslib/tslib.es6.js";import r,{useRef as l,useMemo as i,useState as c,useCallback as s,useEffect as a}from"react";import{Select as m}from"../../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js";import{MenuButton as u}from"../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";import d from"../Menu/components/MenuContainer/menuContainer.component.js";import{withFormControl as p}from"../FormControl/formControl.component.js";import f from"../Menu/context/menu.context.js";import h from"../../hooks/useTheme.js";import v from"./components/SelectList/selectList.component.js";import x from"./components/SelectBrowserDefault/selectBrowserDefault.component.js";import S from"./components/SelectContainer/selectContainer.component.js";import j from"../Icon/icon.component.js";var C=function(p){var C=p.defaultLeftElement;p.isFieldInline;var E=p.listProps,T=p.onChange,g=p.options,k=p.placeholder,b=p.size,W=void 0===b?"md":b,w=p.value,L=p.useBrowserDefaultMenu,M=p.maxW,_=void 0===M?"100%":M;p.colorToken;var z=e(p,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),B=l(null),D=h().colors,y=i((function(){return{label:k,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[k]),I=o(c([]),2),P=I[0],F=I[1],H=i((function(){var e=P.find((function(e){return e.isSelected}));return e||y}),[P,y]),N=s((function(e){if(P){var o=P.map((function(o){return t(t({},o),{isSelected:o.value===e.value})}));F(o),(null==E?void 0:E.onSelect)&&E.onSelect(e)}}),[P,E]),O=(null==E?void 0:E.shouldTruncateText)?{}:{height:"max-content",minH:10},q=i((function(){var e;return B.current?"".concat(null===(e=null==B?void 0:B.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==B?void 0:B.current]);return a((function(){var e=g.map((function(e){return t(t({},e),{isSelected:e.value===w})}));F(n(n([],o(e),!1),[y],!1))}),[g,y,w]),L&&T?r.createElement(x,t({},z,{maxW:_,size:W,options:g,onChange:T})):r.createElement(f,{menuItems:P},r.createElement(d,{matchWidth:!0,isLazy:!0},r.createElement(m,t({icon:r.createElement(j,{name:"chevronDown",size:W}),as:u,_focus:{boxShadow:"0 0 0 1px ".concat(D.border.light.focus," !important"),borderColor:D.border.light.focus},ref:B,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:_,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[W]}},O,z),r.createElement(S,{selectedOption:H,defaultLeftElement:C,shouldTruncateText:null==E?void 0:E.shouldTruncateText})),r.createElement(v,t({},E,{onSelect:N,options:P,maxW:q||_}))))};C.displayName="Select";var E=p(C);export{E as default};
 //# sourceMappingURL=select.component.js.map

package/build/components/Select/select.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.component.js","sources":["../../../src/components/Select/select.component.tsx"],"sourcesContent":["import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport MenuContainer from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport MenuProvider from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport useTheme from 'hooks/useTheme';\nimport SelectList, { SelectListProps } from './components/SelectList/selectList.component';\nimport SelectBrowserDefault from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport SelectContainer from './components/SelectContainer/selectContainer.component';\nimport Icon from '../Icon';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  colorToken,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const { colors } = useTheme();\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      colorToken: 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n          as={MenuButton}\n          _focus={{\n            boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n            borderColor: colors.border.light.focus,\n          }}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          maxW={maxW}\n          style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nexport default withFormControl(Select);\n"],"names":["Select","_a","defaultLeftElement","listProps","onChange","options","placeholder","_b","size","value","useBrowserDefaultMenu","_c","maxW","colorToken","domProps","__rest","selectRef","useRef","colors","useTheme","placeholderOption","useMemo","label","leftElement","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedOption","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","__assign","onSelect","flexibleHeightProps","shouldTruncateText","height","minH","selectWidth","current","concat","clientWidth","useEffect","mappedOptions","__spreadArray","React","createElement","SelectBrowserDefault","MenuProvider","menuItems","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","className","style","minHeight","xs","sm","md","lg","SelectContainer","SelectList","displayName","withFormControl"],"mappings":"u0BAsCMA,EAAS,SAACC,GACd,IAAAC,uCAEA,IAAAC,cACAC,aACAC,YACAC,gBACAC,EAAAN,EAAAO,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAKR,EAAAQ,MACLC,EAAqBT,EAAAS,sBACrBC,SAAAC,aAAO,OAAMD,EACHV,EAAAY,eACPC,EAAQC,EAAAA,OAAAd,EAZG,kJAcRe,EAAYC,SAA0B,MACpCC,EAAWC,mBACbC,EAAuCC,WAC3C,WAAM,MAAC,CACLC,MAAOhB,EACPG,MAAO,GACPI,WAAY,cACZU,YAAa,KACbC,YAAY,EACZC,eAAe,KAEjB,CAACnB,IAGGoB,EAAAC,EAAAA,OAA8BC,EAAQA,SAAsB,IAAG,GAA9DC,EAAUH,EAAA,GAAEI,OAEbC,EAAoCV,EAAAA,SAAQ,WAChD,IAAMW,EAAeH,EAAWI,MAAK,SAACC,GAAW,OAAAA,EAAOV,cAExD,OAAOQ,GAA8BZ,IACpC,CAACS,EAAYT,IAEVe,EAAeC,eACnB,SAACJ,GACC,GAAKH,EAAL,CAEA,IAAMQ,EAAiBR,EAAWS,KAAI,SAACJ,GACrC,OACKK,WAAAA,EAAAA,SAAA,GAAAL,GACH,CAAAV,WAAYU,EAAOzB,QAAUuB,EAAavB,WAG9CqB,EAAcO,IAEVlC,MAAAA,SAAAA,EAAWqC,WACbrC,EAAUqC,SAASR,MAGvB,CAACH,EAAY1B,IAITsC,GAAuBtC,MAAAA,OAAS,EAATA,EAAWuC,oBAA2D,GAAtC,CAAEC,OAAQ,cAAeC,KAAM,IAEtFC,EAAcxB,EAAAA,SAAQ,iBAC1B,OAAKL,EAAU8B,QAIR,GAAGC,OAAkB,QAAlB9C,EAAAe,MAAAA,OAAS,EAATA,EAAW8B,eAAO,IAAA7C,OAAA,EAAAA,EAAE+C,YAAW,MAHhC,UAOR,CAAChC,MAAAA,OAAA,EAAAA,EAAW8B,UAaf,OAVAG,EAAAA,WAAU,WACR,IAAMC,EAAgB7C,EAAQiC,KAAI,SAACJ,GAAW,OACzCK,EAAAA,SAAAA,WAAA,GAAAL,IACHV,WAAYU,EAAOzB,QAAUA,OAG/BqB,EAAkBqB,EAAAA,cAAAA,gBAAA,GAAAxB,EAAAA,OAAAuB,IAAe,GAAA,CAAA9B,UAChC,CAACf,EAASe,EAAmBX,IAG5BC,GAAyBN,EACpBgD,EAAAA,QAAAC,cAACC,EAAoB,QAAKf,EAAAA,SAAA,GAAAzB,GAAUF,KAAMA,EAAMJ,KAAMA,EAAMH,QAASA,EAASD,SAAUA,KAI/FgD,EAAC,QAAAC,cAAAE,EAAY,QAAC,CAAAC,UAAW3B,GACvBuB,EAAC,QAAAC,cAAAI,WAAcC,YAAY,EAAMC,QAAQ,GACvCP,EAAC,QAAAC,cAAAO,qBACCC,KAAMT,wBAACU,EAAAA,QAAI,CAACC,KAAK,cAAcvD,KAAMA,IACrCwD,GAAIC,EAAUA,WACdC,OAAQ,CACNC,UAAW,oBAAajD,EAAOkD,OAAOC,MAAMC,MAAkB,eAC9DC,YAAarD,EAAOkD,OAAOC,MAAMC,OAEnCE,IAAKxD,EACLyD,QAAS,SAACC,GAAkC,OAAAA,EAAMC,mBAClDC,KAAK,SACLC,UAAU,qBACVjE,KAAMA,EACNkE,MAAO,CAAEC,UAAW,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,IAAK3E,KACnDiC,EACA3B,GAEJsC,EAAC,QAAAC,cAAA+B,WACCrD,eAAgBA,EAChB7B,mBAAoBA,EACpBwC,mBAAoBvC,MAAAA,OAAS,EAATA,EAAWuC,sBAGnCU,EAAC,QAAAC,cAAAgC,EAAU,sBAAKlF,EAAS,CAAEqC,SAAUL,EAAc9B,QAASwB,EAAYjB,KAAMiC,GAAejC,QAMrGZ,EAAOsF,YAAc,SAErB,IAAeC,EAAAA,EAAAA,gBAAgBvF"}
+{"version":3,"file":"select.component.js","sources":["../../../src/components/Select/select.component.tsx"],"sourcesContent":["import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport MenuContainer from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport MenuProvider from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport useTheme from 'hooks/useTheme';\nimport SelectList, { SelectListProps } from './components/SelectList/selectList.component';\nimport SelectBrowserDefault from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport SelectContainer from './components/SelectContainer/selectContainer.component';\nimport Icon from '../Icon';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  colorToken,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const { colors } = useTheme();\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      colorToken: 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n          as={MenuButton}\n          _focus={{\n            boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n            borderColor: colors.border.light.focus,\n          }}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          maxW={maxW}\n          style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nexport default withFormControl(Select);\n"],"names":["Select","_a","defaultLeftElement","listProps","onChange","options","placeholder","_b","size","value","useBrowserDefaultMenu","_c","maxW","colorToken","domProps","__rest","selectRef","useRef","colors","useTheme","placeholderOption","useMemo","label","leftElement","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedOption","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","__assign","onSelect","flexibleHeightProps","shouldTruncateText","height","minH","selectWidth","current","concat","clientWidth","useEffect","mappedOptions","__spreadArray","React","createElement","SelectBrowserDefault","MenuProvider","menuItems","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","className","style","minHeight","xs","sm","md","lg","SelectContainer","SelectList","displayName","Select$1","withFormControl"],"mappings":"82BAsCA,IAAMA,EAAS,SAACC,GACd,IAAAC,uCAEA,IAAAC,cACAC,aACAC,YACAC,gBACAC,EAAAN,EAAAO,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAKR,EAAAQ,MACLC,EAAqBT,EAAAS,sBACrBC,SAAAC,aAAO,OAAMD,EACHV,EAAAY,eACPC,EAAQC,EAAAd,EAZG,kJAcRe,EAAYC,EAA0B,MACpCC,EAAWC,WACbC,EAAuCC,GAC3C,WAAM,MAAC,CACLC,MAAOhB,EACPG,MAAO,GACPI,WAAY,cACZU,YAAa,KACbC,YAAY,EACZC,eAAe,KAEjB,CAACnB,IAGGoB,EAAAC,EAA8BC,EAA8B,IAAG,GAA9DC,EAAUH,EAAA,GAAEI,OAEbC,EAAoCV,GAAQ,WAChD,IAAMW,EAAeH,EAAWI,MAAK,SAACC,GAAW,OAAAA,EAAOV,cAExD,OAAOQ,GAA8BZ,IACpC,CAACS,EAAYT,IAEVe,EAAeC,GACnB,SAACJ,GACC,GAAKH,EAAL,CAEA,IAAMQ,EAAiBR,EAAWS,KAAI,SAACJ,GACrC,OACKK,EAAAA,EAAA,GAAAL,GACH,CAAAV,WAAYU,EAAOzB,QAAUuB,EAAavB,WAG9CqB,EAAcO,IAEVlC,MAAAA,SAAAA,EAAWqC,WACbrC,EAAUqC,SAASR,MAGvB,CAACH,EAAY1B,IAITsC,GAAuBtC,MAAAA,OAAS,EAATA,EAAWuC,oBAA2D,GAAtC,CAAEC,OAAQ,cAAeC,KAAM,IAEtFC,EAAcxB,GAAQ,iBAC1B,OAAKL,EAAU8B,QAIR,GAAGC,OAAkB,QAAlB9C,EAAAe,MAAAA,OAAS,EAATA,EAAW8B,eAAO,IAAA7C,OAAA,EAAAA,EAAE+C,YAAW,MAHhC,UAOR,CAAChC,MAAAA,OAAA,EAAAA,EAAW8B,UAaf,OAVAG,GAAU,WACR,IAAMC,EAAgB7C,EAAQiC,KAAI,SAACJ,GAAW,OACzCK,EAAAA,EAAA,GAAAL,IACHV,WAAYU,EAAOzB,QAAUA,OAG/BqB,EAAkBqB,EAAAA,EAAA,GAAAxB,EAAAuB,IAAe,GAAA,CAAA9B,UAChC,CAACf,EAASe,EAAmBX,IAG5BC,GAAyBN,EACpBgD,EAAAC,cAACC,EAAyBf,EAAA,GAAAzB,GAAUF,KAAMA,EAAMJ,KAAMA,EAAMH,QAASA,EAASD,SAAUA,KAI/FgD,EAACC,cAAAE,EAAa,CAAAC,UAAW3B,GACvBuB,EAACC,cAAAI,GAAcC,YAAY,EAAMC,QAAQ,GACvCP,EAACC,cAAAO,KACCC,KAAMT,gBAACU,EAAI,CAACC,KAAK,cAAcvD,KAAMA,IACrCwD,GAAIC,EACJC,OAAQ,CACNC,UAAW,oBAAajD,EAAOkD,OAAOC,MAAMC,MAAkB,eAC9DC,YAAarD,EAAOkD,OAAOC,MAAMC,OAEnCE,IAAKxD,EACLyD,QAAS,SAACC,GAAkC,OAAAA,EAAMC,mBAClDC,KAAK,SACLC,UAAU,qBACVjE,KAAMA,EACNkE,MAAO,CAAEC,UAAW,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,IAAK3E,KACnDiC,EACA3B,GAEJsC,EAACC,cAAA+B,GACCrD,eAAgBA,EAChB7B,mBAAoBA,EACpBwC,mBAAoBvC,MAAAA,OAAS,EAATA,EAAWuC,sBAGnCU,EAACC,cAAAgC,OAAelF,EAAS,CAAEqC,SAAUL,EAAc9B,QAASwB,EAAYjB,KAAMiC,GAAejC,QAMrGZ,EAAOsF,YAAc,SAErB,IAAeC,EAAAC,EAAgBxF"}

package/build/components/Select/select.config.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("../FormControl/formControl.config.js"),r=e.__assign({},o.FormControlConfig);exports.SelectConfig=r;
+import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as SelectConfig};
 //# sourceMappingURL=select.config.js.map

package/build/components/Select/select.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.config.js","sources":["../../../src/components/Select/select.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const SelectConfig: ComponentStyleConfig = {\n  ...FormControlConfig,\n};\n"],"names":["SelectConfig","__assign","FormControlConfig"],"mappings":"6KAGaA,EACRC,EAAAA,SAAA,GAAAC,EAAiBA"}
+{"version":3,"file":"select.config.js","sources":["../../../src/components/Select/select.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const SelectConfig: ComponentStyleConfig = {\n  ...FormControlConfig,\n};\n"],"names":["SelectConfig","__assign","FormControlConfig"],"mappings":"0IAGa,IAAAA,EACRC,EAAA,GAAAC"}

package/build/components/SortableList/components/DragHandle/components/SortableList/components/DragHandle/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../dragHandle.component.js");exports.default=e.default;
+import o from"../../../../dragHandle.component.js";export{default}from"../../../../dragHandle.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/SortableList/components/DragHandle/dragHandle.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../SortableItem/sortableItem.context.js"),s=require("../../../../node_modules/@dnd-kit/core/dist/core.esm.js"),o=require("../../../Button/button.component.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);exports.default=function(a){var u=e.__rest(a,[]),i=t.useContext(r.SortableItemContext),l=i.attributes,d=i.listeners,c=i.ref,b=s.useDndContext();return n.default.createElement(o.default,e.__assign({cursor:b.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},l,d,{ref:c},u))};
+import{__rest as t,__assign as r}from"../../../../node_modules/tslib/tslib.es6.js";import e,{useContext as o}from"react";import{SortableItemContext as s}from"../SortableItem/sortableItem.context.js";import{useDndContext as a}from"../../../../node_modules/@dnd-kit/core/dist/core.esm.js";import m from"../../../Button/button.component.js";var i=function(i){var n=t(i,[]),l=o(s),c=l.attributes,d=l.listeners,u=l.ref,b=a();return e.createElement(m,r({cursor:b.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},c,d,{ref:u},n))};export{i as default};
 //# sourceMappingURL=dragHandle.component.js.map

package/build/components/SortableList/components/DragHandle/dragHandle.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragHandle.component.js","sources":["../../../../../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport Button, { ButtonProps } from 'components/Button/button.component';\n\nconst DragHandle = ({ ...rest }: ButtonProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport default DragHandle;\n"],"names":["_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"kaAKmB,SAACA,OAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACZG,EAAiCC,EAAUA,WAACC,uBAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,EAAM,QAAAC,EAAAA,SAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP"}
+{"version":3,"file":"dragHandle.component.js","sources":["../../../../../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport Button, { ButtonProps } from 'components/Button/button.component';\n\nconst DragHandle = ({ ...rest }: ButtonProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport default DragHandle;\n"],"names":["DragHandle","_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"kVAKM,IAAAA,EAAa,SAACC,OAAKC,EAAIC,EAAAF,EAAT,IACZG,EAAiCC,EAAWC,GAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,IAEnB,OACEC,gBAACC,EAAMC,EAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP"}

package/build/components/SortableList/components/SortableItem/components/SortableList/components/SortableItem/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../sortableItem.component.js");exports.default=e.default;
+import o from"../../../../sortableItem.component.js";export{default}from"../../../../sortableItem.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/SortableList/components/SortableItem/sortableItem.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js"),s=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js"),i=require("./sortableItem.context.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);exports.default=function(o){var a=o.children,l=o.id,u=o.style;o.onRemove;var d=r.useSortable({id:l}),f=d.attributes,m=d.isDragging,c=d.listeners,b=d.setNodeRef,v=d.setActivatorNodeRef,S=d.transform,_=d.transition,j=t.useMemo((function(){return{attributes:f,listeners:c,ref:v}}),[f,c,v]),y=e.__assign({opacity:m?.4:void 0,transform:s.CSS.Translate.toString(S),transition:_,listStyle:"none"},u);return n.default.createElement(i.SortableItemContext.Provider,{value:j},n.default.createElement("li",{className:"SortableItem",ref:b,style:y},a))};
+import{__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import e,{useMemo as r}from"react";import{useSortable as i}from"../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";import{CSS as s}from"../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";import{SortableItemContext as o}from"./sortableItem.context.js";var n=function(n){var a=n.children,l=n.id,m=n.style;n.onRemove;var d=i({id:l}),f=d.attributes,u=d.isDragging,c=d.listeners,b=d.setNodeRef,v=d.setActivatorNodeRef,p=d.transform,g=d.transition,j=r((function(){return{attributes:f,listeners:c,ref:v}}),[f,c,v]),y=t({opacity:u?.4:void 0,transform:s.Translate.toString(p),transition:g,listStyle:"none"},m);return e.createElement(o.Provider,{value:j},e.createElement("li",{className:"SortableItem",ref:b,style:y},a))};export{n as default};
 //# sourceMappingURL=sortableItem.component.js.map

package/build/components/SortableList/components/SortableItem/sortableItem.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortableItem.component.js","sources":["../../../../../src/components/SortableList/components/SortableItem/sortableItem.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CSSProperties, PropsWithChildren } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SortableItemContext } from './sortableItem.context';\nimport { UniqueIdentifier } from '@dnd-kit/core';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: CSSProperties;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nconst SortableItem = ({\n  children,\n  id,\n  style: userStyle,\n  onRemove,\n}: PropsWithChildren<SortableItemProps>): JSX.Element => {\n  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n    id,\n  });\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    opacity: isDragging ? 0.4 : undefined,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    listStyle: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <li className=\"SortableItem\" ref={setNodeRef} style={style}>\n        {children}\n      </li>\n    </SortableItemContext.Provider>\n  );\n};\n\nexport default SortableItem;\n"],"names":["_a","children","id","userStyle","style","onRemove","_b","useSortable","attributes","isDragging","listeners","setNodeRef","setActivatorNodeRef","transform","transition","context","useMemo","ref","__assign","opacity","undefined","CSS","Translate","toString","listStyle","React","SortableItemContext","Provider","value","createElement","className"],"mappings":"0bAaqB,SAACA,OACpBC,EAAQD,EAAAC,SACRC,EAAEF,EAAAE,GACKC,EAASH,EAAAI,MACRJ,EAAAK,SAEF,IAAAC,EAAgGC,EAAAA,YAAY,CAChHL,GAAEA,IADIM,EAAUF,EAAAE,WAAEC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,EAAUL,EAAAK,WAAEC,EAAmBN,EAAAM,oBAAEC,EAASP,EAAAO,UAAEC,EAAUR,EAAAQ,WAG3FC,EAAUC,WACd,WAAM,MAAC,CACLR,WAAUA,EACVE,UAASA,EACTO,IAAKL,KAEP,CAACJ,EAAYE,EAAWE,IAEpBR,EAAKc,EAAAA,SAAA,CACTC,QAASV,EAAa,QAAMW,EAC5BP,UAAWQ,EAAGA,IAACC,UAAUC,SAASV,GAClCC,WAAUA,EACVU,UAAW,QACRrB,GAGL,OACEsB,EAAAA,sBAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAOb,GACnCU,EAAAA,QAAAI,cAAA,KAAA,CAAIC,UAAU,eAAeb,IAAKN,EAAYP,MAAOA,GAClDH"}
+{"version":3,"file":"sortableItem.component.js","sources":["../../../../../src/components/SortableList/components/SortableItem/sortableItem.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CSSProperties, PropsWithChildren } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SortableItemContext } from './sortableItem.context';\nimport { UniqueIdentifier } from '@dnd-kit/core';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: CSSProperties;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nconst SortableItem = ({\n  children,\n  id,\n  style: userStyle,\n  onRemove,\n}: PropsWithChildren<SortableItemProps>): JSX.Element => {\n  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n    id,\n  });\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    opacity: isDragging ? 0.4 : undefined,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    listStyle: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <li className=\"SortableItem\" ref={setNodeRef} style={style}>\n        {children}\n      </li>\n    </SortableItemContext.Provider>\n  );\n};\n\nexport default SortableItem;\n"],"names":["SortableItem","_a","children","id","userStyle","style","onRemove","_b","useSortable","attributes","isDragging","listeners","setNodeRef","setActivatorNodeRef","transform","transition","context","useMemo","ref","__assign","opacity","undefined","CSS","Translate","toString","listStyle","React","SortableItemContext","Provider","value","createElement","className"],"mappings":"gWAaM,IAAAA,EAAe,SAACC,OACpBC,EAAQD,EAAAC,SACRC,EAAEF,EAAAE,GACKC,EAASH,EAAAI,MACRJ,EAAAK,SAEF,IAAAC,EAAgGC,EAAY,CAChHL,GAAEA,IADIM,EAAUF,EAAAE,WAAEC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,EAAUL,EAAAK,WAAEC,EAAmBN,EAAAM,oBAAEC,EAASP,EAAAO,UAAEC,EAAUR,EAAAQ,WAG3FC,EAAUC,GACd,WAAM,MAAC,CACLR,WAAUA,EACVE,UAASA,EACTO,IAAKL,KAEP,CAACJ,EAAYE,EAAWE,IAEpBR,EAAKc,EAAA,CACTC,QAASV,EAAa,QAAMW,EAC5BP,UAAWQ,EAAIC,UAAUC,SAASV,GAClCC,WAAUA,EACVU,UAAW,QACRrB,GAGL,OACEsB,gBAACC,EAAoBC,SAAS,CAAAC,MAAOb,GACnCU,EAAAI,cAAA,KAAA,CAAIC,UAAU,eAAeb,IAAKN,EAAYP,MAAOA,GAClDH"}

package/build/components/SortableList/components/SortableItem/sortableItem.context.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({attributes:{},listeners:void 0,ref:function(){}});exports.SortableItemContext=e;
+import{createContext as r}from"react";var t=r({attributes:{},listeners:void 0,ref:function(){}});export{t as SortableItemContext};
 //# sourceMappingURL=sortableItem.context.js.map

package/build/components/SortableList/components/SortableItem/sortableItem.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortableItem.context.js","sources":["../../../../../src/components/SortableList/components/SortableItem/sortableItem.context.ts"],"sourcesContent":["import { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { createContext } from 'react';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n"],"names":["SortableItemContext","createContext","attributes","listeners","undefined","ref"],"mappings":"wEASaA,mBAAsBC,cAAuB,CACxDC,WAAY,GACZC,eAAWC,EACXC"}
+{"version":3,"file":"sortableItem.context.js","sources":["../../../../../src/components/SortableList/components/SortableItem/sortableItem.context.ts"],"sourcesContent":["import { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { createContext } from 'react';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n"],"names":["SortableItemContext","createContext","attributes","listeners","undefined","ref"],"mappings":"sCASO,IAAMA,EAAsBC,EAAuB,CACxDC,WAAY,GACZC,eAAWC,EACXC"}

package/build/components/SortableList/components/SortableList/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../sortableList.component.js");exports.default=e.default;
+import o from"../../sortableList.component.js";export{default}from"../../sortableList.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/SortableList/components/SortableOverlay/components/SortableList/components/SortableOverlay/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../sortableOverlay.component.js");exports.default=e.default;
+import o from"../../../../sortableOverlay.component.js";export{default}from"../../../../sortableOverlay.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/SortableList/components/SortableOverlay/sortableOverlay.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../node_modules/@dnd-kit/core/dist/core.esm.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.default=function(e){var r=e.children;return i.default.createElement(t.DragOverlay,{dropAnimation:a},r)};
+import e from"react";import{DragOverlay as t,defaultDropAnimationSideEffects as r}from"../../../../node_modules/@dnd-kit/core/dist/core.esm.js";var o={sideEffects:r({styles:{active:{opacity:"0.4"}}})},i=function(r){var i=r.children;return e.createElement(t,{dropAnimation:o},i)};export{i as default};
 //# sourceMappingURL=sortableOverlay.component.js.map

package/build/components/SortableList/components/SortableOverlay/sortableOverlay.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortableOverlay.component.js","sources":["../../../../../src/components/SortableList/components/SortableOverlay/sortableOverlay.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { DragOverlay, defaultDropAnimationSideEffects } from '@dnd-kit/core';\nimport type { DropAnimation } from '@dnd-kit/core';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\ninterface Props {}\n\nconst SortableOverlay = ({ children }: PropsWithChildren<Props>): JSX.Element => (\n  <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>\n);\n\nexport default SortableOverlay;\n"],"names":["dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","_a","children","React","createElement","DragOverlay","dropAnimation"],"mappings":"mPAKMA,EAAqC,CACzCC,YAAaC,EAAAA,gCAAgC,CAC3CC,OAAQ,CACNC,OAAQ,CACNC,QAAS,2BAQO,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAA8C,OAC/EC,EAAAA,QAACC,cAAAC,EAAWA,YAAC,CAAAC,cAAeX,GAAsBO"}
+{"version":3,"file":"sortableOverlay.component.js","sources":["../../../../../src/components/SortableList/components/SortableOverlay/sortableOverlay.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { DragOverlay, defaultDropAnimationSideEffects } from '@dnd-kit/core';\nimport type { DropAnimation } from '@dnd-kit/core';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\ninterface Props {}\n\nconst SortableOverlay = ({ children }: PropsWithChildren<Props>): JSX.Element => (\n  <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>\n);\n\nexport default SortableOverlay;\n"],"names":["dropAnimationConfig","sideEffects","defaultDropAnimationSideEffects","styles","active","opacity","SortableOverlay","_a","children","React","createElement","DragOverlay","dropAnimation"],"mappings":"gJAKA,IAAMA,EAAqC,CACzCC,YAAaC,EAAgC,CAC3CC,OAAQ,CACNC,OAAQ,CACNC,QAAS,WAQXC,EAAkB,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAA8C,OAC/EC,EAACC,cAAAC,EAAY,CAAAC,cAAeZ,GAAsBQ"}

package/build/components/SortableList/sortableList.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@dnd-kit/core/dist/core.esm.js"),r=require("../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js"),o=require("./components/SortableOverlay/sortableOverlay.component.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.default=function(l){var a=l.items,i=l.onChange,d=l.renderItem,s=l.style,c=e.__read(t.useState(null),2),f=c[0],m=c[1],v=t.useMemo((function(){return a.find((function(e){return e.id===(null==f?void 0:f.id)}))}),[f,a]),b=n.useSensors(n.useSensor(n.PointerSensor),n.useSensor(n.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),y=e.__assign({display:"flex",flexDirection:"column",padding:0,listStyle:"none"},s);return u.default.createElement(n.DndContext,{sensors:b,onDragStart:function(e){var t=e.active;m(t)},onDragEnd:function(e){var t=e.active,n=e.over;if(n&&t.id!==(null==n?void 0:n.id)){var o=a.findIndex((function(e){return e.id===t.id})),l=a.findIndex((function(e){return e.id===n.id}));i(r.arrayMove(a,o,l))}m(null)},onDragCancel:function(){return m(null)}},u.default.createElement(r.SortableContext,{items:a},u.default.createElement("ul",{style:y},a.map((function(e,t){return u.default.createElement(u.default.Fragment,{key:e.id},d(e,t))})))),u.default.createElement(o.default,null,v?d(v):null))};
+import{__read as e,__assign as n}from"../../node_modules/tslib/tslib.es6.js";import t,{useState as r,useMemo as o}from"react";import{useSensors as i,useSensor as l,PointerSensor as d,DndContext as a,KeyboardSensor as u}from"../../node_modules/@dnd-kit/core/dist/core.esm.js";import{arrayMove as m,SortableContext as s,sortableKeyboardCoordinates as c}from"../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";import f from"./components/SortableOverlay/sortableOverlay.component.js";var v=function(v){var p=v.items,y=v.onChange,b=v.renderItem,g=v.style,E=e(r(null),2),x=E[0],j=E[1],D=o((function(){return p.find((function(e){return e.id===(null==x?void 0:x.id)}))}),[x,p]),k=i(l(d),l(u,{coordinateGetter:c})),I=n({display:"flex",flexDirection:"column",padding:0,listStyle:"none"},g);return t.createElement(a,{sensors:k,onDragStart:function(e){var n=e.active;j(n)},onDragEnd:function(e){var n=e.active,t=e.over;if(t&&n.id!==(null==t?void 0:t.id)){var r=p.findIndex((function(e){return e.id===n.id})),o=p.findIndex((function(e){return e.id===t.id}));y(m(p,r,o))}j(null)},onDragCancel:function(){return j(null)}},t.createElement(s,{items:p},t.createElement("ul",{style:I},p.map((function(e,n){return t.createElement(t.Fragment,{key:e.id},b(e,n))})))),t.createElement(f,null,D?b(D):null))};export{v as default};
 //# sourceMappingURL=sortableList.component.js.map

package/build/components/SortableList/sortableList.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortableList.component.js","sources":["../../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { CSSProperties, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport type { Active, UniqueIdentifier } from '@dnd-kit/core';\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport SortableOverlay from './components/SortableOverlay';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: CSSProperties;\n}\n\nconst SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableProps<T>): JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const style: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyle: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <ul style={style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </ul>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n\nexport default SortableList;\n"],"names":["_a","items","onChange","renderItem","userStyle","style","_b","__read","useState","active","setActive","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","display","flexDirection","padding","listStyle","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","map","index","Fragment","key","SortableOverlay"],"mappings":"8bAkBqB,SAA8BA,OACjDC,EAAKD,EAAAC,MACLC,EAAQF,EAAAE,SACRC,EAAUH,EAAAG,WACHC,EAASJ,EAAAK,MAEVC,EAAAC,EAAAA,OAAsBC,EAAQA,SAAgB,MAAK,GAAlDC,EAAMH,EAAA,GAAEI,OACTC,EAAaC,EAAAA,SAAQ,WAAM,OAAAX,EAAMY,MAAK,SAACC,GAAS,OAAAA,EAAKC,MAAON,MAAAA,SAAAA,EAAQM,SAAK,CAACN,EAAQR,IAClFe,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3CjB,cACJkB,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,UAAW,QACRtB,GAGL,OACEuB,EAAC,QAAAC,cAAAC,aACC,CAAAb,QAASA,EACTc,YAAa,SAAC9B,GAAE,IAAAS,EAAMT,EAAAS,OACpBC,EAAUD,IAEZsB,UAAW,SAAC/B,OAAES,EAAMT,EAAAS,OAAEuB,EAAIhC,EAAAgC,KACxB,GAAIA,GAAQvB,EAAOM,MAAOiB,MAAAA,OAAA,EAAAA,EAAMjB,IAAI,CAClC,IAAMkB,EAAchC,EAAMiC,WAAU,SAAClC,GAAW,OAAPA,EAAAe,KAAcN,EAAOM,MACxDoB,EAAYlC,EAAMiC,WAAU,SAAClC,GAAW,OAAPA,EAAAe,KAAciB,EAAKjB,MAE1Db,EAASkC,EAAAA,UAAUnC,EAAOgC,EAAaE,IAEzCzB,EAAU,OAEZ2B,aAAc,WAAY,OAAA3B,EAAU,QAEpCiB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACrC,MAAOA,GACtB0B,EAAAA,QAAAC,cAAA,KAAA,CAAIvB,MAAOA,GACRJ,EAAMsC,KAAI,SAACzB,EAAM0B,GAAU,OAC1Bb,EAAA,QAAAC,cAACD,EAAAA,QAAMc,SAAS,CAAAC,IAAK5B,EAAKC,IAAKZ,EAAWW,EAAM0B,SAItDb,UAAAC,cAACe,EAAe,QAAE,KAAAhC,EAAaR,EAAWQ,GAAc"}
+{"version":3,"file":"sortableList.component.js","sources":["../../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { CSSProperties, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport type { Active, UniqueIdentifier } from '@dnd-kit/core';\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport SortableOverlay from './components/SortableOverlay';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: CSSProperties;\n}\n\nconst SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableProps<T>): JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const style: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyle: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <ul style={style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </ul>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n\nexport default SortableList;\n"],"names":["SortableList","_a","items","onChange","renderItem","userStyle","style","_b","__read","useState","active","setActive","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","display","flexDirection","padding","listStyle","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","map","index","Fragment","key","SortableOverlay"],"mappings":"weAkBM,IAAAA,EAAe,SAA8BC,OACjDC,EAAKD,EAAAC,MACLC,EAAQF,EAAAE,SACRC,EAAUH,EAAAG,WACHC,EAASJ,EAAAK,MAEVC,EAAAC,EAAsBC,EAAwB,MAAK,GAAlDC,EAAMH,EAAA,GAAEI,OACTC,EAAaC,GAAQ,WAAM,OAAAX,EAAMY,MAAK,SAACC,GAAS,OAAAA,EAAKC,MAAON,MAAAA,SAAAA,EAAQM,SAAK,CAACN,EAAQR,IAClFe,EAAUC,EACdC,EAAUC,GACVD,EAAUE,EAAgB,CACxBC,iBAAkBC,KAIhBjB,KACJkB,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,UAAW,QACRtB,GAGL,OACEuB,EAACC,cAAAC,EACC,CAAAb,QAASA,EACTc,YAAa,SAAC9B,GAAE,IAAAS,EAAMT,EAAAS,OACpBC,EAAUD,IAEZsB,UAAW,SAAC/B,OAAES,EAAMT,EAAAS,OAAEuB,EAAIhC,EAAAgC,KACxB,GAAIA,GAAQvB,EAAOM,MAAOiB,MAAAA,OAAA,EAAAA,EAAMjB,IAAI,CAClC,IAAMkB,EAAchC,EAAMiC,WAAU,SAAClC,GAAW,OAAPA,EAAAe,KAAcN,EAAOM,MACxDoB,EAAYlC,EAAMiC,WAAU,SAAClC,GAAW,OAAPA,EAAAe,KAAciB,EAAKjB,MAE1Db,EAASkC,EAAUnC,EAAOgC,EAAaE,IAEzCzB,EAAU,OAEZ2B,aAAc,WAAY,OAAA3B,EAAU,QAEpCiB,EAAAC,cAACU,EAAe,CAACrC,MAAOA,GACtB0B,EAAAC,cAAA,KAAA,CAAIvB,MAAOA,GACRJ,EAAMsC,KAAI,SAACzB,EAAM0B,GAAU,OAC1Bb,EAAAC,cAACD,EAAMc,SAAS,CAAAC,IAAK5B,EAAKC,IAAKZ,EAAWW,EAAM0B,SAItDb,EAAAC,cAACe,EAAiB,KAAAhC,EAAaR,EAAWQ,GAAc"}

package/build/components/SortableList/utilities/components/SortableList/utilities/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../createRange.js");exports.createRange=e.createRange;
+export{createRange}from"../../../createRange.js";
 //# sourceMappingURL=index.js.map

package/build/components/SortableList/utilities/createRange.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=function(e){return e};exports.createRange=function(t,n){return void 0===n&&(n=r),e.__spreadArray([],e.__read(new Array(t)),!1).map((function(e,r){return n(r)}))};
+import{__spreadArray as r,__read as n}from"../../../node_modules/tslib/tslib.es6.js";var t=function(r){return r};function o(o,e){return void 0===e&&(e=t),r([],n(new Array(o)),!1).map((function(r,n){return e(n)}))}export{o as createRange};
 //# sourceMappingURL=createRange.js.map

package/build/components/SortableList/utilities/createRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRange.js","sources":["../../../../src/components/SortableList/utilities/createRange.ts"],"sourcesContent":["const defaultInitializer = (index: number): number => index;\n\nexport function createRange<T = number>(length: number, initializer: (index: number) => any = defaultInitializer): T[] {\n  return [...new Array(length)].map((_, index) => initializer(index));\n}\n"],"names":["defaultInitializer","index","length","initializer","__spreadArray","__read","Array","map","_"],"mappings":"8HAAMA,EAAqB,SAACC,GAA0B,OAAAA,uBAEtC,SAAwBC,EAAgBC,GACtD,YADsD,IAAAA,IAAAA,EAAwDH,GACvGI,EAAAA,cAAA,GAAAC,EAAAA,OAAI,IAAIC,MAAMJ,KAAO,GAAEK,KAAI,SAACC,EAAGP,GAAU,OAAAE,EAAYF"}
+{"version":3,"file":"createRange.js","sources":["../../../../src/components/SortableList/utilities/createRange.ts"],"sourcesContent":["const defaultInitializer = (index: number): number => index;\n\nexport function createRange<T = number>(length: number, initializer: (index: number) => any = defaultInitializer): T[] {\n  return [...new Array(length)].map((_, index) => initializer(index));\n}\n"],"names":["defaultInitializer","index","createRange","length","initializer","__spreadArray","__read","Array","map","_"],"mappings":"qFAAA,IAAMA,EAAqB,SAACC,GAA0B,OAAAA,GAEtC,SAAAC,EAAwBC,EAAgBC,GACtD,YADsD,IAAAA,IAAAA,EAAwDJ,GACvGK,EAAA,GAAAC,EAAI,IAAIC,MAAMJ,KAAO,GAAEK,KAAI,SAACC,EAAGR,GAAU,OAAAG,EAAYH"}

package/build/components/Spinner/components/Spinner/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../spinner.component.js");exports.default=e.default;
+import n from"../../spinner.component.js";export{default}from"../../spinner.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Spinner/spinner.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),o=require("../../chakra/components/Box/chakra/components/Box/index.js"),t=require("../../hooks/useTheme.js"),n=require("../../hooks/useAdaptiveColorMap.js"),a=require("./spinner.records.js"),i=require("@emotion/react");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l=s(r),u=i.keyframes(d||(d=e.__makeTemplateObject(["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "],["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "])));exports.default=function(e){var r=e.size,i=void 0===r?"md":r,s=e.darkMode,d=t.default(),c=d.colors,p=d.borders,f=n.default(c.icon,"active",s),m=a.SpinnerSizeMap[i],b="0.45s linear 0s infinite normal none running ".concat(u);return l.default.createElement(o.default,{as:"div",display:"inline-block",animation:b,border:p["2px"],borderTopColor:f,borderRightColor:f,borderLeftColor:c.transparent,borderBottomColor:c.transparent,height:"".concat(m,"px"),width:"".concat(m,"px"),borderRadius:"".concat(m,"px")},l.default.createElement(o.default,{as:"span",border:0,w:"1px",h:"1px",m:"-1px",p:0,overflow:"hidden",position:"absolute"},"Loading..."))};
+import{__makeTemplateObject as o}from"../../node_modules/tslib/tslib.es6.js";import r from"react";import e from"../../chakra/components/Box/chakra/components/Box/index.js";import t from"../../hooks/useTheme.js";import n from"../../hooks/useAdaptiveColorMap.js";import{SpinnerSizeMap as a}from"./spinner.records.js";import{keyframes as i}from"@emotion/react";var s,m=i(s||(s=o(["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "],["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "]))),d=function(o){var i=o.size,s=void 0===i?"md":i,d=o.darkMode,p=t(),c=p.colors,l=p.borders,f=n(c.icon,"active",d),b=a[s],h="0.45s linear 0s infinite normal none running ".concat(m);return r.createElement(e,{as:"div",display:"inline-block",animation:h,border:l["2px"],borderTopColor:f,borderRightColor:f,borderLeftColor:c.transparent,borderBottomColor:c.transparent,height:"".concat(b,"px"),width:"".concat(b,"px"),borderRadius:"".concat(b,"px")},r.createElement(e,{as:"span",border:0,w:"1px",h:"1px",m:"-1px",p:0,overflow:"hidden",position:"absolute"},"Loading..."))};export{d as default};
 //# sourceMappingURL=spinner.component.js.map

package/build/components/Spinner/spinner.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.component.js","sources":["../../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport { keyframes } from '@chakra-ui/system';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  darkMode?: boolean;\n}\n\nconst Spinner = ({ size = 'md', darkMode }: SpinnerProps): JSX.Element => {\n  const { colors, borders } = useTheme();\n  const spinnerColor = useAdaptiveColorMap(colors.icon, 'active', darkMode);\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n\n  return (\n    <Box\n      as=\"div\"\n      display=\"inline-block\"\n      animation={animation}\n      border={borders['2px']}\n      borderTopColor={spinnerColor}\n      borderRightColor={spinnerColor}\n      borderLeftColor={colors.transparent}\n      borderBottomColor={colors.transparent}\n      height={`${spinnerSize}px`}\n      width={`${spinnerSize}px`}\n      borderRadius={`${spinnerSize}px`}\n    >\n      <Box as=\"span\" border={0} w=\"1px\" h=\"1px\" m=\"-1px\" p={0} overflow=\"hidden\" position=\"absolute\">\n        Loading...\n      </Box>\n    </Box>\n  );\n};\n\nexport default Spinner;\n"],"names":["spin","keyframes","templateObject_1","__makeTemplateObject","_a","_b","size","darkMode","_c","useTheme","colors","borders","spinnerColor","useAdaptiveColorMap","icon","spinnerSize","SpinnerSizeMap","animation","concat","React","createElement","Box","as","display","border","borderTopColor","borderRightColor","borderLeftColor","transparent","borderBottomColor","height","width","borderRadius","w","h","m","p","overflow","position"],"mappings":"8bAQMA,EAAOC,EAASA,UAAAC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,iFAAA,CAAA,oGAUN,SAACC,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAChCC,EAAsBC,EAAQ,UAA5BC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QACjBC,EAAeC,EAAAA,QAAoBH,EAAOI,KAAM,SAAUP,GAC1DQ,EAAcC,iBAAeV,GAC7BW,EAAY,gDAAgDC,OAAAlB,GAElE,OACEmB,EAAC,QAAAC,cAAAC,UACC,CAAAC,GAAG,MACHC,QAAQ,eACRN,UAAWA,EACXO,OAAQb,EAAQ,OAChBc,eAAgBb,EAChBc,iBAAkBd,EAClBe,gBAAiBjB,EAAOkB,YACxBC,kBAAmBnB,EAAOkB,YAC1BE,OAAQ,GAAGZ,OAAAH,EAAe,MAC1BgB,MAAO,GAAGb,OAAAH,EAAe,MACzBiB,aAAc,GAAGd,OAAAH,EAAe,OAEhCI,UAAAC,cAACC,EAAG,QAAC,CAAAC,GAAG,OAAOE,OAAQ,EAAGS,EAAE,MAAMC,EAAE,MAAMC,EAAE,OAAOC,EAAG,EAAGC,SAAS,SAASC,SAAS,YAE9E"}
+{"version":3,"file":"spinner.component.js","sources":["../../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport { keyframes } from '@chakra-ui/system';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  darkMode?: boolean;\n}\n\nconst Spinner = ({ size = 'md', darkMode }: SpinnerProps): JSX.Element => {\n  const { colors, borders } = useTheme();\n  const spinnerColor = useAdaptiveColorMap(colors.icon, 'active', darkMode);\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n\n  return (\n    <Box\n      as=\"div\"\n      display=\"inline-block\"\n      animation={animation}\n      border={borders['2px']}\n      borderTopColor={spinnerColor}\n      borderRightColor={spinnerColor}\n      borderLeftColor={colors.transparent}\n      borderBottomColor={colors.transparent}\n      height={`${spinnerSize}px`}\n      width={`${spinnerSize}px`}\n      borderRadius={`${spinnerSize}px`}\n    >\n      <Box as=\"span\" border={0} w=\"1px\" h=\"1px\" m=\"-1px\" p={0} overflow=\"hidden\" position=\"absolute\">\n        Loading...\n      </Box>\n    </Box>\n  );\n};\n\nexport default Spinner;\n"],"names":["spin","keyframes","templateObject_1","__makeTemplateObject","Spinner","_a","_b","size","darkMode","_c","useTheme","colors","borders","spinnerColor","useAdaptiveColorMap","icon","spinnerSize","SpinnerSizeMap","animation","concat","React","createElement","Box","as","display","border","borderTopColor","borderRightColor","borderLeftColor","transparent","borderBottomColor","height","width","borderRadius","w","h","m","p","overflow","position"],"mappings":"sWAQA,MAAMA,EAAOC,EAASC,IAAAA,EAAAC,EAAA,CAAA,iFAAA,CAAA,oFAUhBC,EAAU,SAACC,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAChCC,EAAsBC,IAApBC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QACjBC,EAAeC,EAAoBH,EAAOI,KAAM,SAAUP,GAC1DQ,EAAcC,EAAeV,GAC7BW,EAAY,gDAAgDC,OAAAnB,GAElE,OACEoB,EAACC,cAAAC,EACC,CAAAC,GAAG,MACHC,QAAQ,eACRN,UAAWA,EACXO,OAAQb,EAAQ,OAChBc,eAAgBb,EAChBc,iBAAkBd,EAClBe,gBAAiBjB,EAAOkB,YACxBC,kBAAmBnB,EAAOkB,YAC1BE,OAAQ,GAAGZ,OAAAH,EAAe,MAC1BgB,MAAO,GAAGb,OAAAH,EAAe,MACzBiB,aAAc,GAAGd,OAAAH,EAAe,OAEhCI,EAAAC,cAACC,EAAI,CAAAC,GAAG,OAAOE,OAAQ,EAAGS,EAAE,MAAMC,EAAE,MAAMC,EAAE,OAAOC,EAAG,EAAGC,SAAS,SAASC,SAAS,YAE9E"}

package/build/components/Spinner/spinner.records.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.SpinnerSizeMap={xs:12,sm:16,md:24,lg:32,xl:48};
+var x={xs:12,sm:16,md:24,lg:32,xl:48};export{x as SpinnerSizeMap};
 //# sourceMappingURL=spinner.records.js.map

package/build/components/Spinner/spinner.records.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.records.js","sources":["../../../src/components/Spinner/spinner.records.ts"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n"],"names":["xs","sm","md","lg","xl"],"mappings":"2FAE2D,CACzDA,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI"}
+{"version":3,"file":"spinner.records.js","sources":["../../../src/components/Spinner/spinner.records.ts"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl"],"mappings":"AAEa,IAAAA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI"}

package/build/components/Switch/components/Switch/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../switch.component.js");exports.default=e.default;
+import o from"../../switch.component.js";export{default}from"../../switch.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Switch/switch.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),i=require("react"),t=require("../../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js"),r=require("../FormControl/formControl.component.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(i),o=function(i){var r=i.isChecked,n=i.isIndeterminate,o=i.isFieldInline,a=e.__rest(i,["isChecked","isIndeterminate","isFieldInline"]);return s.default.createElement(t.Switch,e.__assign({colorScheme:"teal",isChecked:r,display:o?"inline-block":"block"},n&&{variant:"indeterminate"},a))};o.displayName="Switch";var a=r.withFormControl(o);exports.default=a;
+import{__rest as e,__assign as i}from"../../node_modules/tslib/tslib.es6.js";import t from"react";import{Switch as r}from"../../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js";import{withFormControl as o}from"../FormControl/formControl.component.js";var n=function(o){var n=o.isChecked,s=o.isIndeterminate,a=o.isFieldInline,m=e(o,["isChecked","isIndeterminate","isFieldInline"]);return t.createElement(r,i({colorScheme:"teal",isChecked:n,display:a?"inline-block":"block"},s&&{variant:"indeterminate"},m))};n.displayName="Switch";var s=o(n);export{s as default};
 //# sourceMappingURL=switch.component.js.map

package/build/components/Switch/switch.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.component.js","sources":["../../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/switch';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n  const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n  return (\n    <CSwitch\n      colorScheme=\"teal\"\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      {...(isIndeterminate && { variant: 'indeterminate' })}\n      {...domProps}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nexport default withFormControl(Switch);\n"],"names":["Switch","props","isChecked","isIndeterminate","isFieldInline","domProps","React","createElement","CSwitch","__assign","colorScheme","display","variant","displayName","withFormControl"],"mappings":"qWAWMA,EAAS,SAACC,GACN,IAAAC,EAA2DD,EAAKC,UAArDC,EAAgDF,EAAjCE,gBAAEC,EAA+BH,gBAAbI,WAAaJ,EAA7D,CAA0D,YAAA,kBAAA,kBAEhE,OACEK,EAAC,QAAAC,cAAAC,SACCC,EAAAA,SAAA,CAAAC,YAAY,OACZR,UAAWA,EACXS,QAASP,EAAgB,eAAiB,SACrCD,GAAmB,CAAES,QAAS,iBAC/BP,KAKVL,EAAOa,YAAc,SAErB,IAAeC,EAAAA,EAAAA,gBAAgBd"}
+{"version":3,"file":"switch.component.js","sources":["../../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/switch';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n  const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n  return (\n    <CSwitch\n      colorScheme=\"teal\"\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      {...(isIndeterminate && { variant: 'indeterminate' })}\n      {...domProps}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nexport default withFormControl(Switch);\n"],"names":["Switch","props","isChecked","isIndeterminate","isFieldInline","domProps","React","createElement","CSwitch","__assign","colorScheme","display","variant","displayName","Switch$1","withFormControl"],"mappings":"uQAWA,IAAMA,EAAS,SAACC,GACN,IAAAC,EAA2DD,EAAKC,UAArDC,EAAgDF,EAAjCE,gBAAEC,EAA+BH,gBAAbI,IAAaJ,EAA7D,CAA0D,YAAA,kBAAA,kBAEhE,OACEK,EAACC,cAAAC,EACCC,EAAA,CAAAC,YAAY,OACZR,UAAWA,EACXS,QAASP,EAAgB,eAAiB,SACrCD,GAAmB,CAAES,QAAS,iBAC/BP,KAKVL,EAAOa,YAAc,SAErB,IAAeC,EAAAC,EAAgBf"}