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

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

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

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

@@ -1,2 +0,0 @@
-import{__rest as t,__assign as e}from"../../../../../../node_modules/tslib/tslib.es6.js";import o from"react";import n from"../../../../Overlay/Menu/components/MenuList/menuList.component.js";var s=function(s){var i=s.options,r=t(s,["options"]);return o.createElement(n,e({shouldRetainSelection:!0,menuItems:i,isMatchWidthSet:!0},r))};export{s as default};
-//# sourceMappingURL=selectList.component.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e from"./select.component.js";export{default}from"./select.component.js";
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as SelectConfig};
-//# sourceMappingURL=select.config.js.map

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

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

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

@@ -1,2 +0,0 @@
-import o from"./switch.component.js";export{default}from"./switch.component.js";
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +0,0 @@
-import{__rest as e,__assign as i}from"../../../../node_modules/tslib/tslib.es6.js";import r from"react";import{Switch as t}from"@chakra-ui/react";import{withFormControl as o}from"../FormControl/formControl.component.js";var n=function(o){var n=o.isChecked,a=o.isIndeterminate,l=o.isFieldInline,m=e(o,["isChecked","isIndeterminate","isFieldInline"]);return r.createElement(t,i({colorScheme:"teal",isChecked:n,display:l?"inline-block":"block"},a&&{variant:"indeterminate"},m))};n.displayName="Switch";var a=o(n);export{a as default};
-//# sourceMappingURL=switch.component.js.map

package/build/src/components/Forms/Switch/switch.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.component.js","sources":["../../../../../src/components/Forms/Switch/switch.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n  const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n  return (\n    <CSwitch\n      colorScheme=\"teal\"\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      {...(isIndeterminate && { variant: 'indeterminate' })}\n      {...domProps}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nexport default withFormControl(Switch);\n"],"names":["Switch","props","isChecked","isIndeterminate","isFieldInline","domProps","React","createElement","CSwitch","__assign","colorScheme","display","variant","displayName","Switch$1","withFormControl"],"mappings":"4NAWA,IAAMA,EAAS,SAACC,GACN,IAAAC,EAA2DD,EAAKC,UAArDC,EAAgDF,EAAjCE,gBAAEC,EAA+BH,gBAAbI,IAAaJ,EAA7D,CAA0D,YAAA,kBAAA,kBAEhE,OACEK,EAACC,cAAAC,EACCC,EAAA,CAAAC,YAAY,OACZR,UAAWA,EACXS,QAASP,EAAgB,eAAiB,SACrCD,GAAmB,CAAES,QAAS,iBAC/BP,KAKVL,EAAOa,YAAc,SAErB,IAAeC,EAAAC,EAAgBf"}

package/build/src/components/Forms/Switch/switch.config.js

@@ -1,2 +0,0 @@
-import{cssVar as a}from"../../../../node_modules/@chakra-ui/theme-tools/dist/chakra-ui-theme-tools.esm.js";import{semanticColors as e,coreColors as r}from"../../../theme/tokens/colors/color.record.js";var t,o,i,n=a("switch-track-width"),s=a("switch-track-height"),l=a("switch-thumb-width"),b=a("switch-thumb-height"),c={baseStyle:{track:{bg:e.background.grayDark,p:0,pos:"relative",_checked:{bg:e.background.grayDark},_active:{outline:"0px",boxShadow:"none"},_focus:{outline:"0px",boxShadow:"none"}},thumb:{bg:r.comet[700],h:b.reference,w:l.reference,pos:"absolute",top:"50%",transform:"translate(0%, -50%)",_checked:{bg:e.background.brand,transform:"translate(100%, -50%)"}}},sizes:{sm:{container:(t={},t[l.variable]="12px",t[b.variable]="12px",t[n.variable]="24px",t[s.variable]="6px",t)},md:{container:(o={},o[l.variable]="16px",o[b.variable]="16px",o[n.variable]="32px",o[s.variable]="8px",o)},lg:{container:(i={},i[l.variable]="20px",i[b.variable]="20px",i[n.variable]="40px",i[s.variable]="10px",i)}},variants:{indeterminate:{thumb:{bg:r.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower",_checked:{bg:r.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower"}}}}};export{c as SwitchConfig};
-//# sourceMappingURL=switch.config.js.map

package/build/src/components/Forms/Switch/switch.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.config.js","sources":["../../../../../src/components/Forms/Switch/switch.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { cssVar } from '@chakra-ui/theme-tools';\nimport { coreColors, semanticColors } from 'theme/tokens';\n\nconst $trackWidth = cssVar('switch-track-width');\nconst $trackHeight = cssVar('switch-track-height');\nconst $thumbWidth = cssVar('switch-thumb-width');\nconst $thumbHeight = cssVar('switch-thumb-height');\n\nexport const SwitchConfig: ComponentStyleConfig = {\n  baseStyle: {\n    track: {\n      bg: semanticColors.background.grayDark,\n      p: 0,\n      pos: 'relative',\n      _checked: {\n        bg: semanticColors.background.grayDark,\n      },\n      _active: {\n        outline: '0px',\n        boxShadow: 'none',\n      },\n      _focus: {\n        outline: '0px',\n        boxShadow: 'none',\n      },\n    },\n    thumb: {\n      bg: coreColors.comet[700],\n      h: $thumbHeight.reference,\n      w: $thumbWidth.reference,\n      pos: 'absolute',\n      top: '50%',\n      transform: 'translate(0%, -50%)',\n      _checked: {\n        bg: semanticColors.background.brand,\n        transform: 'translate(100%, -50%)',\n      },\n    },\n  },\n  sizes: {\n    sm: {\n      container: {\n        [$thumbWidth.variable]: '12px',\n        [$thumbHeight.variable]: '12px',\n        [$trackWidth.variable]: '24px',\n        [$trackHeight.variable]: '6px',\n      },\n    },\n    md: {\n      container: {\n        [$thumbWidth.variable]: '16px',\n        [$thumbHeight.variable]: '16px',\n        [$trackWidth.variable]: '32px',\n        [$trackHeight.variable]: '8px',\n      },\n    },\n    lg: {\n      container: {\n        [$thumbWidth.variable]: '20px',\n        [$thumbHeight.variable]: '20px',\n        [$trackWidth.variable]: '40px',\n        [$trackHeight.variable]: '10px',\n      },\n    },\n  },\n  variants: {\n    indeterminate: {\n      thumb: {\n        bg: coreColors.gray[500],\n        left: '50%',\n        transform: `translate(-50%, -50%)`,\n        transitionDuration: 'slower',\n        _checked: {\n          bg: coreColors.gray[500],\n          left: '50%',\n          transform: `translate(-50%, -50%)`,\n          transitionDuration: 'slower',\n        },\n      },\n    },\n  },\n};\n"],"names":["$trackWidth","cssVar","$trackHeight","$thumbWidth","$thumbHeight","SwitchConfig","baseStyle","track","bg","semanticColors","background","grayDark","p","pos","_checked","_active","outline","boxShadow","_focus","thumb","coreColors","comet","h","reference","w","top","transform","brand","sizes","sm","container","_a","variable","md","_b","lg","_c","variants","indeterminate","gray","left","transitionDuration"],"mappings":"mNAIMA,EAAcC,EAAO,sBACrBC,EAAeD,EAAO,uBACtBE,EAAcF,EAAO,sBACrBG,EAAeH,EAAO,uBAEfI,EAAqC,CAChDC,UAAW,CACTC,MAAO,CACLC,GAAIC,EAAeC,WAAWC,SAC9BC,EAAG,EACHC,IAAK,WACLC,SAAU,CACRN,GAAIC,EAAeC,WAAWC,UAEhCI,QAAS,CACPC,QAAS,MACTC,UAAW,QAEbC,OAAQ,CACNF,QAAS,MACTC,UAAW,SAGfE,MAAO,CACLX,GAAIY,EAAWC,MAAM,KACrBC,EAAGlB,EAAamB,UAChBC,EAAGrB,EAAYoB,UACfV,IAAK,WACLY,IAAK,MACLC,UAAW,sBACXZ,SAAU,CACRN,GAAIC,EAAeC,WAAWiB,MAC9BD,UAAW,2BAIjBE,MAAO,CACLC,GAAI,CACFC,WAASC,EAAA,GACPA,EAAC5B,EAAY6B,UAAW,OACxBD,EAAC3B,EAAa4B,UAAW,OACzBD,EAAC/B,EAAYgC,UAAW,OACxBD,EAAC7B,EAAa8B,UAAW,MAC1BD,IAEHE,GAAI,CACFH,WAASI,EAAA,GACPA,EAAC/B,EAAY6B,UAAW,OACxBE,EAAC9B,EAAa4B,UAAW,OACzBE,EAAClC,EAAYgC,UAAW,OACxBE,EAAChC,EAAa8B,UAAW,MAC1BE,IAEHC,GAAI,CACFL,WAASM,EAAA,GACPA,EAACjC,EAAY6B,UAAW,OACxBI,EAAChC,EAAa4B,UAAW,OACzBI,EAACpC,EAAYgC,UAAW,OACxBI,EAAClC,EAAa8B,UAAW,OAC1BI,KAGLC,SAAU,CACRC,cAAe,CACbnB,MAAO,CACLX,GAAIY,EAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB,SACpB3B,SAAU,CACRN,GAAIY,EAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB"}

package/build/src/components/Forms/TextInput/components/ClearButton/clearButton.component.js

@@ -1,2 +0,0 @@
-import o from"react";import{Button as e}from"@chakra-ui/react";import r from"../../../../MediaAndIcons/Icon/icon.component.js";import t from"../../../../../hooks/useTheme.js";import{closeButtonSize as a}from"./clearButton.records.js";var i=function(i){var c=i.handleClear,n=i.size,m=void 0===n?"md":n,l=t().colors;return o.createElement(e,{color:l.icon.light.default,display:"inline-flex",minW:"auto",w:a[m],h:a[m],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===m?3:4,onClick:c},o.createElement(r,{name:"close",colorToken:"currentColor",size:"lg"===m?"sm":"xs"}))};export{i as default};
-//# sourceMappingURL=clearButton.component.js.map

package/build/src/components/Forms/TextInput/components/ClearButton/clearButton.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clearButton.component.js","sources":["../../../../../../../src/components/Forms/TextInput/components/ClearButton/clearButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport useTheme from 'hooks/useTheme';\nimport { FormControlSize } from 'components/Forms/FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nconst ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  return (\n    <Button\n      color={colors.icon.light.default}\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n\nexport default ClearButton;\n"],"names":["ClearButton","_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","closeButtonSize","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken"],"mappings":"0OAYM,IAAAA,EAAc,SAACC,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACrCE,EAAWC,WAEnB,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGC,EAAgBb,GACnBc,EAAGD,EAAgBb,GACnBe,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATnB,EAAgB,EAAI,EACxBoB,QAAStB,GAETK,EAACC,cAAAiB,EAAK,CAAAC,KAAK,QAAQC,WAAW,eAAevB,KAAe,OAATA,EAAgB,KAAO"}

package/build/src/components/Forms/TextInput/components/ClearButton/clearButton.records.js

@@ -1,2 +0,0 @@
-var m={xs:5,sm:5,md:5,lg:6};export{m as closeButtonSize};
-//# sourceMappingURL=clearButton.records.js.map

