@televet/kibble-ui 3.0.7 → 3.0.8

package/build/{ratingDot.component-01592415.js.map → ratingDot.component-4b3f6639.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDot.component-01592415.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const handleClick = useCallback(\n    (e): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <>\n      {isInteractive ? (\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          bgColor={selected ? 'background.primary' : 'transparent'}\n          h=\"60px\"\n          w=\"60px\"\n          borderRadius=\"30px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color={selected ? 'text.onContrast' : 'text.default'}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"not-allowed\"\n          {...(!isDisabled && {\n            onClick: handleClick,\n            cursor: 'pointer',\n            _hover: {\n              bg: selected ? 'background.primary' : 'background.primaryAlpha.hover',\n            },\n          })}\n        >\n          {number}\n        </Flex>\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor=\"background.primary\"\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color=\"text.onContrast\"\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"],"names":["number","isInteractive","isDisabled","onClick","selected","handleClick","useCallback","e","preventDefault","React","createElement","Fragment","Flex","as","type","bgColor","h","w","borderRadius","border","borderColor","color","mr","mb","justifyContent","alignItems","fontSize","cursor","_hover","bg"],"mappings":"yLAWyB,EAAGA,OAAAA,EAAQC,cAAAA,EAAeC,WAAAA,EAAYC,QAAAA,EAASC,SAAAA,MACtE,MAAMC,EAAcC,eACjBC,IACCA,EAAEC,iBACEL,GAASA,EAAQH,KAEvB,CAACA,EAAQG,IAGX,OACEM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAAV,EACCQ,UAACC,cAAAE,EAAIA,oBACHC,GAAG,SACHC,KAAK,SACLC,QAASX,EAAW,qBAAuB,cAC3CY,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAOjB,EAAW,kBAAoB,eACtCkB,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,gBACDzB,GAAc,CAClBC,QAASE,EACTsB,OAAQ,UACRC,OAAQ,CACNC,GAAIzB,EAAW,qBAAuB,mCAIzCJ,GAGHS,EAAA,QAAAC,cAACE,OACC,CAAAC,GAAG,MACHE,QAAQ,qBACRC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAM,kBACNC,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}
+{"version":3,"file":"ratingDot.component-4b3f6639.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const handleClick = useCallback(\n    (e): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <>\n      {isInteractive ? (\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          bgColor={selected ? 'background.primary' : 'transparent'}\n          h=\"60px\"\n          w=\"60px\"\n          borderRadius=\"30px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color={selected ? 'text.onContrast' : 'text.default'}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"not-allowed\"\n          {...(!isDisabled && {\n            onClick: handleClick,\n            cursor: 'pointer',\n            _hover: {\n              bg: selected ? 'background.primary' : 'background.primaryAlpha.hover',\n            },\n          })}\n        >\n          {number}\n        </Flex>\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor=\"background.primary\"\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color=\"text.onContrast\"\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"],"names":["number","isInteractive","isDisabled","onClick","selected","handleClick","useCallback","e","preventDefault","React","createElement","Fragment","Flex","as","type","bgColor","h","w","borderRadius","border","borderColor","color","mr","mb","justifyContent","alignItems","fontSize","cursor","_hover","bg"],"mappings":"yLAWyB,EAAGA,OAAAA,EAAQC,cAAAA,EAAeC,WAAAA,EAAYC,QAAAA,EAASC,SAAAA,MACtE,MAAMC,EAAcC,eACjBC,IACCA,EAAEC,iBACEL,GAASA,EAAQH,KAEvB,CAACA,EAAQG,IAGX,OACEM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAAV,EACCQ,UAACC,cAAAE,EAAIA,oBACHC,GAAG,SACHC,KAAK,SACLC,QAASX,EAAW,qBAAuB,cAC3CY,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAOjB,EAAW,kBAAoB,eACtCkB,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,gBACDzB,GAAc,CAClBC,QAASE,EACTsB,OAAQ,UACRC,OAAQ,CACNC,GAAIzB,EAAW,qBAAuB,mCAIzCJ,GAGHS,EAAA,QAAAC,cAACE,OACC,CAAAC,GAAG,MACHE,QAAQ,qBACRC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAM,kBACNC,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}

package/build/{ratingDots.component-cd5946a2.js → ratingDots.component-b68ac49d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./text.component-906b3f66.js"),a=require("./ratingDot.component-01592415.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,b]=e.useState(),x=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=x;t<=E;t++)e.push(t);return e}),[E,x]);return e.useEffect((()=>{void 0!==f&&b(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${x} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
-//# sourceMappingURL=ratingDots.component-cd5946a2.js.map
+"use strict";var e=require("react"),t=require("./text.component-a1231840.js"),a=require("./ratingDot.component-4b3f6639.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,b]=e.useState(),x=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=x;t<=E;t++)e.push(t);return e}),[E,x]);return e.useEffect((()=>{void 0!==f&&b(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${x} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
+//# sourceMappingURL=ratingDots.component-b68ac49d.js.map

package/build/{ratingDots.component-cd5946a2.js.map → ratingDots.component-b68ac49d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-cd5946a2.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\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\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): 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 variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}
+{"version":3,"file":"ratingDots.component-b68ac49d.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\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\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): 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 variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}

package/build/{select.component-8c3d3c10.js → select.component-baf37f0a.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-17d9413b.js"),l=require("./withFormControl-a9aa238f.js"),a=require("./menu.context-66211f5a.js"),r=require("./menuList.component-bde9135b.js"),s=require("./text.component-906b3f66.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./icon.component-61259515.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=t=>{var{selectedOption:n,defaultLeftElement:l,shouldTruncateText:a=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):l?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},l):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:a,variant:n.variant||"default"},n.label):n.label)},x=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:h,maxW:j="100%",isOnContrast:S,emptyStateText:b,containerProps:E,selectedOptionContainerProps:O,renderCustomSelectedOption:g}=l,T=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption"]);const C=S?"onContrast":"default",_=t.useRef(null),y=t.useMemo((()=>({label:x,value:"",variant:S?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,S]),[q,L]=t.useState([]),M=t.useMemo((()=>{const e=q.find((e=>e.isSelected));return e||y}),[q,y]),P=t.useCallback((e=>{if(!q)return;const t=q.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));L(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[q,i]),W=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));setTimeout((()=>{L([...e,y])}),250)}),[d,y,h]),m.default.createElement(a.MenuProvider,{menuItems:q},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},E),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:C,maxW:j},W,T),g?g(M):m.default.createElement(p,Object.assign({selectedOption:M,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},O))),m.default.createElement(f,Object.assign({},i,{onSelect:P,options:q,maxW:F||j,emptyStateText:b}))))};x.displayName="Select";const v=l.withFormControl(x);exports.WrappedSelect=v;
-//# sourceMappingURL=select.component-8c3d3c10.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-34ab3f3f.js"),l=require("./withFormControl-d55cc71b.js"),a=require("./menu.context-66211f5a.js"),r=require("./menuList.component-da25c181.js"),s=require("./text.component-a1231840.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./icon.component-3662253d.js"),c=require("./chakra-ui-select.esm-e7128fb0.js"),u=require("./chakra-ui-menu.esm-bb35ab5f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=t=>{var{selectedOption:n,defaultLeftElement:l,shouldTruncateText:a=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):l?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},l):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:a,variant:n.variant||"default"},n.label):n.label)},x=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:b,maxW:h="100%",isOnContrast:j,emptyStateText:S,containerProps:E,selectedOptionContainerProps:O,renderCustomSelectedOption:g}=l,T=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption"]);const C=j?"onContrast":"default",_=t.useRef(null),y=t.useMemo((()=>({label:x,value:"",variant:j?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,j]),[q,L]=t.useState([]),M=t.useMemo((()=>{const e=q.find((e=>e.isSelected));return e||y}),[q,y]),P=t.useCallback((e=>{if(!q)return;const t=q.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));L(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[q,i]),W=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===b})));setTimeout((()=>{L([...e,y])}),250)}),[d,y,b]),m.default.createElement(a.MenuProvider,{menuItems:q},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},E),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:C,maxW:h,size:v},W,T),g?g(M):m.default.createElement(p,Object.assign({selectedOption:M,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},O))),m.default.createElement(f,Object.assign({},i,{onSelect:P,options:q,maxW:F||h,emptyStateText:S}))))};x.displayName="Select";const v=l.withFormControl(x);exports.WrappedSelect=v;
+//# sourceMappingURL=select.component-baf37f0a.js.map

