@televet/kibble-ui 1.20.3 → 1.20.4

package/build/notificationCounter.component-27fafaa0.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("./tslib.es6-f01c41a6.js"),e=require("react"),o=require("./useTheme-d7d8c3f5.js"),r=require("./chakra-ui-layout.esm-493ee04b.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a,n=i(e);exports.NotificationCounterVariant=void 0,(a=exports.NotificationCounterVariant||(exports.NotificationCounterVariant={})).Red="red",a.Neutral="neutral";var s={xs:2,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},d={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=function(e){var i,a=e.count,l=void 0===a?0:a,c=e.size,f=void 0===c?"md":c,x=e.showCount,p=void 0===x||x,h=e.variant,b=void 0===h?exports.NotificationCounterVariant.Red:h,g=t.__rest(e,["count","size","showCount","variant"]),m=o.useTheme(),C="xs"!==f&&p,v=((i={})[exports.NotificationCounterVariant.Red]={backgroundColor:m.colors.red[500],color:m.colors.white},i[exports.NotificationCounterVariant.Neutral]={backgroundColor:m.colors.background.table,color:m.colors.text.light.default},i),N=l>99?n.default.createElement(r.Box,{backgroundColor:v[b].color,borderRadius:m.radii.full,height:d[f],width:d[f]}):l>0&&l;return n.default.createElement(r.Flex,t.__assign({},g,{alignItems:"center",border:m.borders["1px"],borderColor:m.colors.white,borderRadius:m.radii.full,fontSize:u[f],fontWeight:m.fontWeights.semibold,height:s[f],justifyContent:"center",width:s[f]},v[b]),C&&N)};
+//# sourceMappingURL=notificationCounter.component-27fafaa0.js.map

package/build/{notificationCounter.component-d4d35697.js.map → notificationCounter.component-27fafaa0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notificationCounter.component-d4d35697.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts","../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n  Red = 'red',\n  Neutral = 'neutral',\n}\n","import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 2,\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 { useTheme } from 'hooks/useTheme';\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 theme = useTheme();\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: theme.colors.red[500],\n      color: theme.colors.white,\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: theme.colors.background.table,\n      color: theme.colors.text.light.default,\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius={theme.radii.full}\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      alignItems=\"center\"\n      border={theme.borders['1px']}\n      borderColor={theme.colors.white}\n      borderRadius={theme.radii.full}\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight={theme.fontWeights.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":["NotificationCounterVariant","notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","_c","count","_d","size","_e","showCount","_f","variant","Red","rest","__rest","theme","useTheme","_showCount","notificationVariantStyles","_b","backgroundColor","colors","red","color","white","Neutral","background","table","text","light","default","counterContent","React","createElement","Box","borderRadius","radii","full","height","width","Flex","__assign","alignItems","border","borders","borderColor","fontSize","fontWeight","fontWeights","semibold","justifyContent"],"mappings":"yOAEYA,SAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,CAAA,IAFC,IAAA,MACAA,EAAA,QAAA,UCFK,IAEMC,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,mCCJ6B,SAACG,SAClCC,EAASD,EAAAE,MAATA,OAAK,IAAAD,EAAG,EAACA,EACTE,EAAWH,EAAAI,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBL,EAAAM,UAAhBA,OAAS,IAAAD,GAAOA,EAChBE,EAAAP,EAAAQ,QAAAA,OAAO,IAAAD,EAAGf,QAAAA,2BAA2BiB,IAAGF,EACrCG,EAAIC,EAAAA,OAAAX,EAL2B,wCAO5BY,EAAQC,EAAAA,WACRC,EAAsB,OAATV,GAAwBE,EAErCS,IAAyBC,EAAA,CAAA,GAC5BxB,QAAAA,2BAA2BiB,KAAM,CAChCQ,gBAAiBL,EAAMM,OAAOC,IAAI,KAClCC,MAAOR,EAAMM,OAAOG,OAEtBL,EAACxB,QAAAA,2BAA2B8B,SAAU,CACpCL,gBAAiBL,EAAMM,OAAOK,WAAWC,MACzCJ,MAAOR,EAAMM,OAAOO,KAAKC,MAAMC,YAI7BC,EACJ1B,EDtCqB,GCuCnB2B,EAAAA,QAAAC,cAACC,EAAAA,IAAG,CACFd,gBAAiBF,EAA0BP,GAASY,MACpDY,aAAcpB,EAAMqB,MAAMC,KAC1BC,OAAQpC,EAA4BK,GACpCgC,MAAOrC,EAA4BK,KAGrCF,EAAQ,GAAKA,EAGjB,OACE2B,EAAC,QAAAC,cAAAO,EAAAA,KACKC,EAAAA,SAAA,CAAA,EAAA5B,GACJ6B,WAAW,SACXC,OAAQ5B,EAAM6B,QAAQ,OACtBC,YAAa9B,EAAMM,OAAOG,MAC1BW,aAAcpB,EAAMqB,MAAMC,KAC1BS,SAAU7C,EAA6BM,GACvCwC,WAAYhC,EAAMiC,YAAYC,SAC9BX,OAAQ1C,EAAyBW,GACjC2C,eAAe,SACfX,MAAO3C,EAAyBW,IAC5BW,EAA0BP,IAE7BM,GAAcc,EAGrB"}
+{"version":3,"file":"notificationCounter.component-27fafaa0.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts","../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n  Red = 'red',\n  Neutral = 'neutral',\n}\n","import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 2,\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 { useTheme } from 'hooks/useTheme';\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 theme = useTheme();\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: theme.colors.red[500],\n      color: theme.colors.white,\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: theme.colors.background.table,\n      color: theme.colors.text.light.default,\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius={theme.radii.full}\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      alignItems=\"center\"\n      border={theme.borders['1px']}\n      borderColor={theme.colors.white}\n      borderRadius={theme.radii.full}\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight={theme.fontWeights.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":["NotificationCounterVariant","notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","_c","count","_d","size","_e","showCount","_f","variant","Red","rest","__rest","theme","useTheme","_showCount","notificationVariantStyles","_b","backgroundColor","colors","red","color","white","Neutral","background","table","text","light","default","counterContent","React","createElement","Box","borderRadius","radii","full","height","width","Flex","__assign","alignItems","border","borders","borderColor","fontSize","fontWeight","fontWeights","semibold","justifyContent"],"mappings":"yOAEYA,SAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,KAFC,IAAA,MACAA,EAAA,QAAA,UCFK,IAEMC,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,mCCJ6B,SAACG,SAClCC,EAASD,EAAAE,MAATA,OAAK,IAAAD,EAAG,EAACA,EACTE,EAAWH,EAAAI,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBL,EAAAM,UAAhBA,OAAS,IAAAD,GAAOA,EAChBE,EAAAP,EAAAQ,QAAAA,OAAO,IAAAD,EAAGf,QAAAA,2BAA2BiB,IAAGF,EACrCG,EAAIC,EAAAA,OAAAX,EAL2B,wCAO5BY,EAAQC,EAAAA,WACRC,EAAsB,OAATV,GAAwBE,EAErCS,IAAyBC,EAAA,IAC5BxB,QAAAA,2BAA2BiB,KAAM,CAChCQ,gBAAiBL,EAAMM,OAAOC,IAAI,KAClCC,MAAOR,EAAMM,OAAOG,OAEtBL,EAACxB,QAAAA,2BAA2B8B,SAAU,CACpCL,gBAAiBL,EAAMM,OAAOK,WAAWC,MACzCJ,MAAOR,EAAMM,OAAOO,KAAKC,MAAMC,YAI7BC,EACJ1B,EDtCqB,GCuCnB2B,EAAAA,QAAAC,cAACC,EAAAA,IAAG,CACFd,gBAAiBF,EAA0BP,GAASY,MACpDY,aAAcpB,EAAMqB,MAAMC,KAC1BC,OAAQpC,EAA4BK,GACpCgC,MAAOrC,EAA4BK,KAGrCF,EAAQ,GAAKA,EAGjB,OACE2B,EAAC,QAAAC,cAAAO,EAAAA,KACKC,EAAAA,SAAA,GAAA5B,GACJ6B,WAAW,SACXC,OAAQ5B,EAAM6B,QAAQ,OACtBC,YAAa9B,EAAMM,OAAOG,MAC1BW,aAAcpB,EAAMqB,MAAMC,KAC1BS,SAAU7C,EAA6BM,GACvCwC,WAAYhC,EAAMiC,YAAYC,SAC9BX,OAAQ1C,EAAyBW,GACjC2C,eAAe,SACfX,MAAO3C,EAAyBW,IAC5BW,EAA0BP,IAE7BM,GAAcc"}

