@televet/kibble-ui 3.0.7-inform.2 → 3.0.7

package/build/{modalHeader.component-ae384afd.js.map → modalHeader.component-68895b91.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalHeader.component-ae384afd.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n  return (\n    <CModalHeader className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}
+{"version":3,"file":"modalHeader.component-68895b91.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n  return (\n    <CModalHeader className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}

package/build/{notificationCounter.component-bf1cf6b8.js → notificationCounter.component-4f126f12.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./notificationCounter.types-799d7b6c.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(e);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:a=0,size:d="md",showCount:c=!0,variant:l=o.NotificationCounterVariant.Red}=e,f=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==d&&c,b={[o.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[o.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},g=a>99?n.default.createElement(r.Box,{backgroundColor:b[l].color,borderRadius:"full",height:s[d],width:s[d]}):a>0&&a;return n.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[d],fontWeight:"semibold",height:i[d],justifyContent:"center",width:i[d]},b[l]),x&&g)};
-//# sourceMappingURL=notificationCounter.component-bf1cf6b8.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./notificationCounter.types-799d7b6c.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=n(e);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:n=0,size:d="md",showCount:c=!0,variant:l=o.NotificationCounterVariant.Red}=e,f=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==d&&c,b={[o.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[o.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},g=n>99?a.default.createElement(r.Box,{backgroundColor:b[l].color,borderRadius:"full",height:s[d],width:s[d]}):n>0&&n;return a.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[d],fontWeight:"semibold",height:i[d],justifyContent:"center",width:i[d]},b[l]),x&&g)};
+//# sourceMappingURL=notificationCounter.component-4f126f12.js.map

package/build/{notificationCounter.component-bf1cf6b8.js.map → notificationCounter.component-4f126f12.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notificationCounter.component-bf1cf6b8.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 3,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: 'background.dangerContrast',\n      color: 'text.onContrast',\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: 'background.lessSubtle',\n      color: 'text.default',\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius=\"full\"\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      className=\"NotifcationCounter\"\n      alignItems=\"center\"\n      border=\"1px\"\n      borderColor=\"background.default\"\n      borderRadius=\"full\"\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight=\"semibold\"\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJb,EDpCqB,GCqCnBc,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BN,GAASQ,MACpDM,aAAa,OACbC,OAAQpB,EAA4BG,GACpCkB,MAAOrB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEc,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU9B,EAA6BI,GACvC2B,WAAW,WACXV,OAAQ1B,EAAyBS,GACjC4B,eAAe,SACfV,MAAO3B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcK"}
+{"version":3,"file":"notificationCounter.component-4f126f12.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 3,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: 'background.dangerContrast',\n      color: 'text.onContrast',\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: 'background.lessSubtle',\n      color: 'text.default',\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius=\"full\"\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      className=\"NotifcationCounter\"\n      alignItems=\"center\"\n      border=\"1px\"\n      borderColor=\"background.default\"\n      borderRadius=\"full\"\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight=\"semibold\"\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJb,EDpCqB,GCqCnBc,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BN,GAASQ,MACpDM,aAAa,OACbC,OAAQpB,EAA4BG,GACpCkB,MAAOrB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEc,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU9B,EAA6BI,GACvC2B,WAAW,WACXV,OAAQ1B,EAAyBS,GACjC4B,eAAe,SACfV,MAAO3B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcK"}

package/build/patterns/ConversationCard/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-afe5df42.js");require("react"),require("../../card.component-04437e79.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../timestamp.component-16be4ef2.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.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-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-bf1cf6b8.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-a955694d.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../avatar.component-006eb385.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),require("../../button.component-117ff3a9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-5200f5fe.js"),require("../../withFormControl-985e30fb.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../textInput.component-e8a0a08c.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../menu.component-48a255e6.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-382ac191.js"),require("../../menuList.component-dc76a294.js"),require("../../menuItem.component-85297d24.js"),require("../../menu.config-78717999.js"),require("../../tag.component-e5da4b8d.js"),exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-ff4452d4.js");require("react"),require("../../card.component-de5d4b2a.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../timestamp.component-c0c80c32.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.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-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-4f126f12.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-61259515.js"),require("../../icons/index.js"),require("../../heading.component-95e89325.js"),require("../../avatar.component-4f895093.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),require("../../button.component-c56a92a3.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-a7f6d40e.js"),require("../../withFormControl-a9aa238f.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-94c116dc.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../menu.component-f1d9462e.js"),require("../../menuContainer.component-17d9413b.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f51a5b7f.js"),require("../../menuList.component-bde9135b.js"),require("../../menuItem.component-1a7017aa.js"),require("../../menu.config-78717999.js"),require("../../tag.component-d8aa8bcb.js"),exports.ConversationCard=e.ConversationCard;
 //# sourceMappingURL=index.js.map

