@televet/kibble-ui 2.1.39 → 2.1.40

package/build/shared/utils/colors.d.ts

@@ -5,3 +5,9 @@ export declare function hexToRgb(hex: string): {
 } | null;
 export declare function isRGB(color: string): boolean;
 export declare function isDark(color: string): boolean;
+/**
+ * Darken or lighten a color hex value.
+ * @param colorHex
+ * @param amount Provide positive integer to lighten, negative integer to darken
+ */
+export declare const colorLightenDarken: (colorHex: string, amount: number) => string;

package/build/shared/utils/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../colors-caf3f175.js");exports.hexToRgb=e.hexToRgb,exports.isDark=e.isDark,exports.isRGB=e.isRGB;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../colors-6e9db598.js");exports.colorLightenDarken=e.colorLightenDarken,exports.hexToRgb=e.hexToRgb,exports.isDark=e.isDark,exports.isRGB=e.isRGB;
 //# sourceMappingURL=index.js.map

package/build/styledAvatar.types-c7230054.js

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

package/build/styledAvatar.types-c7230054.js.map

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

package/build/swatch.component-47f70104.js

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

package/build/swatch.component-47f70104.js.map

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

package/build/{switch.component-5494fefc.js → switch.component-5b7de8ce.js}

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

package/build/{switch.component-5494fefc.js.map → switch.component-5b7de8ce.js.map}

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

package/build/{tab.component-3d708547.js → tab.component-bec1f23b.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-24f3f4ab.js"),i=require("./icon.component-100b924b.js"),n=require("react"),a=require("./heading.component-95e89325.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(n);const c={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:s,label:f,showNotificationCounter:l=!1,notificationCount:d=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=n,j=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(o.Tab,Object.assign({},j),!!s&&u.default.createElement(r.Box,{pr:2},u.default.createElement(i.Icon,{name:s,size:C})),u.default.createElement(a.WrappedHeading,{size:m[C]},f),l&&u.default.createElement(t.NotificationCounter,{count:d,variant:b,size:c[C],ml:2}))};
-//# sourceMappingURL=tab.component-3d708547.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-24f3f4ab.js"),i=require("./icon.component-7fa85e78.js"),a=require("react"),n=require("./heading.component-95e89325.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(a);const c={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=a=>{var{iconName:s,label:f,showNotificationCounter:l=!1,notificationCount:d=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=a,j=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(o.Tab,Object.assign({},j),!!s&&u.default.createElement(r.Box,{pr:2},u.default.createElement(i.Icon,{name:s,size:C})),u.default.createElement(n.WrappedHeading,{size:m[C]},f),l&&u.default.createElement(t.NotificationCounter,{count:d,variant:b,size:c[C],ml:2}))};
+//# sourceMappingURL=tab.component-bec1f23b.js.map

package/build/{tab.component-3d708547.js.map → tab.component-bec1f23b.js.map}

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

package/build/tabs.component-4ebd608e.js

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

package/build/{tabs.component-c5bdfb76.js.map → tabs.component-4ebd608e.js.map}

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

package/build/{tabsLayout.component-185c4529.js → tabsLayout.component-29538cfd.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./tabs.component-c5bdfb76.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
-//# sourceMappingURL=tabsLayout.component-185c4529.js.map
+"use strict";var e=require("react"),t=require("./tabs.component-4ebd608e.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
+//# sourceMappingURL=tabsLayout.component-29538cfd.js.map

package/build/{tabsLayout.component-185c4529.js.map → tabsLayout.component-29538cfd.js.map}

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

package/build/{tag.types-f979ec63.js → tag.component-75215361.js}

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

package/build/tag.component-75215361.js.map

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

package/build/tag.types-71e7699b.js

@@ -0,0 +1,2 @@
+"use strict";exports.closeButtonDisplays=["always","never","hover"],exports.tagSizes=["sm","md","lg"];
+//# sourceMappingURL=tag.types-71e7699b.js.map

package/build/tag.types-71e7699b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.types-71e7699b.js","sources":["../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Status } from 'shared/types';\n\nexport const tagSizes = ['sm', 'md', 'lg'] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = ['always', 'never', 'hover'] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":[],"mappings":"yCAKmC,CAAC,SAAU,QAAS,0BAH/B,CAAC,KAAM,KAAM"}

package/build/{textInput.component-b94f1d1f.js → textInput.component-9c91685f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-2e82715a.js"),n=require("./text.component-906b3f66.js"),r=require("./button.component-8c8cd059.js"),l=require("./chakra-ui-input.esm-5fd07056.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:m,rightElement:d,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:g}=a,v=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let b=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(d=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},m&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:m,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:b},v,{ref:p,value:h})),d&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:d})),!!g&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>g?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",g)))})),m=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));m.displayName="TextInput",exports.WrappedTextInput=m;
-//# sourceMappingURL=textInput.component-b94f1d1f.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-fdc277d3.js"),n=require("./text.component-906b3f66.js"),r=require("./button.component-a1a58584.js"),l=require("./chakra-ui-input.esm-5fd07056.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:m,rightElement:d,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:g}=a,v=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let b=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(d=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},m&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:m,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:b},v,{ref:p,value:h})),d&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:d})),!!g&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>g?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",g)))})),m=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));m.displayName="TextInput",exports.WrappedTextInput=m;
+//# sourceMappingURL=textInput.component-9c91685f.js.map

