@televet/kibble-ui 1.20.21-beta.cs43 → 1.20.21-beta.cs44

package/build/notificationCounter.component-43b4f7c4.js

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

package/build/notificationCounter.component-43b4f7c4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.component-43b4f7c4.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 from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport { FlexProps } from '@chakra-ui/layout';\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":"sRAEYA,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,mCCF6B,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,EDxCqB,GCyCnB2B,EAAAA,QAAAC,cAACC,EAAAA,QAAG,CACFd,gBAAiBF,EAA0BP,GAASY,MACpDY,aAAcpB,EAAMqB,MAAMC,KAC1BC,OAAQpC,EAA4BK,GACpCgC,MAAOrC,EAA4BK,KAGrCF,EAAQ,GAAKA,EAGjB,OACE2B,EAAC,QAAAC,cAAAO,EAAAA,QACKC,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-de23088c.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./chakra-ui-popover.esm-858514b7.js"),t=require("./withDarkMode-4c41b000.js"),a=require("./useTheme-7f0abde2.js"),s=require("./useAdaptiveColor-8ade5296.js"),d=require("./text.component-7e0398d5.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,g=void 0===v?"sm":v,f=r.shadow,h=void 0===f?"md":f,m=r.contentProps,b=e.__rest(r,["children","popoverTrigger","darkMode","allowEscape","size","shadow","contentProps"]),k=a.useTheme(),w=k.colors,E=k.components.Popover[g].width,P=s.useAdaptiveColor(w.background),j=u?w.background.dark:P,q=u?w.background.dark:w.border.light.default;return n.default.createElement(o.Popover,e.__assign({},b,{closeOnBlur:p,closeOnEsc:p}),n.default.createElement(o.PopoverTrigger,null,l),t.withDarkMode(n.default.createElement(o.PopoverContent,e.__assign({width:E,bg:j,borderColor:q,shadow:h},m),n.default.createElement(o.PopoverArrow,{bg:j}),n.default.createElement(d.Text,{size:"sm"},i)),!!u))};
+//# sourceMappingURL=popover.component-de23088c.js.map

package/build/popover.component-de23088c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component-de23088c.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/popover';\nimport { withDarkMode } from 'hocs/withDarkMode';\nimport { useTheme } from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { Text } from 'components/Text/text.component';\nimport { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';\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-14e9cde8.js

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

package/build/popoverBody.component-14e9cde8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverBody.component-14e9cde8.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/popover';\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-41490c2f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./chakra-ui-popover.esm-858514b7.js"),r=require("./button.component-0ead2cac.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,a=e.__rest(t,["size"]),u=o.usePopoverContext().onClose;return i.default.createElement(r.Button,e.__assign({variant:"ghostNeutral",onClick:u,iconName:"close",position:"absolute",right:1,top:1,size:n},a))};
+//# sourceMappingURL=popoverCloseButton.component-41490c2f.js.map

package/build/popoverCloseButton.component-41490c2f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverCloseButton.component-41490c2f.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/popover';\nimport { Button, ButtonProps } from 'components/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-de9eb6b5.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-858514b7.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-de9eb6b5.js.map

package/build/popoverFooter.component-de9eb6b5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFooter.component-de9eb6b5.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/popover';\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-e5e51a43.js

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

package/build/popoverFooterButtons.component-e5e51a43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFooterButtons.component-e5e51a43.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext } from '@chakra-ui/popover';\nimport Spacer from 'chakra/components/Spacer';\nimport Flex from 'chakra/components/Flex';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from 'components/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":"yaAiBoC,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,QAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAM,QAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}

package/build/popoverHeader.component-cc3deb65.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./chakra-ui-popover.esm-858514b7.js"),t=require("./heading.component-772d18fa.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(o.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(t.Heading,{size:n,colorToken:s,color:c},l))};
+//# sourceMappingURL=popoverHeader.component-cc3deb65.js.map

package/build/popoverHeader.component-cc3deb65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverHeader.component-cc3deb65.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/popover';\nimport { Heading } from 'components/Heading/heading.component';\nimport { HeadingSize } from 'components/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-dee5645f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),r=require("./chakra-ui-radio.esm-7fa5bfc7.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-dee5645f.js.map

package/build/radio.component-dee5645f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component-dee5645f.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/radio';\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-a5d753d4.js

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

package/build/radioGroup.component-a5d753d4.js.map

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

package/build/ratingDots.component-708145f7.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra/components/Flex/index.js"),r=require("./text.component-7e0398d5.js"),a=require("./useTheme-7f0abde2.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),c=function(e){var r=e.number,o=e.isInteractive,c=e.isDisabled,u=e.onClick,d=e.selected,s=a.useTheme().colors,i=t.useCallback((function(){u&&u(r)}),[r,u]);return l.default.createElement(l.default.Fragment,null,o?c?l.default.createElement(n.default,{as:"button",bgColor:d?"".concat(s.background.brand,"80"):"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(d?"transparent":s.background.brand,"50"),color:d?"white":"".concat(s.background.brand,"50"),mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},r):l.default.createElement(n.default,{as:"button",onClick:i,bgColor:d?s.background.brand:"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(s.background.brand),color:d?s.text.dark.default:s.text.light.link,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"pointer",_hover:{bg:d?s.background.brand:s.background.tealLight}},r):l.default.createElement(n.default,{as:"div",bgColor:s.background.brand,h:"40px",w:"40px",borderRadius:"20px",border:"2px solid ".concat(s.background.brand),color:s.text.dark.default,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},r))};exports.RatingDots=function(a){var o=a.minValue,u=a.maxValue,d=a.minLabel,s=a.maxLabel,i=a.centeredLabel,f=a.isDisabled,b=a.isInteractive,m=a.onClick,x=a.selected,p=e.__read(t.useState(),2),g=p[0],k=p[1],E=t.useMemo((function(){return Math.round(o)}),[o]),h=t.useMemo((function(){return Math.round(u)}),[u]),C=t.useMemo((function(){for(var e=[],t=E;t<=h;t++)e.push(t);return e}),[h,E]);return t.useEffect((function(){void 0!==x&&k(x)}),[x]),l.default.createElement(l.default.Fragment,null,l.default.createElement(n.default,{my:4,flexWrap:"wrap",justifyContent:b?"center":"flex-start"},C.map((function(e){return l.default.createElement(c,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:b,onClick:m,isDisabled:f,selected:g===e})}))),l.default.createElement(n.default,{justifyContent:b?i?"center":"space-between":"flex-start"},i?l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},i):l.default.createElement(l.default.Fragment,null,d&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},"".concat(E," - ").concat(d)),!b&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm",pr:1},","),s&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},"".concat(h," - ").concat(s)))))};
+//# sourceMappingURL=ratingDots.component-708145f7.js.map

package/build/ratingDots.component-708145f7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratingDots.component-708145f7.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport Flex from 'chakra/components/Flex';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\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","import React, { useEffect, useMemo, useState } from 'react';\nimport Flex from 'chakra/components/Flex';\nimport { Text } from 'components/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":["RatingDot","_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight","minValue","maxValue","minLabel","maxLabel","centeredLabel","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","Fragment","my","flexWrap","map","value","key","Text","colorToken","size","pr"],"mappings":"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"}

