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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component.js","sources":["../../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/switch';\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","withFormControl"],"mappings":"qWAWMA,EAAS,SAACC,GACN,IAAAC,EAA2DD,EAAKC,UAArDC,EAAgDF,EAAjCE,gBAAEC,EAA+BH,gBAAbI,WAAaJ,EAA7D,CAA0D,YAAA,kBAAA,kBAEhE,OACEK,EAAC,QAAAC,cAAAC,SACCC,EAAAA,SAAA,CAAAC,YAAY,OACZR,UAAWA,EACXS,QAASP,EAAgB,eAAiB,SACrCD,GAAmB,CAAES,QAAS,iBAC/BP,KAKVL,EAAOa,YAAc,SAErB,IAAeC,EAAAA,EAAAA,gBAAgBd"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.config.js","sources":["../../../src/components/Switch/switch.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\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":"8NAIMA,EAAcC,EAAAA,OAAO,sBACrBC,EAAeD,EAAAA,OAAO,uBACtBE,EAAcF,EAAAA,OAAO,sBACrBG,EAAeH,EAAAA,OAAO,uBAEfI,EAAqC,CAChDC,UAAW,CACTC,MAAO,CACLC,GAAIC,EAAAA,eAAeC,WAAWC,SAC9BC,EAAG,EACHC,IAAK,WACLC,SAAU,CACRN,GAAIC,EAAAA,eAAeC,WAAWC,UAEhCI,QAAS,CACPC,QAAS,MACTC,UAAW,QAEbC,OAAQ,CACNF,QAAS,MACTC,UAAW,SAGfE,MAAO,CACLX,GAAIY,EAAAA,WAAWC,MAAM,KACrBC,EAAGlB,EAAamB,UAChBC,EAAGrB,EAAYoB,UACfV,IAAK,WACLY,IAAK,MACLC,UAAW,sBACXZ,SAAU,CACRN,GAAIC,EAAAA,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,EAAAA,WAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB,SACpB3B,SAAU,CACRN,GAAIY,EAAAA,WAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB"}

package/build/components/Tabs/components/Tab/components/Tabs/components/Tab/index.js

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

package/build/components/Tabs/components/Tab/tab.component.d.ts

@@ -0,0 +1,14 @@
+import { TabProps as CTabProps } from '@chakra-ui/tabs';
+import { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';
+import { TabSize } from './tab.types';
+import { IconName } from 'components/Icon/icon.types';
+export interface TabProps extends CTabProps {
+    iconName?: IconName;
+    label: string;
+    showNotificationCounter?: boolean;
+    notificationCount?: number;
+    notificationCounterVariant?: NotificationCounterVariant;
+    size?: TabSize;
+}
+declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;
+export default Tab;

package/build/components/Tabs/components/Tab/tab.component.js

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

package/build/components/Tabs/components/Tab/tab.component.js.map

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

package/build/components/Tabs/components/Tab/tab.records.d.ts

@@ -0,0 +1,3 @@
+import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';
+import { TabSize } from './tab.types';
+export declare const notificationCounterSize: Record<TabSize, NotificationCounterSize>;

package/build/components/Tabs/components/Tab/tab.records.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.notificationCounterSize={xs:"sm",sm:"md",md:"md",lg:"lg"};
+//# sourceMappingURL=tab.records.js.map

package/build/components/Tabs/components/Tab/tab.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.records.js","sources":["../../../../../src/components/Tabs/components/Tab/tab.records.ts"],"sourcesContent":["import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n"],"names":["xs","sm","md","lg"],"mappings":"oGAGiF,CAC/EA,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI"}

package/build/components/Tabs/components/Tabs/index.js

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

package/build/components/Tabs/components/TabsLayout/components/Tabs/components/TabsLayout/index.js

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

package/build/components/Tabs/components/TabsLayout/tabsLayout.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../tabs.component.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t);exports.default=function(t){return s.default.createElement(r.default,e.__assign({},t))};
+//# sourceMappingURL=tabsLayout.component.js.map

package/build/components/Tabs/components/TabsLayout/tabsLayout.component.js.map

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

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

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

package/build/components/Tabs/tabs.component.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StyleProps } from '@chakra-ui/styled-system';
+import { Alignment, Dict } from 'shared/types';
+import { TabProps } from './components/Tab/tab.component';
+import { TabSize } from './components/Tab/tab.types';
+export interface TabsProps extends StyleProps {
+    size?: TabSize;
+    tabList: TabProps[];
+    tabPanels?: JSX.Element[];
+    tabPanelsStyle?: Dict;
+    isFitted?: boolean;
+    align?: Alignment;
+    defaultIndex?: number;
+    isLazy?: boolean;
+    isManual?: boolean;
+    index?: number;
+    onChange?: (index: number) => void;
+}
+declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
+export default Tabs;

package/build/components/Tabs/tabs.component.js

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

package/build/components/Tabs/tabs.component.js.map

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

package/build/components/Tabs/tabs.config.d.ts

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

package/build/components/Tabs/tabs.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/fontWeights.js"),r={baseStyle:{tab:{color:o.adaptiveColors.text.light.subtle,fontWeight:t.fontWeights.semibold,_disabled:{color:o.colors.gray[400],borderColor:o.colors.gray[100],_hover:{background:o.colors.transparent}},_focus:{boxShadow:0}},tabpanel:{padding:0}},sizes:{xs:{tab:{fontSize:e.fontSizes.xs,py:2,px:2}},sm:{tab:{fontSize:e.fontSizes.sm,py:3,px:3}},md:{tab:{fontSize:e.fontSizes.md,py:4,px:5}},lg:{tab:{fontSize:e.fontSizes.xl,py:5,px:6}}},variants:{line:{tablist:{borderBottom:"3px solid",borderColor:o.colors.gray[300]},tab:{borderBottom:"3px solid",borderBottomColor:o.colors.gray[300],marginBottom:"-3px",_selected:{color:o.adaptiveColors.text.light.headline,borderColor:o.semanticColors.border.light.focus},_active:{background:o.colors.transparent},_hover:{background:o.colors.blackAlpha[50]}}}}};exports.TabsConfig=r;
+//# sourceMappingURL=tabs.config.js.map