package/build/popover.component-929ab810.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./withDarkMode-3fdb3990.js"),t=require("./useTheme-d7d8c3f5.js"),a=require("./useAdaptiveColor-bd61f863.js"),d=require("./text.component-74ae29fd.js"),s=require("./chakra-ui-popover.esm-8a057795.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.Popover=function(r){var i=r.children,l=r.popoverTrigger,u=r.darkMode,c=r.allowEscape,p=void 0===c||c,v=r.size,f=void 0===v?"sm":v,g=r.shadow,h=void 0===g?"md":g,m=r.contentProps,b=e.__rest(r,["children","popoverTrigger","darkMode","allowEscape","size","shadow","contentProps"]),k=t.useTheme(),w=k.colors,E=k.components.Popover[f].width,P=a.useAdaptiveColor(w.background),j=u?w.background.dark:P,q=u?w.background.dark:w.border.light.default;return n.default.createElement(s.Popover,e.__assign({},b,{closeOnBlur:p,closeOnEsc:p}),n.default.createElement(s.PopoverTrigger,null,l),o.withDarkMode(n.default.createElement(s.PopoverContent,e.__assign({width:E,bg:j,borderColor:q,shadow:h},m),n.default.createElement(s.PopoverArrow,{bg:j}),n.default.createElement(d.Text,{size:"sm"},i)),!!u))};
+//# sourceMappingURL=popover.component-929ab810.js.map