package/build/select.component-b4a0a48a.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-form-control.esm-a5df3bc9.js"),r=require("./chakra-ui-system.esm-63032e8d.js"),l=require("./chakra-ui-utils.esm-21814a28.js"),a=require("./chakra-ui-menu.esm-fa770644.js"),o=require("./menuContainer.component-76008993.js"),i=require("./formControl.component-7458724c.js"),c=require("./menu.context-6276be4d.js"),s=require("./useTheme-7f0abde2.js"),u=require("./menuList.component-63bc07dd.js"),d=require("./chakra/components/Flex/index.js"),m=require("./useAdaptiveColorMap-331c06f5.js"),f=require("./truncatedText.component-275ca46a.js"),p=require("./text.component-7e0398d5.js"),h=require("./icon.component-44c312d6.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=v(t),E=_(t);function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}function b(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}var S=["children","placeholder","className"],y=["rootProps","placeholder","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth"],j=["children"],T=r.forwardRef((function(e,t){var n=e.children,a=e.placeholder,o=e.className,i=b(e,S);return g.createElement(r.chakra.select,x({},i,{ref:t,className:l.cx("chakra-select",o)}),a&&g.createElement("option",{value:""},a),n)}));l.__DEV__&&(T.displayName="SelectField");var k=r.forwardRef((function(e,t){var a=r.useMultiStyleConfig("Select",e),o=r.omitThemingProps(e),i=o.rootProps,c=o.placeholder,s=o.icon,u=o.color,d=o.height,m=o.h,f=o.minH,p=o.minHeight,h=o.iconColor,_=o.iconSize;o.isFullWidth;var v=b(o,y),E=l.split(v,r.layoutPropNames),S=E[0],j=E[1],k=n.useFormControl(j),C={width:"100%",height:"fit-content",position:"relative",color:u},N=l.mergeWith({paddingEnd:"2rem"},a.field,{_focus:{zIndex:"unset"}});return g.createElement(r.chakra.div,x({className:"chakra-select__wrapper",__css:C},S,i),g.createElement(T,x({ref:t,height:null!=m?m:d,minH:null!=f?f:p,placeholder:c},k,{__css:N}),e.children),g.createElement(q,x({"data-disabled":l.dataAttr(k.disabled)},(h||u)&&{color:h||u},{__css:a.icon},_&&{fontSize:_}),s))}));l.__DEV__&&(k.displayName="Select");var C=function(e){return g.createElement("svg",x({viewBox:"0 0 24 24"},e),g.createElement("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))},N=r.chakra("div",{baseStyle:{position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",top:"50%",transform:"translateY(-50%)"}}),q=function(e){var t=e.children,n=void 0===t?g.createElement(C,null):t,r=b(e,j),l=g.cloneElement(n,{role:"presentation",className:"chakra-select__icon",focusable:!1,"aria-hidden":!0,style:{width:"1em",height:"1em",color:"currentColor"}});return g.createElement(N,x({},r,{className:"chakra-select__icon-wrapper"}),g.isValidElement(n)?l:null)};l.__DEV__&&(q.displayName="SelectIcon");var M=function(t){var n=t.options,r=e.__rest(t,["options"]);return E.default.createElement(u.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},r))},w=function(t){var n=t.options;return E.default.createElement(k,e.__assign({className:"Select"},t),n.map((function(e,t){return E.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},O=function(e){var t=e.selectedOption,n=e.defaultLeftElement,r=e.shouldTruncateText,l=void 0===r||r,a=s.useTheme().colors,o=m.useAdaptiveColorMap(a.text,t.colorToken?t.colorToken:"default");return E.default.createElement(d.default,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:o},(null==t?void 0:t.leftElement)?E.default.createElement(d.default,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?E.default.createElement(d.default,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?l?E.default.createElement(f.TruncatedText,{color:o,className:"Select__Text",textContent:t.label||"",noOfLines:1}):E.default.createElement(p.Text,{color:o,className:"Select__Text"},t.label):t.label)},P=function(n){var r=n.defaultLeftElement;n.isFieldInline;var l=n.listProps,i=n.onChange,u=n.options,d=n.placeholder,m=n.size,f=void 0===m?"md":m,p=n.value,_=n.useBrowserDefaultMenu,v=n.maxW,g=void 0===v?"100%":v;n.colorToken;var x=e.__rest(n,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),b=t.useRef(null),S=s.useTheme().colors,y=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),j=e.__read(t.useState([]),2),T=j[0],C=j[1],N=t.useMemo((function(){var e=T.find((function(e){return e.isSelected}));return e||y}),[T,y]),q=t.useCallback((function(t){if(T){var n=T.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));C(n),(null==l?void 0:l.onSelect)&&l.onSelect(t)}}),[T,l]),P=(null==l?void 0:l.shouldTruncateText)?{}:{height:"max-content",minH:10},W=t.useMemo((function(){var e;return b.current?"".concat(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==b?void 0:b.current]);return t.useEffect((function(){var t=u.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===p})}));C(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[y],!1))}),[u,y,p]),_&&i?E.default.createElement(w,e.__assign({},x,{maxW:g,size:f,options:u,onChange:i})):E.default.createElement(c.MenuProvider,{menuItems:T},E.default.createElement(o.MenuContainer,{matchWidth:!0,isLazy:!0},E.default.createElement(k,e.__assign({icon:E.default.createElement(h.Icon,{name:"chevronDown",size:f}),as:a.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(S.border.light.focus," !important"),borderColor:S.border.light.focus},ref:b,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:g,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[f]}},P,x),E.default.createElement(O,{selectedOption:N,defaultLeftElement:r,shouldTruncateText:null==l?void 0:l.shouldTruncateText})),E.default.createElement(M,e.__assign({},l,{onSelect:q,options:T,maxW:W||g}))))};P.displayName="Select";var W=i.withFormControl(P);exports.WrappedSelect=W;
+//# sourceMappingURL=select.component-b4a0a48a.js.map