package/build/components/Tabs/tabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.config.js","sources":["../../../src/components/Tabs/tabs.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { colors, adaptiveColors, semanticColors, fontWeights, fontSizes } from 'theme/tokens';\n\nexport const TabsConfig: ComponentStyleConfig = {\n  baseStyle: {\n    tab: {\n      color: adaptiveColors.text.light.subtle,\n      fontWeight: fontWeights.semibold,\n      _disabled: {\n        color: colors.gray[400],\n        borderColor: colors.gray[100],\n        _hover: {\n          background: colors.transparent,\n        },\n      },\n      _focus: {\n        boxShadow: 0,\n      },\n    },\n    tabpanel: {\n      padding: 0,\n    },\n  },\n  sizes: {\n    xs: {\n      tab: {\n        fontSize: fontSizes.xs,\n        py: 2,\n        px: 2,\n      },\n    },\n    sm: {\n      tab: {\n        fontSize: fontSizes.sm,\n        py: 3,\n        px: 3,\n      },\n    },\n    md: {\n      tab: {\n        fontSize: fontSizes.md,\n        py: 4,\n        px: 5,\n      },\n    },\n    lg: {\n      tab: {\n        fontSize: fontSizes.xl,\n        py: 5,\n        px: 6,\n      },\n    },\n  },\n  variants: {\n    line: {\n      tablist: {\n        borderBottom: '3px solid',\n        borderColor: colors.gray[300],\n      },\n      tab: {\n        borderBottom: '3px solid',\n        borderBottomColor: colors.gray[300],\n        marginBottom: '-3px',\n        _selected: {\n          color: adaptiveColors.text.light.headline,\n          borderColor: semanticColors.border.light.focus,\n        },\n        _active: {\n          background: colors.transparent,\n        },\n        _hover: {\n          background: colors.blackAlpha[50],\n        },\n      },\n    },\n  },\n};\n"],"names":["TabsConfig","baseStyle","tab","color","adaptiveColors","text","light","subtle","fontWeight","fontWeights","semibold","_disabled","colors","gray","borderColor","_hover","background","transparent","_focus","boxShadow","tabpanel","padding","sizes","xs","fontSize","fontSizes","py","px","sm","md","lg","xl","variants","line","tablist","borderBottom","borderBottomColor","marginBottom","_selected","headline","semanticColors","border","focus","_active","blackAlpha"],"mappings":"2NAGaA,EAAmC,CAC9CC,UAAW,CACTC,IAAK,CACHC,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,WAAYC,EAAWA,YAACC,SACxBC,UAAW,CACTR,MAAOS,EAAAA,OAAOC,KAAK,KACnBC,YAAaF,EAAAA,OAAOC,KAAK,KACzBE,OAAQ,CACNC,WAAYJ,EAAMA,OAACK,cAGvBC,OAAQ,CACNC,UAAW,IAGfC,SAAU,CACRC,QAAS,IAGbC,MAAO,CACLC,GAAI,CACFrB,IAAK,CACHsB,SAAUC,EAASA,UAACF,GACpBG,GAAI,EACJC,GAAI,IAGRC,GAAI,CACF1B,IAAK,CACHsB,SAAUC,EAASA,UAACG,GACpBF,GAAI,EACJC,GAAI,IAGRE,GAAI,CACF3B,IAAK,CACHsB,SAAUC,EAASA,UAACI,GACpBH,GAAI,EACJC,GAAI,IAGRG,GAAI,CACF5B,IAAK,CACHsB,SAAUC,EAASA,UAACM,GACpBL,GAAI,EACJC,GAAI,KAIVK,SAAU,CACRC,KAAM,CACJC,QAAS,CACPC,aAAc,YACdrB,YAAaF,EAAAA,OAAOC,KAAK,MAE3BX,IAAK,CACHiC,aAAc,YACdC,kBAAmBxB,EAAAA,OAAOC,KAAK,KAC/BwB,aAAc,OACdC,UAAW,CACTnC,MAAOC,EAAcA,eAACC,KAAKC,MAAMiC,SACjCzB,YAAa0B,EAAcA,eAACC,OAAOnC,MAAMoC,OAE3CC,QAAS,CACP3B,WAAYJ,EAAMA,OAACK,aAErBF,OAAQ,CACNC,WAAYJ,EAAAA,OAAOgC,WAAW"}

package/build/components/Tag/components/Tag/index.js

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

package/build/components/Tag/tag.component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TagProps as CTagProps } from '@chakra-ui/tag';
+import { TagSize } from './tag.types';
+export interface TagProps extends CTagProps {
+    leftElement?: JSX.Element;
+    rightElement?: JSX.Element;
+    label: string;
+    showCloseButton?: boolean;
+    size?: TagSize;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    fontWeight?: 'regular' | 'semibold';
+}
+declare const Tag: ({ leftElement, rightElement, label, showCloseButton, onClose, fontWeight, size, ...rest }: TagProps) => JSX.Element;
+export default Tag;