package/build/{select.component-8c3d3c10.js.map → select.component-baf37f0a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-8c3d3c10.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n  ...rest\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n      {...rest}\n    >\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        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  containerProps?: MenuContainerProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n  selectedOptionContainerProps?: FlexProps;\n  renderCustomSelectedOption?: (props: SelectOptionProps) => JSX.Element;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  containerProps,\n  selectedOptionContainerProps,\n  renderCustomSelectedOption,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\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    // A timeout is used in MenuProvider->handleOnClose to modify `filteredMenuItems` with a delay of 200 ms.\n    // This was introduced to prevent a jumpy menu effect during closure.\n    // Internally, selecting a menu item triggers updates to `menuItems`.\n    // However, for this component, we rely on `setAllOptions` as the main source of truth.\n    // The additional timeout ensures that the menu items update correctly without conflicts,\n    // addressing an issue where the options wouldn't reflect the latest changes.\n    setTimeout(() => {\n      setAllOptions([...mappedOptions, placeholderOption]);\n    }, 250);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n        <CSelect\n          icon={\n            <Icon\n              name=\"chevronDown\"\n              size={size as IconSize}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            />\n          }\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          {renderCustomSelectedOption ? (\n            renderCustomSelectedOption(selectedOption)\n          ) : (\n            <SelectContainer\n              selectedOption={selectedOption}\n              defaultLeftElement={defaultLeftElement}\n              shouldTruncateText={listProps?.shouldTruncateText}\n              {...selectedOptionContainerProps}\n            />\n          )}\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","setTimeout","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
+{"version":3,"file":"select.component-baf37f0a.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n  ...rest\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n      {...rest}\n    >\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        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  containerProps?: MenuContainerProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n  selectedOptionContainerProps?: FlexProps;\n  renderCustomSelectedOption?: (props: SelectOptionProps) => JSX.Element;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  containerProps,\n  selectedOptionContainerProps,\n  renderCustomSelectedOption,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\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    // A timeout is used in MenuProvider->handleOnClose to modify `filteredMenuItems` with a delay of 200 ms.\n    // This was introduced to prevent a jumpy menu effect during closure.\n    // Internally, selecting a menu item triggers updates to `menuItems`.\n    // However, for this component, we rely on `setAllOptions` as the main source of truth.\n    // The additional timeout ensures that the menu items update correctly without conflicts,\n    // addressing an issue where the options wouldn't reflect the latest changes.\n    setTimeout(() => {\n      setAllOptions([...mappedOptions, placeholderOption]);\n    }, 250);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n        <CSelect\n          icon={\n            <Icon\n              name=\"chevronDown\"\n              size={size as IconSize}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            />\n          }\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          size={size}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          {renderCustomSelectedOption ? (\n            renderCustomSelectedOption(selectedOption)\n          ) : (\n            <SelectContainer\n              selectedOption={selectedOption}\n              defaultLeftElement={defaultLeftElement}\n              shouldTruncateText={listProps?.shouldTruncateText}\n              {...selectedOptionContainerProps}\n            />\n          )}\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","renderCustomSelectedOption","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","setTimeout","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shared/hocs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../withTheme-e33ed8bc.js");require("react"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-react.esm-f4206977.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-theme.esm-d6d72df5.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=e.withTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../withTheme-f35d578c.js");require("react"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-react.esm-3e9f61da.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-theme.esm-23420bf9.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=e.withTheme;
 //# sourceMappingURL=index.js.map

package/build/shared/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useTheme-8873c39f.js");require("../../chakra-ui-system.esm-c70df670.js"),require("react"),exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useTheme-ee73b181.js");require("../../chakra-ui-system.esm-434904f8.js"),require("react"),exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.js.map

package/build/{sortableItem.component-ce1a7136.js → sortableItem.component-5ffbdefe.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./sortable.esm-53c38ebd.js"),r=require("./core.esm-3a85aed4.js"),a=require("./sortableItem.context-5bba7c97.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);exports.SortableItem=({children:o,id:n,style:l,onRemove:u})=>{const{attributes:c,isDragging:m,listeners:b,setNodeRef:d,setActivatorNodeRef:f,transform:S,transition:v}=t.useSortable({id:n}),y=e.useMemo((()=>({attributes:c,listeners:b,ref:f})),[c,b,f]),j={transform:r.CSS.Translate.toString(S),transition:v};return i.default.createElement(a.SortableItemContext.Provider,{value:y},i.default.createElement(s.Box,Object.assign({className:"SortableItem",ref:d,listStyleType:"none",opacity:m?.4:void 0},l,{style:j}),o))};
-//# sourceMappingURL=sortableItem.component-ce1a7136.js.map
+"use strict";var e=require("react"),t=require("./sortable.esm-53c38ebd.js"),r=require("./core.esm-3a85aed4.js"),a=require("./sortableItem.context-5bba7c97.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);exports.SortableItem=({children:o,id:n,style:l,onRemove:u})=>{const{attributes:c,isDragging:b,listeners:m,setNodeRef:d,setActivatorNodeRef:f,transform:S,transition:v}=t.useSortable({id:n}),y=e.useMemo((()=>({attributes:c,listeners:m,ref:f})),[c,m,f]),j={transform:r.CSS.Translate.toString(S),transition:v};return i.default.createElement(a.SortableItemContext.Provider,{value:y},i.default.createElement(s.Box,Object.assign({className:"SortableItem",ref:d,listStyleType:"none",opacity:b?.4:void 0},l,{style:j}),o))};
+//# sourceMappingURL=sortableItem.component-5ffbdefe.js.map

package/build/{sortableItem.component-ce1a7136.js.map → sortableItem.component-5ffbdefe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sortableItem.component-ce1a7136.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';\nimport { Box, StyleProps } from '@chakra-ui/react';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: StyleProps;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nexport const 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    transform: CSS.Translate.toString(transform),\n    transition,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <Box\n        className=\"SortableItem\"\n        ref={setNodeRef}\n        listStyleType=\"none\"\n        opacity={isDragging ? 0.4 : undefined}\n        {...userStyle}\n        style={style}\n      >\n        {children}\n      </Box>\n    </SortableItemContext.Provider>\n  );\n};\n"],"names":["children","id","style","userStyle","onRemove","attributes","isDragging","listeners","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","ref","CSS","Translate","toString","React","SortableItemContext","Provider","value","createElement","Box","Object","assign","className","listStyleType","opacity","undefined"],"mappings":"wTAc4B,EAC1BA,SAAAA,EACAC,GAAAA,EACAC,MAAOC,EACPC,SAAAA,MAEA,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,UAAEA,EAASC,WAAEA,EAAUC,oBAAEA,EAAmBC,UAAEA,EAASC,WAAEA,GAAeC,cAAY,CAChHX,GAAAA,IAEIY,EAAUC,EAAAA,SACd,KAAO,CACLT,WAAAA,EACAE,UAAAA,EACAQ,IAAKN,KAEP,CAACJ,EAAYE,EAAWE,IAEpBP,EAAuB,CAC3BQ,UAAWM,EAAGA,IAACC,UAAUC,SAASR,GAClCC,WAAAA,GAGF,OACEQ,EAAAA,sBAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAOT,GACnCM,EAAAA,QAAAI,cAACC,MACCC,OAAAC,OAAA,CAAAC,UAAU,eACVZ,IAAKP,EACLoB,cAAc,OACdC,QAASvB,EAAa,QAAMwB,GACxB3B,EAAS,CACbD,MAAOA,IAENF"}
+{"version":3,"file":"sortableItem.component-5ffbdefe.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';\nimport { Box, StyleProps } from '@chakra-ui/react';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: StyleProps;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nexport const 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    transform: CSS.Translate.toString(transform),\n    transition,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <Box\n        className=\"SortableItem\"\n        ref={setNodeRef}\n        listStyleType=\"none\"\n        opacity={isDragging ? 0.4 : undefined}\n        {...userStyle}\n        style={style}\n      >\n        {children}\n      </Box>\n    </SortableItemContext.Provider>\n  );\n};\n"],"names":["children","id","style","userStyle","onRemove","attributes","isDragging","listeners","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","ref","CSS","Translate","toString","React","SortableItemContext","Provider","value","createElement","Box","Object","assign","className","listStyleType","opacity","undefined"],"mappings":"wTAc4B,EAC1BA,SAAAA,EACAC,GAAAA,EACAC,MAAOC,EACPC,SAAAA,MAEA,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,UAAEA,EAASC,WAAEA,EAAUC,oBAAEA,EAAmBC,UAAEA,EAASC,WAAEA,GAAeC,cAAY,CAChHX,GAAAA,IAEIY,EAAUC,EAAAA,SACd,KAAO,CACLT,WAAAA,EACAE,UAAAA,EACAQ,IAAKN,KAEP,CAACJ,EAAYE,EAAWE,IAEpBP,EAAuB,CAC3BQ,UAAWM,EAAGA,IAACC,UAAUC,SAASR,GAClCC,WAAAA,GAGF,OACEQ,EAAAA,sBAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAOT,GACnCM,EAAAA,QAAAI,cAACC,MACCC,OAAAC,OAAA,CAAAC,UAAU,eACVZ,IAAKP,EACLoB,cAAc,OACdC,QAASvB,EAAa,QAAMwB,GACxB3B,EAAS,CACbD,MAAOA,IAENF"}

package/build/{sortableList.component-84706639.js → sortableList.component-15455cc0.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortable.esm-53c38ebd.js"),n=require("./sortableOverlay.component-39d84330.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.SortableList=({items:l,onChange:s,renderItem:i,style:d})=>{const[u,c]=e.useState(null),f=e.useMemo((()=>l.find((e=>e.id===(null==u?void 0:u.id)))),[u,l]),m=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),b=Object.assign({display:"flex",flexDirection:"column",padding:0,listStyleType:"none",ml:0},d);return o.default.createElement(t.DndContext,{sensors:m,onDragStart:({active:e})=>{c(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==(null==t?void 0:t.id)){const n=l.findIndex((({id:t})=>t===e.id)),a=l.findIndex((({id:e})=>e===t.id));s(r.arrayMove(l,n,a))}c(null)},onDragCancel:()=>c(null)},o.default.createElement(r.SortableContext,{items:l},o.default.createElement(a.UnorderedList,Object.assign({},b),l.map(((e,t)=>o.default.createElement(o.default.Fragment,{key:e.id},i(e,t)))))),o.default.createElement(n.SortableOverlay,null,f?i(f):null))};
-//# sourceMappingURL=sortableList.component-84706639.js.map
+"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortable.esm-53c38ebd.js"),n=require("./sortableOverlay.component-39d84330.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.SortableList=({items:l,onChange:s,renderItem:i,style:d})=>{const[u,c]=e.useState(null),m=e.useMemo((()=>l.find((e=>e.id===(null==u?void 0:u.id)))),[u,l]),f=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),b=Object.assign({display:"flex",flexDirection:"column",padding:0,listStyleType:"none",ml:0},d);return o.default.createElement(t.DndContext,{sensors:f,onDragStart:({active:e})=>{c(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==(null==t?void 0:t.id)){const n=l.findIndex((({id:t})=>t===e.id)),a=l.findIndex((({id:e})=>e===t.id));s(r.arrayMove(l,n,a))}c(null)},onDragCancel:()=>c(null)},o.default.createElement(r.SortableContext,{items:l},o.default.createElement(a.UnorderedList,Object.assign({},b),l.map(((e,t)=>o.default.createElement(o.default.Fragment,{key:e.id},i(e,t)))))),o.default.createElement(n.SortableOverlay,null,m?i(m):null))};
+//# sourceMappingURL=sortableList.component-15455cc0.js.map

package/build/{sortableList.component-84706639.js.map → sortableList.component-15455cc0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sortableList.component-84706639.js","sources":["../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { 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';\nimport { StyleProps, UnorderedList } from '@chakra-ui/react';\n\ninterface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableListProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: StyleProps;\n}\n\nexport const SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableListProps<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: StyleProps = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyleType: 'none',\n    ml: 0,\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        <UnorderedList {...style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </UnorderedList>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n"],"names":["items","onChange","renderItem","style","userStyle","active","setActive","useState","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","Object","assign","display","flexDirection","padding","listStyleType","ml","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","UnorderedList","map","index","Fragment","key","SortableOverlay"],"mappings":"6TAmB4B,EAC1BA,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAOC,MAEP,MAAOC,EAAQC,GAAaC,EAAQA,SAAgB,MAC9CC,EAAaC,WAAQ,IAAMT,EAAMU,MAAMC,GAASA,EAAKC,MAAOP,MAAAA,OAAA,EAAAA,EAAQO,OAAK,CAACP,EAAQL,IAClFa,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3ChB,EACJiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,cAAe,OACfC,GAAI,GACDtB,GAGL,OACEuB,EAAA,QAAAC,cAACC,EAAAA,WAAU,CACThB,QAASA,EACTiB,YAAa,EAAGzB,OAAAA,MACdC,EAAUD,IAEZ0B,UAAW,EAAG1B,OAAAA,EAAQ2B,KAAAA,MACpB,GAAIA,GAAQ3B,EAAOO,MAAOoB,MAAAA,OAAA,EAAAA,EAAMpB,IAAI,CAClC,MAAMqB,EAAcjC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOP,EAAOO,KACxDuB,EAAYnC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOoB,EAAKpB,KAE1DX,EAASmC,EAAAA,UAAUpC,EAAOiC,EAAaE,IAEzC7B,EAAU,OAEZ+B,aAAc,IAAY/B,EAAU,OAEpCqB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACtC,MAAOA,GACtB2B,EAAAA,QAAAC,cAACW,gBAAkBnB,OAAAC,OAAA,GAAAlB,GAChBH,EAAMwC,KAAI,CAAC7B,EAAM8B,IAChBd,EAAAA,QAACC,cAAAD,UAAMe,UAASC,IAAKhC,EAAKC,IAAKV,EAAWS,EAAM8B,QAItDd,UAAAC,cAACgB,EAAeA,gBAAE,KAAApC,EAAaN,EAAWM,GAAc"}
+{"version":3,"file":"sortableList.component-15455cc0.js","sources":["../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { 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';\nimport { StyleProps, UnorderedList } from '@chakra-ui/react';\n\ninterface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableListProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: StyleProps;\n}\n\nexport const SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableListProps<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: StyleProps = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyleType: 'none',\n    ml: 0,\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        <UnorderedList {...style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </UnorderedList>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n"],"names":["items","onChange","renderItem","style","userStyle","active","setActive","useState","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","Object","assign","display","flexDirection","padding","listStyleType","ml","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","UnorderedList","map","index","Fragment","key","SortableOverlay"],"mappings":"6TAmB4B,EAC1BA,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAOC,MAEP,MAAOC,EAAQC,GAAaC,EAAQA,SAAgB,MAC9CC,EAAaC,WAAQ,IAAMT,EAAMU,MAAMC,GAASA,EAAKC,MAAOP,MAAAA,OAAA,EAAAA,EAAQO,OAAK,CAACP,EAAQL,IAClFa,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3ChB,EACJiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,cAAe,OACfC,GAAI,GACDtB,GAGL,OACEuB,EAAA,QAAAC,cAACC,EAAAA,WAAU,CACThB,QAASA,EACTiB,YAAa,EAAGzB,OAAAA,MACdC,EAAUD,IAEZ0B,UAAW,EAAG1B,OAAAA,EAAQ2B,KAAAA,MACpB,GAAIA,GAAQ3B,EAAOO,MAAOoB,MAAAA,OAAA,EAAAA,EAAMpB,IAAI,CAClC,MAAMqB,EAAcjC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOP,EAAOO,KACxDuB,EAAYnC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOoB,EAAKpB,KAE1DX,EAASmC,EAAAA,UAAUpC,EAAOiC,EAAaE,IAEzC7B,EAAU,OAEZ+B,aAAc,IAAY/B,EAAU,OAEpCqB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACtC,MAAOA,GACtB2B,EAAAA,QAAAC,cAACW,gBAAkBnB,OAAAC,OAAA,GAAAlB,GAChBH,EAAMwC,KAAI,CAAC7B,EAAM8B,IAChBd,EAAAA,QAACC,cAAAD,UAAMe,UAASC,IAAKhC,EAAKC,IAAKV,EAAWS,EAAM8B,QAItDd,UAAAC,cAACgB,EAAeA,gBAAE,KAAApC,EAAaN,EAAWM,GAAc"}

package/build/{spinner.component-5f7f0fb2.js → spinner.component-e13e6346.js}

@@ -1,5 +1,5 @@
-"use strict";var e=require("react"),r=require("./text.component-906b3f66.js"),t=require("./chakra-ui-system.esm-c70df670.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},s=t.keyframes`
+"use strict";var e=require("react"),r=require("./text.component-a1231840.js"),t=require("./chakra-ui-system.esm-434904f8.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},s=t.keyframes`
     from {transform: rotate(0deg);}
     to {transform: rotate(360deg)}
   `;exports.Spinner=({size:e="md",isFullScreen:t=!1,showLabel:n=!1,label:i="Loading...",labelProps:c,backdropColor:d,spinnerColor:u})=>{const p=l[e],m=`0.45s linear 0s infinite normal none running ${s}`;return o.default.createElement((({children:e})=>t?o.default.createElement(a.VStack,{h:"100%",w:"100%",pos:"absolute",top:"0",left:"0",align:"center",justify:"center",bg:d||"background.alpha.pressed",zIndex:"tooltipExtra"},e):o.default.createElement(a.VStack,{w:"max-content",h:"max-content",align:"center",justify:"center"},e)),null,o.default.createElement(a.Box,{display:"inline-block",animation:m,border:"2px",borderTopColor:u||"background.primary",borderRightColor:u||"background.primary",borderLeftColor:"transparent",borderBottomColor:"transparent",height:`${p}px`,width:`${p}px`,borderRadius:`${p}px`}),n&&o.default.createElement(r.WrappedText,Object.assign({as:"p",className:"Spinner__Label",size:e,variant:"subtle"},c),i))};
-//# sourceMappingURL=spinner.component-5f7f0fb2.js.map
+//# sourceMappingURL=spinner.component-e13e6346.js.map

package/build/{spinner.component-5f7f0fb2.js.map → spinner.component-e13e6346.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner.component-5f7f0fb2.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"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","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\nimport { SemanticBackgroundColorToken } from 'theme/tokens';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  isFullScreen?: boolean;\n  label?: string;\n  showLabel?: boolean;\n  labelProps?: TextProps;\n  backdropColor?: SemanticBackgroundColorToken;\n  spinnerColor?: SemanticBackgroundColorToken;\n}\n\nexport const Spinner = ({\n  size = 'md',\n  isFullScreen = false,\n  showLabel = false,\n  label = 'Loading...',\n  labelProps,\n  backdropColor,\n  spinnerColor,\n}: SpinnerProps): JSX.Element => {\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n  const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return isFullScreen ? (\n      <VStack\n        h=\"100%\"\n        w=\"100%\"\n        pos=\"absolute\"\n        top=\"0\"\n        left=\"0\"\n        align=\"center\"\n        justify=\"center\"\n        bg={backdropColor || 'background.alpha.pressed'}\n        zIndex=\"tooltipExtra\"\n      >\n        {children}\n      </VStack>\n    ) : (\n      <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n        {children}\n      </VStack>\n    );\n  };\n\n  return (\n    <SpinnerContainer>\n      <Box\n        display=\"inline-block\"\n        animation={animation}\n        border=\"2px\"\n        borderTopColor={spinnerColor || 'background.primary'}\n        borderRightColor={spinnerColor || 'background.primary'}\n        borderLeftColor={'transparent'}\n        borderBottomColor={'transparent'}\n        height={`${spinnerSize}px`}\n        width={`${spinnerSize}px`}\n        borderRadius={`${spinnerSize}px`}\n      />\n      {showLabel && (\n        <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n          {label}\n        </Text>\n      )}\n    </SpinnerContainer>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","backdropColor","spinnerColor","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","zIndex","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICCAC,EAAOC,EAASA,SAAA;;;oBAeC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,EACAC,cAAAA,EACAC,aAAAA,MAEA,MAAMC,EAAcf,EAAeQ,GAC7BQ,EAAY,gDAAgDV,IAuBlE,OACEW,yBAvBuB,EAAGC,SAAAA,KACnBT,EACLQ,EAAC,QAAAE,cAAAC,EAAAA,OACC,CAAAC,EAAE,OACFC,EAAE,OACFC,IAAI,WACJC,IAAI,IACJC,KAAK,IACLC,MAAM,SACNC,QAAQ,SACRC,GAAIf,GAAiB,2BACrBgB,OAAO,gBAENX,GAGHD,EAAA,QAAAE,cAACC,EAAAA,OAAO,CAAAE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAW,EAAGA,KACFC,QAAQ,eACRf,UAAWA,EACXgB,OAAO,MACPC,eAAgBnB,GAAgB,qBAChCoB,iBAAkBpB,GAAgB,qBAClCqB,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGtB,MACXuB,MAAO,GAAGvB,MACVwB,aAAc,GAAGxB,QAElBL,GACCO,EAAAA,QAACE,cAAAqB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBrC,KAAMA,EAAkBsC,QAAQ,UAAalC,GAClFD"}
+{"version":3,"file":"spinner.component-e13e6346.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"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","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\nimport { SemanticBackgroundColorToken } from 'theme/tokens';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  isFullScreen?: boolean;\n  label?: string;\n  showLabel?: boolean;\n  labelProps?: TextProps;\n  backdropColor?: SemanticBackgroundColorToken;\n  spinnerColor?: SemanticBackgroundColorToken;\n}\n\nexport const Spinner = ({\n  size = 'md',\n  isFullScreen = false,\n  showLabel = false,\n  label = 'Loading...',\n  labelProps,\n  backdropColor,\n  spinnerColor,\n}: SpinnerProps): JSX.Element => {\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n  const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return isFullScreen ? (\n      <VStack\n        h=\"100%\"\n        w=\"100%\"\n        pos=\"absolute\"\n        top=\"0\"\n        left=\"0\"\n        align=\"center\"\n        justify=\"center\"\n        bg={backdropColor || 'background.alpha.pressed'}\n        zIndex=\"tooltipExtra\"\n      >\n        {children}\n      </VStack>\n    ) : (\n      <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n        {children}\n      </VStack>\n    );\n  };\n\n  return (\n    <SpinnerContainer>\n      <Box\n        display=\"inline-block\"\n        animation={animation}\n        border=\"2px\"\n        borderTopColor={spinnerColor || 'background.primary'}\n        borderRightColor={spinnerColor || 'background.primary'}\n        borderLeftColor={'transparent'}\n        borderBottomColor={'transparent'}\n        height={`${spinnerSize}px`}\n        width={`${spinnerSize}px`}\n        borderRadius={`${spinnerSize}px`}\n      />\n      {showLabel && (\n        <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n          {label}\n        </Text>\n      )}\n    </SpinnerContainer>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","backdropColor","spinnerColor","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","zIndex","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICCAC,EAAOC,EAASA,SAAA;;;oBAeC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,EACAC,cAAAA,EACAC,aAAAA,MAEA,MAAMC,EAAcf,EAAeQ,GAC7BQ,EAAY,gDAAgDV,IAuBlE,OACEW,yBAvBuB,EAAGC,SAAAA,KACnBT,EACLQ,EAAC,QAAAE,cAAAC,EAAAA,OACC,CAAAC,EAAE,OACFC,EAAE,OACFC,IAAI,WACJC,IAAI,IACJC,KAAK,IACLC,MAAM,SACNC,QAAQ,SACRC,GAAIf,GAAiB,2BACrBgB,OAAO,gBAENX,GAGHD,EAAA,QAAAE,cAACC,EAAAA,OAAO,CAAAE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAW,EAAGA,KACFC,QAAQ,eACRf,UAAWA,EACXgB,OAAO,MACPC,eAAgBnB,GAAgB,qBAChCoB,iBAAkBpB,GAAgB,qBAClCqB,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGtB,MACXuB,MAAO,GAAGvB,MACVwB,aAAc,GAAGxB,QAElBL,GACCO,EAAAA,QAACE,cAAAqB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBrC,KAAMA,EAAkBsC,QAAQ,UAAalC,GAClFD"}

package/build/{styledAvatar.types-a85162b0.js → styledAvatar.types-ad6cb8b2.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("./avatar.component-4f895093.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=a(require("react"));exports.StyledAvatar=a=>{var{type:n="Client",isGrouped:r,index:i}=a,l=t.__rest(a,["type","isGrouped","index"]);const{size:s,name:d,tooltipText:c,handleClick:u}=l,p="lg"===s||"md"===s?-2:-1,m={variant:"outlineYellow",tooltipText:c||`${d} (Test Client)`},v={iconName:"cellphone",tooltipText:c||`Text messages sent from ${d||"unknown number"}`},C={variant:"outlineAccent",name:d||"Sys"};return o.default.createElement(e.Avatar,Object.assign({"data-testid":`${n}-styled-avatar`,className:"StyledAvatar",tooltipPlacement:"top",handleClick:t=>{t.stopPropagation(),u&&u(t)}},l,r&&{marginInlineStart:0===i?0:p},"TestClient"===n?m:{},"SMS"===n?v:{},"Automated"===n?{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.onContrast",size:"sm",showTooltip:!1}:{},"Clinic"===n?C:{}))},exports.styledAvatarTypes=["Client","SMS","TestClient","Automated","Clinic"];
-//# sourceMappingURL=styledAvatar.types-a85162b0.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./avatar.component-eeb0d319.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(require("react"));exports.StyledAvatar=a=>{var{type:n="Client",isGrouped:r,index:i}=a,l=e.__rest(a,["type","isGrouped","index"]);const{size:s,name:d,tooltipText:c,handleClick:u}=l,p="lg"===s||"md"===s?-2:-1,m={variant:"outlineYellow",tooltipText:c||`${d} (Test Client)`},v={iconName:"cellphone",tooltipText:c||`Text messages sent from ${d||"unknown number"}`},C={variant:"outlineAccent",name:d||"Sys"};return o.default.createElement(t.Avatar,Object.assign({"data-testid":`${n}-styled-avatar`,className:"StyledAvatar",tooltipPlacement:"top",handleClick:e=>{e.stopPropagation(),u&&u(e)}},l,r&&{marginInlineStart:0===i?0:p},"TestClient"===n?m:{},"SMS"===n?v:{},"Automated"===n?{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.onContrast",size:"sm",showTooltip:!1}:{},"Clinic"===n?C:{}))},exports.styledAvatarTypes=["Client","SMS","TestClient","Automated","Clinic"];
+//# sourceMappingURL=styledAvatar.types-ad6cb8b2.js.map

package/build/{styledAvatar.types-a85162b0.js.map → styledAvatar.types-ad6cb8b2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styledAvatar.types-a85162b0.js","sources":["../src/patterns/StyledAvatar/styledAvatar.component.tsx","../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import { Avatar, AvatarProps } from 'components/Avatar';\nimport React from 'react';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface BaseStyledAvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport interface DefaultStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped?: false;\n  index?: never;\n}\n\nexport interface GroupedStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped: boolean;\n  index: number;\n}\n\nexport type KStyledAvatarProps = DefaultStyledAvatarProps | GroupedStyledAvatarProps;\n\nexport type StyledAvatarProps = KStyledAvatarProps & AvatarProps;\n\nexport const StyledAvatar = ({ type = 'Client', isGrouped, index, ...rest }: StyledAvatarProps): JSX.Element => {\n  const { size, name, tooltipText, handleClick } = rest;\n  const groupedStyledAvatarSpacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineYellow',\n    tooltipText: tooltipText || `${name} (Test Client)`,\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: 'cellphone',\n    tooltipText: tooltipText || `Text messages sent from ${name || 'unknown number'}`,\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: 'robot',\n    backgroundColor: 'background.primary',\n    hideBorder: true,\n    color: 'text.onContrast',\n    size: 'sm',\n    showTooltip: false,\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineAccent',\n    name: name || 'Sys',\n  };\n\n  return (\n    <Avatar\n      data-testid={`${type}-styled-avatar`}\n      className=\"StyledAvatar\"\n      tooltipPlacement=\"top\"\n      handleClick={(e): void => {\n        e.stopPropagation();\n        if (handleClick) {\n          handleClick(e);\n        }\n      }}\n      {...rest}\n      {...(isGrouped && { marginInlineStart: index === 0 ? 0 : groupedStyledAvatarSpacing })}\n      {...(type === 'TestClient' ? testClientStyleProps : {})}\n      {...(type === 'SMS' ? smsStyleProps : {})}\n      {...(type === 'Automated' ? automatedStyleProps : {})}\n      {...(type === 'Clinic' ? clinicStyleProps : {})}\n    />\n  );\n};\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic'] as const;\n\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["_a","type","isGrouped","index","rest","__rest","size","name","tooltipText","handleClick","groupedStyledAvatarSpacing","testClientStyleProps","variant","smsStyleProps","iconName","clinicStyleProps","React","Avatar","Object","assign","className","tooltipPlacement","e","stopPropagation","marginInlineStart","backgroundColor","hideBorder","color","showTooltip"],"mappings":"yNAsB6BA,IAAA,IAAAC,KAAEA,EAAO,SAAQC,UAAEA,EAASC,MAAEA,GAAKH,EAAKI,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,OAAA,YAAA,UAC3B,MAAMM,KAAEA,EAAIC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,GAAgBL,EAC3CM,EAAsC,OAATJ,GAA0B,OAATA,GAAiB,GAAK,EAEpEK,EAA6C,CACjDC,QAAS,gBACTJ,YAAaA,GAAe,GAAGD,mBAG3BM,EAAsC,CAC1CC,SAAU,YACVN,YAAaA,GAAe,2BAA2BD,GAAQ,oBAY3DQ,EAAyC,CAC7CH,QAAS,gBACTL,KAAMA,GAAQ,OAGhB,OACES,EAAAA,sBAACC,EAAMA,OAAAC,OAAAC,OAAA,CAAA,cACQ,GAAGlB,kBAChBmB,UAAU,eACVC,iBAAiB,MACjBZ,YAAca,IACZA,EAAEC,kBACEd,GACFA,EAAYa,KAGZlB,EACCF,GAAa,CAAEsB,kBAA6B,IAAVrB,EAAc,EAAIO,GAC3C,eAATT,EAAwBU,EAAuB,GACtC,QAATV,EAAiBY,EAAgB,GACxB,cAATZ,EA7ByC,CAChDa,SAAU,QACVW,gBAAiB,qBACjBC,YAAY,EACZC,MAAO,kBACPrB,KAAM,KACNsB,aAAa,GAuBuC,GACpC,WAAT3B,EAAoBc,EAAmB,gCClEjB,CAAC,SAAU,MAAO,aAAc,YAAa"}
+{"version":3,"file":"styledAvatar.types-ad6cb8b2.js","sources":["../src/patterns/StyledAvatar/styledAvatar.component.tsx","../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import { Avatar, AvatarProps } from 'components/Avatar';\nimport React from 'react';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface BaseStyledAvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport interface DefaultStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped?: false;\n  index?: never;\n}\n\nexport interface GroupedStyledAvatarProps extends BaseStyledAvatarProps {\n  isGrouped: boolean;\n  index: number;\n}\n\nexport type KStyledAvatarProps = DefaultStyledAvatarProps | GroupedStyledAvatarProps;\n\nexport type StyledAvatarProps = KStyledAvatarProps & AvatarProps;\n\nexport const StyledAvatar = ({ type = 'Client', isGrouped, index, ...rest }: StyledAvatarProps): JSX.Element => {\n  const { size, name, tooltipText, handleClick } = rest;\n  const groupedStyledAvatarSpacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineYellow',\n    tooltipText: tooltipText || `${name} (Test Client)`,\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: 'cellphone',\n    tooltipText: tooltipText || `Text messages sent from ${name || 'unknown number'}`,\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: 'robot',\n    backgroundColor: 'background.primary',\n    hideBorder: true,\n    color: 'text.onContrast',\n    size: 'sm',\n    showTooltip: false,\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: 'outlineAccent',\n    name: name || 'Sys',\n  };\n\n  return (\n    <Avatar\n      data-testid={`${type}-styled-avatar`}\n      className=\"StyledAvatar\"\n      tooltipPlacement=\"top\"\n      handleClick={(e): void => {\n        e.stopPropagation();\n        if (handleClick) {\n          handleClick(e);\n        }\n      }}\n      {...rest}\n      {...(isGrouped && { marginInlineStart: index === 0 ? 0 : groupedStyledAvatarSpacing })}\n      {...(type === 'TestClient' ? testClientStyleProps : {})}\n      {...(type === 'SMS' ? smsStyleProps : {})}\n      {...(type === 'Automated' ? automatedStyleProps : {})}\n      {...(type === 'Clinic' ? clinicStyleProps : {})}\n    />\n  );\n};\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic'] as const;\n\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["_a","type","isGrouped","index","rest","__rest","size","name","tooltipText","handleClick","groupedStyledAvatarSpacing","testClientStyleProps","variant","smsStyleProps","iconName","clinicStyleProps","React","Avatar","Object","assign","className","tooltipPlacement","e","stopPropagation","marginInlineStart","backgroundColor","hideBorder","color","showTooltip"],"mappings":"yNAsB6BA,IAAA,IAAAC,KAAEA,EAAO,SAAQC,UAAEA,EAASC,MAAEA,GAAKH,EAAKI,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,OAAA,YAAA,UAC3B,MAAMM,KAAEA,EAAIC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,GAAgBL,EAC3CM,EAAsC,OAATJ,GAA0B,OAATA,GAAiB,GAAK,EAEpEK,EAA6C,CACjDC,QAAS,gBACTJ,YAAaA,GAAe,GAAGD,mBAG3BM,EAAsC,CAC1CC,SAAU,YACVN,YAAaA,GAAe,2BAA2BD,GAAQ,oBAY3DQ,EAAyC,CAC7CH,QAAS,gBACTL,KAAMA,GAAQ,OAGhB,OACES,EAAAA,sBAACC,EAAMA,OAAAC,OAAAC,OAAA,CAAA,cACQ,GAAGlB,kBAChBmB,UAAU,eACVC,iBAAiB,MACjBZ,YAAca,IACZA,EAAEC,kBACEd,GACFA,EAAYa,KAGZlB,EACCF,GAAa,CAAEsB,kBAA6B,IAAVrB,EAAc,EAAIO,GAC3C,eAATT,EAAwBU,EAAuB,GACtC,QAATV,EAAiBY,EAAgB,GACxB,cAATZ,EA7ByC,CAChDa,SAAU,QACVW,gBAAiB,qBACjBC,YAAY,EACZC,MAAO,kBACPrB,KAAM,KACNsB,aAAa,GAuBuC,GACpC,WAAT3B,EAAoBc,EAAmB,gCClEjB,CAAC,SAAU,MAAO,aAAc,YAAa"}

package/build/swatch.component-026bccba.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./chakra-ui-layout.esm-0601b9a5.js");function s(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=s(e);const a={xs:14,sm:16,md:20,lg:24,xl:32};exports.Swatch=e=>{var{size:s="md",borderColor:l}=e,d=r.__rest(e,["size","borderColor"]);const i=d.bgColor||d.backgroundColor||"transparent",b=a[s]+"px";return t.default.createElement(o.Box,Object.assign({display:"inline-block",borderRadius:"base",border:"1px",bg:i,borderColor:l||i,w:b,h:b},d))},exports.SwatchSizeMap=a,exports.swatchSizes=["xs","sm","md","lg","xl"];
+//# sourceMappingURL=swatch.component-026bccba.js.map

package/build/{swatch.component-47f70104.js.map → swatch.component-026bccba.js.map}

@@ -1 +1 @@
-{"version":3,"file":"swatch.component-47f70104.js","sources":["../src/components/Swatch/swatch.types.ts","../src/components/Swatch/swatch.component.tsx"],"sourcesContent":["export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n\nexport const SwatchSizeMap: Record<SwatchSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { SwatchSize, SwatchSizeMap } from './swatch.types';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & BoxProps;\n\nexport const Swatch = ({ size = 'md', borderColor, ...rest }: SwatchProps): JSX.Element => {\n  const _swatchColor = rest.bgColor || rest.backgroundColor || 'transparent';\n  const d = SwatchSizeMap[size] + 'px';\n\n  return (\n    <Box\n      display=\"inline-block\"\n      borderRadius=\"base\"\n      border=\"1px\"\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      w={d}\n      h={d}\n      {...rest}\n    />\n  );\n};\n"],"names":["SwatchSizeMap","xs","sm","md","lg","xl","_a","size","borderColor","rest","__rest","_swatchColor","bgColor","backgroundColor","d","React","createElement","Box","Object","assign","display","borderRadius","border","bg","w","h"],"mappings":"4MAAO,MAGMA,EAA4C,CACvDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,mBCEiBC,QAAAC,KAAEA,EAAO,KAAIC,YAAEA,KAAgBC,EAA/BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,gBACrB,MAAMK,EAAeF,EAAKG,SAAWH,EAAKI,iBAAmB,cACvDC,EAAId,EAAcO,GAAQ,KAEhC,OACEQ,UAACC,cAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,aAAa,OACbC,OAAO,MACPC,GAAIZ,EACJH,YAAaA,GAAeG,EAC5Ba,EAAGV,EACHW,EAAGX,GACCL,iDDvBiB,CAAC,KAAM,KAAM,KAAM,KAAM"}
+{"version":3,"file":"swatch.component-026bccba.js","sources":["../src/components/Swatch/swatch.types.ts","../src/components/Swatch/swatch.component.tsx"],"sourcesContent":["export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n\nexport const SwatchSizeMap: Record<SwatchSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { SwatchSize, SwatchSizeMap } from './swatch.types';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & BoxProps;\n\nexport const Swatch = ({ size = 'md', borderColor, ...rest }: SwatchProps): JSX.Element => {\n  const _swatchColor = rest.bgColor || rest.backgroundColor || 'transparent';\n  const d = SwatchSizeMap[size] + 'px';\n\n  return (\n    <Box\n      display=\"inline-block\"\n      borderRadius=\"base\"\n      border=\"1px\"\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      w={d}\n      h={d}\n      {...rest}\n    />\n  );\n};\n"],"names":["SwatchSizeMap","xs","sm","md","lg","xl","_a","size","borderColor","rest","__rest","_swatchColor","bgColor","backgroundColor","d","React","createElement","Box","Object","assign","display","borderRadius","border","bg","w","h"],"mappings":"4MAAO,MAGMA,EAA4C,CACvDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,mBCEiBC,QAAAC,KAAEA,EAAO,KAAIC,YAAEA,KAAgBC,EAA/BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,gBACrB,MAAMK,EAAeF,EAAKG,SAAWH,EAAKI,iBAAmB,cACvDC,EAAId,EAAcO,GAAQ,KAEhC,OACEQ,UAACC,cAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,aAAa,OACbC,OAAO,MACPC,GAAIZ,EACJH,YAAaA,GAAeG,EAC5Ba,EAAGV,EACHW,EAAGX,GACCL,iDDvBiB,CAAC,KAAM,KAAM,KAAM,KAAM"}

package/build/{switch.component-113976db.js → switch.component-3b307197.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-a9aa238f.js"),a=require("./chakra-ui-checkbox.esm-4cded6a7.js"),n=require("./chakra-ui-system.esm-c70df670.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],d=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,d=i.children,h=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(h),m=f.state,p=f.getInputProps,k=f.getCheckboxProps,b=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},b(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},k(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),d&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),d))}));n.__DEV__&&(d.displayName="Switch");const h=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(d,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};h.displayName="Switch";const f=r.withFormControl(h);exports.WrappedSwitch=f;
-//# sourceMappingURL=switch.component-113976db.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-d55cc71b.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),n=require("./chakra-ui-system.esm-434904f8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
+//# sourceMappingURL=switch.component-3b307197.js.map

package/build/{switch.component-113976db.js.map → switch.component-3b307197.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-113976db.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
+{"version":3,"file":"switch.component-3b307197.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}

package/build/tab.component-724a2c1c.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-bf1cf6b8.js"),i=require("./icon.component-3662253d.js"),n=require("react"),a=require("./notificationCounter.types-799d7b6c.js"),o=require("./heading.component-8febedd1.js"),r=require("./chakra-ui-tabs.esm-91de32e1.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(n);const d={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:c,label:f,showNotificationCounter:l=!1,notificationCount:b=0,notificationCounterVariant:C=a.NotificationCounterVariant.Red,size:j="md"}=n,p=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(r.Tab,Object.assign({},p),!!c&&u.default.createElement(s.Box,{pr:2},u.default.createElement(i.Icon,{name:c,size:j})),u.default.createElement(o.WrappedHeading,{size:m[j]},f),l&&u.default.createElement(t.NotificationCounter,{count:b,variant:C,size:d[j],ml:2}))};
+//# sourceMappingURL=tab.component-724a2c1c.js.map

package/build/{tab.component-76542f11.js.map → tab.component-724a2c1c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab.component-76542f11.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
+{"version":3,"file":"tab.component-724a2c1c.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}

package/build/{tabs.component-05c07b64.js → tabs.component-2ba2e587.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-76542f11.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabPanels:n,tabPanelsStyle:l,tabListProps:u}=t,c=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return i.default.createElement(s.Tabs,Object.assign({},c,{size:r}),i.default.createElement(s.TabList,Object.assign({},u&&u),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&i.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
-//# sourceMappingURL=tabs.component-05c07b64.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-724a2c1c.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabPanels:n,tabPanelsStyle:l,tabListProps:c}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return i.default.createElement(s.Tabs,Object.assign({},u,{size:r}),i.default.createElement(s.TabList,Object.assign({},c&&c),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&i.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
+//# sourceMappingURL=tabs.component-2ba2e587.js.map

package/build/{tabs.component-05c07b64.js.map → tabs.component-2ba2e587.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-05c07b64.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n  tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n  size = 'md',\n  tabList,\n  tabPanels,\n  tabPanelsStyle,\n  tabListProps,\n  ...rest\n}: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList {...(tabListProps && tabListProps)}>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}
+{"version":3,"file":"tabs.component-2ba2e587.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n  tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n  size = 'md',\n  tabList,\n  tabPanels,\n  tabPanelsStyle,\n  tabListProps,\n  ...rest\n}: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList {...(tabListProps && tabListProps)}>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}

package/build/{tabsLayout.component-a9d24d1d.js → tabsLayout.component-1b67c637.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./tabs.component-05c07b64.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
-//# sourceMappingURL=tabsLayout.component-a9d24d1d.js.map
+"use strict";var e=require("react"),t=require("./tabs.component-2ba2e587.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
+//# sourceMappingURL=tabsLayout.component-1b67c637.js.map

package/build/{tabsLayout.component-a9d24d1d.js.map → tabsLayout.component-1b67c637.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabsLayout.component-a9d24d1d.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
+{"version":3,"file":"tabsLayout.component-1b67c637.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}

package/build/{tag.component-d8aa8bcb.js → tag.component-e5da4b8d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c,color:m}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
-//# sourceMappingURL=tag.component-d8aa8bcb.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-e3ed2ec9.js"),a=require("./chakra-ui-system.esm-434904f8.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c,color:m}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
+//# sourceMappingURL=tag.component-e5da4b8d.js.map

package/build/{tag.component-d8aa8bcb.js.map → tag.component-e5da4b8d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tag.component-d8aa8bcb.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tag\", props);\n  var ownProps = omitThemingProps(props);\n\n  var containerStyles = _extends({\n    display: \"inline-flex\",\n    verticalAlign: \"top\",\n    alignItems: \"center\",\n    maxWidth: \"100%\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, ownProps, {\n    __css: containerStyles\n  })));\n});\n\nif (__DEV__) {\n  Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref,\n    isTruncated: true\n  }, props, {\n    __css: styles.label\n  }));\n});\n\nif (__DEV__) {\n  TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginEnd: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginStart: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    verticalAlign: \"inherit\",\n    viewBox: \"0 0 512 512\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n  }));\n};\n\nif (__DEV__) {\n  TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n  var isDisabled = props.isDisabled,\n      children = props.children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var styles = useStyles();\n\n  var btnStyles = _extends({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    outline: \"0\"\n  }, styles.closeButton);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    \"aria-label\": \"close\"\n  }, rest, {\n    type: \"button\",\n    disabled: isDisabled,\n    __css: btnStyles\n  }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n  TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: FontWeight;\n  variant?: Status;\n  color?: SemanticTypographyToken | string;\n  bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  closeButtonDisplay = 'never',\n  onClose,\n  fontWeight = 'semibold',\n  size = 'md',\n  variant = 'default',\n  color,\n  bg,\n  ...rest\n}: TagProps): JSX.Element => {\n  const labelStyle = {\n    ...(!!leftElement && { ml: 1 }),\n    ...(!!rightElement && { mr: 1 }),\n  };\n\n  const tagStyle = {\n    ...(!!onClose && {\n      ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n      ...(closeButtonDisplay === 'hover' && {\n        role: 'group',\n        pos: 'relative' as const,\n      }),\n    }),\n  };\n\n  const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n  const closeButtonStyle = {\n    ...(closeButtonDisplay === 'hover' && {\n      display: 'none',\n      px: paddingRightBySize[size],\n      _groupHover: { display: 'flex' },\n      pos: 'absolute' as const,\n      right: 0,\n      bgColor: 'inherit',\n      color: 'inherit',\n      opacity: 0.899999,\n      borderRadius: 'md',\n    }),\n  };\n\n  return (\n    <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight} color={color}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && (\n        <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n          <TagCloseButton onClick={onClose} />\n        </Box>\n      )}\n    </CTag>\n  );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}
+{"version":3,"file":"tag.component-e5da4b8d.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tag\", props);\n  var ownProps = omitThemingProps(props);\n\n  var containerStyles = _extends({\n    display: \"inline-flex\",\n    verticalAlign: \"top\",\n    alignItems: \"center\",\n    maxWidth: \"100%\"\n  }, styles.container);\n\n  return /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref\n  }, ownProps, {\n    __css: containerStyles\n  })));\n});\n\nif (__DEV__) {\n  Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.span, _extends({\n    ref: ref,\n    isTruncated: true\n  }, props, {\n    __css: styles.label\n  }));\n});\n\nif (__DEV__) {\n  TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginEnd: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    ref: ref,\n    verticalAlign: \"top\",\n    marginStart: \"0.5rem\"\n  }, props));\n});\n\nif (__DEV__) {\n  TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n  return /*#__PURE__*/React.createElement(Icon, _extends({\n    verticalAlign: \"inherit\",\n    viewBox: \"0 0 512 512\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n  }));\n};\n\nif (__DEV__) {\n  TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n  var isDisabled = props.isDisabled,\n      children = props.children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var styles = useStyles();\n\n  var btnStyles = _extends({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    outline: \"0\"\n  }, styles.closeButton);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({\n    \"aria-label\": \"close\"\n  }, rest, {\n    type: \"button\",\n    disabled: isDisabled,\n    __css: btnStyles\n  }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n  TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: FontWeight;\n  variant?: Status;\n  color?: SemanticTypographyToken | string;\n  bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  closeButtonDisplay = 'never',\n  onClose,\n  fontWeight = 'semibold',\n  size = 'md',\n  variant = 'default',\n  color,\n  bg,\n  ...rest\n}: TagProps): JSX.Element => {\n  const labelStyle = {\n    ...(!!leftElement && { ml: 1 }),\n    ...(!!rightElement && { mr: 1 }),\n  };\n\n  const tagStyle = {\n    ...(!!onClose && {\n      ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n      ...(closeButtonDisplay === 'hover' && {\n        role: 'group',\n        pos: 'relative' as const,\n      }),\n    }),\n  };\n\n  const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n  const closeButtonStyle = {\n    ...(closeButtonDisplay === 'hover' && {\n      display: 'none',\n      px: paddingRightBySize[size],\n      _groupHover: { display: 'flex' },\n      pos: 'absolute' as const,\n      right: 0,\n      bgColor: 'inherit',\n      color: 'inherit',\n      opacity: 0.899999,\n      borderRadius: 'md',\n    }),\n  };\n\n  return (\n    <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight} color={color}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && (\n        <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n          <TagCloseButton onClick={onClose} />\n        </Box>\n      )}\n    </CTag>\n  );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}