package/build/{textInput.component-b94f1d1f.js.map → textInput.component-9c91685f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-b94f1d1f.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}
+{"version":3,"file":"textInput.component-9c91685f.js","sources":["../src/components/TextInput/textInput.types.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from 'components/Button';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import React, { forwardRef, ForwardedRef, ReactElement, useMemo } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n  Box,\n  HStack,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Text } from 'components/Text';\nimport { Button } from 'components/Button';\nimport { closeButtonSizeMap } from './textInput.types';\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  isOnContrast?: boolean;\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    charLimit = undefined,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = (\n        <Button size={closeButtonSizeMap[size]} variant=\"ghostNeutral\" onClick={handleClear} iconName=\"close\" />\n      );\n    }\n\n    const currentCharCount = useMemo(() => value?.toString()?.length || 0, [value]);\n\n    return (\n      <Box className=\"TextInput__Container\" pos=\"relative\" w=\"100%\">\n        <InputGroup size={size}>\n          {leftElement && <InputLeftElement className=\"TextInput__LeftElement\" children={leftElement} h=\"100%\" />}\n          <CInput\n            className=\"TextInput__Input\"\n            data-testid=\"text-input-container\"\n            variant={_computedVariant}\n            {...rest}\n            ref={inputRef}\n            value={value}\n          />\n          {rightElement && <InputRightElement className=\"TextInput__RightElement\" children={rightElement} />}\n        </InputGroup>\n        {!!charLimit && (\n          <HStack\n            className=\"TextInput__CharCount\"\n            spacing={1}\n            bg=\"background.default\"\n            pos=\"absolute\"\n            right=\"0\"\n            bottom=\"-20px\"\n          >\n            <Text size=\"xs\" variant={currentCharCount > charLimit ? 'danger' : 'subtle'}>\n              {currentCharCount}\n            </Text>\n            <Text size=\"xs\" variant=\"subtle\">\n              / {charLimit}\n            </Text>\n          </HStack>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","sm","md","lg","TextInput","withFormControl","_a","isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit","rest","__rest","_computedVariant","handleClear","React","createElement","Button","variant","onClick","iconName","currentCharCount","useMemo","toString","length","Box","className","pos","w","InputGroup","InputLeftElement","children","h","CInput","ref","InputRightElement","HStack","spacing","bg","right","bottom","Text","WrappedTextInput","forwardRef","props","Object","assign","displayName"],"mappings":"4XAGO,MAAMA,EAA0D,CACrEC,GAAI,KACJC,GAAI,KACJC,GAAI,MCiCAC,EAAYC,EAAAA,iBACfC,IAAA,IAAAC,YACCA,GAAc,EAAKC,KACnBA,EAAO,KAAIC,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,EAAYC,UACZA,GAEeV,EADZW,EAAIC,EAAAA,OAAAZ,EAXR,6HAaC,IAAIa,EAAmBJ,EAAe,aAAe,UAErD,MAAMK,EAAc,KACdP,GACFA,EAAQC,GAAS,KAIjBP,GAAiBO,IACnBJ,EACEW,EAAA,QAAAC,cAACC,EAAMA,OAAA,CAACf,KAAMR,EAAmBQ,GAAOgB,QAAQ,eAAeC,QAASL,EAAaM,SAAS,WAIlG,MAAMC,EAAmBC,EAAOA,SAAC,KAAM,IAAAtB,EAAA,OAAmB,QAAnBA,EAAAQ,MAAAA,OAAK,EAALA,EAAOe,kBAAY,IAAAvB,OAAA,EAAAA,EAAAwB,SAAU,IAAG,CAAChB,IAExE,OACEO,EAAA,QAAAC,cAACS,EAAAA,IAAG,CAACC,UAAU,uBAAuBC,IAAI,WAAWC,EAAE,QACrDb,EAAAA,QAAAC,cAACa,EAAAA,WAAU,CAAC3B,KAAMA,GACfC,GAAeY,EAAA,QAAAC,cAACc,EAAAA,iBAAgB,CAACJ,UAAU,yBAAyBK,SAAU5B,EAAa6B,EAAE,SAC9FjB,UAACC,cAAAiB,EAAAA,qBACCP,UAAU,mBACE,cAAA,uBACZR,QAASL,GACLF,GACJuB,IAAK7B,EACLG,MAAOA,KAERJ,GAAgBW,EAAAA,QAAAC,cAACmB,oBAAiB,CAACT,UAAU,0BAA0BK,SAAU3B,OAEjFM,GACDK,UAACC,cAAAoB,EAAAA,OACC,CAAAV,UAAU,uBACVW,QAAS,EACTC,GAAG,qBACHX,IAAI,WACJY,MAAM,IACNC,OAAO,SAEPzB,EAAAA,QAACC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAASG,EAAmBX,EAAY,SAAW,UAChEW,GAEHN,EAAC,QAAAC,cAAAyB,eAAKvC,KAAK,KAAKgB,QAAQ,eACnBR,QASXgC,EAAmBC,EAAUA,YAAC,CAACC,EAAuBV,IAC1DnB,EAAAA,QAACC,cAAAlB,EAAU+C,OAAAC,OAAA,CAAAzC,SAAU6B,GAASU,MAGhCF,EAAiBK,YAAc"}