package/build/components/Tag/tag.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),s=require("../../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js"),i=require("./tag.records.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.default=function(t){var l=t.leftElement,r=t.rightElement,a=t.label,n=t.showCloseButton,u=void 0!==n&&n,d=t.onClose,g=t.fontWeight,f=void 0===g?"semibold":g,m=t.size,_=void 0===m?"md":m,c=e.__rest(t,["leftElement","rightElement","label","showCloseButton","onClose","fontWeight","size"]),h=e.__assign(e.__assign({},!!l&&{ml:1}),!!r&&{mr:1});return o.default.createElement(s.Tag,e.__assign({},c,{size:_},u&&{pr:i.paddingRightBySize[_]}),l,o.default.createElement(s.TagLabel,e.__assign({},h,{fontWeight:f}),a),r,u&&!!d&&o.default.createElement(s.TagCloseButton,{onClick:d}))};
+//# sourceMappingURL=tag.component.js.map

package/build/components/Tag/tag.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.component.js","sources":["../../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel } from '@chakra-ui/tag';\nimport { TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\n\nexport interface TagProps extends CTagProps {\n  leftElement?: JSX.Element;\n  rightElement?: JSX.Element;\n  label: string;\n  showCloseButton?: boolean;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: 'regular' | 'semibold';\n}\n\nconst Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  showCloseButton = false,\n  onClose,\n  fontWeight = 'semibold',\n  size = 'md',\n  ...rest\n}: TagProps): JSX.Element => {\n  const labelStyle = {\n    ...(!!leftElement && { ml: 1 }),\n    ...(!!rightElement && { mr: 1 }),\n  };\n\n  return (\n    <CTag {...rest} size={size} {...(showCloseButton && { pr: paddingRightBySize[size] })}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && !!onClose && <TagCloseButton onClick={onClose} />}\n    </CTag>\n  );\n};\n\nexport default Tag;\n"],"names":["_a","leftElement","rightElement","label","_b","showCloseButton","onClose","_c","fontWeight","_d","size","rest","__rest","labelStyle","__assign","ml","mr","React","CTag","pr","paddingRightBySize","createElement","TagLabel","TagCloseButton","onClick"],"mappings":"wVAeY,SAACA,GACX,IAAAC,EAAWD,EAAAC,YACXC,EAAYF,EAAAE,aACZC,EAAKH,EAAAG,MACLC,EAAAJ,EAAAK,gBAAAA,OAAe,IAAAD,GAAQA,EACvBE,EAAON,EAAAM,QACPC,EAAAP,EAAAQ,WAAAA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAWT,EAAAU,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,EAAAA,OAAAZ,EARI,wFAULa,EACDC,EAAAA,SAAAA,EAAAA,SAAA,KAAGb,GAAe,CAAEc,GAAI,MACrBb,GAAgB,CAAEc,GAAI,IAG9B,OACEC,EAAAA,sBAACC,EAAAA,IAAIJ,EAAAA,SAAA,GAAKH,EAAM,CAAAD,KAAMA,GAAWL,GAAmB,CAAEc,GAAIC,EAAkBA,mBAACV,KAC1ET,EACDgB,EAAAA,QAACI,cAAAC,yBAAaT,EAAU,CAAEL,WAAYA,IACnCL,GAEFD,EACAG,KAAqBC,GAAWW,UAACI,cAAAE,EAAcA,eAAC,CAAAC,QAASlB"}

package/build/components/Tag/tag.config.d.ts

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

package/build/components/Tag/tag.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../theme/tokens/colors/color.record.js");var e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/fontWeights.js"),o={baseStyle:{container:{borderRadius:require("../../theme/tokens/radii.js").radii.md},label:{fontWeight:t.fontWeights.semibold},closeButton:{height:"20px",marginInline:0,marginLeft:1,opacity:.5,width:"20px",_hover:{opacity:.8},_active:{opacity:1},_focus:{backgroundColor:"transparent",boxShadow:0}}},sizes:{sm:{container:{height:"20px",px:"8px"},label:{fontSize:e.fontSizes.xs},closeButton:{fontSize:e.fontSizes.sm}},md:{container:{height:"24px",px:"8px"},label:{fontSize:e.fontSizes.sm},closeButton:{fontSize:e.fontSizes.md}},lg:{container:{height:"32px",px:"12px"},label:{fontSize:e.fontSizes.md},closeButton:{fontSize:e.fontSizes.lg}}}};exports.TagConfig=o;
+//# sourceMappingURL=tag.config.js.map