package/build/{popover.component-a37d20d9.js.map → popover.component-929ab810.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-a37d20d9.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';\nimport { withDarkMode } from 'hocs/withDarkMode';\nimport { useTheme } from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { Text } from '../Text/text.component';\nimport * as CSS from 'csstype';\n\nexport interface PopoverProps extends CPopoverProps {\n  children: ReactNode;\n  popoverTrigger: ReactNode;\n  darkMode?: boolean;\n  allowEscape?: boolean;\n  size?: PopoverSize;\n  shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;\n  contentProps?: PopoverContentProps;\n}\n\nexport const Popover = ({\n  children,\n  popoverTrigger,\n  darkMode,\n  allowEscape = true,\n  size = 'sm',\n  shadow = 'md',\n  contentProps,\n  ...rest\n}: PopoverProps): JSX.Element => {\n  const { colors, components } = useTheme();\n  const { width } = components.Popover[size];\n\n  const adaptiveBackground = useAdaptiveColor(colors.background);\n\n  const bg = !darkMode ? adaptiveBackground : colors.background.dark;\n\n  const borderColor = !darkMode ? colors.border.light.default : colors.background.dark;\n\n  return (\n    <CPopover {...rest} closeOnBlur={allowEscape} closeOnEsc={allowEscape}>\n      <PopoverTrigger>{popoverTrigger}</PopoverTrigger>\n      {withDarkMode(\n        <CPopoverContent width={width} bg={bg} borderColor={borderColor} shadow={shadow} {...contentProps}>\n          <PopoverArrow bg={bg} />\n          <Text size=\"sm\">{children}</Text>\n        </CPopoverContent>,\n        !!darkMode,\n      )}\n    </CPopover>\n  );\n};\n"],"names":["_a","children","popoverTrigger","darkMode","_b","allowEscape","_c","size","_d","shadow","contentProps","rest","__rest","_e","useTheme","colors","width","components","Popover","adaptiveBackground","useAdaptiveColor","background","bg","dark","borderColor","border","light","default","React","createElement","CPopover","__assign","closeOnBlur","closeOnEsc","PopoverTrigger","withDarkMode","CPopoverContent","PopoverContent","PopoverArrow","Text"],"mappings":"+XA2BuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAcF,EAAAE,eACdC,EAAQH,EAAAG,SACRC,EAAAJ,EAAAK,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAaR,EAAAS,OAAbA,OAAS,IAAAD,EAAA,KAAIA,EACbE,EAAYV,EAAAU,aACTC,EAAIC,EAAAA,OAAAZ,EARe,uFAUhBa,EAAyBC,EAAQA,WAA/BC,EAAMF,EAAAE,OACNC,EADkBH,EAAAI,WACGC,QAAQX,GAAKS,MAEpCG,EAAqBC,EAAAA,iBAAiBL,EAAOM,YAE7CC,EAAMnB,EAAgCY,EAAOM,WAAWE,KAAvCJ,EAEjBK,EAAerB,EAAyCY,EAAOM,WAAWE,KAAhDR,EAAOU,OAAOC,MAAMC,QAEpD,OACEC,UAAAC,cAACC,EAAQZ,QAAAa,EAAAA,SAAA,CAAA,EAAKpB,EAAI,CAAEqB,YAAa3B,EAAa4B,WAAY5B,IACxDuB,EAAAA,QAACC,cAAAK,iBAAgB,KAAAhC,GAChBiC,EAAYA,aACXP,wBAACQ,EAAeC,eAAAN,EAAAA,SAAA,CAACf,MAAOA,EAAOM,GAAIA,EAAIE,YAAaA,EAAaf,OAAQA,GAAYC,GACnFkB,EAAAA,QAAAC,cAACS,EAAAA,aAAY,CAAChB,GAAIA,IAClBM,EAAAA,QAAAC,cAACU,OAAK,CAAAhC,KAAK,MAAMN,MAEjBE,GAIV"}
+{"version":3,"file":"popover.component-929ab810.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';\nimport { withDarkMode } from 'hocs/withDarkMode';\nimport { useTheme } from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { Text } from '../Text/text.component';\nimport * as CSS from 'csstype';\n\nexport interface PopoverProps extends CPopoverProps {\n  children: ReactNode;\n  popoverTrigger: ReactNode;\n  darkMode?: boolean;\n  allowEscape?: boolean;\n  size?: PopoverSize;\n  shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;\n  contentProps?: PopoverContentProps;\n}\n\nexport const Popover = ({\n  children,\n  popoverTrigger,\n  darkMode,\n  allowEscape = true,\n  size = 'sm',\n  shadow = 'md',\n  contentProps,\n  ...rest\n}: PopoverProps): JSX.Element => {\n  const { colors, components } = useTheme();\n  const { width } = components.Popover[size];\n\n  const adaptiveBackground = useAdaptiveColor(colors.background);\n\n  const bg = !darkMode ? adaptiveBackground : colors.background.dark;\n\n  const borderColor = !darkMode ? colors.border.light.default : colors.background.dark;\n\n  return (\n    <CPopover {...rest} closeOnBlur={allowEscape} closeOnEsc={allowEscape}>\n      <PopoverTrigger>{popoverTrigger}</PopoverTrigger>\n      {withDarkMode(\n        <CPopoverContent width={width} bg={bg} borderColor={borderColor} shadow={shadow} {...contentProps}>\n          <PopoverArrow bg={bg} />\n          <Text size=\"sm\">{children}</Text>\n        </CPopoverContent>,\n        !!darkMode,\n      )}\n    </CPopover>\n  );\n};\n"],"names":["_a","children","popoverTrigger","darkMode","_b","allowEscape","_c","size","_d","shadow","contentProps","rest","__rest","_e","useTheme","colors","width","components","Popover","adaptiveBackground","useAdaptiveColor","background","bg","dark","borderColor","border","light","default","React","createElement","CPopover","__assign","closeOnBlur","closeOnEsc","PopoverTrigger","withDarkMode","CPopoverContent","PopoverContent","PopoverArrow","Text"],"mappings":"+XA2BuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAcF,EAAAE,eACdC,EAAQH,EAAAG,SACRC,EAAAJ,EAAAK,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAaR,EAAAS,OAAbA,OAAS,IAAAD,EAAA,KAAIA,EACbE,EAAYV,EAAAU,aACTC,EAAIC,EAAAA,OAAAZ,EARe,uFAUhBa,EAAyBC,EAAQA,WAA/BC,EAAMF,EAAAE,OACNC,EADkBH,EAAAI,WACGC,QAAQX,GAAKS,MAEpCG,EAAqBC,EAAAA,iBAAiBL,EAAOM,YAE7CC,EAAMnB,EAAgCY,EAAOM,WAAWE,KAAvCJ,EAEjBK,EAAerB,EAAyCY,EAAOM,WAAWE,KAAhDR,EAAOU,OAAOC,MAAMC,QAEpD,OACEC,UAAAC,cAACC,EAAQZ,QAAAa,EAAAA,SAAA,GAAKpB,EAAI,CAAEqB,YAAa3B,EAAa4B,WAAY5B,IACxDuB,EAAAA,QAACC,cAAAK,iBAAgB,KAAAhC,GAChBiC,EAAYA,aACXP,wBAACQ,EAAeC,eAAAN,EAAAA,SAAA,CAACf,MAAOA,EAAOM,GAAIA,EAAIE,YAAaA,EAAaf,OAAQA,GAAYC,GACnFkB,EAAAA,QAAAC,cAACS,EAAAA,aAAY,CAAChB,GAAIA,IAClBM,EAAAA,QAAAC,cAACU,OAAK,CAAAhC,KAAK,MAAMN,MAEjBE"}

package/build/popoverBody.component-53e64298.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-8a057795.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.PopoverBody=function(r){var a=r.children,i=e.__rest(r,["children"]);return o.default.createElement(t.PopoverBody,e.__assign({pb:3,pt:0},i),a)};
+//# sourceMappingURL=popoverBody.component-53e64298.js.map

package/build/{popoverBody.component-69ec2050.js.map → popoverBody.component-53e64298.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverBody.component-69ec2050.js","sources":["../src/components/Popover/components/PopoverBody/popoverBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverBody as CPopoverBody, PopoverBodyProps as CPopoverBodyProps } from '@chakra-ui/react';\n\nexport interface PopoverBodyProps extends CPopoverBodyProps {}\n\nexport const PopoverBody = ({ children, ...rest }: PopoverBodyProps): JSX.Element => {\n  return (\n    <CPopoverBody pb={3} pt={0} {...rest}>\n      {children}\n    </CPopoverBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CPopoverBody","__assign","pb","pt"],"mappings":"iOAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,GAAOP,GAC7BD,EAGP"}
+{"version":3,"file":"popoverBody.component-53e64298.js","sources":["../src/components/Popover/components/PopoverBody/popoverBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverBody as CPopoverBody, PopoverBodyProps as CPopoverBodyProps } from '@chakra-ui/react';\n\nexport interface PopoverBodyProps extends CPopoverBodyProps {}\n\nexport const PopoverBody = ({ children, ...rest }: PopoverBodyProps): JSX.Element => {\n  return (\n    <CPopoverBody pb={3} pt={0} {...rest}>\n      {children}\n    </CPopoverBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CPopoverBody","__assign","pb","pt"],"mappings":"iOAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,GAAOP,GAC7BD"}

package/build/popoverCloseButton.component-89388be1.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-c0f12ef5.js"),r=require("./chakra-ui-popover.esm-8a057795.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverCloseButton=function(t){var s=t.size,n=void 0===s?"xs":s,u=e.__rest(t,["size"]),a=r.usePopoverContext().onClose;return i.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:a,iconName:"close",position:"absolute",right:1,top:1,size:n},u))};
+//# sourceMappingURL=popoverCloseButton.component-89388be1.js.map