package/build/patterns/StyledAvatar/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../styledAvatar.types-1b6ac644.js");require("../../tslib.es6-d6f17add.js"),require("../../avatar.component-006eb385.js"),require("react"),require("../../icon.component-a955694d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.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-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../styledAvatar.types-a85162b0.js");require("../../tslib.es6-d6f17add.js"),require("../../avatar.component-4f895093.js"),require("react"),require("../../icon.component-61259515.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.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-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes;
 //# sourceMappingURL=index.js.map

package/build/patterns/TagBlock/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-664203ec.js");require("react"),require("../../button.component-117ff3a9.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-a955694d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-5200f5fe.js"),require("../../withFormControl-985e30fb.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-ccc277ff.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-48a255e6.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-382ac191.js"),require("../../menuList.component-dc76a294.js"),require("../../menuItem.component-85297d24.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-e8a0a08c.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-76952797.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-03f890e8.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-341bf297.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-1e79fb34.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-1ca47be7.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-33871443.js");require("react"),require("../../button.component-c56a92a3.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-61259515.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../checkbox.component-a7f6d40e.js"),require("../../withFormControl-a9aa238f.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../checkboxGroup.component-a8b30bdd.js"),require("../../_baseGetTag-fd05839f.js"),require("../../menu.component-f1d9462e.js"),require("../../menuContainer.component-17d9413b.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f51a5b7f.js"),require("../../menuList.component-bde9135b.js"),require("../../menuItem.component-1a7017aa.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-94c116dc.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../link.component-084272b5.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-0450a9a6.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-6be8b3e3.js"),require("../../radio.component-2502a55b.js"),require("../../chakra-ui-radio.esm-f310d451.js"),require("../../select.component-8c3d3c10.js"),require("../../chakra-ui-select.esm-793cf4de.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-113976db.js"),require("../../tag.component-d8aa8bcb.js"),require("../../textarea.component-e3128870.js"),require("../../chakra-ui-textarea.esm-23fad4cd.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/patterns/Timestamp/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timestamp.component-16be4ef2.js");require("react"),require("../../text.component-a1231840.js"),require("../../tslib.es6-d6f17add.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-system.esm-434904f8.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-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),exports.Timestamp=e.Timestamp;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timestamp.component-c0c80c32.js");require("react"),require("../../text.component-906b3f66.js"),require("../../tslib.es6-d6f17add.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-system.esm-c70df670.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-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),exports.Timestamp=e.Timestamp;
 //# sourceMappingURL=index.js.map