package/build/components/Tag/tag.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.config.js","sources":["../../../src/components/Tag/tag.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights, fontSizes, radii } from '../../theme/tokens';\n\nexport const TagConfig: ComponentStyleConfig = {\n  baseStyle: {\n    container: {\n      borderRadius: radii.md,\n    },\n    label: {\n      fontWeight: fontWeights.semibold,\n    },\n    closeButton: {\n      height: '20px',\n      marginInline: 0,\n      marginLeft: 1,\n      opacity: 0.5,\n      width: '20px',\n      _hover: {\n        opacity: 0.8,\n      },\n      _active: {\n        opacity: 1,\n      },\n      _focus: {\n        backgroundColor: 'transparent',\n        boxShadow: 0,\n      },\n    },\n  },\n  sizes: {\n    sm: {\n      container: {\n        height: '20px',\n        px: '8px',\n      },\n      label: {\n        fontSize: fontSizes.xs,\n      },\n      closeButton: {\n        fontSize: fontSizes.sm,\n      },\n    },\n    md: {\n      container: {\n        height: '24px',\n        px: '8px',\n      },\n      label: {\n        fontSize: fontSizes.sm,\n      },\n      closeButton: {\n        fontSize: fontSizes.md,\n      },\n    },\n    lg: {\n      container: {\n        height: '32px',\n        px: '12px',\n      },\n      label: {\n        fontSize: fontSizes.md,\n      },\n      closeButton: {\n        fontSize: fontSizes.lg,\n      },\n    },\n  },\n};\n"],"names":["TagConfig","baseStyle","container","borderRadius","radii","md","label","fontWeight","fontWeights","semibold","closeButton","height","marginInline","marginLeft","opacity","width","_hover","_active","_focus","backgroundColor","boxShadow","sizes","sm","px","fontSize","fontSizes","xs","lg"],"mappings":"yNAGaA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,oDAAmBC,MAACC,IAEtBC,MAAO,CACLC,WAAYC,EAAWA,YAACC,UAE1BC,YAAa,CACXC,OAAQ,OACRC,aAAc,EACdC,WAAY,EACZC,QAAS,GACTC,MAAO,OACPC,OAAQ,CACNF,QAAS,IAEXG,QAAS,CACPH,QAAS,GAEXI,OAAQ,CACNC,gBAAiB,cACjBC,UAAW,KAIjBC,MAAO,CACLC,GAAI,CACFpB,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,EAASA,UAACC,IAEtBhB,YAAa,CACXc,SAAUC,EAASA,UAACH,KAGxBjB,GAAI,CACFH,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,EAASA,UAACH,IAEtBZ,YAAa,CACXc,SAAUC,EAASA,UAACpB,KAGxBsB,GAAI,CACFzB,UAAW,CACTS,OAAQ,OACRY,GAAI,QAENjB,MAAO,CACLkB,SAAUC,EAASA,UAACpB,IAEtBK,YAAa,CACXc,SAAUC,EAASA,UAACE"}

package/build/components/Tag/tag.records.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.paddingRightBySize={sm:0,md:.5,lg:1};
+//# sourceMappingURL=tag.records.js.map

package/build/components/Tag/tag.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.records.js","sources":["../../../src/components/Tag/tag.records.ts"],"sourcesContent":["import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n"],"names":["sm","md","lg"],"mappings":"+FAE2D,CACzDA,GAAI,EACJC,GAAI,GACJC,GAAI"}

package/build/components/Text/components/Text/index.js

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

package/build/components/Text/text.component.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TextProps as CTextProps } from '@chakra-ui/layout';
+import { HTMLTagName, TextVariant } from './text.types';
+import { TextColor } from 'shared/types';
+import { TruncatedTextProps } from '../TruncatedText/truncatedText.component';
+export interface TextProps extends CTextProps {
+    children: ReactNode;
+    as?: HTMLTagName;
+    variant?: TextVariant;
+    colorToken?: TextColor;
+    darkMode?: boolean;
+    truncate?: boolean;
+    truncateProps?: TruncatedTextProps;
+}
+declare const Text: ({ children, variant, as, color, colorToken, darkMode, truncate, truncateProps, size, fontSize, ...rest }: TextProps) => JSX.Element;
+export default Text;

package/build/components/Text/text.component.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js"),o=require("../../hooks/useTheme.js"),a=require("../../hooks/useAdaptiveColorMap.js"),s=require("../TruncatedText/truncatedText.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);exports.default=function(t){var i=t.children,n=t.variant,l=void 0===n?"regular":n,d=t.as,c=void 0===d?"span":d,f=t.color,_=t.colorToken,v=void 0===_?"default":_,p=t.darkMode,k=void 0!==p&&p,h=t.truncate,j=t.truncateProps,m=t.size,T=t.fontSize,g=e.__rest(t,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),q=o.default().colors,x=a.default(q.text,v,k),z={size:m,fontSize:T,variant:l,color:f||x},b=e.__assign(e.__assign({},j),z);return h?u.default.createElement(s.default,e.__assign({},b),null==i?void 0:i.toString()):u.default.createElement(r.Text,e.__assign({as:c},z,g),i)};
+//# sourceMappingURL=text.component.js.map