package/build/select.component-b4a0a48a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.component-b4a0a48a.js","sources":["../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js","../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 { useFormControl } from '@chakra-ui/form-control';\nimport { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { cx, __DEV__, split, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"placeholder\", \"className\"],\n    _excluded2 = [\"rootProps\", \"placeholder\", \"icon\", \"color\", \"height\", \"h\", \"minH\", \"minHeight\", \"iconColor\", \"iconSize\", \"isFullWidth\"],\n    _excluded3 = [\"children\"];\nvar SelectField = /*#__PURE__*/forwardRef(function (props, ref) {\n  var children = props.children,\n      placeholder = props.placeholder,\n      className = props.className,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  return /*#__PURE__*/React.createElement(chakra.select, _extends({}, rest, {\n    ref: ref,\n    className: cx(\"chakra-select\", className)\n  }), placeholder && /*#__PURE__*/React.createElement(\"option\", {\n    value: \"\"\n  }, placeholder), children);\n});\n\nif (__DEV__) {\n  SelectField.displayName = \"SelectField\";\n}\n\n/**\n * React component used to select one item from a list of options.\n */\nvar Select = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Select\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      rootProps = _omitThemingProps.rootProps,\n      placeholder = _omitThemingProps.placeholder,\n      icon = _omitThemingProps.icon,\n      color = _omitThemingProps.color,\n      height = _omitThemingProps.height,\n      h = _omitThemingProps.h,\n      minH = _omitThemingProps.minH,\n      minHeight = _omitThemingProps.minHeight,\n      iconColor = _omitThemingProps.iconColor,\n      iconSize = _omitThemingProps.iconSize;\n      _omitThemingProps.isFullWidth;\n      var rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var _split = split(rest, layoutPropNames),\n      layoutProps = _split[0],\n      otherProps = _split[1];\n\n  var ownProps = useFormControl(otherProps);\n  var rootStyles = {\n    width: \"100%\",\n    height: \"fit-content\",\n    position: \"relative\",\n    color: color\n  };\n  var fieldStyles = mergeWith({\n    paddingEnd: \"2rem\"\n  }, styles.field, {\n    _focus: {\n      zIndex: \"unset\"\n    }\n  });\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: \"chakra-select__wrapper\",\n    __css: rootStyles\n  }, layoutProps, rootProps), /*#__PURE__*/React.createElement(SelectField, _extends({\n    ref: ref,\n    height: h != null ? h : height,\n    minH: minH != null ? minH : minHeight,\n    placeholder: placeholder\n  }, ownProps, {\n    __css: fieldStyles\n  }), props.children), /*#__PURE__*/React.createElement(SelectIcon, _extends({\n    \"data-disabled\": dataAttr(ownProps.disabled)\n  }, (iconColor || color) && {\n    color: iconColor || color\n  }, {\n    __css: styles.icon\n  }, iconSize && {\n    fontSize: iconSize\n  }), icon));\n});\n\nif (__DEV__) {\n  Select.displayName = \"Select\";\n}\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n  }));\n};\nvar IconWrapper = chakra(\"div\", {\n  baseStyle: {\n    position: \"absolute\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    pointerEvents: \"none\",\n    top: \"50%\",\n    transform: \"translateY(-50%)\"\n  }\n});\n\nvar SelectIcon = function SelectIcon(props) {\n  var _props$children = props.children,\n      children = _props$children === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded3);\n\n  var clone = /*#__PURE__*/React.cloneElement(children, {\n    role: \"presentation\",\n    className: \"chakra-select__icon\",\n    focusable: false,\n    \"aria-hidden\": true,\n    // force icon to adhere to `IconWrapper` styles\n    style: {\n      width: \"1em\",\n      height: \"1em\",\n      color: \"currentColor\"\n    }\n  });\n  return /*#__PURE__*/React.createElement(IconWrapper, _extends({}, rest, {\n    className: \"chakra-select__icon-wrapper\"\n  }), /*#__PURE__*/React.isValidElement(children) ? clone : null);\n};\n\nif (__DEV__) {\n  SelectIcon.displayName = \"SelectIcon\";\n}\n\nexport { DefaultIcon, Select, SelectField };\n","import React from 'react';\nimport { MenuList, MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\n\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/select';\nimport { BrowserDefaultSelectProps } from 'components/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 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from 'components/TruncatedText/truncatedText.component';\nimport { Text } from 'components/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 } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport { MenuContainer } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'components/FormControl/formControl.component';\nimport { MenuProvider } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from 'components/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":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded","_excluded2","_excluded3","SelectField","forwardRef","props","ref","children","placeholder","className","rest","React","createElement","chakra","select","cx","value","__DEV__","displayName","Select","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","rootProps","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth","_split","split","layoutPropNames","layoutProps","otherProps","ownProps","useFormControl","rootStyles","width","position","fieldStyles","mergeWith","paddingEnd","field","_focus","zIndex","div","__css","SelectIcon","dataAttr","disabled","fontSize","DefaultIcon","viewBox","fill","d","IconWrapper","baseStyle","display","alignItems","justifyContent","pointerEvents","top","transform","_props$children","clone","cloneElement","role","focusable","style","isValidElement","SelectList","options","__rest","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","map","option","index","concat","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","Icon","name","as","MenuButton","boxShadow","border","light","focus","borderColor","onClick","event","stopPropagation","type","xs","sm","md","lg","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shadows.config-fd05bf52.js

@@ -0,0 +1,2 @@
+"use strict";exports.shadows={xs:"0 0 0 1px rgba(0, 0, 0, 0.05)",xsR:"0px 0px 0px 1px rgba(0, 0, 0, 0.05)",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",smR:" 0px -1px 2px rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",baseR:"0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)",mdR:"0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",lgR:"0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",xlR:"0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)","2xlR":"0px -25px 50px -12px rgba(0, 0, 0, 0.25)",outline:"0 0 0 3px rgba(66, 153, 225, 0.6)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none","dark-lg":"rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"};
+//# sourceMappingURL=shadows.config-fd05bf52.js.map

package/build/shadows.config-fd05bf52.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.config-fd05bf52.js","sources":["../src/theme/tokens/shadows/shadows.config.ts"],"sourcesContent":["import { Shadows } from './shadows.types';\n\nexport const shadows: Shadows = {\n  xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',\n  xsR: '0px 0px 0px 1px rgba(0, 0, 0, 0.05)',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  smR: ' 0px -1px 2px rgba(0, 0, 0, 0.05)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n  baseR: '0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)',\n  mdR: '0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n  lgR: '0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  xlR: '0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)',\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n  '2xlR': '0px -25px 50px -12px rgba(0, 0, 0, 0.25)',\n  outline: '0 0 0 3px rgba(66, 153, 225, 0.6)',\n  inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',\n  none: 'none',\n  'dark-lg': 'rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px',\n};\n"],"names":["xs","xsR","sm","smR","base","baseR","mdR","md","lg","lgR","xl","xlR","outline","inner","none"],"mappings":"6BAEgC,CAC9BA,GAAI,gCACJC,IAAK,sCACLC,GAAI,kCACJC,IAAK,oCACLC,KAAM,kEACNC,MAAO,oEACPC,IAAK,8EACLC,GAAI,wEACJC,GAAI,0EACJC,IAAK,gFACLC,GAAI,4EACJC,IAAK,kFACL,MAAO,wCACP,OAAQ,2CACRC,QAAS,oCACTC,MAAO,qCACPC,KAAM,OACN,UAAW"}

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

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

package/build/shared/keyframes.d.ts

@@ -0,0 +1,5 @@
+export declare const Keyframes: {
+    spin: import("@emotion/serialize").Keyframes;
+    fadeIn: import("@emotion/serialize").Keyframes;
+    pop: import("@emotion/serialize").Keyframes;
+};

package/build/shared/types.d.ts

@@ -0,0 +1,32 @@
+import { Theme } from '@chakra-ui/theme';
+import { SystemStyleObject } from '@chakra-ui/styled-system';
+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 = {
+    [part: string]: SystemStyleObject;
+};
+export declare type StyleInterpolationFunction = (options: StyleOptions) => {
+    [part: string]: SystemStyleObject;
+};
+export declare type StyleInterpolation = StyleInterpolationObject | StyleInterpolationFunction;
+interface StyleOptions {
+    theme: Theme;
+    colorMode: 'light' | 'dark';
+    colorScheme: string;
+}
+export interface CustomStyleConfig {
+    baseStyle: StyleInterpolation;
+    sizes: {
+        [size: string]: StyleInterpolation;
+    };
+    variants: {
+        [variant: string]: StyleInterpolation;
+    };
+    defaultProps?: {
+        variant: string;
+        size: string;
+    };
+}
+export declare 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortableItem.component-9aab4eb2.js","sources":["../node_modules/@dnd-kit/sortable/dist/sortable.esm.js","../src/components/SortableList/components/SortableItem/sortableItem.component.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, useState, useContext } from 'react';\nimport { useDndContext, getClientRect, useDroppable, useDraggable, closestCorners, getFirstCollision, getScrollableAncestors, KeyboardCode } from '@dnd-kit/core';\nimport { useUniqueId, useIsomorphicLayoutEffect, CSS, useCombinedRefs, isKeyboardEvent, subtract } from '@dnd-kit/utilities';\n\n/**\r\n * Move an array item to a different position. Returns a new array with the item moved to the new position.\r\n */\nfunction arrayMove(array, from, to) {\n  const newArray = array.slice();\n  newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);\n  return newArray;\n}\n\n/**\r\n * Swap an array item to a different position. Returns a new array with the item swapped to the new position.\r\n */\nfunction arraySwap(array, from, to) {\n  const newArray = array.slice();\n  newArray[from] = array[to];\n  newArray[to] = array[from];\n  return newArray;\n}\n\nfunction getSortedRects(items, rects) {\n  return items.reduce((accumulator, id, index) => {\n    const rect = rects.get(id);\n\n    if (rect) {\n      accumulator[index] = rect;\n    }\n\n    return accumulator;\n  }, Array(items.length));\n}\n\nfunction isValidIndex(index) {\n  return index !== null && index >= 0;\n}\n\nfunction itemsEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n\n  if (a.length !== b.length) {\n    return false;\n  }\n\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction normalizeDisabled(disabled) {\n  if (typeof disabled === 'boolean') {\n    return {\n      draggable: disabled,\n      droppable: disabled\n    };\n  }\n\n  return disabled;\n}\n\n// To-do: We should be calculating scale transformation\nconst defaultScale = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst horizontalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    rects,\n    activeNodeRect: fallbackActiveRect,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  const itemGap = getItemGap(rects, index, activeIndex);\n\n  if (index === activeIndex) {\n    const newIndexRect = rects[overIndex];\n\n    if (!newIndexRect) {\n      return null;\n    }\n\n    return {\n      x: activeIndex < overIndex ? newIndexRect.left + newIndexRect.width - (activeNodeRect.left + activeNodeRect.width) : newIndexRect.left - activeNodeRect.left,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: -activeNodeRect.width - itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: activeNodeRect.width + itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale\n  };\n};\n\nfunction getItemGap(rects, index, activeIndex) {\n  const currentRect = rects[index];\n  const previousRect = rects[index - 1];\n  const nextRect = rects[index + 1];\n\n  if (!currentRect || !previousRect && !nextRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.left - (previousRect.left + previousRect.width) : nextRect.left - (currentRect.left + currentRect.width);\n  }\n\n  return nextRect ? nextRect.left - (currentRect.left + currentRect.width) : currentRect.left - (previousRect.left + previousRect.width);\n}\n\nconst rectSortingStrategy = _ref => {\n  let {\n    rects,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const newRects = arrayMove(rects, overIndex, activeIndex);\n  const oldRect = rects[index];\n  const newRect = newRects[index];\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\nconst rectSwappingStrategy = _ref => {\n  let {\n    activeIndex,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  let oldRect;\n  let newRect;\n\n  if (index === activeIndex) {\n    oldRect = rects[index];\n    newRect = rects[overIndex];\n  }\n\n  if (index === overIndex) {\n    oldRect = rects[index];\n    newRect = rects[activeIndex];\n  }\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\n// To-do: We should be calculating scale transformation\nconst defaultScale$1 = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst verticalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    activeIndex,\n    activeNodeRect: fallbackActiveRect,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  if (index === activeIndex) {\n    const overIndexRect = rects[overIndex];\n\n    if (!overIndexRect) {\n      return null;\n    }\n\n    return {\n      x: 0,\n      y: activeIndex < overIndex ? overIndexRect.top + overIndexRect.height - (activeNodeRect.top + activeNodeRect.height) : overIndexRect.top - activeNodeRect.top,\n      ...defaultScale$1\n    };\n  }\n\n  const itemGap = getItemGap$1(rects, index, activeIndex);\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: 0,\n      y: -activeNodeRect.height - itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: 0,\n      y: activeNodeRect.height + itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale$1\n  };\n};\n\nfunction getItemGap$1(clientRects, index, activeIndex) {\n  const currentRect = clientRects[index];\n  const previousRect = clientRects[index - 1];\n  const nextRect = clientRects[index + 1];\n\n  if (!currentRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.top - (previousRect.top + previousRect.height) : nextRect ? nextRect.top - (currentRect.top + currentRect.height) : 0;\n  }\n\n  return nextRect ? nextRect.top - (currentRect.top + currentRect.height) : previousRect ? currentRect.top - (previousRect.top + previousRect.height) : 0;\n}\n\nconst ID_PREFIX = 'Sortable';\nconst Context = /*#__PURE__*/React.createContext({\n  activeIndex: -1,\n  containerId: ID_PREFIX,\n  disableTransforms: false,\n  items: [],\n  overIndex: -1,\n  useDragOverlay: false,\n  sortedRects: [],\n  strategy: rectSortingStrategy,\n  disabled: {\n    draggable: false,\n    droppable: false\n  }\n});\nfunction SortableContext(_ref) {\n  let {\n    children,\n    id,\n    items: userDefinedItems,\n    strategy = rectSortingStrategy,\n    disabled: disabledProp = false\n  } = _ref;\n  const {\n    active,\n    dragOverlay,\n    droppableRects,\n    over,\n    measureDroppableContainers\n  } = useDndContext();\n  const containerId = useUniqueId(ID_PREFIX, id);\n  const useDragOverlay = Boolean(dragOverlay.rect !== null);\n  const items = useMemo(() => userDefinedItems.map(item => typeof item === 'object' && 'id' in item ? item.id : item), [userDefinedItems]);\n  const isDragging = active != null;\n  const activeIndex = active ? items.indexOf(active.id) : -1;\n  const overIndex = over ? items.indexOf(over.id) : -1;\n  const previousItemsRef = useRef(items);\n  const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);\n  const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;\n  const disabled = normalizeDisabled(disabledProp);\n  useIsomorphicLayoutEffect(() => {\n    if (itemsHaveChanged && isDragging) {\n      measureDroppableContainers(items);\n    }\n  }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);\n  useEffect(() => {\n    previousItemsRef.current = items;\n  }, [items]);\n  const contextValue = useMemo(() => ({\n    activeIndex,\n    containerId,\n    disabled,\n    disableTransforms,\n    items,\n    overIndex,\n    useDragOverlay,\n    sortedRects: getSortedRects(items, droppableRects),\n    strategy\n  }), // eslint-disable-next-line react-hooks/exhaustive-deps\n  [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]);\n  return React.createElement(Context.Provider, {\n    value: contextValue\n  }, children);\n}\n\nconst defaultNewIndexGetter = _ref => {\n  let {\n    id,\n    items,\n    activeIndex,\n    overIndex\n  } = _ref;\n  return arrayMove(items, activeIndex, overIndex).indexOf(id);\n};\nconst defaultAnimateLayoutChanges = _ref2 => {\n  let {\n    containerId,\n    isSorting,\n    wasDragging,\n    index,\n    items,\n    newIndex,\n    previousItems,\n    previousContainerId,\n    transition\n  } = _ref2;\n\n  if (!transition || !wasDragging) {\n    return false;\n  }\n\n  if (previousItems !== items && index === newIndex) {\n    return false;\n  }\n\n  if (isSorting) {\n    return true;\n  }\n\n  return newIndex !== index && containerId === previousContainerId;\n};\nconst defaultTransition = {\n  duration: 200,\n  easing: 'ease'\n};\nconst transitionProperty = 'transform';\nconst disabledTransition = /*#__PURE__*/CSS.Transition.toString({\n  property: transitionProperty,\n  duration: 0,\n  easing: 'linear'\n});\nconst defaultAttributes = {\n  roleDescription: 'sortable'\n};\n\n/*\r\n * When the index of an item changes while sorting,\r\n * we need to temporarily disable the transforms\r\n */\n\nfunction useDerivedTransform(_ref) {\n  let {\n    disabled,\n    index,\n    node,\n    rect\n  } = _ref;\n  const [derivedTransform, setDerivedtransform] = useState(null);\n  const previousIndex = useRef(index);\n  useIsomorphicLayoutEffect(() => {\n    if (!disabled && index !== previousIndex.current && node.current) {\n      const initial = rect.current;\n\n      if (initial) {\n        const current = getClientRect(node.current, {\n          ignoreTransform: true\n        });\n        const delta = {\n          x: initial.left - current.left,\n          y: initial.top - current.top,\n          scaleX: initial.width / current.width,\n          scaleY: initial.height / current.height\n        };\n\n        if (delta.x || delta.y) {\n          setDerivedtransform(delta);\n        }\n      }\n    }\n\n    if (index !== previousIndex.current) {\n      previousIndex.current = index;\n    }\n  }, [disabled, index, node, rect]);\n  useEffect(() => {\n    if (derivedTransform) {\n      setDerivedtransform(null);\n    }\n  }, [derivedTransform]);\n  return derivedTransform;\n}\n\nfunction useSortable(_ref) {\n  let {\n    animateLayoutChanges = defaultAnimateLayoutChanges,\n    attributes: userDefinedAttributes,\n    disabled: localDisabled,\n    data: customData,\n    getNewIndex = defaultNewIndexGetter,\n    id,\n    strategy: localStrategy,\n    resizeObserverConfig,\n    transition = defaultTransition\n  } = _ref;\n  const {\n    items,\n    containerId,\n    activeIndex,\n    disabled: globalDisabled,\n    disableTransforms,\n    sortedRects,\n    overIndex,\n    useDragOverlay,\n    strategy: globalStrategy\n  } = useContext(Context);\n  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);\n  const index = items.indexOf(id);\n  const data = useMemo(() => ({\n    sortable: {\n      containerId,\n      index,\n      items\n    },\n    ...customData\n  }), [containerId, customData, index, items]);\n  const itemsAfterCurrentSortable = useMemo(() => items.slice(items.indexOf(id)), [items, id]);\n  const {\n    rect,\n    node,\n    isOver,\n    setNodeRef: setDroppableNodeRef\n  } = useDroppable({\n    id,\n    data,\n    disabled: disabled.droppable,\n    resizeObserverConfig: {\n      updateMeasurementsFor: itemsAfterCurrentSortable,\n      ...resizeObserverConfig\n    }\n  });\n  const {\n    active,\n    activatorEvent,\n    activeNodeRect,\n    attributes,\n    setNodeRef: setDraggableNodeRef,\n    listeners,\n    isDragging,\n    over,\n    setActivatorNodeRef,\n    transform\n  } = useDraggable({\n    id,\n    data,\n    attributes: { ...defaultAttributes,\n      ...userDefinedAttributes\n    },\n    disabled: disabled.draggable\n  });\n  const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);\n  const isSorting = Boolean(active);\n  const displaceItem = isSorting && !disableTransforms && isValidIndex(activeIndex) && isValidIndex(overIndex);\n  const shouldDisplaceDragSource = !useDragOverlay && isDragging;\n  const dragSourceDisplacement = shouldDisplaceDragSource && displaceItem ? transform : null;\n  const strategy = localStrategy != null ? localStrategy : globalStrategy;\n  const finalTransform = displaceItem ? dragSourceDisplacement != null ? dragSourceDisplacement : strategy({\n    rects: sortedRects,\n    activeNodeRect,\n    activeIndex,\n    overIndex,\n    index\n  }) : null;\n  const newIndex = isValidIndex(activeIndex) && isValidIndex(overIndex) ? getNewIndex({\n    id,\n    items,\n    activeIndex,\n    overIndex\n  }) : index;\n  const activeId = active == null ? void 0 : active.id;\n  const previous = useRef({\n    activeId,\n    items,\n    newIndex,\n    containerId\n  });\n  const itemsHaveChanged = items !== previous.current.items;\n  const shouldAnimateLayoutChanges = animateLayoutChanges({\n    active,\n    containerId,\n    isDragging,\n    isSorting,\n    id,\n    index,\n    items,\n    newIndex: previous.current.newIndex,\n    previousItems: previous.current.items,\n    previousContainerId: previous.current.containerId,\n    transition,\n    wasDragging: previous.current.activeId != null\n  });\n  const derivedTransform = useDerivedTransform({\n    disabled: !shouldAnimateLayoutChanges,\n    index,\n    node,\n    rect\n  });\n  useEffect(() => {\n    if (isSorting && previous.current.newIndex !== newIndex) {\n      previous.current.newIndex = newIndex;\n    }\n\n    if (containerId !== previous.current.containerId) {\n      previous.current.containerId = containerId;\n    }\n\n    if (items !== previous.current.items) {\n      previous.current.items = items;\n    }\n  }, [isSorting, newIndex, containerId, items]);\n  useEffect(() => {\n    if (activeId === previous.current.activeId) {\n      return;\n    }\n\n    if (activeId && !previous.current.activeId) {\n      previous.current.activeId = activeId;\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      previous.current.activeId = activeId;\n    }, 50);\n    return () => clearTimeout(timeoutId);\n  }, [activeId]);\n  return {\n    active,\n    activeIndex,\n    attributes,\n    data,\n    rect,\n    index,\n    newIndex,\n    items,\n    isOver,\n    isSorting,\n    isDragging,\n    listeners,\n    node,\n    overIndex,\n    over,\n    setNodeRef,\n    setActivatorNodeRef,\n    setDroppableNodeRef,\n    setDraggableNodeRef,\n    transform: derivedTransform != null ? derivedTransform : finalTransform,\n    transition: getTransition()\n  };\n\n  function getTransition() {\n    if ( // Temporarily disable transitions for a single frame to set up derived transforms\n    derivedTransform || // Or to prevent items jumping to back to their \"new\" position when items change\n    itemsHaveChanged && previous.current.newIndex === index) {\n      return disabledTransition;\n    }\n\n    if (shouldDisplaceDragSource && !isKeyboardEvent(activatorEvent) || !transition) {\n      return undefined;\n    }\n\n    if (isSorting || shouldAnimateLayoutChanges) {\n      return CSS.Transition.toString({ ...transition,\n        property: transitionProperty\n      });\n    }\n\n    return undefined;\n  }\n}\n\nfunction normalizeLocalDisabled(localDisabled, globalDisabled) {\n  var _localDisabled$dragga, _localDisabled$droppa;\n\n  if (typeof localDisabled === 'boolean') {\n    return {\n      draggable: localDisabled,\n      // Backwards compatibility\n      droppable: false\n    };\n  }\n\n  return {\n    draggable: (_localDisabled$dragga = localDisabled == null ? void 0 : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,\n    droppable: (_localDisabled$droppa = localDisabled == null ? void 0 : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable\n  };\n}\n\nfunction hasSortableData(entry) {\n  if (!entry) {\n    return false;\n  }\n\n  const data = entry.data.current;\n\n  if (data && 'sortable' in data && typeof data.sortable === 'object' && 'containerId' in data.sortable && 'items' in data.sortable && 'index' in data.sortable) {\n    return true;\n  }\n\n  return false;\n}\n\nconst directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\nconst sortableKeyboardCoordinates = (event, _ref) => {\n  let {\n    context: {\n      active,\n      collisionRect,\n      droppableRects,\n      droppableContainers,\n      over,\n      scrollableAncestors\n    }\n  } = _ref;\n\n  if (directions.includes(event.code)) {\n    event.preventDefault();\n\n    if (!active || !collisionRect) {\n      return;\n    }\n\n    const filteredContainers = [];\n    droppableContainers.getEnabled().forEach(entry => {\n      if (!entry || entry != null && entry.disabled) {\n        return;\n      }\n\n      const rect = droppableRects.get(entry.id);\n\n      if (!rect) {\n        return;\n      }\n\n      switch (event.code) {\n        case KeyboardCode.Down:\n          if (collisionRect.top < rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Up:\n          if (collisionRect.top > rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Left:\n          if (collisionRect.left > rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Right:\n          if (collisionRect.left < rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n      }\n    });\n    const collisions = closestCorners({\n      active,\n      collisionRect: collisionRect,\n      droppableRects,\n      droppableContainers: filteredContainers,\n      pointerCoordinates: null\n    });\n    let closestId = getFirstCollision(collisions, 'id');\n\n    if (closestId === (over == null ? void 0 : over.id) && collisions.length > 1) {\n      closestId = collisions[1].id;\n    }\n\n    if (closestId != null) {\n      const activeDroppable = droppableContainers.get(active.id);\n      const newDroppable = droppableContainers.get(closestId);\n      const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n      const newNode = newDroppable == null ? void 0 : newDroppable.node.current;\n\n      if (newNode && newRect && activeDroppable && newDroppable) {\n        const newScrollAncestors = getScrollableAncestors(newNode);\n        const hasDifferentScrollAncestors = newScrollAncestors.some((element, index) => scrollableAncestors[index] !== element);\n        const hasSameContainer = isSameContainer(activeDroppable, newDroppable);\n        const isAfterActive = isAfter(activeDroppable, newDroppable);\n        const offset = hasDifferentScrollAncestors || !hasSameContainer ? {\n          x: 0,\n          y: 0\n        } : {\n          x: isAfterActive ? collisionRect.width - newRect.width : 0,\n          y: isAfterActive ? collisionRect.height - newRect.height : 0\n        };\n        const rectCoordinates = {\n          x: newRect.left,\n          y: newRect.top\n        };\n        const newCoordinates = offset.x && offset.y ? rectCoordinates : subtract(rectCoordinates, offset);\n        return newCoordinates;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nfunction isSameContainer(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.containerId === b.data.current.sortable.containerId;\n}\n\nfunction isAfter(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  if (!isSameContainer(a, b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nexport { SortableContext, arrayMove, arraySwap, defaultAnimateLayoutChanges, defaultNewIndexGetter, hasSortableData, horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy };\n//# sourceMappingURL=sortable.esm.js.map\n","import React, { useMemo } from 'react';\nimport type { CSSProperties, PropsWithChildren } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SortableItemContext } from './sortableItem.context';\nimport { UniqueIdentifier } from '@dnd-kit/core';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: CSSProperties;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nexport const SortableItem = ({\n  children,\n  id,\n  style: userStyle,\n  onRemove,\n}: PropsWithChildren<SortableItemProps>): JSX.Element => {\n  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n    id,\n  });\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    opacity: isDragging ? 0.4 : undefined,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    listStyle: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <li className=\"SortableItem\" ref={setNodeRef} style={style}>\n        {children}\n      </li>\n    </SortableItemContext.Provider>\n  );\n};\n"],"names":["arrayMove","array","from","to","newArray","slice","splice","length","getSortedRects","items","rects","reduce","accumulator","id","index","rect","get","Array","isValidIndex","rectSortingStrategy","_ref","activeIndex","overIndex","newRects","oldRect","newRect","x","left","y","top","scaleX","width","scaleY","height","Context","React","createContext","containerId","disableTransforms","useDragOverlay","sortedRects","strategy","disabled","draggable","droppable","defaultNewIndexGetter","indexOf","defaultAnimateLayoutChanges","_ref2","isSorting","wasDragging","newIndex","previousItems","previousContainerId","transition","defaultTransition","duration","easing","disabledTransition","CSS","Transition","toString","property","defaultAttributes","roleDescription","useSortable","animateLayoutChanges","attributes","userDefinedAttributes","localDisabled","data","customData","getNewIndex","localStrategy","resizeObserverConfig","globalDisabled","globalStrategy","useContext","_localDisabled$dragga","_localDisabled$droppa","normalizeLocalDisabled","useMemo","sortable","itemsAfterCurrentSortable","node","isOver","setNodeRef","setDroppableNodeRef","useDroppable","updateMeasurementsFor","active","activatorEvent","activeNodeRect","setDraggableNodeRef","listeners","isDragging","over","setActivatorNodeRef","transform","useDraggable","useCombinedRefs","Boolean","displaceItem","shouldDisplaceDragSource","dragSourceDisplacement","finalTransform","activeId","previous","useRef","itemsHaveChanged","current","shouldAnimateLayoutChanges","derivedTransform","setDerivedtransform","useState","previousIndex","useIsomorphicLayoutEffect","initial","getClientRect","ignoreTransform","delta","useEffect","useDerivedTransform","timeoutId","setTimeout","clearTimeout","isKeyboardEvent","getTransition","hasSortableData","entry","directions","KeyboardCode","Down","Right","Up","Left","isSameContainer","a","b","children","userDefinedItems","disabledProp","dragOverlay","droppableRects","measureDroppableContainers","useDndContext","useUniqueId","map","item","previousItemsRef","i","itemsEqual","normalizeDisabled","contextValue","createElement","Provider","value","_a","userStyle","style","onRemove","_b","context","ref","__assign","opacity","undefined","Translate","listStyle","SortableItemContext","className","event","collisionRect","droppableContainers","scrollableAncestors","includes","code","preventDefault","filteredContainers","getEnabled","forEach","push","collisions","closestCorners","pointerCoordinates","closestId","getFirstCollision","activeDroppable","newDroppable","newNode","hasDifferentScrollAncestors","getScrollableAncestors","some","element","hasSameContainer","isAfterActive","isAfter","offset","rectCoordinates","subtract"],"mappings":"gPAOA,SAASA,EAAUC,EAAOC,EAAMC,GAC9B,MAAMC,EAAWH,EAAMI,QAEvB,OADAD,EAASE,OAAOH,EAAK,EAAIC,EAASG,OAASJ,EAAKA,EAAI,EAAGC,EAASE,OAAOJ,EAAM,GAAG,IACzEE,EAaT,SAASI,EAAeC,EAAOC,GAC7B,OAAOD,EAAME,QAAO,CAACC,EAAaC,EAAIC,KACpC,MAAMC,EAAOL,EAAMM,IAAIH,GAMvB,OAJIE,IACFH,EAAYE,GAASC,GAGhBH,IACNK,MAAMR,EAAMF,SAGjB,SAASW,EAAaJ,GACpB,OAAiB,OAAVA,GAAkBA,GAAS,EA4GpC,MAAMK,EAAsBC,IAC1B,IAAIV,MACFA,EAAKW,YACLA,EAAWC,UACXA,EAASR,MACTA,GACEM,EACJ,MAAMG,EAAWvB,EAAUU,EAAOY,EAAWD,GACvCG,EAAUd,EAAMI,GAChBW,EAAUF,EAAST,GAEzB,OAAKW,GAAYD,EAIV,CACLE,EAAGD,EAAQE,KAAOH,EAAQG,KAC1BC,EAAGH,EAAQI,IAAML,EAAQK,IACzBC,OAAQL,EAAQM,MAAQP,EAAQO,MAChCC,OAAQP,EAAQQ,OAAST,EAAQS,QAP1B,MAwHLC,EAAuBC,EAAK,QAACC,cAAc,CAC/Cf,aAAc,EACdgB,YAHgB,WAIhBC,mBAAmB,EACnB7B,MAAO,GACPa,WAAY,EACZiB,gBAAgB,EAChBC,YAAa,GACbC,SAAUtB,EACVuB,SAAU,CACRC,WAAW,EACXC,WAAW,KAqDf,MAAMC,EAAwBzB,IAC5B,IAAIP,GACFA,EAAEJ,MACFA,EAAKY,YACLA,EAAWC,UACXA,GACEF,EACJ,OAAOpB,EAAUS,EAAOY,EAAaC,GAAWwB,QAAQjC,IAEpDkC,EAA8BC,IAClC,IAAIX,YACFA,EAAWY,UACXA,EAASC,YACTA,EAAWpC,MACXA,EAAKL,MACLA,EAAK0C,SACLA,EAAQC,cACRA,EAAaC,oBACbA,EAAmBC,WACnBA,GACEN,EAEJ,SAAKM,IAAeJ,MAIhBE,IAAkB3C,GAASK,IAAUqC,OAIrCF,GAIGE,IAAarC,GAASuB,IAAgBgB,KAEzCE,EAAoB,CACxBC,SAAU,IACVC,OAAQ,QAGJC,EAAkCC,EAAAA,IAAIC,WAAWC,SAAS,CAC9DC,SAFyB,YAGzBN,SAAU,EACVC,OAAQ,WAEJM,EAAoB,CACxBC,gBAAiB,YAkDnB,SAASC,EAAY7C,GACnB,IAAI8C,qBACFA,EAAuBnB,EACvBoB,WAAYC,EACZ1B,SAAU2B,EACVC,KAAMC,EAAUC,YAChBA,EAAc3B,EAAqBhC,GACnCA,EACA4B,SAAUgC,EAAaC,qBACvBA,EAAoBpB,WACpBA,EAAaC,GACXnC,EACJ,MAAMX,MACJA,EAAK4B,YACLA,EAAWhB,YACXA,EACAqB,SAAUiC,EAAcrC,kBACxBA,EAAiBE,YACjBA,EAAWlB,UACXA,EAASiB,eACTA,EACAE,SAAUmC,GACRC,EAAAA,WAAW3C,GACTQ,EAoKR,SAAgC2B,EAAeM,GAC7C,IAAIG,EAAuBC,EAE3B,GAA6B,kBAAlBV,EACT,MAAO,CACL1B,UAAW0B,EAEXzB,WAAW,GAIf,MAAO,CACLD,UAAiG,OAArFmC,EAAyC,MAAjBT,OAAwB,EAASA,EAAc1B,WAAqBmC,EAAwBH,EAAehC,UAC/IC,UAAiG,OAArFmC,EAAyC,MAAjBV,OAAwB,EAASA,EAAczB,WAAqBmC,EAAwBJ,EAAe/B,WAjLhIoC,CAAuBX,EAAeM,GACjD7D,EAAQL,EAAMqC,QAAQjC,GACtByD,EAAOW,EAAAA,SAAQ,KAAO,CAC1BC,SAAU,CACR7C,YAAAA,EACAvB,MAAAA,EACAL,MAAAA,MAEC8D,KACD,CAAClC,EAAakC,EAAYzD,EAAOL,IAC/B0E,EAA4BF,EAAOA,SAAC,IAAMxE,EAAMJ,MAAMI,EAAMqC,QAAQjC,KAAM,CAACJ,EAAOI,KAClFE,KACJA,EAAIqE,KACJA,EAAIC,OACJA,EACAC,WAAYC,GACVC,eAAa,CACf3E,GAAAA,EACAyD,KAAAA,EACA5B,SAAUA,EAASE,UACnB8B,qBAAsB,CACpBe,sBAAuBN,KACpBT,MAGDgB,OACJA,EAAMC,eACNA,EAAcC,eACdA,EAAczB,WACdA,EACAmB,WAAYO,EAAmBC,UAC/BA,EAASC,WACTA,EAAUC,KACVA,EAAIC,oBACJA,EAAmBC,UACnBA,GACEC,eAAa,CACftF,GAAAA,EACAyD,KAAAA,EACAH,WAAY,IAAKJ,KACZK,GAEL1B,SAAUA,EAASC,YAEf2C,EAAac,EAAAA,gBAAgBb,EAAqBM,GAClD5C,EAAYoD,QAAQX,GACpBY,EAAerD,IAAcX,GAAqBpB,EAAaG,IAAgBH,EAAaI,GAC5FiF,GAA4BhE,GAAkBwD,EAC9CS,EAAyBD,GAA4BD,EAAeJ,EAAY,KAEhFO,EAAiBH,EAAyC,MAA1BE,EAAiCA,GADrC,MAAjB/B,EAAwBA,EAAgBG,GACgD,CACvGlE,MAAO8B,EACPoD,eAAAA,EACAvE,YAAAA,EACAC,UAAAA,EACAR,MAAAA,IACG,KACCqC,EAAWjC,EAAaG,IAAgBH,EAAaI,GAAakD,EAAY,CAClF3D,GAAAA,EACAJ,MAAAA,EACAY,YAAAA,EACAC,UAAAA,IACGR,EACC4F,EAAqB,MAAVhB,OAAiB,EAASA,EAAO7E,GAC5C8F,GAAWC,EAAAA,OAAO,CACtBF,SAAAA,EACAjG,MAAAA,EACA0C,SAAAA,EACAd,YAAAA,IAEIwE,GAAmBpG,IAAUkG,GAASG,QAAQrG,MAC9CsG,GAA6B7C,EAAqB,CACtDwB,OAAAA,EACArD,YAAAA,EACA0D,WAAAA,EACA9C,UAAAA,EACApC,GAAAA,EACAC,MAAAA,EACAL,MAAAA,EACA0C,SAAUwD,GAASG,QAAQ3D,SAC3BC,cAAeuD,GAASG,QAAQrG,MAChC4C,oBAAqBsD,GAASG,QAAQzE,YACtCiB,WAAAA,EACAJ,YAA0C,MAA7ByD,GAASG,QAAQJ,WAE1BM,GAtJR,SAA6B5F,GAC3B,IAAIsB,SACFA,EAAQ5B,MACRA,EAAKsE,KACLA,EAAIrE,KACJA,GACEK,EACJ,MAAO4F,EAAkBC,GAAuBC,EAAQA,SAAC,MACnDC,EAAgBP,SAAO9F,GA+B7B,OA9BAsG,EAAAA,2BAA0B,KACxB,IAAK1E,GAAY5B,IAAUqG,EAAcL,SAAW1B,EAAK0B,QAAS,CAChE,MAAMO,EAAUtG,EAAK+F,QAErB,GAAIO,EAAS,CACX,MAAMP,EAAUQ,EAAAA,cAAclC,EAAK0B,QAAS,CAC1CS,iBAAiB,IAEbC,EAAQ,CACZ9F,EAAG2F,EAAQ1F,KAAOmF,EAAQnF,KAC1BC,EAAGyF,EAAQxF,IAAMiF,EAAQjF,IACzBC,OAAQuF,EAAQtF,MAAQ+E,EAAQ/E,MAChCC,OAAQqF,EAAQpF,OAAS6E,EAAQ7E,SAG/BuF,EAAM9F,GAAK8F,EAAM5F,IACnBqF,EAAoBO,IAKtB1G,IAAUqG,EAAcL,UAC1BK,EAAcL,QAAUhG,KAEzB,CAAC4B,EAAU5B,EAAOsE,EAAMrE,IAC3B0G,EAAAA,WAAU,KACJT,GACFC,EAAoB,QAErB,CAACD,IACGA,EA+GkBU,CAAoB,CAC3ChF,UAAWqE,GACXjG,MAAAA,EACAsE,KAAAA,EACArE,KAAAA,IA8BF,OA5BA0G,EAAAA,WAAU,KACJxE,GAAa0D,GAASG,QAAQ3D,WAAaA,IAC7CwD,GAASG,QAAQ3D,SAAWA,GAG1Bd,IAAgBsE,GAASG,QAAQzE,cACnCsE,GAASG,QAAQzE,YAAcA,GAG7B5B,IAAUkG,GAASG,QAAQrG,QAC7BkG,GAASG,QAAQrG,MAAQA,KAE1B,CAACwC,EAAWE,EAAUd,EAAa5B,IACtCgH,EAAAA,WAAU,KACR,GAAIf,IAAaC,GAASG,QAAQJ,SAChC,OAGF,GAAIA,IAAaC,GAASG,QAAQJ,SAEhC,YADAC,GAASG,QAAQJ,SAAWA,GAI9B,MAAMiB,EAAYC,YAAW,KAC3BjB,GAASG,QAAQJ,SAAWA,IAC3B,IACH,MAAO,IAAMmB,aAAaF,KACzB,CAACjB,IACG,CACLhB,OAAAA,EACArE,YAAAA,EACA8C,WAAAA,EACAG,KAAAA,EACAvD,KAAAA,EACAD,MAAAA,EACAqC,SAAAA,EACA1C,MAAAA,EACA4E,OAAAA,EACApC,UAAAA,EACA8C,WAAAA,EACAD,UAAAA,EACAV,KAAAA,EACA9D,UAAAA,EACA0E,KAAAA,EACAV,WAAAA,EACAW,oBAAAA,EACAV,oBAAAA,EACAM,oBAAAA,EACAK,UAA+B,MAApBc,GAA2BA,GAAmBP,EACzDnD,WAGF,WACE,GACA0D,IACAH,IAAoBF,GAASG,QAAQ3D,WAAarC,EAChD,OAAO4C,EAGT,GAAI6C,IAA6BuB,EAAAA,gBAAgBnC,KAAoBrC,EACnE,OAGF,GAAIL,GAAa8D,GACf,OAAOpD,MAAIC,WAAWC,SAAS,IAAKP,EAClCQ,SA5OmB,cAgPvB,OApBYiE,IAyChB,SAASC,EAAgBC,GACvB,IAAKA,EACH,OAAO,EAGT,MAAM3D,EAAO2D,EAAM3D,KAAKwC,QAExB,SAAIxC,GAAQ,aAAcA,GAAiC,iBAAlBA,EAAKY,UAAyB,gBAAiBZ,EAAKY,UAAY,UAAWZ,EAAKY,UAAY,UAAWZ,EAAKY,UAOvJ,MAAMgD,EAAa,CAACC,eAAaC,KAAMD,EAAYA,aAACE,MAAOF,EAAAA,aAAaG,GAAIH,eAAaI,MA0GzF,SAASC,EAAgBC,EAAGC,GAC1B,SAAKV,EAAgBS,KAAOT,EAAgBU,KAIrCD,EAAEnE,KAAKwC,QAAQ5B,SAAS7C,cAAgBqG,EAAEpE,KAAKwC,QAAQ5B,SAAS7C,oCA5dzE,SAAyBjB,GACvB,IAAIuH,SACFA,EAAQ9H,GACRA,EACAJ,MAAOmI,EAAgBnG,SACvBA,EAAWtB,EACXuB,SAAUmG,GAAe,GACvBzH,EACJ,MAAMsE,OACJA,EAAMoD,YACNA,EAAWC,eACXA,EAAc/C,KACdA,EAAIgD,2BACJA,GACEC,EAAaA,gBACX5G,EAAc6G,EAAAA,YA9BJ,WA8B2BrI,GACrC0B,EAAiB8D,QAA6B,OAArByC,EAAY/H,MACrCN,EAAQwE,EAAAA,SAAQ,IAAM2D,EAAiBO,KAAIC,GAAwB,iBAATA,GAAqB,OAAQA,EAAOA,EAAKvI,GAAKuI,KAAO,CAACR,IAChH7C,EAAuB,MAAVL,EACbrE,EAAcqE,EAASjF,EAAMqC,QAAQ4C,EAAO7E,KAAO,EACnDS,EAAY0E,EAAOvF,EAAMqC,QAAQkD,EAAKnF,KAAO,EAC7CwI,EAAmBzC,SAAOnG,GAC1BoG,GAjRR,SAAoB4B,EAAGC,GACrB,GAAID,IAAMC,EACR,OAAO,EAGT,GAAID,EAAElI,SAAWmI,EAAEnI,OACjB,OAAO,EAGT,IAAK,IAAI+I,EAAI,EAAGA,EAAIb,EAAElI,OAAQ+I,IAC5B,GAAIb,EAAEa,KAAOZ,EAAEY,GACb,OAAO,EAIX,OAAO,EAkQmBC,CAAW9I,EAAO4I,EAAiBvC,SACvDxE,GAAmC,IAAfhB,IAAqC,IAAjBD,GAAsBwF,EAC9DnE,EAjQR,SAA2BA,GACzB,MAAwB,kBAAbA,EACF,CACLC,UAAWD,EACXE,UAAWF,GAIRA,EAyPU8G,CAAkBX,GACnCzB,EAAAA,2BAA0B,KACpBP,GAAoBd,GACtBiD,EAA2BvI,KAE5B,CAACoG,EAAkBpG,EAAOsF,EAAYiD,IACzCvB,EAAAA,WAAU,KACR4B,EAAiBvC,QAAUrG,IAC1B,CAACA,IACJ,MAAMgJ,EAAexE,EAAAA,SAAQ,KAAO,CAClC5D,YAAAA,EACAgB,YAAAA,EACAK,SAAAA,EACAJ,kBAAAA,EACA7B,MAAAA,EACAa,UAAAA,EACAiB,eAAAA,EACAC,YAAahC,EAAeC,EAAOsI,GACnCtG,SAAAA,KAEF,CAACpB,EAAagB,EAAaK,EAASC,UAAWD,EAASE,UAAWN,EAAmB7B,EAAOa,EAAWyH,EAAgBxG,EAAgBE,IACxI,OAAON,UAAMuH,cAAcxH,EAAQyH,SAAU,CAC3CC,MAAOH,GACNd,yBCpUuB,SAACkB,OAC3BlB,EAAQkB,EAAAlB,SACR9H,EAAEgJ,EAAAhJ,GACKiJ,EAASD,EAAAE,MACRF,EAAAG,SAEF,IAAAC,EAAgGhG,EAAY,CAChHpD,GAAEA,IADIsD,EAAU8F,EAAA9F,WAAE4B,EAAUkE,EAAAlE,WAAED,EAASmE,EAAAnE,UAAER,EAAU2E,EAAA3E,WAAEW,EAAmBgE,EAAAhE,oBAAEC,EAAS+D,EAAA/D,UAAE5C,EAAU2G,EAAA3G,WAG3F4G,EAAUjF,WACd,WAAM,MAAC,CACLd,WAAUA,EACV2B,UAASA,EACTqE,IAAKlE,KAEP,CAAC9B,EAAY2B,EAAWG,IAEpB8D,EAAKK,EAAAA,SAAA,CACTC,QAAStE,EAAa,QAAMuE,EAC5BpE,UAAWvC,EAAGA,IAAC4G,UAAU1G,SAASqC,GAClC5C,WAAUA,EACVkH,UAAW,QACRV,GAGL,OACE3H,EAAAA,sBAACsI,EAAAA,oBAAoBd,SAAS,CAAAC,MAAOM,GACnC/H,EAAAA,QAAAuH,cAAA,KAAA,CAAIgB,UAAU,eAAeP,IAAK7E,EAAYyE,MAAOA,GAClDpB,6DDumB2B,CAACgC,EAAOvJ,KAC1C,IACE8I,SAASxE,OACPA,EAAMkF,cACNA,EAAa7B,eACbA,EAAc8B,oBACdA,EAAmB7E,KACnBA,EAAI8E,oBACJA,IAEA1J,EAEJ,GAAI8G,EAAW6C,SAASJ,EAAMK,MAAO,CAGnC,GAFAL,EAAMM,kBAEDvF,IAAWkF,EACd,OAGF,MAAMM,EAAqB,GAC3BL,EAAoBM,aAAaC,SAAQnD,IACvC,IAAKA,GAAkB,MAATA,GAAiBA,EAAMvF,SACnC,OAGF,MAAM3B,EAAOgI,EAAe/H,IAAIiH,EAAMpH,IAEtC,GAAKE,EAIL,OAAQ4J,EAAMK,MACZ,KAAK7C,EAAYA,aAACC,KACZwC,EAAc/I,IAAMd,EAAKc,KAC3BqJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACG,GACZsC,EAAc/I,IAAMd,EAAKc,KAC3BqJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACI,KACZqC,EAAcjJ,KAAOZ,EAAKY,MAC5BuJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACE,MACZuC,EAAcjJ,KAAOZ,EAAKY,MAC5BuJ,EAAmBG,KAAKpD,OAMhC,MAAMqD,EAAaC,EAAAA,eAAe,CAChC7F,OAAAA,EACAkF,cAAeA,EACf7B,eAAAA,EACA8B,oBAAqBK,EACrBM,mBAAoB,OAEtB,IAAIC,EAAYC,EAAAA,kBAAkBJ,EAAY,MAM9C,GAJIG,KAAuB,MAARzF,OAAe,EAASA,EAAKnF,KAAOyK,EAAW/K,OAAS,IACzEkL,EAAYH,EAAW,GAAGzK,IAGX,MAAb4K,EAAmB,CACrB,MAAME,EAAkBd,EAAoB7J,IAAI0E,EAAO7E,IACjD+K,EAAef,EAAoB7J,IAAIyK,GACvChK,EAAUmK,EAAe7C,EAAe/H,IAAI4K,EAAa/K,IAAM,KAC/DgL,EAA0B,MAAhBD,OAAuB,EAASA,EAAaxG,KAAK0B,QAElE,GAAI+E,GAAWpK,GAAWkK,GAAmBC,EAAc,CACzD,MACME,EADqBC,yBAAuBF,GACKG,MAAK,CAACC,EAASnL,IAAUgK,EAAoBhK,KAAWmL,IACzGC,EAAmB1D,EAAgBmD,EAAiBC,GACpDO,EA6Bd,SAAiB1D,EAAGC,GAClB,IAAKV,EAAgBS,KAAOT,EAAgBU,GAC1C,OAAO,EAGT,IAAKF,EAAgBC,EAAGC,GACtB,OAAO,EAGT,OAAOD,EAAEnE,KAAKwC,QAAQ5B,SAASpE,MAAQ4H,EAAEpE,KAAKwC,QAAQ5B,SAASpE,MAtCnCsL,CAAQT,EAAiBC,GACzCS,EAASP,IAAgCI,EAAmB,CAChExK,EAAG,EACHE,EAAG,GACD,CACFF,EAAGyK,EAAgBvB,EAAc7I,MAAQN,EAAQM,MAAQ,EACzDH,EAAGuK,EAAgBvB,EAAc3I,OAASR,EAAQQ,OAAS,GAEvDqK,EAAkB,CACtB5K,EAAGD,EAAQE,KACXC,EAAGH,EAAQI,KAGb,OADuBwK,EAAO3K,GAAK2K,EAAOzK,EAAI0K,EAAkBC,EAAQA,SAACD,EAAiBD"}