package/build/patterns/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-1b6ac644.js"),r=require("../conversationCard.component-afe5df42.js"),i=require("../timestamp.component-16be4ef2.js"),a=require("../tagBlock.component-664203ec.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-006eb385.js"),require("react"),require("../icon.component-a955694d.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.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-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-bf1cf6b8.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-117ff3a9.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-5200f5fe.js"),require("../withFormControl-985e30fb.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-e8a0a08c.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-48a255e6.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-382ac191.js"),require("../menuList.component-dc76a294.js"),require("../menuItem.component-85297d24.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-ccc277ff.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-76952797.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-03f890e8.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-341bf297.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-1e79fb34.js"),require("../textarea.component-1ca47be7.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-a85162b0.js"),r=require("../conversationCard.component-ff4452d4.js"),i=require("../timestamp.component-c0c80c32.js"),a=require("../tagBlock.component-33871443.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-4f895093.js"),require("react"),require("../icon.component-61259515.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.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-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-4f126f12.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-c56a92a3.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a7f6d40e.js"),require("../withFormControl-a9aa238f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-94c116dc.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-5f7f0fb2.js"),require("../menu.component-f1d9462e.js"),require("../menuContainer.component-17d9413b.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-f51a5b7f.js"),require("../menuList.component-bde9135b.js"),require("../menuItem.component-1a7017aa.js"),require("../menu.config-78717999.js"),require("../tag.component-d8aa8bcb.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-a8b30bdd.js"),require("../_baseGetTag-fd05839f.js"),require("../link.component-084272b5.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-0450a9a6.js"),require("../radioGroup.component-6be8b3e3.js"),require("../radio.component-2502a55b.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../select.component-8c3d3c10.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-113976db.js"),require("../textarea.component-e3128870.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/{picture.component-daf0e558.js → picture.component-19489bee.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-image.esm-2b438d18.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);exports.Picture=r=>{var{src:s,webpSrc:u,imgProps:i}=r,l=e.__rest(r,["src","webpSrc","imgProps"]);return c.default.createElement(a.Box,Object.assign({as:"picture"},l),c.default.createElement(a.Box,{as:"source",srcSet:u,type:"image/webp"}),c.default.createElement(t.Image$1,Object.assign({src:s},i)))};
-//# sourceMappingURL=picture.component-daf0e558.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-image.esm-66324087.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);exports.Picture=r=>{var{src:s,webpSrc:u,imgProps:i}=r,l=e.__rest(r,["src","webpSrc","imgProps"]);return c.default.createElement(a.Box,Object.assign({as:"picture"},l),c.default.createElement(a.Box,{as:"source",srcSet:u,type:"image/webp"}),c.default.createElement(t.Image$1,Object.assign({src:s},i)))};
+//# sourceMappingURL=picture.component-19489bee.js.map

package/build/{picture.component-daf0e558.js.map → picture.component-19489bee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"picture.component-daf0e558.js","sources":["../src/components/Picture/picture.component.tsx"],"sourcesContent":["import { Box, BoxProps, Image, ImageProps } from '@chakra-ui/react';\nimport React from 'react';\n\nexport interface PictureProps extends BoxProps {\n  webpSrc: string;\n  src: string;\n  imgProps?: ImageProps;\n}\n\nexport const Picture = ({ src, webpSrc, imgProps, ...rest }: PictureProps): JSX.Element => {\n  return (\n    <Box as=\"picture\" {...rest}>\n      <Box as=\"source\" srcSet={webpSrc} type=\"image/webp\" />\n      <Image src={src} {...imgProps} />\n    </Box>\n  );\n};\n"],"names":["_a","src","webpSrc","imgProps","rest","__rest","React","Box","Object","assign","as","createElement","srcSet","type","Image"],"mappings":"2QASwBA,QAAAC,IAAEA,EAAGC,QAAEA,EAAOC,SAAEA,KAAaC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,MAAA,UAAA,aACtB,OACEM,wBAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACC,GAAG,WAAcN,GACpBE,UAAAK,cAACJ,EAAGA,IAAA,CAACG,GAAG,SAASE,OAAQV,EAASW,KAAK,eACvCP,EAAAA,QAACK,cAAAG,UAAMN,OAAAC,OAAA,CAAAR,IAAKA,GAASE"}
+{"version":3,"file":"picture.component-19489bee.js","sources":["../src/components/Picture/picture.component.tsx"],"sourcesContent":["import { Box, BoxProps, Image, ImageProps } from '@chakra-ui/react';\nimport React from 'react';\n\nexport interface PictureProps extends BoxProps {\n  webpSrc: string;\n  src: string;\n  imgProps?: ImageProps;\n}\n\nexport const Picture = ({ src, webpSrc, imgProps, ...rest }: PictureProps): JSX.Element => {\n  return (\n    <Box as=\"picture\" {...rest}>\n      <Box as=\"source\" srcSet={webpSrc} type=\"image/webp\" />\n      <Image src={src} {...imgProps} />\n    </Box>\n  );\n};\n"],"names":["_a","src","webpSrc","imgProps","rest","__rest","React","Box","Object","assign","as","createElement","srcSet","type","Image"],"mappings":"2QASwBA,QAAAC,IAAEA,EAAGC,QAAEA,EAAOC,SAAEA,KAAaC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,MAAA,UAAA,aACtB,OACEM,wBAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACC,GAAG,WAAcN,GACpBE,UAAAK,cAACJ,EAAGA,IAAA,CAACG,GAAG,SAASE,OAAQV,EAASW,KAAK,eACvCP,EAAAA,QAACK,cAAAG,UAAMN,OAAAC,OAAA,CAAAR,IAAKA,GAASE"}