package/build/components/Text/text.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.component.js","sources":["../../../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/layout';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport TruncatedText, { TruncatedTextProps } from '../TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n  children: ReactNode;\n  as?: HTMLTagName;\n  variant?: TextVariant;\n  colorToken?: TextColor;\n  darkMode?: boolean;\n  truncate?: boolean;\n  truncateProps?: TruncatedTextProps;\n}\n\nconst Text = ({\n  children,\n  variant = 'regular',\n  as = 'span',\n  color,\n  colorToken = 'default',\n  darkMode = false,\n  truncate,\n  truncateProps,\n  size,\n  fontSize,\n  ...rest\n}: TextProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n  const textProps: TruncatedTextProps = {\n    size,\n    fontSize,\n    variant,\n    color: color || adaptiveColor,\n  };\n\n  const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n  return truncate ? (\n    <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n  ) : (\n    <CText as={as} {...textProps} {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nexport default Text;\n"],"names":["_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"8cAkBa,SAACA,GACZ,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXSC,EAAAA,OAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaJiB,EAAWC,mBACbC,EAAgBC,EAAAA,QAA+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,SAAAA,EAAAA,SAAA,GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,wBAACC,EAAa,QAAAF,EAAAA,SAAA,GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,EAAAA,QAACG,cAAAC,EAAAA,iBAAMxB,GAAIA,GAAQiB,EAAeP,GAC/Bd"}

package/build/components/Text/text.config.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../theme/tokens/colors/color.record.js");var e=require("../../theme/tokens/fontWeights.js"),i={variants:{regular:{fontWeight:e.fontWeights.normal},semibold:{fontWeight:e.fontWeights.semibold}},sizes:{xs:{fontSize:"12px",lineHeight:"150%"},sm:{fontSize:"14px",lineHeight:"150%"},md:{fontSize:"16px",lineHeight:"150%"},lg:{fontSize:"18px",lineHeight:"150%"},xl:{fontSize:"20px",lineHeight:"150%"},"2xl":{fontSize:"24px",lineHeight:"150%"},"3xl":{fontSize:"30px",lineHeight:"150%"},"4xl":{fontSize:"36px",lineHeight:"150%"},"5xl":{fontSize:"48px",lineHeight:"150%"},"6xl":{fontSize:"60px",lineHeight:"150%"}}};exports.TextConfig=i;
+//# sourceMappingURL=text.config.js.map

package/build/components/Text/text.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.config.js","sources":["../../../src/components/Text/text.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights } from '../../theme/tokens';\n\nexport const TextConfig: ComponentStyleConfig = {\n  variants: {\n    regular: {\n      fontWeight: fontWeights.normal,\n    },\n    semibold: {\n      fontWeight: fontWeights.semibold,\n    },\n  },\n  sizes: {\n    xs: {\n      fontSize: '12px',\n      lineHeight: '150%',\n    },\n    sm: {\n      fontSize: '14px',\n      lineHeight: '150%',\n    },\n    md: {\n      fontSize: '16px',\n      lineHeight: '150%',\n    },\n    lg: {\n      fontSize: '18px',\n      lineHeight: '150%',\n    },\n    xl: {\n      fontSize: '20px',\n      lineHeight: '150%',\n    },\n    '2xl': {\n      fontSize: '24px',\n      lineHeight: '150%',\n    },\n    '3xl': {\n      fontSize: '30px',\n      lineHeight: '150%',\n    },\n    '4xl': {\n      fontSize: '36px',\n      lineHeight: '150%',\n    },\n    '5xl': {\n      fontSize: '48px',\n      lineHeight: '150%',\n    },\n    '6xl': {\n      fontSize: '60px',\n      lineHeight: '150%',\n    },\n  },\n};\n"],"names":["TextConfig","variants","regular","fontWeight","fontWeights","normal","semibold","sizes","xs","fontSize","lineHeight","sm","md","lg","xl"],"mappings":"4KAGaA,EAAmC,CAC9CC,SAAU,CACRC,QAAS,CACPC,WAAYC,EAAWA,YAACC,QAE1BC,SAAU,CACRH,WAAYC,EAAWA,YAACE,WAG5BC,MAAO,CACLC,GAAI,CACFC,SAAU,OACVC,WAAY,QAEdC,GAAI,CACFF,SAAU,OACVC,WAAY,QAEdE,GAAI,CACFH,SAAU,OACVC,WAAY,QAEdG,GAAI,CACFJ,SAAU,OACVC,WAAY,QAEdI,GAAI,CACFL,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY"}

package/build/components/TextInput/components/ClearButton/clearButton.component.d.ts

@@ -0,0 +1,7 @@
+import { FormControlSize } from 'components/FormControl/formControl.types';
+export interface ClearButtonProps {
+    handleClear?: () => void;
+    size?: FormControlSize;
+}
+declare const ClearButton: ({ handleClear, size }: ClearButtonProps) => JSX.Element;
+export default ClearButton;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js"),o=require("../../../Icon/icon.component.js"),r=require("../../../../hooks/useTheme.js"),u=require("./clearButton.records.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);exports.default=function(e){var n=e.handleClear,i=e.size,l=void 0===i?"md":i,c=r.default().colors;return a.default.createElement(t.Button,{color:c.icon.light.default,display:"inline-flex",minW:"auto",w:u.closeButtonSize[l],h:u.closeButtonSize[l],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===l?3:4,onClick:n},a.default.createElement(o.default,{name:"close",colorToken:"currentColor",size:"lg"===l?"sm":"xs"}))};
+//# sourceMappingURL=clearButton.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clearButton.component.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@chakra-ui/button';\nimport Icon from 'components/Icon';\nimport useTheme from 'hooks/useTheme';\nimport { FormControlSize } from 'components/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":["_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":"iZAYoB,SAACA,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACrCE,EAAWC,mBAEnB,OACEC,EAAC,QAAAC,cAAAC,SACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGC,EAAeA,gBAACb,GACnBc,EAAGD,kBAAgBb,GACnBe,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATnB,EAAgB,EAAI,EACxBoB,QAAStB,GAETK,EAAAA,QAACC,cAAAiB,EAAAA,QAAK,CAAAC,KAAK,QAAQC,WAAW,eAAevB,KAAe,OAATA,EAAgB,KAAO"}

package/build/components/TextInput/components/ClearButton/clearButton.records.d.ts

@@ -0,0 +1,2 @@
+import { FormControlSize } from 'components/FormControl/formControl.types';
+export declare const closeButtonSize: Record<FormControlSize, number>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.closeButtonSize={xs:5,sm:5,md:5,lg:6};
+//# sourceMappingURL=clearButton.records.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clearButton.records.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.records.ts"],"sourcesContent":["import { FormControlSize } from 'components/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":["xs","sm","md","lg"],"mappings":"4FAEgE,CAC9DA,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI"}

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

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

package/build/components/TextInput/textInput.component.d.ts