package/build/sortableItem.context-f7dd54a1.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("react").createContext({attributes:{},listeners:void 0,ref:function(){}});exports.SortableItemContext=t;
+//# sourceMappingURL=sortableItem.context-f7dd54a1.js.map

package/build/sortableItem.context-f7dd54a1.js.map

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

package/build/sortableList.component-8df7a374.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),n=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortableItem.component-9aab4eb2.js"),a=require("./sortableOverlay.component-7ecbda06.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(n);exports.SortableList=function(o){var l=o.items,u=o.onChange,d=o.renderItem,s=o.style,c=e.__read(n.useState(null),2),f=c[0],m=c[1],v=n.useMemo((function(){return l.find((function(e){return e.id===(null==f?void 0:f.id)}))}),[f,l]),b=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),y=e.__assign({display:"flex",flexDirection:"column",padding:0,listStyle:"none"},s);return i.default.createElement(t.DndContext,{sensors:b,onDragStart:function(e){var n=e.active;m(n)},onDragEnd:function(e){var n=e.active,t=e.over;if(t&&n.id!==(null==t?void 0:t.id)){var a=l.findIndex((function(e){return e.id===n.id})),o=l.findIndex((function(e){return e.id===t.id}));u(r.arrayMove(l,a,o))}m(null)},onDragCancel:function(){return m(null)}},i.default.createElement(r.SortableContext,{items:l},i.default.createElement("ul",{style:y},l.map((function(e,n){return i.default.createElement(i.default.Fragment,{key:e.id},d(e,n))})))),i.default.createElement(a.SortableOverlay,null,v?d(v):null))};
+//# sourceMappingURL=sortableList.component-8df7a374.js.map