package/build/{popover.component-4f242534.js → popover.component-5abea140.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-42fc114e.js"),o=require("./popoverFooter.component-0ab262a8.js"),a=require("./text.component-a1231840.js"),s=require("./chakra-ui-popover.esm-d21bf3b5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
-//# sourceMappingURL=popover.component-4f242534.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-8f6a3c57.js"),o=require("./popoverFooter.component-36f598f4.js"),a=require("./text.component-906b3f66.js"),s=require("./chakra-ui-popover.esm-1e836c11.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:p,footerProps:d,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,p,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),d&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},d,j))))};
+//# sourceMappingURL=popover.component-5abea140.js.map

package/build/{popover.component-4f242534.js.map → popover.component-5abea140.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-4f242534.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
+{"version":3,"file":"popover.component-5abea140.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}

package/build/popoverFooter.component-36f598f4.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-c56a92a3.js"),i=require("./chakra-ui-popover.esm-1e836c11.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.PopoverFooter=t=>{var{submitText:a="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:m=!1,hideButtons:b=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!b&&s.default.createElement(n.Flex,{w:"100%"},!m&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),s.default.createElement(n.Spacer,null),s.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},a)))};
+//# sourceMappingURL=popoverFooter.component-36f598f4.js.map

package/build/{popoverFooter.component-0ab262a8.js.map → popoverFooter.component-36f598f4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-0ab262a8.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}
+{"version":3,"file":"popoverFooter.component-36f598f4.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}

package/build/popoverHeader.component-8f6a3c57.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-95e89325.js"),r=require("./button.component-c56a92a3.js"),n=require("./chakra-ui-popover.esm-1e836c11.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:c,hideCloseButton:l=!1,isOnContrast:u=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:h}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:c||"inherit"},a),!l&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:u,onClick:d||h,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
+//# sourceMappingURL=popoverHeader.component-8f6a3c57.js.map

package/build/{popoverHeader.component-42fc114e.js.map → popoverHeader.component-8f6a3c57.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverHeader.component-42fc114e.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}
+{"version":3,"file":"popoverHeader.component-8f6a3c57.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}

package/build/{radio.component-1c03819e.js → radio.component-2502a55b.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-radio.esm-bd0e90ff.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);exports.Radio=t=>{var{children:a,size:s="md",isOnContrast:n}=t,d=e.__rest(t,["children","size","isOnContrast"]);const o=n?"onContrast":"default";return i.default.createElement(r.Radio,Object.assign({"data-testid":"radio-options-container",variant:o},d,{size:s,alignItems:"flex-start"}),a)};
-//# sourceMappingURL=radio.component-1c03819e.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-radio.esm-f310d451.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);exports.Radio=t=>{var{children:a,size:s="md",isOnContrast:n}=t,d=e.__rest(t,["children","size","isOnContrast"]);const o=n?"onContrast":"default";return i.default.createElement(r.Radio,Object.assign({"data-testid":"radio-options-container",variant:o},d,{size:s,alignItems:"flex-start"}),a)};
+//# sourceMappingURL=radio.component-2502a55b.js.map

package/build/{radio.component-1c03819e.js.map → radio.component-2502a55b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio.component-1c03819e.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface KRadioProps {\n  children?: ReactNode;\n  isChecked?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  size?: RadioSize;\n  value?: string | number;\n}\n\nexport type RadioProps = KRadioProps & CRadioProps;\n\nexport const Radio = ({ children, size = 'md', isOnContrast, ...rest }: RadioProps): JSX.Element => {\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  return (\n    <CRadio data-testid=\"radio-options-container\" variant={_computedVariant} {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","size","isOnContrast","rest","__rest","_computedVariant","React","CRadio","Object","assign","variant","alignItems"],"mappings":"yNAgBsBA,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,aAAEA,GAAYH,EAAKI,EAA1CC,EAAAA,OAAAL,EAAA,CAAA,WAAA,OAAA,iBACpB,MAAMM,EAAmBH,EAAe,aAAe,UACvD,OACEI,wBAACC,QAAMC,OAAAC,OAAA,CAAA,cAAa,0BAA0BC,QAASL,GAAsBF,GAAMF,KAAMA,EAAMU,WAAW,eACvGX"}
+{"version":3,"file":"radio.component-2502a55b.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface KRadioProps {\n  children?: ReactNode;\n  isChecked?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  size?: RadioSize;\n  value?: string | number;\n}\n\nexport type RadioProps = KRadioProps & CRadioProps;\n\nexport const Radio = ({ children, size = 'md', isOnContrast, ...rest }: RadioProps): JSX.Element => {\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  return (\n    <CRadio data-testid=\"radio-options-container\" variant={_computedVariant} {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","size","isOnContrast","rest","__rest","_computedVariant","React","CRadio","Object","assign","variant","alignItems"],"mappings":"yNAgBsBA,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,aAAEA,GAAYH,EAAKI,EAA1CC,EAAAA,OAAAL,EAAA,CAAA,WAAA,OAAA,iBACpB,MAAMM,EAAmBH,EAAe,aAAe,UACvD,OACEI,wBAACC,QAAMC,OAAAC,OAAA,CAAA,cAAa,0BAA0BC,QAASL,GAAsBF,GAAMF,KAAMA,EAAMU,WAAW,eACvGX"}

package/build/{radioGroup.component-03f890e8.js → radioGroup.component-6be8b3e3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-985e30fb.js"),t=require("./radio.component-1c03819e.js"),a=require("./chakra-ui-radio.esm-bd0e90ff.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:u,isFieldInline:c,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(a.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:u,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const u=r.withFormControl(d);exports.WrappedRadioGroup=u;
-//# sourceMappingURL=radioGroup.component-03f890e8.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-a9aa238f.js"),a=require("./radio.component-2502a55b.js"),t=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:u,isFieldInline:c,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(t.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:u,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(a.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const u=r.withFormControl(d);exports.WrappedRadioGroup=u;
+//# sourceMappingURL=radioGroup.component-6be8b3e3.js.map

package/build/{radioGroup.component-03f890e8.js.map → radioGroup.component-6be8b3e3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-03f890e8.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}
+{"version":3,"file":"radioGroup.component-6be8b3e3.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);exports.RatingDot=({number:t,isInteractive:a,isDisabled:n,onClick:l,selected:u})=>{const c=e.useCallback((e=>{e.preventDefault(),l&&l(t)}),[t,l]);return o.default.createElement(o.default.Fragment,null,a?o.default.createElement(r.Flex,Object.assign({as:"button",type:"button",bgColor:u?"background.primary":"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px",borderColor:"background.primary",color:u?"text.onContrast":"text.default",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},!n&&{onClick:c,cursor:"pointer",_hover:{bg:u?"background.primary":"background.primaryAlpha.hover"}}),t):o.default.createElement(r.Flex,{as:"div",bgColor:"background.primary",h:"40px",w:"40px",borderRadius:"20px",border:"2px",borderColor:"background.primary",color:"text.onContrast",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},t))};
-//# sourceMappingURL=ratingDot.component-4b3f6639.js.map
+"use strict";var e=require("react"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);exports.RatingDot=({number:t,isInteractive:a,isDisabled:n,onClick:l,selected:u})=>{const c=e.useCallback((e=>{e.preventDefault(),l&&l(t)}),[t,l]);return o.default.createElement(o.default.Fragment,null,a?o.default.createElement(r.Flex,Object.assign({as:"button",type:"button",bgColor:u?"background.primary":"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px",borderColor:"background.primary",color:u?"text.onContrast":"text.default",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},!n&&{onClick:c,cursor:"pointer",_hover:{bg:u?"background.primary":"background.primaryAlpha.hover"}}),t):o.default.createElement(r.Flex,{as:"div",bgColor:"background.primary",h:"40px",w:"40px",borderRadius:"20px",border:"2px",borderColor:"background.primary",color:"text.onContrast",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},t))};
+//# sourceMappingURL=ratingDot.component-01592415.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,2 +1,2 @@
-"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
+"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

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-34ab3f3f.js"),l=require("./withFormControl-985e30fb.js"),a=require("./menu.context-66211f5a.js"),r=require("./menuList.component-dc76a294.js"),s=require("./text.component-a1231840.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./icon.component-a955694d.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-341bf297.js.map
+"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

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

@@ -1 +1 @@
-{"version":3,"file":"select.component-341bf297.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":"kjBAqBO,MAAMA,EAAcC,IACzB,MAAMC,QAAEA,GAAqBD,EAATE,EAAIC,EAAAA,OAAKH,EAAvB,CAAoB,YAE1B,OAAOI,EAAAA,sBAACC,EAAAA,SAAQC,OAAAC,OAAA,CAACC,uBAAuB,EAAMC,UAAWR,EAASS,iBAAiB,GAAUR,KCblFS,EAAmBC,IAAA,IAAAC,eAC9BA,EAAcC,mBACdA,EAAkBC,mBAClBA,GAAqB,GAAIH,EACtBV,EAJ2BC,EAAAA,OAAAS,EAAA,CAAA,iBAAA,qBAAA,uBAM9B,OACER,UAACY,cAAAC,EAAIA,kCACS,qBACZC,UAAU,oBACVC,QAAQ,aACRC,MAAM,SACNC,UAAU,OACVC,MAAOT,EAAeU,QAAU,QAAQV,EAAeU,UAAY,gBAC/DrB,IAEHW,MAAAA,OAAc,EAAdA,EAAgBW,aACfpB,EAAA,QAAAY,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDZ,EAAeW,aAEhBV,EACFV,EAAA,QAAAY,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDX,GAED,KAC6B,iBAAzBD,EAAea,MACrBtB,wBAACuB,cAAI,CAACT,UAAU,eAAeU,YAAab,EAAoBQ,QAASV,EAAeU,SAAW,WAChGV,EAAea,OAGlBb,EAAoB,QCdtBgB,EAAUjB,IAAA,IAAAE,mBACdA,EAAkBgB,cAClBA,EAAaC,UACbA,EAAS9B,QACTA,EAAO+B,YACPA,EAAWC,KACXA,EAAO,KAAIC,MACXA,EAAKC,KACLA,EAAO,OAAMC,aACbA,EAAYC,eACZA,EAAcC,eACdA,EAAcC,6BACdA,EAA4BC,2BAC5BA,GAEY5B,EADTV,EAAIC,EAAAA,OAAAS,EAdO,+MAiBd,MAAM6B,EAAmBL,EAAe,aAAe,UACjDM,EAAYC,SAA0B,MACtCC,EAAuCC,EAAAA,SAC3C,KAAO,CACLnB,MAAOM,EACPE,MAAO,GACPX,QAASa,EAAe,wBAA0B,cAClDZ,YAAa,KACbsB,YAAY,EACZC,eAAe,KAEjB,CAACf,EAAaI,KAGTY,EAAYC,GAAiBC,EAAQA,SAAsB,IAE5DrC,EAAoCgC,EAAAA,SAAQ,KAChD,MAAMM,EAAeH,EAAWI,MAAMC,GAAWA,EAAOP,aAExD,OAAOK,GAA8BP,IACpC,CAACI,EAAYJ,IAEVU,EAAeC,eAClBJ,IACC,IAAKH,EAAY,OAEjB,MAAMQ,EAAiBR,EAAWS,KAAKJ,GAEhC/C,OAAAC,OAAAD,OAAAC,OAAA,GAAA8C,GACH,CAAAP,WAAYO,EAAOnB,QAAUiB,EAAajB,UAG9Ce,EAAcO,IAEVzB,MAAAA,SAAAA,EAAW2B,WACb3B,EAAU2B,SAASP,KAGvB,CAACH,EAAYjB,IAIT4B,GAAuB5B,MAAAA,OAAS,EAATA,EAAWhB,oBAA2D,GAAtC,CAAE6C,OAAQ,cAAeC,KAAM,IAEtFC,EAAcjB,EAAAA,SAAQ,WAC1B,OAAKH,EAAUqB,QAIR,GAAqB,QAAlBnD,EAAA8B,MAAAA,OAAS,EAATA,EAAWqB,eAAO,IAAAnD,OAAA,EAAAA,EAAEoD,gBAHrB,UAOR,CAACtB,MAAAA,OAAA,EAAAA,EAAWqB,UAoBf,OAjBAE,EAAAA,WAAU,KACR,MAAMC,EAAgBjE,EAAQwD,KAAKJ,kCAC9BA,GAAM,CACTP,WAAYO,EAAOnB,QAAUA,MAS/BiC,YAAW,KACTlB,EAAc,IAAIiB,EAAetB,MAChC,OACF,CAAC3C,EAAS2C,EAAmBV,IAG9B9B,EAAC,QAAAY,cAAAoD,EAAYA,aAAC,CAAA3D,UAAWuC,GACvB5C,EAAAA,QAACY,cAAAqD,gBAAc/D,OAAAC,OAAA,CAAA+D,YAAY,EAAMC,QAAQ,GAAUjC,GACjDlC,EAAC,QAAAY,cAAAwD,EAAO3C,OACNvB,OAAAC,OAAA,CAAAkE,KACErE,EAAA,QAAAY,cAAC0D,EAAIA,KACH,CAAAC,KAAK,cACL1C,KAAMA,EACN2C,QAAQ,OACRC,eAAe,SACfC,WAAW,WAGfC,GAAIC,EAAUA,WACdC,IAAKvC,EACLwC,QAAUC,GAAkCA,EAAMC,kBAClDC,KAAK,SACLnE,UAAU,qBACVK,QAASkB,EACTN,KAAMA,EACNF,KAAMA,GACF0B,EACAzD,GAEHsC,EACCA,EAA2B3B,GAE3BT,EAAC,QAAAY,cAAAL,EACCL,OAAAC,OAAA,CAAAM,eAAgBA,EAChBC,mBAAoBA,EACpBC,mBAAoBgB,MAAAA,OAAA,EAAAA,EAAWhB,oBAC3BwB,KAIVnC,UAACY,cAAAjB,EACKO,OAAAC,OAAA,GAAAwB,EACJ,CAAA2B,SAAUJ,EACVrD,QAAS+C,EACTb,KAAM2B,GAAe3B,EACrBE,eAAgBA,QAO1BR,EAAOyD,YAAc,SAErB,MAAMC,EAAgBC,EAAeA,gBAAC3D"}
+{"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":"kjBAqBO,MAAMA,EAAcC,IACzB,MAAMC,QAAEA,GAAqBD,EAATE,EAAIC,EAAAA,OAAKH,EAAvB,CAAoB,YAE1B,OAAOI,EAAAA,sBAACC,EAAAA,SAAQC,OAAAC,OAAA,CAACC,uBAAuB,EAAMC,UAAWR,EAASS,iBAAiB,GAAUR,KCblFS,EAAmBC,IAAA,IAAAC,eAC9BA,EAAcC,mBACdA,EAAkBC,mBAClBA,GAAqB,GAAIH,EACtBV,EAJ2BC,EAAAA,OAAAS,EAAA,CAAA,iBAAA,qBAAA,uBAM9B,OACER,UAACY,cAAAC,EAAIA,kCACS,qBACZC,UAAU,oBACVC,QAAQ,aACRC,MAAM,SACNC,UAAU,OACVC,MAAOT,EAAeU,QAAU,QAAQV,EAAeU,UAAY,gBAC/DrB,IAEHW,MAAAA,OAAc,EAAdA,EAAgBW,aACfpB,EAAA,QAAAY,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDZ,EAAeW,aAEhBV,EACFV,EAAA,QAAAY,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDX,GAED,KAC6B,iBAAzBD,EAAea,MACrBtB,wBAACuB,cAAI,CAACT,UAAU,eAAeU,YAAab,EAAoBQ,QAASV,EAAeU,SAAW,WAChGV,EAAea,OAGlBb,EAAoB,QCdtBgB,EAAUjB,IAAA,IAAAE,mBACdA,EAAkBgB,cAClBA,EAAaC,UACbA,EAAS9B,QACTA,EAAO+B,YACPA,EAAWC,KACXA,EAAO,KAAIC,MACXA,EAAKC,KACLA,EAAO,OAAMC,aACbA,EAAYC,eACZA,EAAcC,eACdA,EAAcC,6BACdA,EAA4BC,2BAC5BA,GAEY5B,EADTV,EAAIC,EAAAA,OAAAS,EAdO,+MAiBd,MAAM6B,EAAmBL,EAAe,aAAe,UACjDM,EAAYC,SAA0B,MACtCC,EAAuCC,EAAAA,SAC3C,KAAO,CACLnB,MAAOM,EACPE,MAAO,GACPX,QAASa,EAAe,wBAA0B,cAClDZ,YAAa,KACbsB,YAAY,EACZC,eAAe,KAEjB,CAACf,EAAaI,KAGTY,EAAYC,GAAiBC,EAAQA,SAAsB,IAE5DrC,EAAoCgC,EAAAA,SAAQ,KAChD,MAAMM,EAAeH,EAAWI,MAAMC,GAAWA,EAAOP,aAExD,OAAOK,GAA8BP,IACpC,CAACI,EAAYJ,IAEVU,EAAeC,eAClBJ,IACC,IAAKH,EAAY,OAEjB,MAAMQ,EAAiBR,EAAWS,KAAKJ,GAEhC/C,OAAAC,OAAAD,OAAAC,OAAA,GAAA8C,GACH,CAAAP,WAAYO,EAAOnB,QAAUiB,EAAajB,UAG9Ce,EAAcO,IAEVzB,MAAAA,SAAAA,EAAW2B,WACb3B,EAAU2B,SAASP,KAGvB,CAACH,EAAYjB,IAIT4B,GAAuB5B,MAAAA,OAAS,EAATA,EAAWhB,oBAA2D,GAAtC,CAAE6C,OAAQ,cAAeC,KAAM,IAEtFC,EAAcjB,EAAAA,SAAQ,WAC1B,OAAKH,EAAUqB,QAIR,GAAqB,QAAlBnD,EAAA8B,MAAAA,OAAS,EAATA,EAAWqB,eAAO,IAAAnD,OAAA,EAAAA,EAAEoD,gBAHrB,UAOR,CAACtB,MAAAA,OAAA,EAAAA,EAAWqB,UAoBf,OAjBAE,EAAAA,WAAU,KACR,MAAMC,EAAgBjE,EAAQwD,KAAKJ,kCAC9BA,GAAM,CACTP,WAAYO,EAAOnB,QAAUA,MAS/BiC,YAAW,KACTlB,EAAc,IAAIiB,EAAetB,MAChC,OACF,CAAC3C,EAAS2C,EAAmBV,IAG9B9B,EAAC,QAAAY,cAAAoD,EAAYA,aAAC,CAAA3D,UAAWuC,GACvB5C,EAAAA,QAACY,cAAAqD,gBAAc/D,OAAAC,OAAA,CAAA+D,YAAY,EAAMC,QAAQ,GAAUjC,GACjDlC,EAAC,QAAAY,cAAAwD,EAAO3C,sBACN4C,KACErE,EAAAA,sBAACsE,EAAAA,KAAI,CACHC,KAAK,cACL1C,KAAMA,EACN2C,QAAQ,OACRC,eAAe,SACfC,WAAW,WAGfC,GAAIC,EAAAA,WACJC,IAAKvC,EACLwC,QAAUC,GAAkCA,EAAMC,kBAClDC,KAAK,SACLnE,UAAU,qBACVK,QAASkB,EACTN,KAAMA,GACFwB,EACAzD,GAEHsC,EACCA,EAA2B3B,GAE3BT,EAAAA,QAAAY,cAACL,EAAeL,OAAAC,OAAA,CACdM,eAAgBA,EAChBC,mBAAoBA,EACpBC,mBAAoBgB,MAAAA,OAAS,EAATA,EAAWhB,oBAC3BwB,KAIVnC,UAACY,cAAAjB,EACKO,OAAAC,OAAA,GAAAwB,EACJ,CAAA2B,SAAUJ,EACVrD,QAAS+C,EACTb,KAAM2B,GAAe3B,EACrBE,eAAgBA,QAO1BR,EAAOyD,YAAc,SAErB,MAAMC,EAAgBC,EAAeA,gBAAC3D"}

package/build/shared/hocs/index.js

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# 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-ee73b181.js");require("../../chakra-ui-system.esm-434904f8.js"),require("react"),exports.useTheme=e.useTheme;
+"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;
 //# sourceMappingURL=index.js.map

package/build/{sortableItem.component-5ffbdefe.js → sortableItem.component-ce1a7136.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-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
+"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

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/build/{sortableList.component-15455cc0.js → sortableList.component-84706639.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-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
+"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

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

@@ -1 +1 @@
-{"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"}
+{"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"}