@@ -0,0 +1,21 @@
+import React, { ForwardedRef, ReactElement } from 'react';
+import { InputProps as CInputProps } from '@chakra-ui/input';
+import { WithFormControlProps } from 'components/FormControl/formControl.component';
+import { FormControlSize } from 'components/FormControl/formControl.types';
+export interface TextInputBaseProps extends WithFormControlProps, CInputProps {
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    inputRef?: ForwardedRef<HTMLInputElement>;
+    size?: FormControlSize;
+}
+export interface DefaultTextInputProps extends TextInputBaseProps {
+    isClearable?: never;
+    onClear?: never;
+}
+export interface ClearableTextInputProps extends TextInputBaseProps {
+    isClearable: boolean;
+    onClear: (val: string | number | readonly string[]) => void;
+}
+export declare type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/input/dist/chakra-ui-input.esm.js"),l=require("../FormControl/formControl.component.js"),r=require("./components/ClearButton/clearButton.component.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(t),i=l.withFormControl((function(t){var l=t.isClearable,u=void 0!==l&&l,i=t.size,o=void 0===i?"md":i,s=e.__rest(t,["isClearable","size"]),d=s.leftElement,f=s.inputRef;s.isFieldInline;var c=s.onClear,m=s.value,p=e.__rest(s,["leftElement","inputRef","isFieldInline","onClear","value"]),_=s.rightElement;return u&&m&&(_=a.default.createElement(r.default,{size:o,handleClear:function(){c&&c(m||"")}})),a.default.createElement(n.InputGroup,null,d?a.default.createElement(n.InputLeftElement,{children:d,h:"100%"}):null,a.default.createElement(n.Input,e.__assign({},p,{ref:f,size:o,value:m})),_?a.default.createElement(n.InputRightElement,{children:_,h:"100%"}):null)})),o=t.forwardRef((function(t,n){return a.default.createElement(i,e.__assign({inputRef:n},t))}));o.displayName="TextInput",exports.default=o;
+//# sourceMappingURL=textInput.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.component.js","sources":["../../../src/components/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/input';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FormControlSize } from 'components/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":"kaA+BMA,EAAmBC,EAAAA,iBACvB,SAACC,GAAE,IAAAC,gBAAAC,OAAc,IAAAD,KAAOE,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAKE,EAAKC,EAAAA,OAAAN,EAA5C,wBACSO,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAA,OAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIX,GAAiBS,IACnBE,EAAeC,EAAAA,QAAAC,cAACC,UAAW,CAACZ,KAAMA,EAAMa,YAPtB,WACdP,GACFA,EAAQC,GAAS,QASnBG,wBAACI,EAAAA,WAAU,KACRX,EAAcO,EAAAA,QAACC,cAAAI,oBAAiBC,SAAUb,EAAac,EAAE,SAAY,KACtEP,EAAAA,QAAAC,cAACO,EAAAA,MAAMC,EAAAA,SAAA,GAAKX,EAAQ,CAAEY,IAAKhB,EAAUJ,KAAMA,EAAMO,MAAOA,KACvDE,EAAeC,EAAA,QAAAC,cAACU,EAAAA,kBAAkB,CAAAL,SAAUP,EAAcQ,EAAE,SAAY,SAM3EK,EAAYC,EAAUA,YAAC,SAACtB,EAAuBmB,GAAwC,OAC3FV,EAAAA,QAAAC,cAACjB,EAAiByB,EAAAA,SAAA,CAAAf,SAAUgB,GAASnB,OAGvCqB,EAAUE,YAAc"}

package/build/components/TextInput/textInput.config.d.ts

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

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

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

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

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

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

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

package/build/components/Textarea/textarea.component.d.ts

@@ -0,0 +1,10 @@
+import React, { ForwardedRef } from 'react';
+import { TextareaProps as CTextareaProps } from '@chakra-ui/textarea';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
+    size?: FormControlSize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component.js","sources":["../../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/textarea';\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","Textarea","__assign","ref","forwardRef","displayName"],"mappings":"yWAUMA,EAAkBC,EAAAA,iBAAgB,SAACC,GACaA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAA,OAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,UAAAC,cAACC,EAASC,SAAKC,WAAA,GAAAN,GAAUO,IAAKR,QAGjCM,EAAWG,EAAUA,YAAC,SAACX,EAAsBU,GAA2C,OAC5FL,EAAAA,QAAAC,cAACR,EAAgBW,EAAAA,SAAA,CAAAP,YAAaQ,GAASV,OAGzCQ,EAASI,YAAc"}

package/build/components/Textarea/textarea.config.d.ts

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../chakra/components/Flex/chakra/components/Flex/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);exports.default=function(r){var o=e.__rest(r,[]);return n.default.createElement(t.default,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},o.children)};
+//# sourceMappingURL=ScrollContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContainer.js","sources":["../../../../src/components/TimePicker/components/ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport Flex from 'chakra/components/Flex';\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":["_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children"],"mappings":"iUAGwB,SAACA,OAAKC,EAAKC,EAAAA,OAAAF,EAAV,IACvB,OACEG,UAACC,cAAAC,EAAI,QACH,CAAAC,UAAU,SACVC,IAAK,EACLC,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZT,EAAMU"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOption.js","sources":["../../../../src/components/TimePicker/components/TimeOption.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport Box from 'chakra/components/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":["_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":"iTAWmB,SAACA,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YACtDC,EAA+BC,EAAAA,UAA7BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAE1BC,EAAUC,eACd,SAACC,GACC,IAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDX,EAAYS,KAEd,CAACT,IAGH,OACEY,EAAC,QAAAC,cAAAC,WACCC,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/components/TimePicker/components/TimePicker/index.js

@@ -0,0 +1,2 @@
+"use strict";require("react"),require("../../../Icon/icon.component.js"),require("../../../TextInput/textInput.component.js"),require("../../timePicker.types.js");
+//# sourceMappingURL=index.js.map

package/build/components/TimePicker/timePicker.component.d.ts