package/build/sortableList.component-8df7a374.js.map

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

package/build/sortableOverlay.component-7ecbda06.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),i={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.SortableOverlay=function(e){var r=e.children;return a.default.createElement(t.DragOverlay,{dropAnimation:i},r)};
+//# sourceMappingURL=sortableOverlay.component-7ecbda06.js.map

package/build/sortableOverlay.component-7ecbda06.js.map

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

package/build/spinner.component-d88f74c6.js

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

package/build/spinner.component-d88f74c6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.component-d88f74c6.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n","import React from 'react';\nimport Box from 'chakra/components/Box';\nimport { keyframes } from '@chakra-ui/system';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  darkMode?: boolean;\n}\n\nexport const Spinner = ({ size = 'md', darkMode }: SpinnerProps): JSX.Element => {\n  const { colors, borders } = useTheme();\n  const spinnerColor = useAdaptiveColorMap(colors.icon, 'active', darkMode);\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n\n  return (\n    <Box\n      as=\"div\"\n      display=\"inline-block\"\n      animation={animation}\n      border={borders['2px']}\n      borderTopColor={spinnerColor}\n      borderRightColor={spinnerColor}\n      borderLeftColor={colors.transparent}\n      borderBottomColor={colors.transparent}\n      height={`${spinnerSize}px`}\n      width={`${spinnerSize}px`}\n      borderRadius={`${spinnerSize}px`}\n    >\n      <Box as=\"span\" border={0} w=\"1px\" h=\"1px\" m=\"-1px\" p={0} overflow=\"hidden\" position=\"absolute\">\n        Loading...\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","templateObject_1","__makeTemplateObject","_a","_b","size","darkMode","_c","useTheme","colors","borders","spinnerColor","useAdaptiveColorMap","icon","spinnerSize","animation","concat","React","createElement","Box","as","display","border","borderTopColor","borderRightColor","borderLeftColor","transparent","borderBottomColor","height","width","borderRadius","w","h","m","p","overflow","position"],"mappings":"2TAEaA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICCAC,EAAOC,EAASA,UAAAC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,iFAAA,CAAA,oGAUC,SAACC,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SACvCC,EAAsBC,EAAQA,WAA5BC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QACjBC,EAAeC,EAAAA,oBAAoBH,EAAOI,KAAM,SAAUP,GAC1DQ,EAAcrB,EAAeY,GAC7BU,EAAY,gDAAgDC,OAAAjB,GAElE,OACEkB,EAAC,QAAAC,cAAAC,UACC,CAAAC,GAAG,MACHC,QAAQ,eACRN,UAAWA,EACXO,OAAQZ,EAAQ,OAChBa,eAAgBZ,EAChBa,iBAAkBb,EAClBc,gBAAiBhB,EAAOiB,YACxBC,kBAAmBlB,EAAOiB,YAC1BE,OAAQ,GAAGZ,OAAAF,EAAe,MAC1Be,MAAO,GAAGb,OAAAF,EAAe,MACzBgB,aAAc,GAAGd,OAAAF,EAAe,OAEhCG,UAAAC,cAACC,EAAG,QAAC,CAAAC,GAAG,OAAOE,OAAQ,EAAGS,EAAE,MAAMC,EAAE,MAAMC,EAAE,OAAOC,EAAG,EAAGC,SAAS,SAASC,SAAS,YAE9E"}

