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

package/build/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.d.ts

@@ -0,0 +1,12 @@
+import { PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/popover';
+export interface PopoverFooterButtonProps extends CPopoverFooterProps {
+    submitText?: string;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isDestructive?: boolean;
+    onSubmit?: () => void;
+    allowCancel?: boolean;
+    onCancel?: () => void;
+}
+declare const PopoverFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: PopoverFooterButtonProps) => JSX.Element;
+export default PopoverFooterButtons;

package/build/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.js

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

package/build/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFooterButtons.component.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';\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\nconst 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\nexport default PopoverFooterButtons;\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":"4lBAiB6B,SAACA,GAC5B,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,EATqB,wGAWpBa,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,QAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,QAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAM,QAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAM,QAAG,MACVV,UAAAC,cAACK,EAAAA,QAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}

package/build/components/Popover/components/PopoverHeader/components/Popover/components/PopoverHeader/index.js

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

package/build/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -0,0 +1,9 @@
+import { PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/popover';
+import { HeadingSize } from 'components/Heading/heading.types';
+import { TextColor } from 'shared/types';
+export interface PopoverHeaderProps extends CPopoverHeaderProps {
+    size?: HeadingSize;
+    colorToken?: TextColor;
+}
+declare const PopoverHeader: ({ size, color, colorToken, children, ...rest }: PopoverHeaderProps) => JSX.Element;
+export default PopoverHeader;

package/build/components/Popover/components/PopoverHeader/popoverHeader.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),o=require("../../../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js"),t=require("../../../Heading/heading.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(r);exports.default=function(r){var i=r.size,n=void 0===i?"sm":i,s=r.color,a=r.colorToken,u=r.children,d=e.__rest(r,["size","color","colorToken","children"]);return l.default.createElement(o.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},d),l.default.createElement(t.default,{size:n,colorToken:a,color:s},u))};
+//# sourceMappingURL=popoverHeader.component.js.map

package/build/components/Popover/components/PopoverHeader/popoverHeader.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverHeader.component.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';\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\nconst PopoverHeader = ({ size = 'sm', color, colorToken, children, ...rest }: 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\nexport default PopoverHeader;\n"],"names":["_a","_b","size","color","colorToken","children","rest","__rest","React","CPopoverHeader","__assign","px","pt","pb","borderBottom","createElement","Heading"],"mappings":"iYAWsB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAKH,EAAAG,MAAEC,EAAUJ,EAAAI,WAAEC,EAAQL,EAAAK,SAAKC,EAAIC,EAAAA,OAAAP,EAAnD,0CACrB,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/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+import Popover from './popover.component';
+export default Popover;

package/build/components/Popover/popover.component.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { PopoverProps as CPopoverProps, PopoverContentProps } from '@chakra-ui/popover';
+import { PopoverSize } from './popover.types';
+import { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';
+import * as CSS from 'csstype';
+export interface PopoverProps extends CPopoverProps {
+    children: ReactNode;
+    popoverTrigger: ReactNode;
+    darkMode?: boolean;
+    allowEscape?: boolean;
+    size?: PopoverSize;
+    shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;
+    contentProps?: PopoverContentProps;
+}
+declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, contentProps, ...rest }: PopoverProps) => JSX.Element;
+export default Popover;

package/build/components/Popover/popover.component.js

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

package/build/components/Popover/popover.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.component.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/withDarkMode';\nimport useTheme from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport useAdaptiveColor from 'hooks/useAdaptiveColor';\nimport Text from 'components/Text';\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\nconst 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\nexport default Popover;\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":"gfA2BgB,SAACA,GACf,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,EARQ,uFAUTa,EAAyBC,EAAQ,UAA/BC,EAAMF,EAAAE,OACNC,EADkBH,EAAAI,WACGC,QAAQX,GAAKS,MAEpCG,EAAqBC,EAAAA,QAAiBL,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,EAAY,QACXP,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,UAAK,CAAAhC,KAAK,MAAMN,MAEjBE"}

package/build/components/Popover/popover.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.PopoverConfig={xs:{width:160},sm:{width:200},md:{width:260},lg:{width:320},xl:{width:480}};
+//# sourceMappingURL=popover.config.js.map