package/build/textarea.component-9f0c4b1b.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-fdc277d3.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,d=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const o=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:o},d,{ref:n}))})),d=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));d.displayName="Textarea",exports.WrappedTextArea=d;
+//# sourceMappingURL=textarea.component-9f0c4b1b.js.map

package/build/{textarea.component-f73a2851.js.map → textarea.component-9f0c4b1b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-f73a2851.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}
+{"version":3,"file":"textarea.component-9f0c4b1b.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}

package/build/{timePicker.component-4a3ce9b0.js → timePicker.component-8b9103d5.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./icon.component-100b924b.js"),r=require("./popover.component-598e9b4d.js"),n=require("./index-7708e04e.js"),o=require("./textInput.component-b94f1d1f.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),l=require("./useIconTextSizeMap-301c4f35.js"),u=require("./chakra-ui-hooks.esm-21b313f3.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(e);const c=({value:t,innerRef:r,isSelected:n,handleClick:o})=>{const l=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return s.default.createElement(i.Box,{ref:r,onClick:l,background:n?"background.primary":"background.default",color:n?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:n?"background.primary.hover":"background.primaryAlpha.hover"}},t)},d=({options:t,optionType:r,selectedValue:n,handleClick:o,isOpen:l=!1})=>{const u=e.useRef(null),a=e.useRef(null);return e.useEffect((()=>{var e,t;l&&a.current&&u.current&&(a.current.scrollTop=(null===(e=u.current)||void 0===e?void 0:e.offsetTop)-(null===(t=a.current)||void 0===t?void 0:t.offsetTop))}),[l]),s.default.createElement(i.Flex,{direction:"column",gap:1,ref:a,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>s.default.createElement(c,{key:`${r}-option-${e}`,innerRef:e===n?u:null,value:e,isSelected:e===n,handleClick:o}))))};var p;exports.Meridiem=void 0,(p=exports.Meridiem||(exports.Meridiem={})).AM="AM",p.PM="PM";exports.TimePicker=({initialTime:a,minuteInterval:c=5,inputProps:p,placement:m,onTimeChange:f})=>{const{isOpen:M,onOpen:h,onClose:x}=u.useDisclosure(),[b,v]=e.useState(a),k=e.useMemo((()=>{if(!a)return;const e=new Date(a),t=e.getHours();let r=t;return t>12&&(r=t-12),0===t&&(r=12),{hours:r.toString(),minutes:e.getMinutes().toString(),meridiem:e.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM}}),[a]),[g,C]=e.useState(null==k?void 0:k.hours),[E,T]=e.useState(null==k?void 0:k.minutes),[y,S]=e.useState(null==k?void 0:k.meridiem),A=e.useMemo((()=>b?n.format(b,"h:mm aa"):""),[b]),O=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},j=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),w=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=c)e.push(t);return e.map(O)}),[c]),P=[exports.Meridiem.AM,exports.Meridiem.PM],q=e.useCallback(((e,t,r)=>{const n=e||"12",o=t||"00",i=r||"AM";let l=0;e||C("12"),t||T("00"),r||S("AM"),i===exports.Meridiem.PM&&Number(n)<12&&(l=12),i===exports.Meridiem.AM&&12===Number(n)&&(l=-12);const u=Number(n)+l,a=(new Date).setHours(u,Number(o),0,0),s=new Date(a);v(s),f&&f(s)}),[f]),z=e.useCallback((e=>{C(e),q(e,E,y)}),[q,y,E]),I=e.useCallback((e=>{T(e),q(g,e,y)}),[q,g,y]),R=e.useCallback((e=>{S(e),q(g,E,e)}),[q,g,E]);return s.default.createElement(r.Popover,{isOpen:M,onOpen:h,onClose:x,placement:m,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:s.default.createElement(i.Box,{w:"100%"},s.default.createElement(o.WrappedTextInput,Object.assign({placeholder:"12:00 AM",rightElement:s.default.createElement(i.Flex,{cursor:(null==p?void 0:p.isDisabled)?"not-allowed":"pointer",h:"100%",align:"center"},s.default.createElement(t.Icon,{size:l.useIconTextSizeMap((null==p?void 0:p.size)||"md"),name:"clock"})),value:A,isReadOnly:!0,cursor:"pointer"},p)))},s.default.createElement(i.Flex,{height:"186px",gap:1.5,overflow:"hidden"},s.default.createElement(d,{options:j,optionType:"hour",selectedValue:g,handleClick:z,isOpen:M}),s.default.createElement(d,{options:w,optionType:"minute",selectedValue:E?O(E):void 0,handleClick:I,isOpen:M}),s.default.createElement(d,{options:P,optionType:"meridiem",selectedValue:y,handleClick:R,isOpen:M})))};
-//# sourceMappingURL=timePicker.component-4a3ce9b0.js.map
+"use strict";var e=require("react"),t=require("./icon.component-7fa85e78.js"),r=require("./popover.component-0ae9b4fe.js"),n=require("./index-7708e04e.js"),o=require("./textInput.component-9c91685f.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),l=require("./useIconTextSizeMap-301c4f35.js"),a=require("./chakra-ui-hooks.esm-21b313f3.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);const c=({value:t,innerRef:r,isSelected:n,handleClick:o})=>{const l=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return s.default.createElement(i.Box,{ref:r,onClick:l,background:n?"background.primary":"background.default",color:n?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:n?"background.primary.hover":"background.primaryAlpha.hover"}},t)},d=({options:t,optionType:r,selectedValue:n,handleClick:o,isOpen:l=!1})=>{const a=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;l&&u.current&&a.current&&(u.current.scrollTop=(null===(e=a.current)||void 0===e?void 0:e.offsetTop)-(null===(t=u.current)||void 0===t?void 0:t.offsetTop))}),[l]),s.default.createElement(i.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>s.default.createElement(c,{key:`${r}-option-${e}`,innerRef:e===n?a:null,value:e,isSelected:e===n,handleClick:o}))))};var p;exports.Meridiem=void 0,(p=exports.Meridiem||(exports.Meridiem={})).AM="AM",p.PM="PM";exports.TimePicker=({initialTime:u,minuteInterval:c=5,inputProps:p,placement:m,onTimeChange:f})=>{const{isOpen:M,onOpen:h,onClose:x}=a.useDisclosure(),[v,k]=e.useState(u),b=e.useMemo((()=>{if(!u)return;const e=new Date(u),t=e.getHours();let r=t;return t>12&&(r=t-12),0===t&&(r=12),{hours:r.toString(),minutes:e.getMinutes().toString(),meridiem:e.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM}}),[u]),[g,C]=e.useState(null==b?void 0:b.hours),[E,T]=e.useState(null==b?void 0:b.minutes),[y,S]=e.useState(null==b?void 0:b.meridiem),A=e.useMemo((()=>v?n.format(v,"h:mm aa"):""),[v]),O=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},j=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),w=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=c)e.push(t);return e.map(O)}),[c]),P=[exports.Meridiem.AM,exports.Meridiem.PM],q=e.useCallback(((e,t,r)=>{const n=e||"12",o=t||"00",i=r||"AM";let l=0;e||C("12"),t||T("00"),r||S("AM"),i===exports.Meridiem.PM&&Number(n)<12&&(l=12),i===exports.Meridiem.AM&&12===Number(n)&&(l=-12);const a=Number(n)+l,u=(new Date).setHours(a,Number(o),0,0),s=new Date(u);k(s),f&&f(s)}),[f]),z=e.useCallback((e=>{C(e),q(e,E,y)}),[q,y,E]),I=e.useCallback((e=>{T(e),q(g,e,y)}),[q,g,y]),R=e.useCallback((e=>{S(e),q(g,E,e)}),[q,g,E]);return s.default.createElement(r.Popover,{isOpen:M,onOpen:h,onClose:x,placement:m,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:s.default.createElement(i.Box,{w:"100%"},s.default.createElement(o.WrappedTextInput,Object.assign({placeholder:"12:00 AM",rightElement:s.default.createElement(i.Flex,{cursor:(null==p?void 0:p.isDisabled)?"not-allowed":"pointer",h:"100%",align:"center"},s.default.createElement(t.Icon,{size:l.useIconTextSizeMap((null==p?void 0:p.size)||"md"),name:"clock"})),value:A,isReadOnly:!0,cursor:"pointer"},p)))},s.default.createElement(i.Flex,{height:"186px",gap:1.5,overflow:"hidden"},s.default.createElement(d,{options:j,optionType:"hour",selectedValue:g,handleClick:z,isOpen:M}),s.default.createElement(d,{options:w,optionType:"minute",selectedValue:E?O(E):void 0,handleClick:I,isOpen:M}),s.default.createElement(d,{options:P,optionType:"meridiem",selectedValue:y,handleClick:R,isOpen:M})))};
+//# sourceMappingURL=timePicker.component-8b9103d5.js.map