package/build/src/components/Forms/TextInput/components/ClearButton/clearButton.records.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clearButton.records.js","sources":["../../../../../../../src/components/Forms/TextInput/components/ClearButton/clearButton.records.ts"],"sourcesContent":["import { FormControlSize } from 'components/Forms/FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  xs: 5,\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n"],"names":["closeButtonSize","xs","sm","md","lg"],"mappings":"AAEa,IAAAA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI"}

package/build/src/components/Forms/TextInput/index.js

@@ -1,2 +0,0 @@
-import t from"./textInput.component.js";export{default}from"./textInput.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Forms/TextInput/textInput.component.js

@@ -1,2 +0,0 @@
-import{__assign as e,__rest as t}from"../../../../node_modules/tslib/tslib.es6.js";import n,{forwardRef as l}from"react";import{InputGroup as r,InputLeftElement as o,Input as i,InputRightElement as a}from"@chakra-ui/react";import{withFormControl as m}from"../FormControl/formControl.component.js";import u from"./components/ClearButton/clearButton.component.js";var c=m((function(l){var m=l.isClearable,c=void 0!==m&&m,s=l.size,f=void 0===s?"md":s,p=t(l,["isClearable","size"]),d=p.leftElement,E=p.inputRef;p.isFieldInline;var v=p.onClear,C=p.value,h=t(p,["leftElement","inputRef","isFieldInline","onClear","value"]),b=p.rightElement;return c&&C&&(b=n.createElement(u,{size:f,handleClear:function(){v&&v(C||"")}})),n.createElement(r,null,d?n.createElement(o,{children:d,h:"100%"}):null,n.createElement(i,e({},h,{ref:E,size:f,value:C})),b?n.createElement(a,{children:b,h:"100%"}):null)})),s=l((function(t,l){return n.createElement(c,e({inputRef:l},t))}));s.displayName="TextInput";export{s as default};
-//# sourceMappingURL=textInput.component.js.map

package/build/src/components/Forms/TextInput/textInput.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component.js","sources":["../../../../../src/components/Forms/TextInput/textInput.component.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\nimport ClearButton from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\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 TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst WrappedTextInput = withFormControl(\n  ({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n    const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n    let { rightElement } = props;\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = <ClearButton size={size} handleClear={handleClear} />;\n    }\n\n    return (\n      <InputGroup>\n        {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n        <CInput {...domProps} ref={inputRef} size={size} value={value} />\n        {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n      </InputGroup>\n    );\n  },\n);\n\nconst TextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <WrappedTextInput inputRef={ref} {...props} />\n));\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["WrappedTextInput","withFormControl","_a","_b","isClearable","_c","size","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","React","createElement","ClearButton","handleClear","InputGroup","InputLeftElement","children","h","CInput","__assign","ref","InputRightElement","TextInput","forwardRef","displayName"],"mappings":"0WA+BA,IAAMA,EAAmBC,GACvB,SAACC,GAAE,IAAAC,gBAAAC,OAAc,IAAAD,KAAOE,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAKE,EAAKC,EAAAN,EAA5C,wBACSO,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIX,GAAiBS,IACnBE,EAAeC,EAAAC,cAACC,EAAW,CAACZ,KAAMA,EAAMa,YAPtB,WACdP,GACFA,EAAQC,GAAS,QASnBG,gBAACI,EAAU,KACRX,EAAcO,EAACC,cAAAI,GAAiBC,SAAUb,EAAac,EAAE,SAAY,KACtEP,EAAAC,cAACO,EAAMC,EAAA,GAAKX,EAAQ,CAAEY,IAAKhB,EAAUJ,KAAMA,EAAMO,MAAOA,KACvDE,EAAeC,EAAAC,cAACU,EAAkB,CAAAL,SAAUP,EAAcQ,EAAE,SAAY,SAM3EK,EAAYC,GAAW,SAACtB,EAAuBmB,GAAwC,OAC3FV,EAAAC,cAACjB,EAAiByB,EAAA,CAAAf,SAAUgB,GAASnB,OAGvCqB,EAAUE,YAAc"}

package/build/src/components/Forms/TextInput/textInput.config.js

@@ -1,2 +0,0 @@
-import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as TextInputConfig};
-//# sourceMappingURL=textInput.config.js.map

package/build/src/components/Forms/TextInput/textInput.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.config.js","sources":["../../../../../src/components/Forms/TextInput/textInput.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const TextInputConfig: ComponentStyleConfig = {\n  ...FormControlConfig,\n};\n"],"names":["TextInputConfig","__assign","FormControlConfig"],"mappings":"gJAGa,IAAAA,EACRC,EAAA,GAAAC"}

package/build/src/components/Forms/Textarea/index.js

@@ -1,2 +0,0 @@
-import t from"./textarea.component.js";export{default}from"./textarea.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Forms/Textarea/textarea.component.js

@@ -1,2 +0,0 @@
-import{__assign as e,__rest as r}from"../../../../node_modules/tslib/tslib.es6.js";import t,{forwardRef as a}from"react";import{Textarea as o}from"@chakra-ui/react";import{withFormControl as n}from"../FormControl/formControl.component.js";var i=n((function(a){a.isFieldInline;var n=a.textareaRef,i=r(a,["isFieldInline","textareaRef"]);return t.createElement(o,e({},i,{ref:n}))})),m=a((function(r,a){return t.createElement(i,e({textareaRef:a},r))}));m.displayName="Textarea";export{m as default};
-//# sourceMappingURL=textarea.component.js.map

package/build/src/components/Forms/Textarea/textarea.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.component.js","sources":["../../../../../src/components/Forms/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 '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst WrappedTextArea = withFormControl((props: TextareaProps): JSX.Element => {\n  const { isFieldInline, textareaRef, ...domProps } = props;\n\n  return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst Textarea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <WrappedTextArea textareaRef={ref} {...props} />\n));\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["WrappedTextArea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","__assign","ref","Textarea","forwardRef","displayName"],"mappings":"+OAUA,IAAMA,EAAkBC,GAAgB,SAACC,GACaA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,EAAAC,cAACC,EAAcC,EAAA,GAAAL,GAAUM,IAAKP,QAGjCQ,EAAWC,GAAW,SAACX,EAAsBS,GAA2C,OAC5FJ,EAAAC,cAACR,EAAgBU,EAAA,CAAAN,YAAaO,GAAST,OAGzCU,EAASE,YAAc"}

package/build/src/components/Forms/Textarea/textarea.config.js

@@ -1,2 +0,0 @@
-import{__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as TextareaConfig};
-//# sourceMappingURL=textarea.config.js.map

package/build/src/components/Forms/Textarea/textarea.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.config.js","sources":["../../../../../src/components/Forms/Textarea/textarea.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const TextareaConfig: ComponentStyleConfig = {\n  ...FormControlConfig,\n};\n"],"names":["TextareaConfig","__assign","FormControlConfig"],"mappings":"gJAGa,IAAAA,EACRC,EAAA,GAAAC"}

package/build/src/components/Forms/TimePicker/components/ScrollContainer.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../../../../../node_modules/tslib/tslib.es6.js";import e from"react";import{Flex as o}from"@chakra-ui/react";var t=function(t){var a=r(t,[]);return e.createElement(o,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},a.children)};export{t as default};
-//# sourceMappingURL=ScrollContainer.js.map

package/build/src/components/Forms/TimePicker/components/ScrollContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollContainer.js","sources":["../../../../../../src/components/Forms/TimePicker/components/ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nconst ScrollContainer = ({ ...props }): JSX.Element => {\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {props.children}\n    </Flex>\n  );\n};\n\nexport default ScrollContainer;\n"],"names":["ScrollContainer","_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children"],"mappings":"qIAGM,IAAAA,EAAkB,SAACC,OAAKC,EAAKC,EAAAF,EAAV,IACvB,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAU,SACVC,IAAK,EACLC,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZT,EAAMU"}

package/build/src/components/Forms/TimePicker/components/TimeOption.js

@@ -1,2 +0,0 @@
-import r,{useCallback as e}from"react";import{Box as t}from"@chakra-ui/react";import o from"../../../../hooks/useTheme.js";var n=function(n){var a=n.value,c=n.innerRef,i=n.isSelected,u=n.handleClick,d=o(),l=d.colors,f=d.fontSizes,s=d.radii,k=e((function(r){var e=r.currentTarget.textContent||"";u(e)}),[u]);return r.createElement(t,{ref:c,onClick:k,background:i?l.background.brand:l.white,color:i?l.text.dark.default:l.text.light.subtle,fontSize:f.sm,textAlign:"center",px:3,py:1,w:"100%",borderRadius:s.md,cursor:"pointer",_hover:{background:i?l.background.brand:l.background.hover}},a)};export{n as default};
-//# sourceMappingURL=TimeOption.js.map

package/build/src/components/Forms/TimePicker/components/TimeOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeOption.js","sources":["../../../../../../src/components/Forms/TimePicker/components/TimeOption.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from 'components/Layout/Box';\nimport useTheme from 'hooks/useTheme';\n\ninterface TimeOptionProps {\n  value: string;\n  innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n  isSelected: boolean;\n  handleClick: (selectedValue: string) => void;\n}\n\nconst TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n  const { colors, fontSizes, radii } = useTheme();\n\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 ? colors.background.brand : colors.white}\n      color={isSelected ? colors.text.dark.default : colors.text.light.subtle}\n      fontSize={fontSizes.sm}\n      textAlign=\"center\"\n      px={3}\n      py={1}\n      w=\"100%\"\n      borderRadius={radii.md}\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? colors.background.brand : colors.background.hover,\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n\nexport default TimeOption;\n"],"names":["TimeOption","_a","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","w","borderRadius","md","cursor","_hover","hover"],"mappings":"2HAWM,IAAAA,EAAa,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YACtDC,EAA+BC,IAA7BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAE1BC,EAAUC,GACd,SAACC,GACC,IAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDX,EAAYS,KAEd,CAACT,IAGH,OACEY,EAACC,cAAAC,GACCC,IAAKjB,EACLQ,QAASA,EACTU,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOe,MAC1DC,MAAOpB,EAAaI,EAAOiB,KAAKC,KAAKC,QAAUnB,EAAOiB,KAAKG,MAAMC,OACjEC,SAAUrB,EAAUsB,GACpBC,UAAU,SACVC,GAAI,EACJC,GAAI,EACJC,EAAE,OACFC,aAAc1B,EAAM2B,GACpBC,OAAO,UACPC,OAAQ,CACNlB,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOa,WAAWmB,QAGtEtC"}

package/build/src/components/Forms/TimePicker/index.js

@@ -1,2 +0,0 @@
-import"react";import"@chakra-ui/react";import"../../MediaAndIcons/Icon/icon.component.js";import"../TextInput/textInput.component.js";import"./timePicker.types.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Forms/TimePicker/timePicker.component.js