package/build/components/Popover/popover.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.config.js","sources":["../../../src/components/Popover/popover.config.ts"],"sourcesContent":["import { PopoverSizeConfig } from './popover.types';\n\nexport const PopoverConfig: PopoverSizeConfig = {\n  xs: { width: 160 },\n  sm: { width: 200 },\n  md: { width: 260 },\n  lg: { width: 320 },\n  xl: { width: 480 },\n};\n"],"names":["xs","width","sm","md","lg","xl"],"mappings":"0FAEgD,CAC9CA,GAAI,CAAEC,MAAO,KACbC,GAAI,CAAED,MAAO,KACbE,GAAI,CAAEF,MAAO,KACbG,GAAI,CAAEH,MAAO,KACbI,GAAI,CAAEJ,MAAO"}

package/build/components/Radio/components/Radio/index.js

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

package/build/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+import RadioGroup from './radio.component';
+export default RadioGroup;

package/build/components/Radio/radio.component.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps as CRadioProps } from '@chakra-ui/radio';
+import { RadioSize } from './radio.types';
+export interface RadioProps extends CRadioProps {
+    size?: RadioSize;
+    isFieldInline?: boolean;
+}
+declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;
+export default Radio;

package/build/components/Radio/radio.component.js

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

package/build/components/Radio/radio.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.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\nconst 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\nexport default Radio;\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"8TASc,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACb,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,GAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX"}

package/build/components/Radio/radio.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare const RadioConfig: ComponentStyleConfig;

package/build/components/Radio/radio.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/borders.js"),r=require("../../theme/tokens/colors/color.record.js"),e=require("../../theme/tokens/fontSizes.js"),l={baseStyle:{label:{color:r.colors.text.light.default,marginInlineStart:2},control:{background:r.colors.white,borderColor:r.semanticColors.border.light.medium,border:o.borders["1px"],position:"relative",_hover:{borderColor:r.semanticColors.border.light.heavy,_disabled:{borderColor:r.colors.gray[200]}},_checked:{background:r.colors.teal[600],borderColor:r.colors.teal[600],_before:{position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)"},_hover:{background:r.colors.teal[700],borderColor:r.colors.teal[700]},_disabled:{background:r.colors.teal[600],borderColor:r.colors.teal[600],color:r.colors.white,_hover:{background:r.colors.teal[600],borderColor:r.colors.teal[600]}}},_disabled:{background:r.colors.gray[200],borderColor:r.colors.gray[200],opacity:.4},_invalid:{_hover:{borderColor:r.semanticColors.border.light.error},_checked:{borderColor:r.colors.teal[600],_hover:{borderColor:r.colors.teal[700]}},_disabled:{borderColor:r.colors.gray[200]}},_focus:{boxShadow:"none"}}},sizes:{sm:{label:{fontSize:e.fontSizes.sm},control:{height:3,width:3,mt:1}},md:{label:{fontSize:e.fontSizes.md},control:{height:4,width:4,mt:1}},lg:{label:{fontSize:e.fontSizes.lg,marginLeft:3},control:{height:5,width:5,mt:"3px"}}}};exports.RadioConfig=l;
+//# sourceMappingURL=radio.config.js.map