package/build/{timePicker.component-4a3ce9b0.js.map → timePicker.component-8b9103d5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timePicker.component-4a3ce9b0.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\n\ninterface TimeOptionProps {\n  value: string;\n  innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n  isSelected: boolean;\n  handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n  const onClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || '';\n      handleClick(selectedValue);\n    },\n    [handleClick],\n  );\n\n  return (\n    <Box\n      ref={innerRef}\n      onClick={onClick}\n      background={isSelected ? 'background.primary' : 'background.default'}\n      color={isSelected ? 'text.onContrast' : 'text.subtle'}\n      fontSize=\"sm\"\n      textAlign=\"center\"\n      px={3}\n      py={1}\n      borderRadius=\"md\"\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? 'background.primary.hover' : 'background.primaryAlpha.hover',\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: 'hour' | 'minute' | 'meridiem';\n  selectedValue?: string;\n  handleClick: (value: string) => void;\n  isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n  options,\n  optionType,\n  selectedValue,\n  handleClick,\n  isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [isOpen]);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      ref={containerRef}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            isSelected={option === selectedValue}\n            handleClick={handleClick}\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n","export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { PlacementWithLogical, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n  initialTime?: Date;\n  minuteInterval?: number;\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  placement?: PlacementWithLogical;\n  onTimeChange?: (time: Date) => void;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n\n  // selectedTime should always be UTC\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n\n  const initialFormattedTime = useMemo(() => {\n    if (!initialTime) return;\n\n    const localTime = new Date(initialTime);\n\n    // calculate hours\n    const hours = localTime.getHours();\n    let adjustedHours = hours;\n\n    if (hours > 12) {\n      adjustedHours = hours - 12;\n    }\n    if (hours === 0) {\n      adjustedHours = 12;\n    }\n\n    return {\n      hours: adjustedHours.toString(),\n      minutes: localTime.getMinutes().toString(),\n      meridiem: localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n    };\n  }, [initialTime]);\n\n  // convert to local time for display\n  const [selectedHour, setSelectedHour] = useState(initialFormattedTime?.hours);\n  const [selectedMinute, setSelectedMinute] = useState(initialFormattedTime?.minutes);\n  const [selectedMeridiem, setSelectedMeridiem] = useState<string | undefined>(initialFormattedTime?.meridiem);\n\n  const formattedTime = useMemo(() => {\n    if (!selectedTime) return '';\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour?: string, minute?: string, meridiem?: string) => {\n      const _hour = hour || '12';\n      const _minute = minute || '00';\n      const _meridiem = meridiem || 'AM';\n      let meridiemAdjustment = 0;\n\n      if (!hour) {\n        setSelectedHour('12');\n      }\n      if (!minute) {\n        setSelectedMinute('00');\n      }\n      if (!meridiem) {\n        setSelectedMeridiem('AM');\n      }\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(_hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(_minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      variant=\"default\"\n      size=\"sm\"\n      anchor={\n        <Box w=\"100%\">\n          <TextInput\n            placeholder=\"12:00 AM\"\n            rightElement={\n              <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'} h=\"100%\" align=\"center\">\n                <Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />\n              </Flex>\n            }\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n        <ScrollContainer\n          options={hourOptions}\n          optionType=\"hour\"\n          selectedValue={selectedHour}\n          handleClick={handleHourClick}\n          isOpen={isOpen}\n        />\n        <ScrollContainer\n          options={minuteOptions}\n          optionType=\"minute\"\n          selectedValue={selectedMinute ? formatNumber(selectedMinute) : undefined}\n          handleClick={handleMinuteClick}\n          isOpen={isOpen}\n        />\n        <ScrollContainer\n          options={meridiemOptions}\n          optionType=\"meridiem\"\n          selectedValue={selectedMeridiem}\n          handleClick={handleMeridiemClick}\n          isOpen={isOpen}\n        />\n      </Flex>\n    </Popover>\n  );\n};\n"],"names":["TimeOption","value","innerRef","isSelected","handleClick","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","color","fontSize","textAlign","px","py","borderRadius","cursor","_hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","_a","offsetTop","_b","Flex","direction","gap","overflowY","sx","display","map","option","key","Meridiem","initialTime","minuteInterval","inputProps","placement","onTimeChange","onOpen","onClose","useDisclosure","selectedTime","setSelectedTime","useState","initialFormattedTime","useMemo","localTime","Date","hours","getHours","adjustedHours","toString","minutes","getMinutes","meridiem","PM","AM","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","i","push","meridiemOptions","handleTimeChange","minute","_hour","_minute","_meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","variant","size","anchor","w","TextInput","Object","assign","placeholder","rightElement","isDisabled","h","align","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow","undefined"],"mappings":"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"}
+{"version":3,"file":"timePicker.component-8b9103d5.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\n\ninterface TimeOptionProps {\n  value: string;\n  innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n  isSelected: boolean;\n  handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n  const onClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || '';\n      handleClick(selectedValue);\n    },\n    [handleClick],\n  );\n\n  return (\n    <Box\n      ref={innerRef}\n      onClick={onClick}\n      background={isSelected ? 'background.primary' : 'background.default'}\n      color={isSelected ? 'text.onContrast' : 'text.subtle'}\n      fontSize=\"sm\"\n      textAlign=\"center\"\n      px={3}\n      py={1}\n      borderRadius=\"md\"\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? 'background.primary.hover' : 'background.primaryAlpha.hover',\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: 'hour' | 'minute' | 'meridiem';\n  selectedValue?: string;\n  handleClick: (value: string) => void;\n  isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n  options,\n  optionType,\n  selectedValue,\n  handleClick,\n  isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [isOpen]);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      ref={containerRef}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            isSelected={option === selectedValue}\n            handleClick={handleClick}\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n","export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { PlacementWithLogical, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n  initialTime?: Date;\n  minuteInterval?: number;\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  placement?: PlacementWithLogical;\n  onTimeChange?: (time: Date) => void;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n\n  // selectedTime should always be UTC\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n\n  const initialFormattedTime = useMemo(() => {\n    if (!initialTime) return;\n\n    const localTime = new Date(initialTime);\n\n    // calculate hours\n    const hours = localTime.getHours();\n    let adjustedHours = hours;\n\n    if (hours > 12) {\n      adjustedHours = hours - 12;\n    }\n    if (hours === 0) {\n      adjustedHours = 12;\n    }\n\n    return {\n      hours: adjustedHours.toString(),\n      minutes: localTime.getMinutes().toString(),\n      meridiem: localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n    };\n  }, [initialTime]);\n\n  // convert to local time for display\n  const [selectedHour, setSelectedHour] = useState(initialFormattedTime?.hours);\n  const [selectedMinute, setSelectedMinute] = useState(initialFormattedTime?.minutes);\n  const [selectedMeridiem, setSelectedMeridiem] = useState<string | undefined>(initialFormattedTime?.meridiem);\n\n  const formattedTime = useMemo(() => {\n    if (!selectedTime) return '';\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour?: string, minute?: string, meridiem?: string) => {\n      const _hour = hour || '12';\n      const _minute = minute || '00';\n      const _meridiem = meridiem || 'AM';\n      let meridiemAdjustment = 0;\n\n      if (!hour) {\n        setSelectedHour('12');\n      }\n      if (!minute) {\n        setSelectedMinute('00');\n      }\n      if (!meridiem) {\n        setSelectedMeridiem('AM');\n      }\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(_hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(_minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      variant=\"default\"\n      size=\"sm\"\n      anchor={\n        <Box w=\"100%\">\n          <TextInput\n            placeholder=\"12:00 AM\"\n            rightElement={\n              <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'} h=\"100%\" align=\"center\">\n                <Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />\n              </Flex>\n            }\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n        <ScrollContainer\n          options={hourOptions}\n          optionType=\"hour\"\n          selectedValue={selectedHour}\n          handleClick={handleHourClick}\n          isOpen={isOpen}\n        />\n        <ScrollContainer\n          options={minuteOptions}\n          optionType=\"minute\"\n          selectedValue={selectedMinute ? formatNumber(selectedMinute) : undefined}\n          handleClick={handleMinuteClick}\n          isOpen={isOpen}\n        />\n        <ScrollContainer\n          options={meridiemOptions}\n          optionType=\"meridiem\"\n          selectedValue={selectedMeridiem}\n          handleClick={handleMeridiemClick}\n          isOpen={isOpen}\n        />\n      </Flex>\n    </Popover>\n  );\n};\n"],"names":["TimeOption","value","innerRef","isSelected","handleClick","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","color","fontSize","textAlign","px","py","borderRadius","cursor","_hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","_a","offsetTop","_b","Flex","direction","gap","overflowY","sx","display","map","option","key","Meridiem","initialTime","minuteInterval","inputProps","placement","onTimeChange","onOpen","onClose","useDisclosure","selectedTime","setSelectedTime","useState","initialFormattedTime","useMemo","localTime","Date","hours","getHours","adjustedHours","toString","minutes","getMinutes","meridiem","PM","AM","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","i","push","meridiemOptions","handleTimeChange","minute","_hour","_minute","_meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","variant","size","anchor","w","TextInput","Object","assign","placeholder","rightElement","isDisabled","h","align","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow","undefined"],"mappings":"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"}