@@ -1,2 +0,0 @@
-import{__read as e,__assign as n}from"../../../../node_modules/tslib/tslib.es6.js";import t,{useMemo as r,useState as o,useRef as i,useEffect as c,useCallback as m}from"react";import{useDisclosure as l,Box as u,PopoverBody as a,Flex as p}from"@chakra-ui/react";import s from"../../MediaAndIcons/Icon/icon.component.js";import f from"../../Overlay/Popover/popover.component.js";import d from"../../../../node_modules/date-fns/esm/format/index.js";import v from"../TextInput/textInput.component.js";import h from"./components/ScrollContainer.js";import g from"./components/TimeOption.js";import{Meridiem as E}from"./timePicker.types.js";import k from"../../../hooks/useIconTextSizeMap.js";var j=function(j){var M=j.initialTime,S=j.minuteInterval,I=void 0===S?5:S,w=j.inputProps,x=j.placement,C=j.onTimeChange,O=l(),P=O.isOpen,b=O.onOpen,y=O.onClose,T=r((function(){return new Date(M)}),[M]),A=e(o(M),2),N=A[0],z=A[1],D=r((function(){var e=T.getHours(),n=e;return e>12&&(n=e-12),0===e&&(n=12),n.toString()}),[T]),H=e(o(D),2),R=H[0],V=H[1],_=e(o(T.getMinutes().toString()),2),q=_[0],B=_[1],F=e(o(T.getHours()>11?E.PM:E.AM),2),G=F[0],J=F[1],K=i(null),L=i(null);c((function(){P&&(K.current&&K.current.scrollIntoView(),L.current&&L.current.scrollIntoView())}),[P]);var Q=r((function(){return d(N,"h:mm aa")}),[N]),U=function(e){var n=e.toString();return 1===n.length?"0".concat(n):n},W=r((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),X=r((function(){for(var e=[],n=0;n<60;n+=I)e.push(n);return e.map(U)}),[I]),Y=[E.AM,E.PM],Z=m((function(e,n,t){var r=0;t===E.PM&&Number(e)<12&&(r=12),t===E.AM&&12===Number(e)&&(r=-12);var o=Number(e)+r,i=(new Date).setHours(o,Number(n),0,0),c=new Date(i);z(c),C&&C(c)}),[C]),$=m((function(e){V(e),Z(e,q,G)}),[Z,G,q]),ee=m((function(e){B(e),Z(R,e,G)}),[Z,R,G]),ne=m((function(e){J(e),Z(R,q,e)}),[Z,R,q]);return t.createElement(f,{isOpen:P,onOpen:b,onClose:y,placement:x,contentProps:{width:"max-content"},popoverTrigger:t.createElement(u,null,t.createElement(v,n({rightElement:t.createElement(s,{size:k((null==w?void 0:w.size)||"md"),name:"clock"}),value:Q,isReadOnly:!0,cursor:"pointer"},w)))},t.createElement(a,{p:3},t.createElement(p,{height:"186px",gap:1.5,overflow:"hidden"},t.createElement(h,null,W.map((function(e){return t.createElement(g,{key:"hour-option-".concat(e),innerRef:e===R?K:null,value:e,isSelected:e===R,handleClick:$})}))),t.createElement(h,null,X.map((function(e){return t.createElement(g,{key:"minute-option-".concat(e),innerRef:e===U(q)?L:null,value:e,isSelected:e===U(q),handleClick:ee})}))),t.createElement(h,null,Y.map((function(e){return t.createElement(g,{key:"meridian-option-".concat(e),value:e,isSelected:e===G,handleClick:ne})}))))))};export{j as default};
-//# sourceMappingURL=timePicker.component.js.map

package/build/src/components/Forms/TimePicker/timePicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timePicker.component.js","sources":["../../../../../src/components/Forms/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Box, Flex, PlacementWithLogical, PopoverBody, useDisclosure } from '@chakra-ui/react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport Popover from 'components/Overlay/Popover';\nimport format from 'date-fns/format';\nimport TextInput, { TextInputProps } from '../TextInput/textInput.component';\nimport ScrollContainer from './components/ScrollContainer';\nimport TimeOption from './components/TimeOption';\nimport { Meridiem } from './timePicker.types';\nimport useIconTextSizeMap from '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\nconst TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n  const localTime = useMemo(() => new Date(initialTime), [initialTime]);\n\n  // selectedTime should always be UTC\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n\n  const initialSelectedHour = useMemo(() => {\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 adjustedHours.toString();\n  }, [localTime]);\n\n  // convert to local time for display\n  const [selectedHour, setSelectedHour] = useState(initialSelectedHour);\n  const [selectedMinute, setSelectedMinute] = useState(localTime.getMinutes().toString());\n  const [selectedMeridiem, setSelectedMeridiem] = useState<string>(\n    localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n  );\n\n  const hourRef = useRef<HTMLDivElement>(null);\n  const minuteRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      if (hourRef.current) {\n        hourRef.current.scrollIntoView();\n      }\n      if (minuteRef.current) {\n        minuteRef.current.scrollIntoView();\n      }\n    }\n  }, [isOpen]);\n\n  const formattedTime = useMemo(() => {\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      let meridiemAdjustment = 0;\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      popoverTrigger={\n        <Box>\n          <TextInput\n            rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <PopoverBody p={3}>\n        <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n          <ScrollContainer>\n            {hourOptions.map((hour) => {\n              return (\n                <TimeOption\n                  key={`hour-option-${hour}`}\n                  innerRef={hour === selectedHour ? hourRef : null}\n                  value={hour}\n                  isSelected={hour === selectedHour}\n                  handleClick={handleHourClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {minuteOptions.map((minute) => {\n              return (\n                <TimeOption\n                  key={`minute-option-${minute}`}\n                  innerRef={minute === formatNumber(selectedMinute) ? minuteRef : null}\n                  value={minute}\n                  isSelected={minute === formatNumber(selectedMinute)}\n                  handleClick={handleMinuteClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {meridiemOptions.map((meridiem) => {\n              return (\n                <TimeOption\n                  key={`meridian-option-${meridiem}`}\n                  value={meridiem}\n                  isSelected={meridiem === selectedMeridiem}\n                  handleClick={handleMeridiemClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\n\nexport default TimePicker;\n"],"names":["TimePicker","_a","initialTime","_b","minuteInterval","inputProps","placement","onTimeChange","_c","useDisclosure","isOpen","onOpen","onClose","localTime","useMemo","Date","_d","__read","useState","selectedTime","setSelectedTime","initialSelectedHour","hours","getHours","adjustedHours","toString","_e","selectedHour","setSelectedHour","_f","getMinutes","selectedMinute","setSelectedMinute","_g","Meridiem","PM","AM","selectedMeridiem","setSelectedMeridiem","hourRef","useRef","minuteRef","useEffect","current","scrollIntoView","formattedTime","format","formatNumber","number","formattedValue","length","concat","hourOptions","map","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","useCallback","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","value","handleMinuteClick","handleMeridiemClick","React","createElement","Popover","contentProps","width","popoverTrigger","Box","TextInput","__assign","rightElement","Icon","size","useIconTextSizeMap","name","isReadOnly","cursor","PopoverBody","p","Flex","height","gap","overflow","ScrollContainer","TimeOption","key","innerRef","isSelected","handleClick"],"mappings":"+qBAmBM,IAAAA,EAAa,SAACC,GAClB,IAAAC,gBACAC,EAAAF,EAAAG,eAAAA,aAAiB,EAACD,EAClBE,eACAC,EAASL,EAAAK,UACTC,EAAYN,EAAAM,aAENC,EAA8BC,IAA5BC,EAAMF,EAAAE,OAAEC,EAAMH,EAAAG,OAAEC,EAAOJ,EAAAI,QACzBC,EAAYC,GAAQ,WAAM,OAAA,IAAIC,KAAKb,KAAc,CAACA,IAGlDc,EAAAC,EAAkCC,EAAShB,GAAY,GAAtDiB,EAAYH,EAAA,GAAEI,OAEfC,EAAsBP,GAAQ,WAClC,IAAMQ,EAAQT,EAAUU,WACpBC,EAAgBF,EASpB,OAPIA,EAAQ,KACVE,EAAgBF,EAAQ,IAEZ,IAAVA,IACFE,EAAgB,IAGXA,EAAcC,aACpB,CAACZ,IAGEa,EAAAT,EAAkCC,EAASG,GAAoB,GAA9DM,EAAYD,EAAA,GAAEE,OACfC,EAAAZ,EAAsCC,EAASL,EAAUiB,aAAaL,eAArEM,OAAgBC,OACjBC,EAAAhB,EAA0CC,EAC9CL,EAAUU,WAAa,GAAKW,EAASC,GAAKD,EAASE,IACpD,GAFMC,EAAgBJ,EAAA,GAAEK,OAInBC,EAAUC,EAAuB,MACjCC,EAAYD,EAAuB,MAEzCE,GAAU,WACJhC,IACE6B,EAAQI,SACVJ,EAAQI,QAAQC,iBAEdH,EAAUE,SACZF,EAAUE,QAAQC,oBAGrB,CAAClC,IAEJ,IAAMmC,EAAgB/B,GAAQ,WAC5B,OAAOgC,EAAO3B,EAAc,aAC3B,CAACA,IAEE4B,EAAe,SAACC,GACpB,IAAMC,EAAiBD,EAAOvB,WAC9B,OAA8B,IAA1BwB,EAAeC,OACV,IAAAC,OAAIF,GAGNA,GAGHG,EAActC,GAAQ,WAC1B,MAAO,CAAC,GAAI,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAAIuC,KAAI,SAACC,GAAS,OAAAA,EAAK7B,gBACjE,IAEG8B,EAAgBzC,GAAQ,WAE5B,IADA,IAAM0C,EAAU,GACPC,EAAI,EAAGA,EAAI,GAAIA,GAAKrD,EAC3BoD,EAAQE,KAAKD,GAGf,OAAOD,EAAQH,IAAIN,KAClB,CAAC3C,IAEEuD,EAAkB,CAACzB,EAASE,GAAIF,EAASC,IAEzCyB,EAAmBC,GACvB,SAACP,EAAcQ,EAAgBC,GAC7B,IAAIC,EAAqB,EAGrBD,IAAa7B,EAASC,IAAM8B,OAAOX,GAAQ,KAC7CU,EAAqB,IAInBD,IAAa7B,EAASE,IAAuB,KAAjB6B,OAAOX,KACrCU,GAAsB,IAGxB,IAAM1C,EAAQ2C,OAAOX,GAAQU,EACvBE,GAAO,IAAInD,MAAOoD,SAAS7C,EAAO2C,OAAOH,GAAS,EAAG,GACrDM,EAAO,IAAIrD,KAAKmD,GACtB9C,EAAgBgD,GAEZ7D,GACFA,EAAa6D,KAGjB,CAAC7D,IAGG8D,EAAkBR,GACtB,SAACS,GACC1C,EAAgB0C,GAChBV,EAAiBU,EAAOvC,EAAgBM,KAE1C,CAACuB,EAAkBvB,EAAkBN,IAGjCwC,GAAoBV,GACxB,SAACS,GACCtC,EAAkBsC,GAClBV,EAAiBjC,EAAc2C,EAAOjC,KAExC,CAACuB,EAAkBjC,EAAcU,IAG7BmC,GAAsBX,GAC1B,SAACS,GACChC,EAAoBgC,GACpBV,EAAiBjC,EAAcI,EAAgBuC,KAEjD,CAACV,EAAkBjC,EAAcI,IAGnC,OACE0C,EAAAC,cAACC,EAAO,CACNjE,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTN,UAAWA,EACXsE,aAAc,CAAEC,MAAO,eACvBC,eACEL,gBAACM,EAAG,KACFN,EAAAC,cAACM,EACCC,EAAA,CAAAC,aAAcT,EAACC,cAAAS,GAAKC,KAAMC,GAAmBhF,MAAAA,OAAA,EAAAA,EAAY+E,OAAQ,MAAOE,KAAK,UAC7EhB,MAAOzB,EACP0C,cACAC,OAAQ,WACJnF,MAKVoE,EAAAC,cAACe,EAAW,CAACC,EAAG,GACdjB,EAAAC,cAACiB,EAAI,CAACC,OAAO,QAAQC,IAAK,IAAKC,SAAS,UACtCrB,EAAAC,cAACqB,EACE,KAAA3C,EAAYC,KAAI,SAACC,GAChB,OACEmB,EAACC,cAAAsB,EACC,CAAAC,IAAK,eAAe9C,OAAAG,GACpB4C,SAAU5C,IAAS3B,EAAeY,EAAU,KAC5C+B,MAAOhB,EACP6C,WAAY7C,IAAS3B,EACrByE,YAAa/B,QAKrBI,EAAAC,cAACqB,EACE,KAAAxC,EAAcF,KAAI,SAACS,GAClB,OACEW,gBAACuB,EAAU,CACTC,IAAK,iBAAA9C,OAAiBW,GACtBoC,SAAUpC,IAAWf,EAAahB,GAAkBU,EAAY,KAChE6B,MAAOR,EACPqC,WAAYrC,IAAWf,EAAahB,GACpCqE,YAAa7B,SAKrBE,EAAAC,cAACqB,EACE,KAAApC,EAAgBN,KAAI,SAACU,GACpB,OACEU,EAACC,cAAAsB,EACC,CAAAC,IAAK,mBAAmB9C,OAAAY,GACxBO,MAAOP,EACPoC,WAAYpC,IAAa1B,EACzB+D,YAAa5B"}