package/build/strings-03c30366.js

@@ -0,0 +1,2 @@
+"use strict";exports.camelCaseToLabel=function(e){return e.replace(/([A-Z])/g," $1").replace(/^\w/,(function(e){return e.toUpperCase()}))},exports.toTitleCase=function(e){var r=/^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i,t=/([A-Za-z0-9\u00C0-\u00FF])/;return e.split(/([ :–—-])/).map((function(e,n,a){return e.search(r)>-1&&0!==n&&n!==a.length-1&&":"!==a[n-3]&&":"!==a[n+1]&&("-"!==a[n+1]||"-"===a[n-1]&&"-"===a[n+1])?e.toLowerCase():e.substring(1).search(/[A-Z]|\../)>-1||":"===a[n+1]&&""!==a[n+2]?e:e.replace(t,(function(e){return e.toUpperCase()}))})).join("")};
+//# sourceMappingURL=strings-03c30366.js.map

package/build/strings-03c30366.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings-03c30366.js","sources":["../src/utils/strings.ts"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== ':' &&\n        array[index + 1] !== ':' &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === ':' && array[index + 2] !== '') {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n    })\n    .join('');\n};\n"],"names":["s","replace","c","toUpperCase","smallWords","alphanumericPattern","split","map","current","index","array","search","length","toLowerCase","substring","match","join"],"mappings":"sCAAgC,SAACA,GAC/B,OAAAA,EAAEC,QAAQ,WAAY,OAAOA,QAAQ,OAAO,SAACC,GAAM,OAAAA,EAAEC,sCAE5B,SAACH,GAC1B,IAAMI,EAAa,+EACbC,EAAsB,6BAG5B,OAAOL,EACJM,MAHoB,aAIpBC,KAAI,SAAUC,EAASC,EAAOC,GAC7B,OAEEF,EAAQG,OAAOP,IAAe,GAEpB,IAAVK,GACAA,IAAUC,EAAME,OAAS,GAEJ,MAArBF,EAAMD,EAAQ,IACO,MAArBC,EAAMD,EAAQ,KAEQ,MAArBC,EAAMD,EAAQ,IAAoC,MAArBC,EAAMD,EAAQ,IAAmC,MAArBC,EAAMD,EAAQ,IAEjED,EAAQK,cAIbL,EAAQM,UAAU,GAAGH,OAAO,cAAgB,GAKvB,MAArBD,EAAMD,EAAQ,IAAmC,KAArBC,EAAMD,EAAQ,GAJrCD,EASFA,EAAQP,QAAQI,GAAqB,SAACU,GAAU,OAAAA,EAAMZ,oBAE9Da,KAAK"}