package/build/{timeRange.component-62d5fb79.js → timeRange.component-2f4d987d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./timePicker.component-4a3ce9b0.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);exports.TimeRange=({startTimePickerProps:e,endTimePickerProps:a,dashContainerProps:c})=>i.default.createElement(r.Flex,null,i.default.createElement(t.TimePicker,Object.assign({},e)),i.default.createElement(r.Box,Object.assign({alignSelf:"center",mx:1},c),"-"),i.default.createElement(t.TimePicker,Object.assign({},a)));
-//# sourceMappingURL=timeRange.component-62d5fb79.js.map
+"use strict";var e=require("react"),t=require("./timePicker.component-8b9103d5.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);exports.TimeRange=({startTimePickerProps:e,endTimePickerProps:a,dashContainerProps:n})=>i.default.createElement(r.Flex,null,i.default.createElement(t.TimePicker,Object.assign({},e)),i.default.createElement(r.Box,Object.assign({alignSelf:"center",mx:1},n),"-"),i.default.createElement(t.TimePicker,Object.assign({},a)));
+//# sourceMappingURL=timeRange.component-2f4d987d.js.map

package/build/{timeRange.component-62d5fb79.js.map → timeRange.component-2f4d987d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-62d5fb79.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n  startTimePickerProps: TimePickerProps;\n  endTimePickerProps: TimePickerProps;\n  dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n  startTimePickerProps,\n  endTimePickerProps,\n  dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n  return (\n    <Flex>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n        -\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","Object","assign","Box","alignSelf","mx"],"mappings":"yOAUyB,EACvBA,qBAAAA,EACAC,mBAAAA,EACAC,mBAAAA,KAGEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,aAAeC,OAAAC,OAAA,GAAAR,IAChBG,EAAAA,QAACE,cAAAI,EAAAA,IAAIF,OAAAC,OAAA,CAAAE,UAAU,SAASC,GAAI,GAAOT,GAE7B,KACNC,UAAAE,cAACC,EAAAA,WAAeC,OAAAC,OAAA,GAAAP"}
+{"version":3,"file":"timeRange.component-2f4d987d.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n  startTimePickerProps: TimePickerProps;\n  endTimePickerProps: TimePickerProps;\n  dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n  startTimePickerProps,\n  endTimePickerProps,\n  dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n  return (\n    <Flex>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n        -\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","Object","assign","Box","alignSelf","mx"],"mappings":"yOAUyB,EACvBA,qBAAAA,EACAC,mBAAAA,EACAC,mBAAAA,KAGEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,aAAeC,OAAAC,OAAA,GAAAR,IAChBG,EAAAA,QAACE,cAAAI,EAAAA,IAAIF,OAAAC,OAAA,CAAAE,UAAU,SAASC,GAAI,GAAOT,GAE7B,KACNC,UAAAE,cAACC,EAAAA,WAAeC,OAAAC,OAAA,GAAAP"}

package/build/timestamp.component-c0c80c32.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("./text.component-906b3f66.js"),r=require("./tooltip.component-197bff7c.js"),a=require("./index-7708e04e.js"),i=require("./index-ebcb699d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);function n(e,t){a.requiredArgs(2,arguments);var r=i.startOfDay(e),s=i.startOfDay(t);return r.getTime()===s.getTime()}exports.Timestamp=({date:e,timeFormat:i="h:mma",dateFormat:s="M/d/yy",shouldTodayDisplayTimeOnly:l=!0,tooltipLabel:u,textProps:m})=>{const c=a.format(e,function(e){return a.requiredArgs(1,arguments),n(e,Date.now())}(e)&&l?i:s);return o.default.createElement(t.WrappedText,Object.assign({className:"Timestamp",variant:"subtle",size:"xs",textTransform:"lowercase"},m),o.default.createElement(r.Tooltip,{isDisabled:!u,titleCaseLabel:!1,label:u||""},c))};
+//# sourceMappingURL=timestamp.component-c0c80c32.js.map

package/build/timestamp.component-c0c80c32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp.component-c0c80c32.js","sources":["../node_modules/date-fns/esm/isSameDay/index.js","../src/patterns/Timestamp/timestamp.component.tsx","../node_modules/date-fns/esm/isToday/index.js"],"sourcesContent":["import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}","import React from 'react';\nimport { Text, TextProps } from 'components/Text';\nimport { Tooltip } from 'components/Tooltip';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\n\nexport interface TimestampProps {\n  date: Date;\n  timeFormat?: string;\n  dateFormat?: string;\n  shouldTodayDisplayTimeOnly?: boolean;\n  tooltipLabel?: string;\n  textProps?: Omit<TextProps, 'children'>;\n}\n\nexport const Timestamp = ({\n  date,\n  timeFormat = 'h:mma',\n  dateFormat = 'M/d/yy',\n  shouldTodayDisplayTimeOnly = true,\n  tooltipLabel,\n  textProps,\n}: TimestampProps): JSX.Element => {\n  const stamp = format(date, isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat);\n\n  return (\n    <Text className=\"Timestamp\" variant=\"subtle\" size=\"xs\" textTransform=\"lowercase\" {...textProps}>\n      <Tooltip isDisabled={!tooltipLabel} titleCaseLabel={false} label={tooltipLabel || ''}>\n        {stamp}\n      </Tooltip>\n    </Text>\n  );\n};\n","import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}"],"names":["isSameDay","dirtyDateLeft","dirtyDateRight","requiredArgs","arguments","dateLeftStartOfDay","startOfDay","dateRightStartOfDay","getTime","date","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","format","dirtyDate","Date","now","isToday","React","Text","Object","assign","className","variant","size","textTransform","createElement","Tooltip","isDisabled","titleCaseLabel","label"],"mappings":"gRA+Be,SAASA,EAAUC,EAAeC,GAC/CC,eAAa,EAAGC,WAChB,IAAIC,EAAqBC,aAAWL,GAChCM,EAAsBD,aAAWJ,GACrC,OAAOG,EAAmBG,YAAcD,EAAoBC,4BCpBrC,EACvBC,KAAAA,EACAC,WAAAA,EAAa,QACbC,WAAAA,EAAa,SACbC,2BAAAA,GAA6B,EAC7BC,aAAAA,EACAC,UAAAA,MAEA,MAAMC,EAAQC,SAAOP,ECCR,SAAiBQ,GAE9B,OADAd,eAAa,EAAGC,WACTJ,EAAUiB,EAAWC,KAAKC,ODHNC,CAAQX,IAASG,EAA6BF,EAAaC,GAEtF,OACEU,EAAAA,sBAACC,EAAAA,YAAIC,OAAAC,OAAA,CAACC,UAAU,YAAYC,QAAQ,SAASC,KAAK,KAAKC,cAAc,aAAgBd,GACnFO,EAAAA,QAACQ,cAAAC,EAAAA,SAAQC,YAAalB,EAAcmB,gBAAgB,EAAOC,MAAOpB,GAAgB,IAC/EE"}

package/build/{useToast-dfad2406.js → useToast-e936bea0.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-c70df670.js"),o=require("./chakra-ui-theme.esm-d6d72df5.js"),r=require("./chakra-ui-hooks.esm-21b313f3.js"),i=require("./alert.component-cc76d972.js"),s=require("./useTheme-8873c39f.js"),a=require("react-dom"),u=require("./index-8fecff45.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
-//# sourceMappingURL=useToast-dfad2406.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-c70df670.js"),o=require("./chakra-ui-theme.esm-d6d72df5.js"),r=require("./chakra-ui-hooks.esm-21b313f3.js"),i=require("./alert.component-0ac3abaa.js"),s=require("./useTheme-8873c39f.js"),a=require("react-dom"),u=require("./index-8fecff45.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
+//# sourceMappingURL=useToast-e936bea0.js.map