@@ -0,0 +1,11 @@
+import { PlacementWithLogical } from '@chakra-ui/popper';
+import { TextInputProps } from '../TextInput/textInput.component';
+export interface TimePickerProps {
+    initialTime: Date;
+    minuteInterval?: number;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    onTimeChange?: (time: Date) => void;
+}
+declare const TimePicker: ({ initialTime, minuteInterval, inputProps, placement, onTimeChange, }: TimePickerProps) => JSX.Element;
+export default TimePicker;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.component.js","sources":["../../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { PlacementWithLogical } from '@chakra-ui/popper';\nimport { PopoverBody } from '@chakra-ui/popover';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport useDisclosure from 'chakra/hooks/useDisclosure';\nimport Icon from 'components/Icon';\nimport Popover from 'components/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":["_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":"04BAuBmB,SAACA,GAClB,IAAAC,gBACAC,EAAAF,EAAAG,eAAAA,aAAiB,EAACD,EAClBE,eACAC,EAASL,EAAAK,UACTC,EAAYN,EAAAM,aAENC,EAA8BC,EAAAA,gBAA5BC,EAAMF,EAAAE,OAAEC,EAAMH,EAAAG,OAAEC,EAAOJ,EAAAI,QACzBC,EAAYC,EAAAA,SAAQ,WAAM,OAAA,IAAIC,KAAKb,KAAc,CAACA,IAGlDc,EAAAC,EAAAA,OAAkCC,EAAQA,SAAChB,GAAY,GAAtDiB,EAAYH,EAAA,GAAEI,OAEfC,EAAsBP,EAAAA,SAAQ,WAClC,IAAMQ,EAAQT,EAAUU,WACpBC,EAAgBF,EASpB,OAPIA,EAAQ,KACVE,EAAgBF,EAAQ,IAEZ,IAAVA,IACFE,EAAgB,IAGXA,EAAcC,aACpB,CAACZ,IAGEa,EAAAT,EAAAA,OAAkCC,EAAQA,SAACG,GAAoB,GAA9DM,EAAYD,EAAA,GAAEE,OACfC,EAAAZ,EAAAA,OAAsCC,EAAQA,SAACL,EAAUiB,aAAaL,eAArEM,OAAgBC,OACjBC,EAAAhB,EAAAA,OAA0CC,WAC9CL,EAAUU,WAAa,GAAKW,EAAQA,SAACC,GAAKD,EAAAA,SAASE,IACpD,GAFMC,EAAgBJ,EAAA,GAAEK,OAInBC,EAAUC,SAAuB,MACjCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,WACJhC,IACE6B,EAAQI,SACVJ,EAAQI,QAAQC,iBAEdH,EAAUE,SACZF,EAAUE,QAAQC,oBAGrB,CAAClC,IAEJ,IAAMmC,EAAgB/B,EAAAA,SAAQ,WAC5B,OAAOgC,EAAM,QAAC3B,EAAc,aAC3B,CAACA,IAEE4B,EAAe,SAACC,GACpB,IAAMC,EAAiBD,EAAOvB,WAC9B,OAA8B,IAA1BwB,EAAeC,OACV,IAAAC,OAAIF,GAGNA,GAGHG,EAActC,EAAAA,SAAQ,WAC1B,MAAO,CAAC,GAAI,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAAIuC,KAAI,SAACC,GAAS,OAAAA,EAAK7B,gBACjE,IAEG8B,EAAgBzC,EAAAA,SAAQ,WAE5B,IADA,IAAM0C,EAAU,GACPC,EAAI,EAAGA,EAAI,GAAIA,GAAKrD,EAC3BoD,EAAQE,KAAKD,GAGf,OAAOD,EAAQH,IAAIN,KAClB,CAAC3C,IAEEuD,EAAkB,CAACzB,EAAQA,SAACE,GAAIF,EAAQA,SAACC,IAEzCyB,EAAmBC,EAAWA,aAClC,SAACP,EAAcQ,EAAgBC,GAC7B,IAAIC,EAAqB,EAGrBD,IAAa7B,EAAAA,SAASC,IAAM8B,OAAOX,GAAQ,KAC7CU,EAAqB,IAInBD,IAAa7B,EAAAA,SAASE,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,eACtB,SAACS,GACC1C,EAAgB0C,GAChBV,EAAiBU,EAAOvC,EAAgBM,KAE1C,CAACuB,EAAkBvB,EAAkBN,IAGjCwC,EAAoBV,eACxB,SAACS,GACCtC,EAAkBsC,GAClBV,EAAiBjC,EAAc2C,EAAOjC,KAExC,CAACuB,EAAkBjC,EAAcU,IAG7BmC,EAAsBX,eAC1B,SAACS,GACChC,EAAoBgC,GACpBV,EAAiBjC,EAAcI,EAAgBuC,KAEjD,CAACV,EAAkBjC,EAAcI,IAGnC,OACE0C,EAAA,QAAAC,cAACC,EAAAA,QAAO,CACNjE,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTN,UAAWA,EACXsE,aAAc,CAAEC,MAAO,eACvBC,eACEL,wBAACM,EAAAA,QAAG,KACFN,EAAA,QAAAC,cAACM,EAAS,QACRC,EAAAA,SAAA,CAAAC,aAAcT,EAAAA,QAACC,cAAAS,EAAI,SAACC,KAAMC,EAAAA,SAAmBhF,MAAAA,OAAA,EAAAA,EAAY+E,OAAQ,MAAOE,KAAK,UAC7EhB,MAAOzB,EACP0C,cACAC,OAAQ,WACJnF,MAKVoE,EAAAA,QAAAC,cAACe,EAAAA,YAAW,CAACC,EAAG,GACdjB,UAAAC,cAACiB,EAAI,QAAA,CAACC,OAAO,QAAQC,IAAK,IAAKC,SAAS,UACtCrB,EAAA,QAAAC,cAACqB,UACE,KAAA3C,EAAYC,KAAI,SAACC,GAChB,OACEmB,EAAC,QAAAC,cAAAsB,EAAAA,QACC,CAAAC,IAAK,eAAe9C,OAAAG,GACpB4C,SAAU5C,IAAS3B,EAAeY,EAAU,KAC5C+B,MAAOhB,EACP6C,WAAY7C,IAAS3B,EACrByE,YAAa/B,QAKrBI,EAAA,QAAAC,cAACqB,UACE,KAAAxC,EAAcF,KAAI,SAACS,GAClB,OACEW,wBAACuB,EAAU,QAAA,CACTC,IAAK,iBAAA9C,OAAiBW,GACtBoC,SAAUpC,IAAWf,EAAahB,GAAkBU,EAAY,KAChE6B,MAAOR,EACPqC,WAAYrC,IAAWf,EAAahB,GACpCqE,YAAa7B,QAKrBE,EAAA,QAAAC,cAACqB,UACE,KAAApC,EAAgBN,KAAI,SAACU,GACpB,OACEU,EAAAA,QAACC,cAAAsB,EAAU,QACT,CAAAC,IAAK,mBAAmB9C,OAAAY,GACxBO,MAAOP,EACPoC,WAAYpC,IAAa1B,EACzB+D,YAAa5B"}

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