package/build/{popoverCloseButton.component-6a6e6909.js.map → popoverCloseButton.component-89388be1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverCloseButton.component-6a6e6909.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={1}\n      top={1}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC,GAGV"}
+{"version":3,"file":"popoverCloseButton.component-89388be1.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={1}\n      top={1}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}

package/build/{popoverFooter.component-7eb4ed58.js → popoverFooter.component-242363f4.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),t=require("./chakra-ui-popover.esm-7715e41a.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r);exports.PopoverFooter=function(r){var o=r.children,i=e.__rest(r,["children"]);return a.default.createElement(t.PopoverFooter,e.__assign({},i,{pb:3,pt:0,borderTop:0}),o)};
-//# sourceMappingURL=popoverFooter.component-7eb4ed58.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-8a057795.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r);exports.PopoverFooter=function(r){var o=r.children,i=e.__rest(r,["children"]);return a.default.createElement(t.PopoverFooter,e.__assign({},i,{pb:3,pt:0,borderTop:0}),o)};
+//# sourceMappingURL=popoverFooter.component-242363f4.js.map

package/build/{popoverFooter.component-7eb4ed58.js.map → popoverFooter.component-242363f4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-7eb4ed58.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooter as CPopoverFooter, PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/react';\n\nexport interface PopoverFooterProps extends CPopoverFooterProps {}\n\nexport const PopoverFooter = ({ children, ...rest }: PopoverFooterProps): JSX.Element => {\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderTop={0}>\n      {children}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","CPopoverFooter","__assign","pb","pt","borderTop"],"mappings":"mOAK6B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC5B,OACEI,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,CAAA,EAAKJ,EAAM,CAAAK,GAAI,EAAGC,GAAI,EAAGC,UAAW,IAChDR,EAGP"}
+{"version":3,"file":"popoverFooter.component-242363f4.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooter as CPopoverFooter, PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/react';\n\nexport interface PopoverFooterProps extends CPopoverFooterProps {}\n\nexport const PopoverFooter = ({ children, ...rest }: PopoverFooterProps): JSX.Element => {\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderTop={0}>\n      {children}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","CPopoverFooter","__assign","pb","pt","borderTop"],"mappings":"mOAK6B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC5B,OACEI,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,EAAM,CAAAK,GAAI,EAAGC,GAAI,EAAGC,UAAW,IAChDR"}

package/build/popoverFooterButtons.component-53b338db.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./popoverFooter.component-242363f4.js"),i=require("./button.component-c0f12ef5.js"),o=require("./chakra-ui-popover.esm-8a057795.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);exports.PopoverFooterButtons=function(t){var n=t.submitText,u=void 0===n?"Submit":n,l=t.isLoading,c=t.isDisabled,m=t.isDestructive;t.children;var d=t.onSubmit,v=t.allowCancel,f=void 0===v||v,p=t.onCancel,b=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","allowCancel","onCancel"]),C=o.usePopoverContext().onClose;return s.default.createElement(r.PopoverFooter,e.__assign({},b),s.default.createElement(a.Flex,{w:"100%"},f&&s.default.createElement(i.Button,{variant:"tertiary",size:"sm",onClick:function(){p&&p(),C()}},"Cancel"),s.default.createElement(a.Spacer,null),s.default.createElement(i.Button,{onClick:d,isLoading:l,isDisabled:c,size:"sm",variant:m?"primaryDestructive":"primary"},u)))};
+//# sourceMappingURL=popoverFooterButtons.component-53b338db.js.map

package/build/{popoverFooterButtons.component-8c24a6c6.js.map → popoverFooterButtons.component-53b338db.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooterButtons.component-8c24a6c6.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <PopoverFooter {...rest}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" 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          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </PopoverFooter>\n  );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,CAAA,EAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,GACF,aAUME,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH,IAKX"}
+{"version":3,"file":"popoverFooterButtons.component-53b338db.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <PopoverFooter {...rest}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" 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          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </PopoverFooter>\n  );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}

package/build/{popoverHeader.component-ef933e40.js → popoverHeader.component-34eb1b82.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),o=require("./heading.component-7d595aec.js"),t=require("./chakra-ui-popover.esm-7715e41a.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.PopoverHeader=function(r){var a=r.size,n=void 0===a?"sm":a,c=r.color,s=r.colorToken,l=r.children,u=e.__rest(r,["size","color","colorToken","children"]);return i.default.createElement(t.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(o.Heading,{size:n,colorToken:s,color:c},l))};
-//# sourceMappingURL=popoverHeader.component-ef933e40.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./heading.component-46024b9d.js"),t=require("./chakra-ui-popover.esm-8a057795.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.PopoverHeader=function(r){var a=r.size,n=void 0===a?"sm":a,c=r.color,s=r.colorToken,l=r.children,u=e.__rest(r,["size","color","colorToken","children"]);return i.default.createElement(t.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(o.Heading,{size:n,colorToken:s,color:c},l))};
+//# sourceMappingURL=popoverHeader.component-34eb1b82.js.map

package/build/{popoverHeader.component-ef933e40.js.map → popoverHeader.component-34eb1b82.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverHeader.component-ef933e40.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverHeader as CPopoverHeader, PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { TextColor } from 'shared/types';\n\nexport interface PopoverHeaderProps extends CPopoverHeaderProps {\n  size?: HeadingSize;\n  colorToken?: TextColor;\n}\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  color,\n  colorToken,\n  children,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  return (\n    <CPopoverHeader px={3} pt={3} pb={1} borderBottom={0} {...rest}>\n      <Heading size={size} colorToken={colorToken} color={color}>\n        {children}\n      </Heading>\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","_b","size","color","colorToken","children","rest","__rest","React","CPopoverHeader","__assign","px","pt","pb","borderBottom","createElement","Heading"],"mappings":"gRAW6B,SAACA,GAC5B,IAAAC,SAAAC,aAAO,KAAID,EACXE,EAAKH,EAAAG,MACLC,EAAUJ,EAAAI,WACVC,EAAQL,EAAAK,SACLC,EAAIC,EAAAA,OAAAP,EALqB,0CAO5B,OACEQ,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,GAAOR,GACxDE,EAAAA,QAAAO,cAACC,UAAQ,CAAAd,KAAMA,EAAME,WAAYA,EAAYD,MAAOA,GACjDE,GAIT"}
+{"version":3,"file":"popoverHeader.component-34eb1b82.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverHeader as CPopoverHeader, PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { TextColor } from 'shared/types';\n\nexport interface PopoverHeaderProps extends CPopoverHeaderProps {\n  size?: HeadingSize;\n  colorToken?: TextColor;\n}\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  color,\n  colorToken,\n  children,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  return (\n    <CPopoverHeader px={3} pt={3} pb={1} borderBottom={0} {...rest}>\n      <Heading size={size} colorToken={colorToken} color={color}>\n        {children}\n      </Heading>\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","_b","size","color","colorToken","children","rest","__rest","React","CPopoverHeader","__assign","px","pt","pb","borderBottom","createElement","Heading"],"mappings":"gRAW6B,SAACA,GAC5B,IAAAC,SAAAC,aAAO,KAAID,EACXE,EAAKH,EAAAG,MACLC,EAAUJ,EAAAI,WACVC,EAAQL,EAAAK,SACLC,EAAIC,EAAAA,OAAAP,EALqB,0CAO5B,OACEQ,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,GAAOR,GACxDE,EAAAA,QAAAO,cAACC,UAAQ,CAAAd,KAAMA,EAAME,WAAYA,EAAYD,MAAOA,GACjDE"}

package/build/radio.component-b6d50e84.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),r=require("./chakra-ui-radio.esm-ef11b348.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i);exports.Radio=function(i){var t=i.children,s=i.size,n=void 0===s?"md":s;i.isFieldInline;var l=e.__rest(i,["children","size","isFieldInline"]);return a.default.createElement(r.Radio,e.__assign({},l,{size:n,alignItems:"flex-start"}),t)};
+//# sourceMappingURL=radio.component-b6d50e84.js.map

package/build/{radio.component-8821f41e.js.map → radio.component-b6d50e84.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio.component-8821f41e.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n  size?: RadioSize;\n  isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n  return (\n    <CRadio {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"yNASqB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACpB,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,CAAA,EAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX,EAGP"}
+{"version":3,"file":"radio.component-b6d50e84.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n  size?: RadioSize;\n  isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n  return (\n    <CRadio {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"yNASqB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACpB,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,GAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX"}

package/build/{radioGroup.component-b5c612d5.js → radioGroup.component-4082cbef.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),i=require("./formControl.component-13591c3d.js"),a=require("./radio.component-8821f41e.js"),t=require("./chakra-ui-radio.esm-0b46b96d.js"),o=require("./chakra-ui-layout.esm-339b049e.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var i=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:c,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=i.withFormControl(d);exports.WrappedRadioGroup=u;
-//# sourceMappingURL=radioGroup.component-b5c612d5.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-6ce1e8a6.js"),a=require("./radio.component-b6d50e84.js"),t=require("./chakra-ui-radio.esm-ef11b348.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var i=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:c,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=i.withFormControl(d);exports.WrappedRadioGroup=u;
+//# sourceMappingURL=radioGroup.component-4082cbef.js.map

package/build/{radioGroup.component-b5c612d5.js.map → radioGroup.component-4082cbef.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-b5c612d5.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 '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CRadioGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,CAAA,EAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,IACrC,KAIT,EAEAJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
+{"version":3,"file":"radioGroup.component-4082cbef.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 '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CRadioGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}

package/build/ratingDot.component-776080cf.js

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

package/build/{ratingDot.component-1cbe2bf0.js.map → ratingDot.component-776080cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDot.component-1cbe2bf0.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport { Flex } from '@chakra-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 { colors } = useTheme();\n\n  const handleClick = useCallback((): void => {\n    if (onClick) onClick(number);\n  }, [number, onClick]);\n\n  return (\n    <>\n      {isInteractive ? (\n        isDisabled ? (\n          <Flex\n            as=\"button\"\n            bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n            color={selected ? 'white' : `${colors.background.brand}50`}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"not-allowed\"\n          >\n            {number}\n          </Flex>\n        ) : (\n          <Flex\n            as=\"button\"\n            onClick={handleClick}\n            bgColor={selected ? colors.background.brand : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${colors.background.brand}`}\n            color={selected ? colors.text.dark.default : colors.text.light.link}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"pointer\"\n            _hover={{\n              bg: selected ? colors.background.brand : colors.background.tealLight,\n            }}\n          >\n            {number}\n          </Flex>\n        )\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor={colors.background.brand}\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border={`2px solid ${colors.background.brand}`}\n          color={colors.text.dark.default}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":["_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight"],"mappings":"6NAYyB,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OAAEC,EAAaF,EAAAE,cAAEC,EAAUH,EAAAG,WAAEC,EAAOJ,EAAAI,QAAEC,EAAQL,EAAAK,SACtEC,EAAWC,oBAEbC,EAAcC,EAAAA,aAAY,WAC1BL,GAASA,EAAQH,EACvB,GAAG,CAACA,EAAQG,IAEZ,OACEM,gDACGR,EACCC,EACEO,EAAC,QAAAC,cAAAC,EAAAA,MACCC,GAAG,SACHC,QAAST,EAAcC,EAAOS,WAAWC,WAAY,cACrDC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,cAAaf,EAAW,cAAgBC,EAAOS,WAAWC,YAClEK,MAAOhB,EAAW,QAAaC,EAAOS,WAAWC,WACjDM,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,eAEN1B,GAGHS,EAAC,QAAAC,cAAAC,OACC,CAAAC,GAAG,SACHT,QAASI,EACTM,QAAST,EAAWC,EAAOS,WAAWC,MAAQ,cAC9CC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAad,EAAOS,WAAWC,MACvCK,MAAOhB,EAAWC,EAAOsB,KAAKC,KAAKC,QAAUxB,EAAOsB,KAAKG,MAAMC,KAC/DV,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,UACPM,OAAQ,CACNC,GAAI7B,EAAWC,EAAOS,WAAWC,MAAQV,EAAOS,WAAWoB,YAG5DlC,GAILS,UAACC,cAAAC,EAAAA,MACCC,GAAG,MACHC,QAASR,EAAOS,WAAWC,MAC3BC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAad,EAAOS,WAAWC,MACvCK,MAAOf,EAAOsB,KAAKC,KAAKC,QACxBR,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN1B,GAKX"}
+{"version":3,"file":"ratingDot.component-776080cf.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport { Flex } from '@chakra-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 { colors } = useTheme();\n\n  const handleClick = useCallback((): void => {\n    if (onClick) onClick(number);\n  }, [number, onClick]);\n\n  return (\n    <>\n      {isInteractive ? (\n        isDisabled ? (\n          <Flex\n            as=\"button\"\n            bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n            color={selected ? 'white' : `${colors.background.brand}50`}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"not-allowed\"\n          >\n            {number}\n          </Flex>\n        ) : (\n          <Flex\n            as=\"button\"\n            onClick={handleClick}\n            bgColor={selected ? colors.background.brand : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${colors.background.brand}`}\n            color={selected ? colors.text.dark.default : colors.text.light.link}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"pointer\"\n            _hover={{\n              bg: selected ? colors.background.brand : colors.background.tealLight,\n            }}\n          >\n            {number}\n          </Flex>\n        )\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor={colors.background.brand}\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border={`2px solid ${colors.background.brand}`}\n          color={colors.text.dark.default}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":["_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight"],"mappings":"6NAYyB,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OAAEC,EAAaF,EAAAE,cAAEC,EAAUH,EAAAG,WAAEC,EAAOJ,EAAAI,QAAEC,EAAQL,EAAAK,SACtEC,EAAWC,oBAEbC,EAAcC,EAAAA,aAAY,WAC1BL,GAASA,EAAQH,KACpB,CAACA,EAAQG,IAEZ,OACEM,gDACGR,EACCC,EACEO,EAAC,QAAAC,cAAAC,OACC,CAAAC,GAAG,SACHC,QAAST,EAAW,UAAGC,EAAOS,WAAWC,YAAY,cACrDC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAAC,OAAahB,EAAW,cAAgBC,EAAOS,WAAWC,YAClEM,MAAOjB,EAAW,QAAU,GAAGgB,OAAAf,EAAOS,WAAWC,MAAK,MACtDO,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,eAEN3B,GAGHS,EAAAA,QAACC,cAAAC,EAAIA,KACH,CAAAC,GAAG,SACHT,QAASI,EACTM,QAAST,EAAWC,EAAOS,WAAWC,MAAQ,cAC9CC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOjB,EAAWC,EAAOuB,KAAKC,KAAKC,QAAUzB,EAAOuB,KAAKG,MAAMC,KAC/DV,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,UACPM,OAAQ,CACNC,GAAI9B,EAAWC,EAAOS,WAAWC,MAAQV,EAAOS,WAAWqB,YAG5DnC,GAILS,UAAAC,cAACC,EAAIA,KAAA,CACHC,GAAG,MACHC,QAASR,EAAOS,WAAWC,MAC3BC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAQ,aAAaC,OAAAf,EAAOS,WAAWC,OACvCM,MAAOhB,EAAOuB,KAAKC,KAAKC,QACxBR,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}

package/build/ratingDots.component-1944ab02.js

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

package/build/{ratingDots.component-df4cab11.js.map → ratingDots.component-1944ab02.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-df4cab11.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 colorToken=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","colorToken","size","pr"],"mappings":"wTAiB0B,SAACA,OACzBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCA,OAAAC,aAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,EAAAA,SAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,CACT,GAAG,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,EAC/C,GAAG,CAACA,IAGFiB,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,UAAAC,cAACQ,EAAAA,UAAS,CACRC,IAAK,uBAAuBF,EAC5BG,OAAQH,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,GAPT,KAWzBR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,wBAACY,EAAAA,KAAI,CAACC,WAAW,SAASC,KAAK,MAC5BnC,GAGHqB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGzB,GAAYuB,EAAA,QAAAC,cAACW,EAAAA,KAAI,CAACC,WAAW,SAASC,KAAK,MAASzB,EAAU,MAAMZ,IACnEI,GAAiBmB,EAAA,QAAAC,cAACW,EAAAA,KAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DrC,GAAYsB,wBAACY,EAAIA,KAAA,CAACC,WAAW,SAASC,KAAK,MAASrB,QAAgBf,KAMjF"}
+{"version":3,"file":"ratingDots.component-1944ab02.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 colorToken=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","concat","number","Text","colorToken","size","pr"],"mappings":"wTAiB0B,SAACA,OACzBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCA,OAAAC,aAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,EAAAA,SAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,KAC5C,CAACA,IAGFiB,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,EAAAA,QAACC,cAAAQ,EAASA,UACR,CAAAC,IAAK,uBAAAC,OAAuBH,GAC5BI,OAAQJ,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,QAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,wBAACa,EAAAA,KAAI,CAACC,WAAW,SAASC,KAAK,MAC5BpC,GAGHqB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGzB,GAAYuB,EAAC,QAAAC,cAAAY,EAAIA,KAAC,CAAAC,WAAW,SAASC,KAAK,MAAM,GAAAJ,OAAGtB,EAAgB,OAAAsB,OAAAlC,KACnEI,GAAiBmB,EAAA,QAAAC,cAACY,EAAAA,KAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DtC,GAAYsB,EAAAA,sBAACa,EAAIA,KAAA,CAACC,WAAW,SAASC,KAAK,MAAM,GAAGJ,OAAAlB,EAAgB,OAAAkB,OAAAjC"}

package/build/select.component-e07985b0.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-3126d468.js"),l=require("./formControl.component-6ce1e8a6.js"),a=require("./menu.context-6276be4d.js"),r=require("./useTheme-d7d8c3f5.js"),o=require("./menuList.component-ca4f3e6b.js"),u=require("./chakra-ui-select.esm-c4102293.js"),s=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./truncatedText.component-d242bfa7.js"),i=require("./text.component-74ae29fd.js"),d=require("./chakra-ui-layout.esm-493ee04b.js"),m=require("./icon.component-3b012e4e.js"),f=require("./chakra-ui-menu.esm-75503743.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=p(t),v=function(t){var n=t.options,l=e.__rest(t,["options"]);return _.default.createElement(o.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},h=function(t){var n=t.options;return _.default.createElement(u.Select,e.__assign({className:"Select"},t),n.map((function(e,t){return _.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},x=function(e){var t=e.selectedOption,n=e.defaultLeftElement,l=e.shouldTruncateText,a=void 0===l||l,o=r.useTheme().colors,u=s.useAdaptiveColorMap(o.text,t.colorToken?t.colorToken:"default");return _.default.createElement(d.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:u},(null==t?void 0:t.leftElement)?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?a?_.default.createElement(c.TruncatedText,{color:u,className:"Select__Text",textContent:t.label||"",noOfLines:1}):_.default.createElement(i.Text,{color:u,className:"Select__Text"},t.label):t.label)},E=function(l){var o=l.defaultLeftElement;l.isFieldInline;var s=l.listProps,c=l.onChange,i=l.options,d=l.placeholder,p=l.size,E=void 0===p?"md":p,g=l.value,S=l.useBrowserDefaultMenu,T=l.maxW,b=void 0===T?"100%":T;l.colorToken;var j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),q=t.useRef(null),C=r.useTheme().colors,M=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),k=e.__read(t.useState([]),2),y=k[0],L=k[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||M}),[y,M]),N=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));L(n),(null==s?void 0:s.onSelect)&&s.onSelect(t)}}),[y,s]),F=(null==s?void 0:s.shouldTruncateText)?{}:{height:"max-content",minH:10},w=t.useMemo((function(){var e;return q.current?"".concat(null===(e=null==q?void 0:q.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==q?void 0:q.current]);return t.useEffect((function(){var t=i.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===g})}));L(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[M],!1))}),[i,M,g]),S&&c?_.default.createElement(h,e.__assign({},j,{maxW:b,size:E,options:i,onChange:c})):_.default.createElement(a.MenuProvider,{menuItems:y},_.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},_.default.createElement(u.Select,e.__assign({icon:_.default.createElement(m.Icon,{name:"chevronDown",size:E}),as:f.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(C.border.light.focus," !important"),borderColor:C.border.light.focus},ref:q,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:b,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[E]}},F,j),_.default.createElement(x,{selectedOption:W,defaultLeftElement:o,shouldTruncateText:null==s?void 0:s.shouldTruncateText})),_.default.createElement(v,e.__assign({},s,{onSelect:N,options:y,maxW:w||b}))))};E.displayName="Select";var g=l.withFormControl(E);exports.WrappedSelect=g;
+//# sourceMappingURL=select.component-e07985b0.js.map

package/build/{select.component-97f13ab3.js.map → select.component-e07985b0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-97f13ab3.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\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 from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(\n    colors.text,\n    selectedOption.colorToken ? selectedOption.colorToken : 'default',\n  );\n\n  return (\n    <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        shouldTruncateText ? (\n          <TruncatedText\n            color={adaptiveColor}\n            className=\"Select__Text\"\n            textContent={selectedOption.label || ''}\n            noOfLines={1}\n          />\n        ) : (\n          <Text color={adaptiveColor} className=\"Select__Text\">\n            {selectedOption.label}\n          </Text>\n        )\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize } from '../Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  colorToken,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const { colors } = useTheme();\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      colorToken: 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n          as={MenuButton}\n          _focus={{\n            boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n            borderColor: colors.border.light.focus,\n          }}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          maxW={maxW}\n          style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","createElement","CSelect","Select","className","map","option","index","key","value","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","color","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","placeholder","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","__spread","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","style","minHeight","xs","sm","md","lg","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
+{"version":3,"file":"select.component-e07985b0.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\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 from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(\n    colors.text,\n    selectedOption.colorToken ? selectedOption.colorToken : 'default',\n  );\n\n  return (\n    <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        shouldTruncateText ? (\n          <TruncatedText\n            color={adaptiveColor}\n            className=\"Select__Text\"\n            textContent={selectedOption.label || ''}\n            noOfLines={1}\n          />\n        ) : (\n          <Text color={adaptiveColor} className=\"Select__Text\">\n            {selectedOption.label}\n          </Text>\n        )\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize } from '../Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  colorToken,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const { colors } = useTheme();\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      colorToken: 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n          as={MenuButton}\n          _focus={{\n            boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n            borderColor: colors.border.light.focus,\n          }}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          maxW={maxW}\n          style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","className","map","option","index","createElement","key","concat","value","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","color","leftElement","pr","TruncatedText","textContent","noOfLines","Text","Select","listProps","onChange","placeholder","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","style","minHeight","xs","sm","md","lg","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shared/argTypes/color.argTypes.d.ts

@@ -1,4 +1,4 @@
 import { ArgType } from '@storybook/addons';
-declare type ColorComponent = 'text' | 'heading' | 'tag';
+type ColorComponent = 'text' | 'heading' | 'tag';
 export declare const getColorArgTypes: (component: ColorComponent) => ArgType;
 export {};

package/build/shared/types.d.ts

@@ -1,14 +1,14 @@
 import { Theme, SystemStyleObject } from '@chakra-ui/react';
-export declare type Dict<T = any> = Record<string, T>;
-export declare type Alignment = 'start' | 'end' | 'center';
-export declare type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-export declare type StyleInterpolationObject = {
+export type Dict<T = any> = Record<string, T>;
+export type Alignment = 'start' | 'end' | 'center';
+export type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+export type StyleInterpolationObject = {
     [part: string]: SystemStyleObject;
 };
-export declare type StyleInterpolationFunction = (options: StyleOptions) => {
+export type StyleInterpolationFunction = (options: StyleOptions) => {
     [part: string]: SystemStyleObject;
 };
-export declare type StyleInterpolation = StyleInterpolationObject | StyleInterpolationFunction;
+export type StyleInterpolation = StyleInterpolationObject | StyleInterpolationFunction;
 interface StyleOptions {
     theme: Theme;
     colorMode: 'light' | 'dark';
@@ -27,5 +27,5 @@ export interface CustomStyleConfig {
         size: string;
     };
 }
-export declare type TextColor = 'default' | 'headline' | 'subtle' | 'link' | 'placeholder' | 'success' | 'warning' | 'error';
+export type TextColor = 'default' | 'headline' | 'subtle' | 'link' | 'placeholder' | 'success' | 'warning' | 'error';
 export {};

package/build/sortableItem.component-9aab4eb2.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./core.esm-3a85aed4.js"),n=require("./sortableItem.context-f7dd54a1.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);function a(e,t,r){const n=e.slice();return n.splice(r<0?n.length+r:r,0,n.splice(t,1)[0]),n}function s(e,t){return e.reduce(((e,r,n)=>{const i=t.get(r);return i&&(e[n]=i),e}),Array(e.length))}function d(e){return null!==e&&e>=0}const l=e=>{let{rects:t,activeIndex:r,overIndex:n,index:i}=e;const o=a(t,n,r),s=t[i],d=o[i];return d&&s?{x:d.left-s.left,y:d.top-s.top,scaleX:d.width/s.width,scaleY:d.height/s.height}:null},c=o.default.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:l,disabled:{draggable:!1,droppable:!1}});const u=e=>{let{id:t,items:r,activeIndex:n,overIndex:i}=e;return a(r,n,i).indexOf(t)},f=e=>{let{containerId:t,isSorting:r,wasDragging:n,index:i,items:o,newIndex:a,previousItems:s,previousContainerId:d,transition:l}=e;return!(!l||!n)&&((s===o||i!==a)&&(!!r||a!==i&&t===d))},b={duration:200,easing:"ease"},g=r.CSS.Transition.toString({property:"transform",duration:0,easing:"linear"}),p={roleDescription:"sortable"};function v(e){let{animateLayoutChanges:n=f,attributes:i,disabled:o,data:a,getNewIndex:s=u,id:l,strategy:v,resizeObserverConfig:x,transition:I=b}=e;const{items:m,containerId:y,activeIndex:h,disabled:C,disableTransforms:R,sortedRects:S,overIndex:w,useDragOverlay:D,strategy:E}=t.useContext(c),N=function(e,t){var r,n;if("boolean"==typeof e)return{draggable:e,droppable:!1};return{draggable:null!=(r=null==e?void 0:e.draggable)?r:t.draggable,droppable:null!=(n=null==e?void 0:e.droppable)?n:t.droppable}}(o,C),O=m.indexOf(l),K=t.useMemo((()=>({sortable:{containerId:y,index:O,items:m},...a})),[y,a,O,m]),T=t.useMemo((()=>m.slice(m.indexOf(l))),[m,l]),{rect:M,node:j,isOver:A,setNodeRef:q}=r.useDroppable({id:l,data:K,disabled:N.droppable,resizeObserverConfig:{updateMeasurementsFor:T,...x}}),{active:L,activatorEvent:k,activeNodeRect:U,attributes:z,setNodeRef:B,listeners:F,isDragging:P,over:X,setActivatorNodeRef:Y,transform:_}=r.useDraggable({id:l,data:K,attributes:{...p,...i},disabled:N.draggable}),G=r.useCombinedRefs(q,B),H=Boolean(L),J=H&&!R&&d(h)&&d(w),Q=!D&&P,V=Q&&J?_:null,W=J?null!=V?V:(null!=v?v:E)({rects:S,activeNodeRect:U,activeIndex:h,overIndex:w,index:O}):null,Z=d(h)&&d(w)?s({id:l,items:m,activeIndex:h,overIndex:w}):O,$=null==L?void 0:L.id,ee=t.useRef({activeId:$,items:m,newIndex:Z,containerId:y}),te=m!==ee.current.items,re=n({active:L,containerId:y,isDragging:P,isSorting:H,id:l,index:O,items:m,newIndex:ee.current.newIndex,previousItems:ee.current.items,previousContainerId:ee.current.containerId,transition:I,wasDragging:null!=ee.current.activeId}),ne=function(e){let{disabled:n,index:i,node:o,rect:a}=e;const[s,d]=t.useState(null),l=t.useRef(i);return r.useIsomorphicLayoutEffect((()=>{if(!n&&i!==l.current&&o.current){const e=a.current;if(e){const t=r.getClientRect(o.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&d(n)}}i!==l.current&&(l.current=i)}),[n,i,o,a]),t.useEffect((()=>{s&&d(null)}),[s]),s}({disabled:!re,index:O,node:j,rect:M});return t.useEffect((()=>{H&&ee.current.newIndex!==Z&&(ee.current.newIndex=Z),y!==ee.current.containerId&&(ee.current.containerId=y),m!==ee.current.items&&(ee.current.items=m)}),[H,Z,y,m]),t.useEffect((()=>{if($===ee.current.activeId)return;if($&&!ee.current.activeId)return void(ee.current.activeId=$);const e=setTimeout((()=>{ee.current.activeId=$}),50);return()=>clearTimeout(e)}),[$]),{active:L,activeIndex:h,attributes:z,data:K,rect:M,index:O,newIndex:Z,items:m,isOver:A,isSorting:H,isDragging:P,listeners:F,node:j,overIndex:w,over:X,setNodeRef:G,setActivatorNodeRef:Y,setDroppableNodeRef:q,setDraggableNodeRef:B,transform:null!=ne?ne:W,transition:function(){if(ne||te&&ee.current.newIndex===O)return g;if(Q&&!r.isKeyboardEvent(k)||!I)return;if(H||re)return r.CSS.Transition.toString({...I,property:"transform"});return}()}}function x(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const I=[r.KeyboardCode.Down,r.KeyboardCode.Right,r.KeyboardCode.Up,r.KeyboardCode.Left];function m(e,t){return!(!x(e)||!x(t))&&e.data.current.sortable.containerId===t.data.current.sortable.containerId}exports.SortableContext=function(e){let{children:n,id:i,items:a,strategy:d=l,disabled:u=!1}=e;const{active:f,dragOverlay:b,droppableRects:g,over:p,measureDroppableContainers:v}=r.useDndContext(),x=r.useUniqueId("Sortable",i),I=Boolean(null!==b.rect),m=t.useMemo((()=>a.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[a]),y=null!=f,h=f?m.indexOf(f.id):-1,C=p?m.indexOf(p.id):-1,R=t.useRef(m),S=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(m,R.current),w=-1!==C&&-1===h||S,D=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(u);r.useIsomorphicLayoutEffect((()=>{S&&y&&v(m)}),[S,m,y,v]),t.useEffect((()=>{R.current=m}),[m]);const E=t.useMemo((()=>({activeIndex:h,containerId:x,disabled:D,disableTransforms:w,items:m,overIndex:C,useDragOverlay:I,sortedRects:s(m,g),strategy:d})),[h,x,D.draggable,D.droppable,w,m,C,g,I,d]);return o.default.createElement(c.Provider,{value:E},n)},exports.SortableItem=function(i){var a=i.children,s=i.id,d=i.style;i.onRemove;var l=v({id:s}),c=l.attributes,u=l.isDragging,f=l.listeners,b=l.setNodeRef,g=l.setActivatorNodeRef,p=l.transform,x=l.transition,I=t.useMemo((function(){return{attributes:c,listeners:f,ref:g}}),[c,f,g]),m=e.__assign({opacity:u?.4:void 0,transform:r.CSS.Translate.toString(p),transition:x,listStyle:"none"},d);return o.default.createElement(n.SortableItemContext.Provider,{value:I},o.default.createElement("li",{className:"SortableItem",ref:b,style:m},a))},exports.arrayMove=a,exports.sortableKeyboardCoordinates=(e,t)=>{let{context:{active:n,collisionRect:i,droppableRects:o,droppableContainers:a,over:s,scrollableAncestors:d}}=t;if(I.includes(e.code)){if(e.preventDefault(),!n||!i)return;const t=[];a.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const a=o.get(n.id);if(a)switch(e.code){case r.KeyboardCode.Down:i.top<a.top&&t.push(n);break;case r.KeyboardCode.Up:i.top>a.top&&t.push(n);break;case r.KeyboardCode.Left:i.left>a.left&&t.push(n);break;case r.KeyboardCode.Right:i.left<a.left&&t.push(n)}}));const l=r.closestCorners({active:n,collisionRect:i,droppableRects:o,droppableContainers:t,pointerCoordinates:null});let c=r.getFirstCollision(l,"id");if(c===(null==s?void 0:s.id)&&l.length>1&&(c=l[1].id),null!=c){const e=a.get(n.id),t=a.get(c),s=t?o.get(t.id):null,l=null==t?void 0:t.node.current;if(l&&s&&e&&t){const n=r.getScrollableAncestors(l).some(((e,t)=>d[t]!==e)),o=m(e,t),a=function(e,t){if(!x(e)||!x(t))return!1;if(!m(e,t))return!1;return e.data.current.sortable.index<t.data.current.sortable.index}(e,t),c=n||!o?{x:0,y:0}:{x:a?i.width-s.width:0,y:a?i.height-s.height:0},u={x:s.left,y:s.top};return c.x&&c.y?u:r.subtract(u,c)}}}};
+//# sourceMappingURL=sortableItem.component-9aab4eb2.js.map