package/build/components/Radio/radio.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.config.js","sources":["../../../src/components/Radio/radio.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { borders, colors, fontSizes, semanticColors } from 'theme/tokens';\n\nexport const RadioConfig: ComponentStyleConfig = {\n  baseStyle: {\n    label: {\n      color: colors.text.light.default,\n      marginInlineStart: 2,\n    },\n    control: {\n      background: colors.white,\n      borderColor: semanticColors.border.light.medium,\n      border: borders['1px'],\n      position: 'relative',\n      _hover: {\n        borderColor: semanticColors.border.light.heavy,\n        _disabled: {\n          borderColor: colors.gray[200],\n        },\n      },\n      _checked: {\n        background: colors.teal[600],\n        borderColor: colors.teal[600],\n        _before: {\n          position: 'absolute',\n          top: '50%',\n          right: '50%',\n          transform: 'translate(50%, -50%)',\n        },\n        _hover: {\n          background: colors.teal[700],\n          borderColor: colors.teal[700],\n        },\n        _disabled: {\n          background: colors.teal[600],\n          borderColor: colors.teal[600],\n          color: colors.white,\n          _hover: {\n            background: colors.teal[600],\n            borderColor: colors.teal[600],\n          },\n        },\n      },\n      _disabled: {\n        background: colors.gray[200],\n        borderColor: colors.gray[200],\n        opacity: 0.4,\n      },\n      _invalid: {\n        _hover: {\n          borderColor: semanticColors.border.light.error,\n        },\n        _checked: {\n          borderColor: colors.teal[600],\n          _hover: {\n            borderColor: colors.teal[700],\n          },\n        },\n        _disabled: {\n          borderColor: colors.gray[200],\n        },\n      },\n      _focus: {\n        boxShadow: 'none',\n      },\n    },\n  },\n  sizes: {\n    sm: {\n      label: {\n        fontSize: fontSizes.sm,\n      },\n      control: {\n        height: 3,\n        width: 3,\n        mt: 1,\n      },\n    },\n    md: {\n      label: {\n        fontSize: fontSizes.md,\n      },\n      control: {\n        height: 4,\n        width: 4,\n        mt: 1,\n      },\n    },\n    lg: {\n      label: {\n        fontSize: fontSizes.lg,\n        marginLeft: 3,\n      },\n      control: {\n        height: 5,\n        width: 5,\n        mt: '3px',\n      },\n    },\n  },\n};\n"],"names":["RadioConfig","baseStyle","label","color","colors","text","light","default","marginInlineStart","control","background","white","borderColor","semanticColors","border","medium","borders","position","_hover","heavy","_disabled","gray","_checked","teal","_before","top","right","transform","opacity","_invalid","error","_focus","boxShadow","sizes","sm","fontSize","fontSizes","height","width","mt","md","lg","marginLeft"],"mappings":"uNAGaA,EAAoC,CAC/CC,UAAW,CACTC,MAAO,CACLC,MAAOC,EAAMA,OAACC,KAAKC,MAAMC,QACzBC,kBAAmB,GAErBC,QAAS,CACPC,WAAYN,EAAMA,OAACO,MACnBC,YAAaC,EAAcA,eAACC,OAAOR,MAAMS,OACzCD,OAAQE,EAAOA,QAAC,OAChBC,SAAU,WACVC,OAAQ,CACNN,YAAaC,EAAcA,eAACC,OAAOR,MAAMa,MACzCC,UAAW,CACTR,YAAaR,EAAAA,OAAOiB,KAAK,OAG7BC,SAAU,CACRZ,WAAYN,EAAAA,OAAOmB,KAAK,KACxBX,YAAaR,EAAAA,OAAOmB,KAAK,KACzBC,QAAS,CACPP,SAAU,WACVQ,IAAK,MACLC,MAAO,MACPC,UAAW,wBAEbT,OAAQ,CACNR,WAAYN,EAAAA,OAAOmB,KAAK,KACxBX,YAAaR,EAAAA,OAAOmB,KAAK,MAE3BH,UAAW,CACTV,WAAYN,EAAAA,OAAOmB,KAAK,KACxBX,YAAaR,EAAAA,OAAOmB,KAAK,KACzBpB,MAAOC,EAAMA,OAACO,MACdO,OAAQ,CACNR,WAAYN,EAAAA,OAAOmB,KAAK,KACxBX,YAAaR,EAAAA,OAAOmB,KAAK,QAI/BH,UAAW,CACTV,WAAYN,EAAAA,OAAOiB,KAAK,KACxBT,YAAaR,EAAAA,OAAOiB,KAAK,KACzBO,QAAS,IAEXC,SAAU,CACRX,OAAQ,CACNN,YAAaC,EAAcA,eAACC,OAAOR,MAAMwB,OAE3CR,SAAU,CACRV,YAAaR,EAAAA,OAAOmB,KAAK,KACzBL,OAAQ,CACNN,YAAaR,EAAAA,OAAOmB,KAAK,OAG7BH,UAAW,CACTR,YAAaR,EAAAA,OAAOiB,KAAK,OAG7BU,OAAQ,CACNC,UAAW,UAIjBC,MAAO,CACLC,GAAI,CACFhC,MAAO,CACLiC,SAAUC,EAASA,UAACF,IAEtBzB,QAAS,CACP4B,OAAQ,EACRC,MAAO,EACPC,GAAI,IAGRC,GAAI,CACFtC,MAAO,CACLiC,SAAUC,EAASA,UAACI,IAEtB/B,QAAS,CACP4B,OAAQ,EACRC,MAAO,EACPC,GAAI,IAGRE,GAAI,CACFvC,MAAO,CACLiC,SAAUC,EAASA,UAACK,GACpBC,WAAY,GAEdjC,QAAS,CACP4B,OAAQ,EACRC,MAAO,EACPC,GAAI"}

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

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