@@ -0,0 +1,2 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.Meridiem=void 0,(e=exports.Meridiem||(exports.Meridiem={})).AM="AM",e.PM="PM";
+//# sourceMappingURL=timePicker.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.types.js","sources":["../../../src/components/TimePicker/timePicker.types.ts"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n"],"names":["Meridiem"],"mappings":"aAAA,IAAYA,yDAAAA,QAGXA,cAAA,GAHWA,EAAAA,QAAQA,WAARA,iBAGX,KAFC,GAAA,KACAA,EAAA,GAAA"}

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

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

package/build/components/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@chakra-ui/layout';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps {
+    startTimePickerProps: TimePickerProps;
+    endTimePickerProps: TimePickerProps;
+    dashContainerProps?: BoxProps;
+}
+declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps }: TimeRangeProps) => JSX.Element;
+export default TimeRange;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../chakra/components/Box/chakra/components/Box/index.js"),a=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),n=require("../TimePicker/timePicker.component.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.default=function(t){var s=t.startTimePickerProps,l=t.endTimePickerProps,o=t.dashContainerProps;return i.default.createElement(a.default,null,i.default.createElement(n.default,e.__assign({},s)),i.default.createElement(r.default,e.__assign({alignSelf:"center",mx:1},o),"-"),i.default.createElement(n.default,e.__assign({},l)))};
+//# sourceMappingURL=timeRange.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeRange.component.js","sources":["../../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps } from '@chakra-ui/layout';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\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":["_a","startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","__assign","Box","alignSelf","mx"],"mappings":"sbAYkB,SAACA,GAAE,IAAAC,yBAAsBC,EAAkBF,EAAAE,mBAAEC,EAAkBH,EAAAG,mBAC/E,OACEC,wBAACC,EAAAA,QAAI,KACHD,EAAC,QAAAE,cAAAC,EAAU,QAAKC,EAAAA,SAAA,GAAAP,IAChBG,EAAAA,QAACE,cAAAG,UAAID,EAAAA,SAAA,CAAAE,UAAU,SAASC,GAAI,GAAOR,GAE7B,KACNC,EAAA,QAAAE,cAACC,UAAeC,EAAAA,SAAA,GAAAN"}

package/build/components/Toast/components/Toast/index.js

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

package/build/components/Toast/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/components/Toast/toast.utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getToastPlacement=function(t,o){var r;if(t){var e={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(r=null==e?void 0:e[o])&&void 0!==r?r:t}};
+//# sourceMappingURL=toast.utils.js.map

package/build/components/Toast/toast.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.utils.js","sources":["../../../src/components/Toast/toast.utils.ts"],"sourcesContent":["import { LogicalPlacementMap, ToastPosition, ToastPositionWithLogical } from './toast.types';\n\nexport function getToastPlacement(\n  position: ToastPositionWithLogical | undefined,\n  dir: 'ltr' | 'rtl',\n): ToastPosition | undefined {\n  if (!position) return;\n  const logicals: LogicalPlacementMap = {\n    'top-start': { ltr: 'top-left', rtl: 'top-right' },\n    'top-end': { ltr: 'top-right', rtl: 'top-left' },\n    'bottom-start': { ltr: 'bottom-left', rtl: 'bottom-right' },\n    'bottom-end': { ltr: 'bottom-right', rtl: 'bottom-left' },\n  };\n\n  const logical = logicals[position as keyof typeof logicals];\n  return logical?.[dir] ?? position;\n}\n"],"names":["position","dir","logical","ltr","rtl","_a"],"mappings":"8FAEgB,SACdA,EACAC,SAEA,GAAKD,EAAL,CACA,IAOME,EAPgC,CACpC,YAAa,CAAEC,IAAK,WAAYC,IAAK,aACrC,UAAW,CAAED,IAAK,YAAaC,IAAK,YACpC,eAAgB,CAAED,IAAK,cAAeC,IAAK,gBAC3C,aAAc,CAAED,IAAK,eAAgBC,IAAK,gBAGnBJ,GACzB,OAAyB,QAAlBK,EAAAH,MAAAA,OAAO,EAAPA,EAAUD,UAAQ,IAAAI,EAAAA,EAAAL"}