package/build/switch.component-bdc7661f.js

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

package/build/switch.component-bdc7661f.js.map

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

package/build/tab.component-ba856439.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-tabs.esm-e86385c3.js"),i=require("./chakra/components/Box/index.js"),n=require("./notificationCounter.component-43b4f7c4.js"),o=require("./icon.component-44c312d6.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(require("react")),c={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var u=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,d=a.notificationCount,m=void 0===d?0:d,C=a.notificationCounterVariant,b=void 0===C?n.NotificationCounterVariant.Red:C,v=a.size,j=void 0===v?"md":v,p=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return r.default.createElement(t.Tab,e.__assign({},p),!!u&&r.default.createElement(i.default,{pr:2},r.default.createElement(o.Icon,{name:u,size:j})),s,l&&r.default.createElement(n.NotificationCounter,{count:m,variant:b,size:c[j],ml:2}))};
+//# sourceMappingURL=tab.component-ba856439.js.map

package/build/tab.component-ba856439.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.component-ba856439.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps } from '@chakra-ui/tabs';\nimport Box from 'chakra/components/Box';\nimport { NotificationCounter } from 'components/NotificationCounter/notificationCounter.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      {label}\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"uVAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCYa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,QAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}

package/build/tabs.component-972844b7.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-tabs.esm-e86385c3.js"),a=require("react"),s=require("./tab.component-ba856439.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(a);exports.Tabs=function(a){var n=a.size,i=void 0===n?"md":n,u=a.tabList,l=a.tabPanels,b=a.tabPanelsStyle,c=e.__rest(a,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(t.Tabs,e.__assign({},c,{size:i}),r.default.createElement(t.TabList,null,u.map((function(t,a){return r.default.createElement(s.Tab,e.__assign({key:a,size:i},t))}))),!!l&&r.default.createElement(t.TabPanels,e.__assign({},b),l.map((function(e){return e}))))};
+//# sourceMappingURL=tabs.component-972844b7.js.map

package/build/tabs.component-972844b7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component-972844b7.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs } from '@chakra-ui/tabs';\nimport { StyleProps } from '@chakra-ui/styled-system';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: Dict;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}

package/build/tabsLayout.component-dc1c8f22.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-972844b7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
+//# sourceMappingURL=tabsLayout.component-dc1c8f22.js.map

package/build/tabsLayout.component-dc1c8f22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsLayout.component-dc1c8f22.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from 'components/Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}