package/build/components/RadioGroup/radioGroup.component.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';
+import { SystemProps } from '@chakra-ui/system';
+import { WithFormControlProps } from 'components/FormControl/formControl.component';
+import { FlexDirection } from 'shared/types';
+import { RadioProps } from 'components/Radio/radio.component';
+import { RadioSize } from 'components/Radio/radio.types';
+export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {
+    size?: RadioSize;
+    radios: RadioProps[];
+    direction?: FlexDirection;
+    spacing?: SystemProps['margin'];
+    isFieldInline?: boolean;
+}
+declare const _default: React.FC<RadioGroupProps>;
+export default _default;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/components/Select/components/SelectContainer/selectContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SelectOptionProps } from 'components/Select/select.types';
+export interface SelectContainerProps {
+    selectedOption: SelectOptionProps;
+    defaultLeftElement: ReactNode;
+    shouldTruncateText?: boolean;
+}
+declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;
+export default SelectContainer;

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

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

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

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

package/build/components/Select/components/SelectList/selectList.component.d.ts

@@ -0,0 +1,7 @@
+import { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';
+import { SelectOptionProps } from 'components/Select/select.types';
+export interface SelectListProps extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {
+    options?: SelectOptionProps[];
+}
+declare const SelectList: (props: SelectListProps) => JSX.Element;
+export default SelectList;

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

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

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

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

package/build/components/Select/select.component.d.ts

@@ -0,0 +1,27 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+import { SelectProps as CSelectProps } from '@chakra-ui/select';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { SelectOptionProps } from 'components/Select/select.types';
+import { SelectListProps } from './components/SelectList/selectList.component';
+import { TextColor } from 'shared/types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
+    options: SelectOptionProps[];
+    size?: FormControlSize;
+    colorToken?: TextColor;
+}
+export interface BrowserDefaultSelectProps extends SelectBaseProps {
+    defaultLeftElement?: never;
+    listProps?: never;
+    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+    useBrowserDefaultMenu?: boolean;
+}
+export interface CustomSelectProps extends SelectBaseProps {
+    defaultLeftElement?: ReactNode;
+    listProps?: SelectListProps;
+    onChange?: never;
+    useBrowserDefaultMenu?: never;
+}
+export declare type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;
+declare const _default: React.FC<SelectProps>;
+export default _default;

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

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

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

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

package/build/components/Select/select.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare const SelectConfig: ComponentStyleConfig;

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

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

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

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

package/build/components/Select/select.types.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+export interface SelectOptionProps extends MenuItemProps {
+}

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

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

package/build/components/SortableList/components/DragHandle/dragHandle.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Button/button.component';
+declare const DragHandle: ({ ...rest }: ButtonProps) => JSX.Element;
+export default DragHandle;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/components/Switch/switch.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SwitchProps as CSwitchProps } from '@chakra-ui/switch';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SwitchProps extends WithFormControlProps, CSwitchProps {
+    isFieldInline?: boolean;
+    isIndeterminate?: boolean;
+    size?: FormControlSize;
+}
+declare const _default: React.FC<SwitchProps>;
+export default _default;

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

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