package/build/src/components/Forms/TimePicker/timePicker.types.js

@@ -1,2 +0,0 @@
-var M;!function(M){M.AM="AM",M.PM="PM"}(M||(M={}));export{M as Meridiem};
-//# sourceMappingURL=timePicker.types.js.map

package/build/src/components/Forms/TimePicker/timePicker.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timePicker.types.js","sources":["../../../../../src/components/Forms/TimePicker/timePicker.types.ts"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n"],"names":["Meridiem"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KAFF,CAAYA,IAAAA,EAGX"}

package/build/src/components/Forms/TimeRange/index.js

@@ -1,2 +0,0 @@
-import e from"./timeRange.component.js";export{default}from"./timeRange.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Forms/TimeRange/timeRange.component.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import r from"react";import{Flex as t,Box as m}from"@chakra-ui/react";import i from"../TimePicker/timePicker.component.js";var o=function(o){var a=o.startTimePickerProps,n=o.endTimePickerProps,c=o.dashContainerProps;return r.createElement(t,null,r.createElement(i,e({},a)),r.createElement(m,e({alignSelf:"center",mx:1},c),"-"),r.createElement(i,e({},n)))};export{o as default};
-//# sourceMappingURL=timeRange.component.js.map

package/build/src/components/Forms/TimeRange/timeRange.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeRange.component.js","sources":["../../../../../src/components/Forms/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\nconst TimeRange = ({ startTimePickerProps, endTimePickerProps, dashContainerProps }: 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\nexport default TimeRange;\n"],"names":["TimeRange","_a","startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","__assign","Box","alignSelf","mx"],"mappings":"kMAUM,IAAAA,EAAY,SAACC,GAAE,IAAAC,yBAAsBC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAC/E,OACEC,gBAACC,EAAI,KACHD,EAACE,cAAAC,EAAeC,EAAA,GAAAP,IAChBG,EAACE,cAAAG,EAAID,EAAA,CAAAE,UAAU,SAASC,GAAI,GAAOR,GAE7B,KACNC,EAAAE,cAACC,EAAeC,EAAA,GAAAN"}

package/build/src/components/MediaAndIcons/Avatar/avatar.component.js

@@ -1,2 +0,0 @@
-import{__rest as e,__read as o,__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import{Avatar as r,Box as n}from"@chakra-ui/react";import a from"../Icon/icon.component.js";import i from"../../Overlay/Tooltip/tooltip.component.js";import s from"../../../hooks/useTheme.js";import m,{useState as c}from"react";import{AvatarVariant as l}from"./avatar.types.js";import{getNextIconSize as u}from"../../../utils/sizes.js";import p from"./components/AvatarBadge/avatarBadge.component.js";var d=function(d){var v,f=d.name,h=d.src,C=d.isClinic,b=void 0!==C&&C,k=d.size,x=void 0===k?"md":k,E=d.showTooltip,g=void 0===E||E,B=d.tooltipPlacement,z=void 0===B?"bottom":B,j=d.style,w=d.handleClick,T=d.showRemoveButton,R=d.handleRemoveButtonClick,y=d.variant,M=d.iconName,P=d.tooltipText,A=d.showBadge,I=d.badgeProps,N=e(d,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),L=s(),D=o(c(!!h),2),G=D[0],O=D[1],S=o(c(!1),2),_=S[0],q=S[1],F=o(c(!1),2),H=F[0],J=F[1],K="xs"===x||y===l.Dashed||y===l.Number,Q=b?"comet":(v=f.charCodeAt(0))>=65&&v<=71?l.Blue:v>=72&&v<=77?l.Red:v>=78&&v<=84?l.Green:l.Comet;G&&(Q=l.Image),M&&(Q=l.Icon);var U=t({cursor:w?"pointer":"auto"},j),V=m.createElement(r,t({},N,{name:M?"":f,src:h,size:x,style:U,variant:y||Q},M&&{icon:m.createElement(a,{name:M,size:u(x,!0,"sm"===x||"xs"===x?2:1)})},{icon:M&&m.createElement(a,{name:M,size:u(x,!0,"sm"===x||"xs"===x?2:1)}),onClick:w,onError:function(){return O(!1)},onMouseEnter:function(){return q(!0)},onMouseLeave:function(){return q(!1)}}),T&&_&&!K&&m.createElement(n,{backgroundColor:L.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:R,onMouseEnter:function(){return J(!0)},onMouseLeave:function(){return J(!1)}},m.createElement(a,{name:"closeCircle",size:H?"sm":"xs",colorToken:"default"})),A&&m.createElement(p,t({avatarSize:x},I)));return g?m.createElement(i,{label:P||f,placement:z},V):V};export{d as default};
-//# sourceMappingURL=avatar.component.js.map

package/build/src/components/MediaAndIcons/Avatar/avatar.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.component.js","sources":["../../../../../src/components/MediaAndIcons/Avatar/avatar.component.tsx"],"sourcesContent":["import { Avatar as CAvatar, AvatarProps as CAvatarProps, Box, Placement } from '@chakra-ui/react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport Tooltip from 'components/Overlay/Tooltip';\nimport useTheme from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils';\nimport AvatarBadge, { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n  name: string;\n  size?: AvatarSize;\n  isClinic?: boolean;\n  showTooltip?: boolean;\n  tooltipPlacement?: Placement;\n  style?: CSSProperties;\n  handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n  showRemoveButton?: boolean;\n  handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n  variant?: AvatarVariant;\n  iconName?: IconName;\n  tooltipText?: string;\n  showBadge?: boolean;\n  badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n  if (charCode >= 65 && charCode <= 71) {\n    return AvatarVariant.Blue;\n  } else if (charCode >= 72 && charCode <= 77) {\n    return AvatarVariant.Red;\n  } else if (charCode >= 78 && charCode <= 84) {\n    return AvatarVariant.Green;\n  } else {\n    return AvatarVariant.Comet;\n  }\n};\n\nconst Avatar = ({\n  name,\n  src,\n  isClinic = false,\n  size = 'md',\n  showTooltip = true,\n  tooltipPlacement = 'bottom',\n  style,\n  handleClick,\n  showRemoveButton,\n  handleRemoveButtonClick,\n  variant,\n  iconName,\n  tooltipText,\n  showBadge,\n  badgeProps,\n  ...rest\n}: AvatarProps): JSX.Element => {\n  const theme = useTheme();\n  const [isSrcValid, setIsSrcValid] = useState(!!src);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n  let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n  if (isSrcValid) {\n    _variant = AvatarVariant.Image;\n  }\n\n  if (iconName) {\n    _variant = AvatarVariant.Icon;\n  }\n\n  const avatarDynamicStyles: CSSProperties = {\n    cursor: handleClick ? 'pointer' : 'auto',\n    ...style,\n  };\n\n  const avatarMarkup = (\n    <CAvatar\n      {...rest}\n      name={iconName ? '' : name}\n      src={src}\n      size={size}\n      style={avatarDynamicStyles}\n      variant={variant || _variant}\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      icon={\n        iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />\n      }\n      onClick={handleClick}\n      onError={(): void => setIsSrcValid(false)}\n      onMouseEnter={(): void => setIsHoveringAvatar(true)}\n      onMouseLeave={(): void => setIsHoveringAvatar(false)}\n    >\n      {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n        <Box\n          backgroundColor={theme.colors.white}\n          borderRadius=\"9999px\"\n          cursor=\"pointer\"\n          position=\"absolute\"\n          top=\"-4px\"\n          right=\"-4px\"\n          onClick={handleRemoveButtonClick}\n          onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n          onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n        >\n          <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n        </Box>\n      )}\n      {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n    </CAvatar>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n        {avatarMarkup}\n      </Tooltip>\n    );\n  }\n\n  return avatarMarkup;\n};\n\nexport default Avatar;\n"],"names":["Avatar","_a","charCode","name","src","_b","isClinic","_c","size","_d","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","AvatarVariant","Dashed","Number","_variant","charCodeAt","Blue","Red","Green","Comet","Image","Icon","avatarDynamicStyles","__assign","cursor","avatarMarkup","React","CAvatar","icon","createElement","getNextIconSize","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","white","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Tooltip","label","placement"],"mappings":"gfA2BA,IAYMA,EAAS,SAACC,GACd,IAbwBC,EAaxBC,EAAIF,EAAAE,KACJC,EAAGH,EAAAG,IACHC,EAAgBJ,EAAAK,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAR,EAAAS,YAAAA,OAAc,IAAAD,GAAIA,EAClBE,EAA2BV,EAAAW,iBAA3BA,OAAmB,IAAAD,EAAA,SAAQA,EAC3BE,EAAKZ,EAAAY,MACLC,EAAWb,EAAAa,YACXC,EAAgBd,EAAAc,iBAChBC,EAAuBf,EAAAe,wBACvBC,EAAOhB,EAAAgB,QACPC,EAAQjB,EAAAiB,SACRC,EAAWlB,EAAAkB,YACXC,EAASnB,EAAAmB,UACTC,EAAUpB,EAAAoB,WACPC,EAAIC,EAAAtB,EAhBO,kMAkBRuB,EAAQC,IACRC,EAAAC,EAA8BC,IAAWxB,GAAI,GAA5CyB,EAAUH,EAAA,GAAEI,OACbC,EAAAJ,EAA0CC,GAAS,GAAM,GAAxDI,EAAgBD,EAAA,GAAEE,OACnBC,EAAAP,EAAsDC,GAAS,GAAM,GAApEO,EAAsBD,EAAA,GAAEE,OACzBC,EAAkC,OAAT7B,GAAiBS,IAAYqB,EAAcC,QAAUtB,IAAYqB,EAAcE,OAC1GC,EAAWnC,EAAW,SAnCFJ,EAmC6BC,EAAKuC,WAAW,KAlCrD,IAAMxC,GAAY,GACzBoC,EAAcK,KACZzC,GAAY,IAAMA,GAAY,GAChCoC,EAAcM,IACZ1C,GAAY,IAAMA,GAAY,GAChCoC,EAAcO,MAEdP,EAAcQ,MA6BnBjB,IACFY,EAAWH,EAAcS,OAGvB7B,IACFuB,EAAWH,EAAcU,MAG3B,IAAMC,EACJC,EAAA,CAAAC,OAAQrC,EAAc,UAAY,QAC/BD,GAGCuC,EACJC,gBAACC,EAAOJ,EAAA,GACF5B,EACJ,CAAAnB,KAAMe,EAAW,GAAKf,EACtBC,IAAKA,EACLI,KAAMA,EACNK,MAAOoC,EACPhC,QAASA,GAAWwB,GACfvB,GAAY,CACfqC,KAAMF,EAAAG,cAACR,EAAI,CAAC7C,KAAMe,EAAUV,KAAMiD,EAAgBjD,GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,MAErG,CAAA+C,KACErC,GAAYmC,EAACG,cAAAR,EAAK,CAAA7C,KAAMe,EAAUV,KAAMiD,EAAgBjD,GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,KAE3GkD,QAAS5C,EACT6C,QAAS,WAAY,OAAA7B,GAAc,IACnC8B,aAAc,WAAY,OAAA3B,GAAoB,IAC9C4B,aAAc,WAAY,OAAA5B,GAAoB,MAE7ClB,GAAoBiB,IAAqBK,GACxCgB,EAAAG,cAACM,EAAG,CACFC,gBAAiBvC,EAAMwC,OAAOC,MAC9BC,aAAa,SACbf,OAAO,UACPgB,SAAS,WACTC,IAAI,OACJC,MAAM,OACNX,QAAS1C,EACT4C,aAAc,WAAY,OAAAxB,GAA0B,IACpDyB,aAAc,WAAY,OAAAzB,GAA0B,KAEpDiB,EAACG,cAAAR,GAAK7C,KAAK,cAAcK,KAAM2B,EAAyB,KAAO,KAAMmC,WAAW,aAGnFlD,GAAaiC,EAAAG,cAACe,EAAWrB,EAAA,CAACsB,WAAYhE,GAAUa,KAIrD,OAAIX,EAEA2C,EAACG,cAAAiB,EAAQ,CAAAC,MAAOvD,GAAehB,EAAMwE,UAAW/D,GAC7CwC,GAKAA"}

package/build/src/components/MediaAndIcons/Avatar/avatar.config.js

@@ -1,2 +0,0 @@
-import{coreColors as o,semanticColors as e,adaptiveColors as r}from"../../../theme/tokens/colors/color.record.js";var l={baseStyle:{container:{backgroundColor:o.white,borderWidth:"2px",boxShadow:"0 0 0 1px ".concat(o.white),_hover:{backgroundColor:o.gray[50],zIndex:2},_active:{backgroundColor:o.gray[100]}},label:{paddingTop:"1px"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"12px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px",paddingTop:0}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}}},variants:{red:{container:{borderColor:o.red[300]},label:{color:o.red[300]}},green:{container:{borderColor:o.green[400]},label:{color:o.green[400]}},blue:{container:{borderColor:o.blue[300]},label:{color:o.blue[300]}},comet:{container:{backgroundColor:o.comet[50],borderColor:o.comet[400],_hover:{backgroundColor:o.comet[100]},_active:{backgroundColor:o.comet[200]}},label:{color:o.comet[800]}},number:{container:{backgroundColor:o.blue[800],border:0,_hover:{backgroundColor:o.blue[800]},_active:{backgroundColor:o.blue[800]}},label:{color:o.white}},dashed:{container:{backgroundColor:o.transparent,border:"1px dashed",borderColor:e.border.dark,boxShadow:0,_hover:{backgroundColor:o.blackAlpha[100],zIndex:0},_active:{backgroundColor:o.blackAlpha[200]}},label:{color:r.icon.light.subtle}},image:{container:{border:0,_hover:{backgroundColor:o.black,img:{opacity:.94}},_active:{backgroundColor:o.black,img:{opacity:.92}}}},icon:{container:{border:0,color:r.icon.light.default,backgroundColor:o.comet[50],opacity:1,_hover:{backgroundColor:o.comet[100]},_active:{backgroundColor:o.comet[200]}}}}};export{l as AvatarConfig};
-//# sourceMappingURL=avatar.config.js.map

package/build/src/components/MediaAndIcons/Avatar/avatar.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.config.js","sources":["../../../../../src/components/MediaAndIcons/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from '../../../theme/tokens';\n\nexport const AvatarConfig: CustomStyleConfig = {\n  baseStyle: {\n    container: {\n      backgroundColor: coreColors.white,\n      borderWidth: '2px',\n      boxShadow: `0 0 0 1px ${coreColors.white}`,\n      _hover: {\n        backgroundColor: coreColors.gray[50],\n        zIndex: 2,\n      },\n      _active: {\n        backgroundColor: coreColors.gray[100],\n      },\n    },\n    label: {\n      paddingTop: '1px',\n    },\n  },\n  sizes: {\n    xs: {\n      container: {\n        height: '24px',\n        width: '24px',\n      },\n      label: {\n        fontSize: '12px',\n        fontWeight: '600',\n        lineHeight: '18px',\n      },\n    },\n    sm: {\n      container: {\n        height: '32px',\n        width: '32px',\n      },\n      label: {\n        fontSize: '14px',\n        fontWeight: '400',\n        lineHeight: '24px',\n        paddingTop: 0,\n      },\n    },\n    md: {\n      container: {\n        height: '36px',\n        width: '36px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n    lg: {\n      container: {\n        height: '40px',\n        width: '40px',\n      },\n      label: {\n        fontSize: '16px',\n        fontWeight: '400',\n        lineHeight: '24px',\n      },\n    },\n  },\n  variants: {\n    red: {\n      container: {\n        borderColor: coreColors.red[300],\n      },\n      label: {\n        color: coreColors.red[300],\n      },\n    },\n    green: {\n      container: {\n        borderColor: coreColors.green[400],\n      },\n      label: {\n        color: coreColors.green[400],\n      },\n    },\n    blue: {\n      container: {\n        borderColor: coreColors.blue[300],\n      },\n      label: {\n        color: coreColors.blue[300],\n      },\n    },\n    comet: {\n      container: {\n        backgroundColor: coreColors.comet[50],\n        borderColor: coreColors.comet[400],\n        _hover: {\n          backgroundColor: coreColors.comet[100],\n        },\n        _active: {\n          backgroundColor: coreColors.comet[200],\n        },\n      },\n      label: {\n        color: coreColors.comet[800],\n      },\n    },\n    number: {\n      container: {\n        backgroundColor: coreColors.blue[800],\n        border: 0,\n        _hover: {\n          backgroundColor: coreColors.blue[800], // 700\n        },\n        _active: {\n          backgroundColor: coreColors.blue[800], // 600\n        },\n      },\n      label: {\n        color: coreColors.white,\n      },\n    },\n    dashed: {\n      container: {\n        backgroundColor: coreColors.transparent,\n        border: '1px dashed',\n        borderColor: semanticColors.border.dark,\n        boxShadow: 0,\n        _hover: {\n          backgroundColor: coreColors.blackAlpha[100],\n          zIndex: 0,\n        },\n        _active: {\n          backgroundColor: coreColors.blackAlpha[200],\n        },\n      },\n      label: {\n        color: adaptiveColors.icon.light.subtle,\n      },\n    },\n    image: {\n      container: {\n        border: 0,\n        _hover: {\n          backgroundColor: coreColors.black,\n          img: { opacity: 0.94 },\n        },\n        _active: {\n          backgroundColor: coreColors.black,\n          img: { opacity: 0.92 },\n        },\n      },\n    },\n    icon: {\n      container: {\n        border: 0,\n        color: adaptiveColors.icon.light.default,\n        backgroundColor: coreColors.comet[50],\n        opacity: 1,\n        _hover: {\n          backgroundColor: coreColors.comet[100],\n        },\n        _active: {\n          backgroundColor: coreColors.comet[200],\n        },\n      },\n    },\n  },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","borderWidth","boxShadow","concat","_hover","gray","zIndex","_active","label","paddingTop","sizes","xs","height","width","fontSize","fontWeight","lineHeight","sm","md","lg","variants","red","borderColor","color","green","blue","comet","number","border","dashed","transparent","semanticColors","dark","blackAlpha","adaptiveColors","icon","light","subtle","image","black","img","opacity","default"],"mappings":"kHAGa,IAAAA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAWC,MAC5BC,YAAa,MACbC,UAAW,aAAAC,OAAaJ,EAAWC,OACnCI,OAAQ,CACNN,gBAAiBC,EAAWM,KAAK,IACjCC,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAWM,KAAK,OAGrCG,MAAO,CACLC,WAAY,QAGhBC,MAAO,CACLC,GAAI,CACFd,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBC,GAAI,CACFpB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,OACZP,WAAY,IAGhBS,GAAI,CACFrB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBG,GAAI,CACFtB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,UAIlBI,SAAU,CACRC,IAAK,CACHxB,UAAW,CACTyB,YAAavB,EAAWsB,IAAI,MAE9Bb,MAAO,CACLe,MAAOxB,EAAWsB,IAAI,OAG1BG,MAAO,CACL3B,UAAW,CACTyB,YAAavB,EAAWyB,MAAM,MAEhChB,MAAO,CACLe,MAAOxB,EAAWyB,MAAM,OAG5BC,KAAM,CACJ5B,UAAW,CACTyB,YAAavB,EAAW0B,KAAK,MAE/BjB,MAAO,CACLe,MAAOxB,EAAW0B,KAAK,OAG3BC,MAAO,CACL7B,UAAW,CACTC,gBAAiBC,EAAW2B,MAAM,IAClCJ,YAAavB,EAAW2B,MAAM,KAC9BtB,OAAQ,CACNN,gBAAiBC,EAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAW2B,MAAM,OAGtClB,MAAO,CACLe,MAAOxB,EAAW2B,MAAM,OAG5BC,OAAQ,CACN9B,UAAW,CACTC,gBAAiBC,EAAW0B,KAAK,KACjCG,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAW0B,KAAK,MAEnClB,QAAS,CACPT,gBAAiBC,EAAW0B,KAAK,OAGrCjB,MAAO,CACLe,MAAOxB,EAAWC,QAGtB6B,OAAQ,CACNhC,UAAW,CACTC,gBAAiBC,EAAW+B,YAC5BF,OAAQ,aACRN,YAAaS,EAAeH,OAAOI,KACnC9B,UAAW,EACXE,OAAQ,CACNN,gBAAiBC,EAAWkC,WAAW,KACvC3B,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAWkC,WAAW,OAG3CzB,MAAO,CACLe,MAAOW,EAAeC,KAAKC,MAAMC,SAGrCC,MAAO,CACLzC,UAAW,CACT+B,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAWwC,MAC5BC,IAAK,CAAEC,QAAS,MAElBlC,QAAS,CACPT,gBAAiBC,EAAWwC,MAC5BC,IAAK,CAAEC,QAAS,QAItBN,KAAM,CACJtC,UAAW,CACT+B,OAAQ,EACRL,MAAOW,EAAeC,KAAKC,MAAMM,QACjC5C,gBAAiBC,EAAW2B,MAAM,IAClCe,QAAS,EACTrC,OAAQ,CACNN,gBAAiBC,EAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAW2B,MAAM"}

package/build/src/components/MediaAndIcons/Avatar/avatar.types.js

@@ -1,2 +0,0 @@
-var e;!function(e){e.Green="green",e.Red="red",e.Blue="blue",e.Comet="comet",e.Number="number",e.Dashed="dashed",e.Image="image",e.Icon="icon"}(e||(e={}));export{e as AvatarVariant};
-//# sourceMappingURL=avatar.types.js.map

package/build/src/components/MediaAndIcons/Avatar/avatar.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.types.js","sources":["../../../../../src/components/MediaAndIcons/Avatar/avatar.types.ts"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport enum AvatarVariant {\n  Green = 'green',\n  Red = 'red',\n  Blue = 'blue',\n  Comet = 'comet',\n  Number = 'number',\n  Dashed = 'dashed',\n  Image = 'image',\n  Icon = 'icon',\n}\n"],"names":["AvatarVariant"],"mappings":"IAEYA,GAAZ,SAAYA,GACVA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OARF,CAAYA,IAAAA,EASX"}

package/build/src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.js

@@ -1,2 +0,0 @@
-import o,{useMemo as t}from"react";import{AvatarBadge as a}from"@chakra-ui/react";import r from"../../../Icon/icon.component.js";import{AvatarConfig as e}from"../../avatar.config.js";import{adaptiveColors as n,coreColors as c,semanticColors as i}from"../../../../../theme/tokens/colors/color.record.js";import{AvatarBadgePosition as p}from"./avatarBadge.types.js";var s=function(s){var l=s.avatarSize,x=s.badgeIconName,d=s.badgeBackgroundColor,m=s.badgeBorderColor,u=s.badgeIconColor,v=s.badgePosition,f=t((function(){return"xs"===l||!x}),[x,l]);return o.createElement(a,{color:u||n.icon.light.active,borderColor:m||c.white,borderWidth:"1px",bg:d||i.background.info,boxSize:f?"10px":"18px",transform:function(o){var t,a,r,n,c=null===(n=null===(r=null===(a=null===(t=e.sizes)||void 0===t?void 0:t[l])||void 0===a?void 0:a.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),i=Number(null==c?void 0:c.replace("px",""))/2;switch(o){case p.TopLeft:return f&&"xs"!==l?"translate(".concat(-1.35*i,"px, ").concat(-1.35*i,"px)"):"translate(".concat(-1.2*i,"px, ").concat(-1.2*i,"px)");case p.TopRight:return f&&"xs"!==l?"translate(".concat(i/10,"px, ").concat(-1.35*i,"px)"):"translate(".concat(i/5,"px, ").concat(-1.2*i,"px)");case p.BottomLeft:return f&&"xs"!==l?"translate(".concat(-1.35*i,"px, ").concat(i/10,"px)"):"translate(".concat(-1.2*i,"px, ").concat(i/5,"px)");default:return f&&"xs"!==l?"translate(".concat(i/10,"px, ").concat(i/10,"px)"):"translate(".concat(i/3,"px, ").concat(i/3,"px)")}}(v||p.BottomRight)},!f&&x&&o.createElement(r,{name:x,size:"xs"}))};export{s as default};
-//# sourceMappingURL=avatarBadge.component.js.map

package/build/src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarBadge.component.js","sources":["../../../../../../../src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/MediaAndIcons/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n  badgeIconName?: IconName;\n  badgeBackgroundColor?: string;\n  badgeBorderColor?: string;\n  badgeIconColor?: string;\n  badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n  avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n  avatarSize,\n  badgeIconName,\n  badgeBackgroundColor,\n  badgeBorderColor,\n  badgeIconColor,\n  badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n  const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n  const getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = parentSize / 2;\n\n    switch (position) {\n      case AvatarBadgePosition.TopLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.TopRight:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n      case AvatarBadgePosition.BottomLeft:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      color={badgeIconColor || adaptiveColors.icon.light.active}\n      borderColor={badgeBorderColor || coreColors.white}\n      borderWidth=\"1px\"\n      bg={badgeBackgroundColor || semanticColors.background.info}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n    >\n      {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n    </CAvatarBadge>\n  );\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","adaptiveColors","icon","light","active","borderColor","coreColors","white","borderWidth","bg","semanticColors","background","info","boxSize","transform","position","parentSizeString","_d","_b","AvatarConfig","sizes","container","_c","height","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","name","size"],"mappings":"4WAsBM,IAAAA,EAAc,SAACC,GACnB,IAAAC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAoBH,EAAAG,qBACpBC,qBACAC,EAAcL,EAAAK,eACdC,EAAaN,EAAAM,cAEPC,EAAgBC,GAAQ,WAAM,MAAe,OAAfP,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEQ,EAACC,cAAAC,EACC,CAAAC,MAAOP,GAAkBQ,EAAeC,KAAKC,MAAMC,OACnDC,YAAab,GAAoBc,EAAWC,MAC5CC,YAAY,MACZC,GAAIlB,GAAwBmB,EAAeC,WAAWC,KACtDC,QAASlB,EAAgB,OAAS,OAClCmB,UAlCsB,SAACC,eACnBC,EAEgB,QAFGC,EAEb,kBADVC,UAAA9B,EAAA+B,EAAaC,4BAAQ/B,yBACpBgC,iBAAS,IAAAC,OAAA,EAAAA,EAAEC,cAAQ,IAAAN,OAAA,EAAAA,EAAAO,WAEhBC,EADaC,OAAOV,MAAAA,OAAgB,EAAhBA,EAAkBW,QAAQ,KAAM,KACzB,EAEjC,OAAQZ,GACN,KAAKa,EAAoBC,QACvB,OAAOlC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAAmB,QAAAK,QAAsB,KAAfL,EAAwB,OAC/D,aAAAK,QAA4B,IAAfL,EAAyB,QAAAK,QAAe,IAAfL,EAAkB,OAC9D,KAAKG,EAAoBG,SACvB,OAAOpC,GAAgC,OAAfN,EACpB,aAAayC,OAAAL,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaK,OAAAL,EAAc,EAAQ,QAAAK,QAAe,IAAfL,EAAkB,OAC3D,KAAKG,EAAoBI,WACvB,OAAOrC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAA0B,QAAAK,OAAAL,EAAc,GAAO,OAC5D,aAAaK,QAAe,IAAfL,EAAkB,QAAAK,OAAOL,EAAc,EAAC,OAC3D,QACE,OAAO9B,GAAgC,OAAfN,EACpB,oBAAaoC,EAAc,GAAS,QAAAK,OAAAL,EAAc,GAAO,OACzD,aAAaK,OAAAL,EAAc,iBAAQA,EAAc,EAAC,QAW7CQ,CAAkBvC,GAAiBkC,EAAoBM,eAEhEvC,GAAiBL,GAAiBO,EAAAC,cAACqC,EAAK,CAAAC,KAAM9C,EAAe+C,KAAM"}

package/build/src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.types.js

@@ -1,2 +0,0 @@
-var t;!function(t){t.TopLeft="topLeft",t.TopRight="topRight",t.BottomLeft="bottomLeft",t.BottomRight="bottomRight"}(t||(t={}));export{t as AvatarBadgePosition};
-//# sourceMappingURL=avatarBadge.types.js.map

package/build/src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarBadge.types.js","sources":["../../../../../../../src/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.types.ts"],"sourcesContent":["export enum AvatarBadgePosition {\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n"],"names":["AvatarBadgePosition"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA,cAJF,CAAYA,IAAAA,EAKX"}

package/build/src/components/MediaAndIcons/Avatar/components/AvatarBadge/index.js

@@ -1,2 +0,0 @@
-import a from"./avatarBadge.component.js";export{default}from"./avatarBadge.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../../../../../node_modules/tslib/tslib.es6.js";import{AvatarGroup as t}from"@chakra-ui/react";import o from"../../../Icon/icon.component.js";import n,{useMemo as a}from"react";import r from"../../avatar.component.js";import{AvatarVariant as i}from"../../avatar.types.js";var m=function(m){var c=m.avatars,l=m.max,s=void 0===l?3:l,u=m.size,d=void 0===u?"md":u,p=m.handleAddButtonClick,v=m.showAddButton,f=void 0===v||v,h=m.addButtonTooltipText,k=m.showRemoveAvatarButton,B=void 0!==k&&k,z=m.handleRemoveButtonClick,j=a((function(){return c.map((function(e){return e.name})).join(", ")}),[c]),x="lg"===d||"md"===d?-2:-1;return n.createElement(t,{size:d,spacing:x},c.length>s?n.createElement(r,{name:"".concat(c.length),size:d,variant:i.Number,tooltipText:j}):c.map((function(t){return n.createElement(r,e({},t,{key:t.name,size:d,showRemoveButton:B,handleRemoveButtonClick:z}))})),f&&n.createElement(r,{name:"",variant:i.Dashed,icon:n.createElement(o,{name:"plus",colorToken:"subtle",size:d}),onClick:p,tooltipText:h,size:d}))};export{m as default};
-//# sourceMappingURL=avatarGroup.component.js.map

package/build/src/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarGroup.component.js","sources":["../../../../../../../src/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport React, { useMemo } from 'react';\nimport Avatar, { AvatarProps } from '../../avatar.component';\nimport { AvatarSize, AvatarVariant } from '../../avatar.types';\n\nexport interface AvatarGroupProps {\n  avatars: AvatarProps[];\n  max?: number;\n  size?: AvatarSize;\n  handleAddButtonClick?: () => void;\n  showAddButton?: boolean;\n  addButtonTooltipText?: string;\n  showRemoveAvatarButton?: boolean;\n  handleRemoveButtonClick?: () => void;\n}\n\nconst AvatarGroup = ({\n  avatars,\n  max = 3,\n  size = 'md',\n  handleAddButtonClick,\n  showAddButton = true,\n  addButtonTooltipText,\n  showRemoveAvatarButton = false,\n  handleRemoveButtonClick,\n}: AvatarGroupProps): JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n  return (\n    <CAvatarGroup size={size} spacing={spacing}>\n      {avatars.length > max ? (\n        <Avatar name={`${avatars.length}`} size={size} variant={AvatarVariant.Number} tooltipText={mergedNames} />\n      ) : (\n        avatars.map((avatar) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            showRemoveButton={showRemoveAvatarButton}\n            handleRemoveButtonClick={handleRemoveButtonClick}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          name=\"\"\n          variant={AvatarVariant.Dashed}\n          icon={<Icon name=\"plus\" colorToken=\"subtle\" size={size} />}\n          onClick={handleAddButtonClick}\n          tooltipText={addButtonTooltipText}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_a","avatars","_b","max","_c","size","handleAddButtonClick","_d","showAddButton","addButtonTooltipText","_e","showRemoveAvatarButton","handleRemoveButtonClick","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","length","Avatar","concat","variant","AvatarVariant","Number","tooltipText","__assign","key","showRemoveButton","Dashed","icon","Icon","colorToken","onClick"],"mappings":"6SAiBM,IAAAA,EAAc,SAACC,GACnB,IAAAC,YACAC,EAAAF,EAAAG,IAAAA,aAAM,EAACD,EACPE,EAAAJ,EAAAK,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAoBN,EAAAM,qBACpBC,EAAAP,EAAAQ,cAAAA,OAAa,IAAAD,GAAOA,EACpBE,EAAoBT,EAAAS,qBACpBC,EAAAV,EAAAW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAuBZ,EAAAY,wBAEjBC,EAAcC,GAAQ,WAAM,OAAAb,EAAQc,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAACjB,IAC9EkB,EAAmB,OAATd,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEe,EAACC,cAAAC,EAAa,CAAAjB,KAAMA,EAAMc,QAASA,GAChClB,EAAQsB,OAASpB,EAChBiB,EAAAC,cAACG,EAAO,CAAAP,KAAM,GAAAQ,OAAGxB,EAAQsB,QAAUlB,KAAMA,EAAMqB,QAASC,EAAcC,OAAQC,YAAahB,IAE3FZ,EAAQc,KAAI,SAACC,GAAW,OACtBI,EAAAC,cAACG,EACKM,EAAA,GAAAd,EACJ,CAAAe,IAAKf,EAAOC,KACZZ,KAAMA,EACN2B,iBAAkBrB,EAClBC,wBAAyBA,QAI9BJ,GACCY,EAACC,cAAAG,GACCP,KAAK,GACLS,QAASC,EAAcM,OACvBC,KAAMd,gBAACe,EAAI,CAAClB,KAAK,OAAOmB,WAAW,SAAS/B,KAAMA,IAClDgC,QAAS/B,EACTuB,YAAapB,EACbJ,KAAMA"}

package/build/src/components/MediaAndIcons/Avatar/components/AvatarGroup/index.js

@@ -1,2 +0,0 @@
-import o from"./avatarGroup.component.js";export{default}from"./avatarGroup.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/MediaAndIcons/Avatar/index.js

@@ -1,2 +0,0 @@
-import o from"./avatar.component.js";export{default}from"./avatar.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/MediaAndIcons/Icon/icon.component.js

@@ -1,2 +0,0 @@
-import o,{forwardRef as e}from"react";import{IconSizeMap as r}from"./icon.records.js";import i from"../../../hooks/useTheme.js";import t from"../../../hooks/useAdaptiveColorMap.js";import{IconMap as s}from"../../../../node_modules/@televet/kibble-icons/dist/esm/index.js";var m=e((function(e,m){var c=e.name,l=e.size,n=void 0===l?"lg":l,a=e.colorToken,d=e.color,p=void 0===d?"currentColor":d,f=i().colors,u=t(f.icon,a||p),h=s[c],v=r[n]+"px";return o.createElement(h,{ref:m,width:v,height:v,color:u})}));m.displayName="Icon";export{m as default};
-//# sourceMappingURL=icon.component.js.map

package/build/src/components/MediaAndIcons/Icon/icon.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.component.js","sources":["../../../../../src/components/MediaAndIcons/Icon/icon.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { IconColorToken, IconsSize } from './icon.types';\nimport { IconSizeMap } from './icon.records';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { IconMap } from '@televet/kibble-icons';\nimport { IconName } from 'components/MediaAndIcons/Icon/icon.types';\n\nexport interface IconProps {\n  name: IconName;\n  size?: IconsSize;\n  color?: IconColorToken; // TODO: Update to be string after all Icon instances have been converted to use colorToken.\n  colorToken?: IconColorToken;\n}\n\nconst Icon = forwardRef(\n  ({ name, size = 'lg', colorToken, color = 'currentColor' }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n    const { colors } = useTheme();\n    const c = useAdaptiveColorMap<IconColorToken>(colors.icon, colorToken || (color as IconColorToken));\n\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + 'px';\n\n    return <MappedIcon ref={ref} width={d} height={d} color={c} />;\n  },\n);\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"names":["Icon","forwardRef","_a","ref","name","_b","size","colorToken","_c","color","colors","useTheme","c","useAdaptiveColorMap","icon","MappedIcon","IconMap","d","IconSizeMap","React","width","height","displayName"],"mappings":"gRAeA,IAAMA,EAAOC,GACX,SAACC,EAAsEC,GAApE,IAAAC,SAAMC,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAEE,eAAYC,EAAAN,EAAAO,MAAAA,OAAK,IAAAD,EAAG,eAAcA,EAC9CE,EAAWC,WACbC,EAAIC,EAAoCH,EAAOI,KAAMP,GAAeE,GAEpEM,EAAaC,EAAQZ,GACrBa,EAAIC,EAAYZ,GAAQ,KAE9B,OAAOa,gBAACJ,EAAU,CAACZ,IAAKA,EAAKiB,MAAOH,EAAGI,OAAQJ,EAAGR,MAAOG,OAI7DZ,EAAKsB,YAAc"}

package/build/src/components/MediaAndIcons/Icon/icon.records.js

@@ -1,2 +0,0 @@
-var x={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38};export{x as IconSizeMap};
-//# sourceMappingURL=icon.records.js.map

package/build/src/components/MediaAndIcons/Icon/icon.records.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.records.js","sources":["../../../../../src/components/MediaAndIcons/Icon/icon.records.tsx"],"sourcesContent":["import { IconsSize } from './icon.types';\n\nexport const IconSizeMap: Record<IconsSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  '2xl': 38,\n};\n"],"names":["IconSizeMap","xs","sm","md","lg","xl"],"mappings":"AAEa,IAAAA,EAAyC,CACpDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO"}

package/build/src/components/MediaAndIcons/Icon/index.js

@@ -1,2 +0,0 @@
-import o from"./icon.component.js";export{default}from"./icon.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/MediaAndIcons/Logo/index.js

@@ -1,2 +0,0 @@
-import o from"./logo.component.js";export{default}from"./logo.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/MediaAndIcons/Logo/logo.component.js

@@ -1,2 +0,0 @@
-import o from"react";import{logoIconMap as t,fullLogoMap as e}from"./logo.config.js";var i=function(i){var l,r=i.type,a=void 0===r?"full":r,c=i.color,n=void 0===c?"teal":c,d=i.height,h=i.width,f=i.handleClick,m={height:d,width:h};return l="icon"===a?t[n]:e[n],o.createElement(l,{style:m,onClick:f})};i.displayName="Logo";export{i as default};
-//# sourceMappingURL=logo.component.js.map

package/build/src/components/MediaAndIcons/Logo/logo.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.component.js","sources":["../../../../../src/components/MediaAndIcons/Logo/logo.component.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface ILogoProps {\n  type?: LogoType;\n  color?: LogoColor;\n  height?: number;\n  width?: number;\n  handleClick?: () => void;\n}\n\nconst Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: ILogoProps): JSX.Element => {\n  let LogoComponent;\n\n  const style: CSSProperties = { height, width };\n\n  if (type === 'icon') {\n    LogoComponent = logoIconMap[color];\n  } else {\n    LogoComponent = fullLogoMap[color];\n  }\n\n  return <LogoComponent style={style} onClick={handleClick} />;\n};\n\nLogo.displayName = 'Logo';\n\nexport default Logo;\n"],"names":["Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","logoIconMap","fullLogoMap","React","createElement","onClick","displayName"],"mappings":"qFAYM,IAAAA,EAAO,SAACC,OACRC,EADUC,EAAaF,EAAAG,KAAbA,OAAO,IAAAD,EAAA,SAAQE,EAAAJ,EAAAK,MAAAA,OAAK,IAAAD,EAAG,OAAMA,EAAEE,EAAMN,EAAAM,OAAEC,EAAKP,EAAAO,MAAEC,EAAWR,EAAAQ,YAGjEC,EAAuB,CAAEH,SAAQC,MAAKA,GAQ5C,OALEN,EADW,SAATE,EACcO,EAAYL,GAEZM,EAAYN,GAGvBO,EAAAC,cAACZ,EAAa,CAACQ,MAAOA,EAAOK,QAASN,KAG/CT,EAAKgB,YAAc"}

package/build/src/components/MediaAndIcons/Logo/logo.config.js

@@ -1,2 +0,0 @@
-import s from"../../../assets/logos/teal.svg.js";import o from"../../../assets/logos/tealIcon.svg.js";import t from"../../../assets/logos/black.svg.js";import a from"../../../assets/logos/blackIcon.svg.js";import e from"../../../assets/logos/white.svg.js";import l from"../../../assets/logos/whiteIcon.svg.js";var r={black:a,white:l,teal:o},g={black:t,white:e,teal:s};export{g as fullLogoMap,r as logoIconMap};
-//# sourceMappingURL=logo.config.js.map

package/build/src/components/MediaAndIcons/Logo/logo.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.config.js","sources":["../../../../../src/components/MediaAndIcons/Logo/logo.config.ts"],"sourcesContent":["import { Props } from 'framer-motion/types/types';\nimport { LogoColor } from './logo.types';\nimport { BlackLogoIcon, WhiteLogoIcon, TealLogoIcon, BlackLogo, WhiteLogo, TealLogo } from './logos';\n\nexport const logoIconMap: Record<LogoColor, React.FC<Props>> = {\n  black: BlackLogoIcon,\n  white: WhiteLogoIcon,\n  teal: TealLogoIcon,\n};\n\nexport const fullLogoMap: Record<LogoColor, React.FC<Props>> = {\n  black: BlackLogo,\n  white: WhiteLogo,\n  teal: TealLogo,\n};\n"],"names":["logoIconMap","black","BlackLogoIcon","white","WhiteLogoIcon","teal","TealLogoIcon","fullLogoMap","BlackLogo","WhiteLogo","TealLogo"],"mappings":"sTAIa,IAAAA,EAAkD,CAC7DC,MAAOC,EACPC,MAAOC,EACPC,KAAMC,GAGKC,EAAkD,CAC7DN,MAAOO,EACPL,MAAOM,EACPJ,KAAMK"}

package/build/src/components/Navigation/Link/components/linkIcon.component.js

@@ -1,2 +0,0 @@
-import{__rest as o,__assign as t}from"../../../../../node_modules/tslib/tslib.es6.js";import e from"react";import n from"../../../MediaAndIcons/Icon/icon.component.js";var r=function(r){r.position;var i=o(r,["position"]);return e.createElement(n,t({},i))};export{r as default};
-//# sourceMappingURL=linkIcon.component.js.map

package/build/src/components/Navigation/Link/components/linkIcon.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkIcon.component.js","sources":["../../../../../../src/components/Navigation/Link/components/linkIcon.component.tsx"],"sourcesContent":["import React from 'react';\nimport Icon, { IconProps } from 'components/MediaAndIcons/Icon/icon.component';\n\nexport interface LinkIconProps extends IconProps {\n  position?: 'start' | 'end';\n}\n\nconst LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n  const { position, ...rest } = iconProps;\n\n  return <Icon {...rest} />;\n};\n\nexport default LinkIcon;\n"],"names":["LinkIcon","iconProps","position","rest","__rest","React","createElement","Icon","__assign"],"mappings":"wKAOM,IAAAA,EAAW,SAACC,GACcA,EAAdC,aAAKC,EAAIC,EAAKH,EAAxB,CAAqB,aAE3B,OAAOI,EAACC,cAAAC,EAASC,EAAA,GAAAL"}

package/build/src/components/Navigation/Link/index.js

@@ -1,2 +0,0 @@
-import o from"./link.component.js";export{default}from"./link.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Navigation/Link/link.component.js

@@ -1,2 +0,0 @@
-import{__rest as o,__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import i,{forwardRef as r}from"react";import{Link as n,HStack as t,Box as s}from"@chakra-ui/react";import l from"./components/linkIcon.component.js";import a from"../../../hooks/useIconTextSizeMap.js";import c from"../../../hooks/useTheme.js";import m from"../../../hooks/useAdaptiveColorMap.js";var p=r((function(r,p){var d=c().colors,k=r.children,u=r.color,f=r.colorToken,v=void 0===f?"link":f,h=r.onDark,z=void 0!==h&&h,j=r.iconProps,E=r.size,T=void 0===E?"md":E,b=o(r,["children","color","colorToken","onDark","iconProps","size"]),x=m(d.text,v,z),g=a(T);return j&&!j.position&&(j.position="start"),i.createElement(n,e({display:"inline-block",size:T,ref:p,color:u||x},b),i.createElement(t,{spacing:1,align:"center"},"start"===(null==j?void 0:j.position)&&i.createElement(l,e({size:g},j)),i.createElement(s,null,k),"end"===(null==j?void 0:j.position)&&i.createElement(l,e({size:g},j))))}));p.displayName="Link";export{p as default};
-//# sourceMappingURL=link.component.js.map

package/build/src/components/Navigation/Link/link.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component.js","sources":["../../../../../src/components/Navigation/Link/link.component.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport LinkIcon, { LinkIconProps } from './components/linkIcon.component';\nimport { Box } from 'components/Layout/Box';\nimport { TextColor } from 'components/Typography/typography.types';\nimport { TextSize } from 'components/Typography/Text/text.types';\nimport useIconTextSizeMap from 'hooks/useIconTextSizeMap';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\n\nexport interface LinkProps extends CLinkProps {\n  children: ReactNode;\n  iconProps?: LinkIconProps;\n  size?: TextSize;\n  colorToken?: TextColor;\n  onDark?: boolean;\n  to?: string;\n}\n\nconst Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n  const { colors } = useTheme();\n  const { children, color, colorToken = 'link', onDark = false, iconProps, size = 'md', ...rest } = props;\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, onDark);\n  const mappIconSize = useIconTextSizeMap(size);\n\n  if (iconProps && !iconProps.position) {\n    iconProps.position = 'start';\n  }\n\n  return (\n    <CLink display=\"inline-block\" size={size} ref={ref} color={color || adaptiveColor} {...rest}>\n      <HStack spacing={1} align=\"center\">\n        {iconProps?.position === 'start' && <LinkIcon size={mappIconSize} {...iconProps} />}\n        <Box>{children}</Box>\n        {iconProps?.position === 'end' && <LinkIcon size={mappIconSize} {...iconProps} />}\n      </HStack>\n    </CLink>\n  );\n});\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["Link","forwardRef","props","ref","colors","useTheme","children","color","_a","colorToken","_b","onDark","iconProps","_c","size","rest","adaptiveColor","useAdaptiveColorMap","text","mappIconSize","useIconTextSizeMap","position","React","CLink","__assign","display","createElement","HStack","spacing","align","LinkIcon","Box","displayName"],"mappings":"2XAmBA,IAAMA,EAAOC,GAAW,SAACC,EAAkBC,GACjC,IAAAC,EAAWC,WACXC,EAA0FJ,EAAKI,SAArFC,EAAgFL,EAAKK,MAA9EC,EAAyEN,EAAtDO,WAAnBA,OAAa,IAAAD,EAAA,SAAQE,EAAoDR,EAAKS,OAAzDA,cAAcD,EAAEE,EAAoCV,EAA3BU,UAAEC,EAAyBX,EAAdY,KAAXA,OAAO,IAAAD,EAAA,OAASE,IAASb,EAA5F,CAAyF,WAAA,QAAA,aAAA,SAAA,YAAA,SACzFc,EAAgBC,EAA+Bb,EAAOc,KAAMT,EAAYE,GACxEQ,EAAeC,EAAmBN,GAMxC,OAJIF,IAAcA,EAAUS,WAC1BT,EAAUS,SAAW,SAIrBC,gBAACC,EAAKC,EAAA,CAACC,QAAQ,eAAeX,KAAMA,EAAMX,IAAKA,EAAKI,MAAOA,GAASS,GAAmBD,GACrFO,EAACI,cAAAC,GAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBjB,MAAAA,SAAAA,EAAWS,WAAwBC,EAAAI,cAACI,EAASN,EAAA,CAAAV,KAAMK,GAAkBP,IACtEU,EAACI,cAAAK,EAAK,KAAAzB,GACmB,SAAxBM,MAAAA,OAAS,EAATA,EAAWS,WAAsBC,EAAAI,cAACI,EAASN,EAAA,CAAAV,KAAMK,GAAkBP,SAM5EZ,EAAKgC,YAAc"}

package/build/src/components/Navigation/Link/link.config.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import{TextConfig as t}from"../../Typography/Text/text.config.js";var o=e(e({},{baseStyle:{textDecoration:"underline"}}),t);export{o as LinkConfig};
-//# sourceMappingURL=link.config.js.map

package/build/src/components/Navigation/Link/link.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.config.js","sources":["../../../../../src/components/Navigation/Link/link.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { TextConfig } from 'components/Typography/Text/text.config';\n\nconst BaseLinkConfig: ComponentStyleConfig = {\n  baseStyle: {\n    textDecoration: 'underline',\n  },\n};\n\nexport const LinkConfig = { ...BaseLinkConfig, ...TextConfig };\n"],"names":["LinkConfig","__assign","baseStyle","textDecoration","TextConfig"],"mappings":"yIAGA,IAMaA,EAAUC,EAAAA,EAAA,GANsB,CAC3CC,UAAW,CACTC,eAAgB,eAI8BC"}

package/build/src/components/Overlay/Drawer/drawer.config.js

@@ -1,2 +0,0 @@
-var a={variants:{alwaysOpen:{parts:["dialog, dialogContainer"],dialog:{pointerEvents:"auto"},dialogContainer:{pointerEvents:"none"}}}};export{a as DrawerConfig};
-//# sourceMappingURL=drawer.config.js.map

package/build/src/components/Overlay/Drawer/drawer.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.config.js","sources":["../../../../../src/components/Overlay/Drawer/drawer.config.ts"],"sourcesContent":["export const DrawerConfig = {\n  variants: {\n    alwaysOpen: {\n      parts: ['dialog, dialogContainer'],\n      dialog: {\n        pointerEvents: 'auto',\n      },\n      dialogContainer: {\n        pointerEvents: 'none',\n      },\n    },\n  },\n};\n"],"names":["DrawerConfig","variants","alwaysOpen","parts","dialog","pointerEvents","dialogContainer"],"mappings":"AAAa,IAAAA,EAAe,CAC1BC,SAAU,CACRC,WAAY,CACVC,MAAO,CAAC,2BACRC,OAAQ,CACNC,cAAe,QAEjBC,gBAAiB,CACfD,cAAe"}

package/build/src/components/Overlay/Menu/components/MenuButton/index.js

@@ -1,2 +0,0 @@
-import o from"./menuButton.component.js";export{default}from"./menuButton.component.js";
-//# sourceMappingURL=index.js.map

package/build/src/components/Overlay/Menu/components/MenuButton/menuButton.component.js

@@ -1,2 +0,0 @@
-import{__rest as e,__assign as t}from"../../../../../../node_modules/tslib/tslib.es6.js";import n,{useMemo as r}from"react";import a from"../../../../MediaAndIcons/Icon/icon.component.js";import{MenuButton as s,HStack as o,Box as c}from"@chakra-ui/react";import m from"../../../../Forms/Button/button.component.js";var i=function(i){var u=i.leftElement,l=i.leftIconName,p=i.rightIconName,x=void 0===p?"chevronDown":p,f=i.showRightIcon,d=void 0===f||f,h=i.size,v=i.text,I=i.variant,_=e(i,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),g=l&&!v,E=r((function(){if(g)switch(h){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(h){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[g,h]),N=r((function(){if(g)switch(h){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return h||"md"}),[g,h]),w=r((function(){if(g)return"0px";switch(h){case"xs":case"sm":return"4px";default:return"8px"}}),[g,h]);return n.createElement(s,t({as:m,variant:I,size:h,position:"relative"},_,{className:"MenuButton",p:E,lineHeight:0,_active:{transform:"none"}}),n.createElement(o,{spacing:w,className:"MenuButton__ContentContainer"},u&&u,l&&n.createElement(c,{className:"MenuButton__LeftIcon"},n.createElement(a,{name:l,size:N})),v&&n.createElement(c,{className:"MenuButton__Text"},v),d&&n.createElement(c,{className:"MenuButton__RightIcon"},n.createElement(a,{name:x,size:"lg"===h?"sm":"xs"}))))};export{i as default};
-//# sourceMappingURL=menuButton.component.js.map

package/build/src/components/Overlay/Menu/components/MenuButton/menuButton.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuButton.component.js","sources":["../../../../../../../src/components/Overlay/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport Icon from 'components/MediaAndIcons/Icon';\nimport { Box, HStack } from 'components/Layout';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';\nimport Button from 'components/Forms/Button';\nimport { ButtonSizeType, ButtonVariantType } from 'components/Forms/Button/button.types';\nimport { IconsSize, IconName } from 'components/MediaAndIcons/Icon/icon.types';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n  leftElement?: ReactNode;\n  leftIconName?: IconName;\n  rightIconName?: IconName;\n  showRightIcon?: boolean;\n  size?: ButtonSizeType;\n  text?: string;\n  variant?: ButtonVariantType;\n}\n\nconst MenuButton = ({\n  leftElement,\n  leftIconName,\n  rightIconName = 'chevronDown',\n  showRightIcon = true,\n  size,\n  text,\n  variant,\n  ...rest\n}: MenuButtonProps): JSX.Element => {\n  const isIconButton = leftIconName && !text;\n  const buttonPadding = useMemo((): string => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return '4px';\n        case 'sm':\n          return '6px';\n        default:\n          return '8px';\n      }\n    }\n\n    switch (size) {\n      case 'xs':\n        return '5px 8px';\n      case 'sm':\n        return '8px 12px';\n      case 'md':\n        return '10px 16px';\n      default:\n        return '12px 20px';\n    }\n  }, [isIconButton, size]);\n\n  const iconSize = useMemo((): IconsSize => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return 'sm';\n        case 'sm':\n          return 'md';\n        case 'md':\n          return 'lg';\n        default:\n          return 'xl';\n      }\n    }\n\n    return size || 'md';\n  }, [isIconButton, size]);\n\n  const textSpacing = useMemo((): string => {\n    if (isIconButton) {\n      return '0px';\n    }\n\n    switch (size) {\n      case 'xs':\n      case 'sm':\n        return '4px';\n      default:\n        return '8px';\n    }\n  }, [isIconButton, size]);\n\n  return (\n    <CMenuButton\n      as={Button}\n      variant={variant}\n      size={size}\n      position=\"relative\"\n      {...rest}\n      className=\"MenuButton\"\n      p={buttonPadding}\n      lineHeight={0}\n      _active={{ transform: 'none' }}\n    >\n      <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n        {leftElement && leftElement}\n        {leftIconName && (\n          <Box className=\"MenuButton__LeftIcon\">\n            <Icon name={leftIconName} size={iconSize} />\n          </Box>\n        )}\n        {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n        {showRightIcon && (\n          <Box className=\"MenuButton__RightIcon\">\n            <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n          </Box>\n        )}\n      </HStack>\n    </CMenuButton>\n  );\n};\n\nexport default MenuButton;\n"],"names":["MenuButton","_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"2TAkBM,IAAAA,EAAa,SAACC,GAClB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAX,EARW,wFAUZY,EAAeV,IAAiBM,EAChCK,EAAgBC,GAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,GAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,GAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,EAACC,cAAAC,KACCC,GAAIC,EACJZ,QAASA,EACTF,KAAMA,EACNe,SAAS,YACLZ,EAAI,CACRa,UAAU,aACVC,EAAGX,EACHY,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBV,EAACC,cAAAU,GAAOC,QAASb,EAAaO,UAAU,gCACrCtB,GAAeA,EACfC,GACCe,EAAAC,cAACY,EAAI,CAAAP,UAAU,wBACbN,EAACC,cAAAa,EAAK,CAAAC,KAAM9B,EAAcK,KAAMQ,KAGnCP,GAAQS,gBAACa,EAAG,CAACP,UAAU,oBAAoBf,GAC3CF,GACCW,EAAAC,cAACY,EAAI,CAAAP,UAAU,yBACbN,EAACC,cAAAa,EAAK,CAAAC,KAAM5B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}