@televet/kibble-ui 1.24.0-beta.fixbuild.0 → 1.24.0

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../DragHandle/dragHandle.component.js"),r=require("../SortableItem/sortableItem.component.js"),t=require("../SortableOverlay/sortableOverlay.component.js"),o=require("../../sortableList.component.js");exports.DragHandle=e.DragHandle,exports.SortableItem=r.SortableItem,exports.SortableOverlay=t.SortableOverlay,exports.SortableList=o.SortableList;
-//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/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\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","props","isChecked","isIndeterminate","isFieldInline","domProps","React","createElement","CSwitch","__assign","colorScheme","display","variant","displayName","WrappedSwitch","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,IAAMC,EAAgBC,EAAeA,gBAACf"}

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"switch.config.js","sources":["../../../src/components/Switch/switch.config.ts"],"sourcesContent":["import { ComponentStyleConfig, cssVar } from '@chakra-ui/react';\nimport { coreColors, semanticColors } from 'theme/tokens/colors';\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":"kOAGMA,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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-"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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.config.js","sources":["../../../src/components/Tabs/tabs.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\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/TabsLayout/components/TabsLayout/index.js

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("./tag.records.js");require("../../theme/tokens/colors/color.record.js");var i=require("../../theme/tokens/radii.js"),s=require("../../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js"),a=require("../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t);exports.Tag=function(t){var o=t.leftElement,n=t.rightElement,u=t.label,d=t.closeButtonDisplay,g=void 0===d?"never":d,_=t.onClose,c=t.fontWeight,m=void 0===c?"semibold":c,h=t.size,p=void 0===h?"md":h,f=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size"]),v=e.__assign(e.__assign({},!!o&&{ml:1}),!!n&&{mr:1}),y=e.__assign({},!!_&&e.__assign(e.__assign({},"always"===g&&{pr:r.paddingRightBySize[p]}),"hover"===g&&{role:"group",pos:"relative"})),b="never"!==g&&!!_,j=e.__assign({},"hover"===g&&{display:"none",px:r.paddingRightBySize[p],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",opacity:.899999,borderRadius:i.radii.md});return l.default.createElement(s.Tag,e.__assign({},y,f,{size:p}),o,l.default.createElement(s.TagLabel,e.__assign({},v,{fontWeight:m}),u),n,b&&l.default.createElement(a.Box,e.__assign({},j),l.default.createElement(s.TagCloseButton,{onClick:_})))};
-//# sourceMappingURL=tag.component.js.map

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

@@ -1 +0,0 @@
-{"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, Box } from '@chakra-ui/react';\nimport { TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { radii } from 'theme/tokens';\n\nexport interface TagProps extends CTagProps {\n  leftElement?: JSX.Element;\n  rightElement?: JSX.Element;\n  label: string;\n  closeButtonDisplay?: 'always' | 'never' | 'hover';\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  fontWeight?: 'regular' | 'semibold';\n}\n\nexport const Tag = ({\n  leftElement,\n  rightElement,\n  label,\n  closeButtonDisplay = 'never',\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  const tagStyle = {\n    ...(!!onClose && {\n      ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n      ...(closeButtonDisplay === 'hover' && {\n        role: 'group',\n        pos: 'relative' as const,\n      }),\n    }),\n  };\n\n  const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n  const closeButtonStyle = {\n    ...(closeButtonDisplay === 'hover' && {\n      display: 'none',\n      px: paddingRightBySize[size],\n      _groupHover: { display: 'flex' },\n      pos: 'absolute' as const,\n      right: 0,\n      bgColor: 'inherit',\n      opacity: 0.899999,\n      borderRadius: radii.md,\n    }),\n  };\n\n  return (\n    <CTag {...tagStyle} {...rest} size={size}>\n      {leftElement}\n      <TagLabel {...labelStyle} fontWeight={fontWeight}>\n        {label}\n      </TagLabel>\n      {rightElement}\n      {showCloseButton && (\n        <Box {...closeButtonStyle}>\n          <TagCloseButton onClick={onClose} />\n        </Box>\n      )}\n    </CTag>\n  );\n};\n"],"names":["_a","leftElement","rightElement","label","_b","closeButtonDisplay","onClose","_c","fontWeight","_d","size","rest","__rest","labelStyle","__assign","ml","mr","tagStyle","pr","paddingRightBySize","role","pos","showCloseButton","closeButtonStyle","display","px","_groupHover","right","bgColor","opacity","borderRadius","radii","md","React","createElement","CTag","Tag","TagLabel","Box","TagCloseButton","onClick"],"mappings":"qgBAgBmB,SAACA,GAClB,IAAAC,EAAWD,EAAAC,YACXC,EAAYF,EAAAE,aACZC,EAAKH,EAAAG,MACLC,EAAAJ,EAAAK,mBAAAA,OAAkB,IAAAD,EAAG,QAAOA,EAC5BE,EAAON,EAAAM,QACPC,EAAAP,EAAAQ,WAAAA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAWT,EAAAU,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,EAAAA,OAAAZ,EARW,2FAUZa,EACDC,EAAAA,SAAAA,EAAAA,SAAA,KAAGb,GAAe,CAAEc,GAAI,MACrBb,GAAgB,CAAEc,GAAI,IAGxBC,EACDH,EAAAA,SAAA,KAAGR,GAAOQ,EAAAA,SAAAA,EAAAA,SAAA,GACgB,WAAvBT,GAAmC,CAAEa,GAAIC,EAAkBA,mBAACT,KACrC,UAAvBL,GAAkC,CACpCe,KAAM,QACNC,IAAK,cAKLC,EAAyC,UAAvBjB,KAAoCC,EAEtDiB,EACDT,EAAAA,SAAA,GAAwB,UAAvBT,GAAkC,CACpCmB,QAAS,OACTC,GAAIN,EAAkBA,mBAACT,GACvBgB,YAAa,CAAEF,QAAS,QACxBH,IAAK,WACLM,MAAO,EACPC,QAAS,UACTC,QAAS,QACTC,aAAcC,EAAKA,MAACC,KAIxB,OACEC,UAACC,cAAAC,EAAIC,IAAKtB,WAAA,GAAAG,EAAcN,EAAI,CAAED,KAAMA,IACjCT,EACDgC,EAAAA,QAACC,cAAAG,yBAAaxB,EAAU,CAAEL,WAAYA,IACnCL,GAEFD,EACAoB,GACCW,EAAC,QAAAC,cAAAI,EAAGA,kBAAKf,GACPU,EAAC,QAAAC,cAAAK,iBAAe,CAAAC,QAASlC"}

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"tag.config.js","sources":["../../../src/components/Tag/tag.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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/react';\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\nexport const 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"],"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":"2cAkBoB,SAACA,GACnB,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,EAXgBC,EAAAA,OAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaXiB,EAAWC,oBACbC,EAAgBC,EAAAA,oBAA+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,EAAaA,cAAAF,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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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

@@ -1 +0,0 @@
-{"version":3,"file":"text.config.js","sources":["../../../src/components/Text/text.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { fontWeights } from 'theme/tokens/fontWeights';\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":"uHAGaA,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.js

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

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

@@ -1 +0,0 @@
-{"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/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { FormControlSize } from '../../../FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const 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"],"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":"qZAY2B,SAACA,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAC5CE,EAAWC,oBAEnB,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,KAAK,CAAAC,KAAK,QAAQC,WAAW,eAAevB,KAAe,OAATA,EAAgB,KAAO"}

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"clearButton.records.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.records.ts"],"sourcesContent":["import { FormControlSize } from '../../../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

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

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

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

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

@@ -1 +0,0 @@
-{"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/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 TextInput = withFormControl(({ 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\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["TextInput","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","WrappedTextInput","forwardRef","displayName"],"mappings":"kaA+BMA,EAAYC,EAAAA,iBAAgB,SAACC,GAAE,IAAAC,gBAAAC,OAAc,IAAAD,KAAOE,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAKE,EAAKC,EAAAA,OAAAN,EAA5C,wBACzBO,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,cAAW,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,SAKzEK,EAAmBC,EAAUA,YAAC,SAACtB,EAAuBmB,GAAwC,OAClGV,EAAAA,QAAAC,cAACjB,EAAUyB,EAAAA,SAAA,CAAAf,SAAUgB,GAASnB,OAGhCqB,EAAiBE,YAAc"}

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.config.js","sources":["../../../src/components/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":"6KAGaA,EACRC,EAAAA,SAAA,GAAAC,EAAiBA"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/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 Textarea = withFormControl((props: TextareaProps): JSX.Element => {\n  const { isFieldInline, textareaRef, ...domProps } = props;\n\n  return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","__assign","ref","WrappedTextArea","forwardRef","displayName"],"mappings":"yWAUMA,EAAWC,EAAAA,iBAAgB,SAACC,GACoBA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAA,OAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,UAAAC,cAACC,EAAST,SAAKU,WAAA,GAAAL,GAAUM,IAAKP,QAGjCQ,EAAkBC,EAAUA,YAAC,SAACX,EAAsBS,GAA2C,OACnGJ,EAAAA,QAAAC,cAACR,EAASU,EAAAA,SAAA,CAAAN,YAAaO,GAAST,OAGlCU,EAAgBE,YAAc"}

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.config.js","sources":["../../../src/components/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":"6KAGaA,EACRC,EAAAA,SAAA,GAAAC,EAAiBA"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timePicker.component.js"),r=require("../../timePicker.types.js");exports.TimePicker=e.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return r.Meridiem}});
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./timeOption.component.js"),n=require("../../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);exports.ScrollContainer=function(o){var l=o.options,u=o.optionType,i=o.selectedValue,c=o.handleClick,a=o.isOpen,s=void 0!==a&&a,f=e.useRef(null),d=e.useRef(null);return e.useEffect((function(){var e,t;s&&d.current&&f.current&&(d.current.scrollTop=(null===(e=f.current)||void 0===e?void 0:e.offsetTop)-(null===(t=d.current)||void 0===t?void 0:t.offsetTop))}),[s]),r.default.createElement(n.Flex,{direction:"column",gap:1,ref:d,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},l.map((function(e){return r.default.createElement(t.TimeOption,{key:"".concat(u,"-option-").concat(e),innerRef:e===i?f:null,value:e,isSelected:e===i,handleClick:c})})))};
-//# sourceMappingURL=scrollContainer.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scrollContainer.component.js","sources":["../../../../src/components/TimePicker/components/scrollContainer.component.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: 'hour' | 'minute' | 'meridiem';\n  selectedValue: string;\n  handleClick: (value: string) => void;\n  isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n  options,\n  optionType,\n  selectedValue,\n  handleClick,\n  isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [isOpen]);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      ref={containerRef}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            isSelected={option === selectedValue}\n            handleClick={handleClick}\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n"],"names":["_a","options","optionType","selectedValue","handleClick","_b","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","offsetTop","React","Flex","direction","gap","ref","overflowY","sx","display","map","option","createElement","TimeOption","key","concat","innerRef","value","isSelected"],"mappings":"+TAY+B,SAACA,GAC9B,IAAAC,YACAC,EAAUF,EAAAE,WACVC,EAAaH,EAAAG,cACbC,EAAWJ,EAAAI,YACXC,EAAcL,EAAAM,OAAdA,OAAM,IAAAD,GAAQA,EAERE,EAAUC,SAAuB,MACjCC,EAAeD,SAAuB,MAQ5C,OANAE,EAAAA,WAAU,mBACJJ,GAAUG,EAAaE,SAAWJ,EAAQI,UAC5CF,EAAaE,QAAQC,mBAAYZ,EAAAO,EAAQI,8BAASE,YAAkC,UAAtBJ,EAAaE,eAAS,IAAAN,OAAA,EAAAA,EAAAQ,cAErF,CAACP,IAGFQ,wBAACC,OAAI,CACHC,UAAU,SACVC,IAAK,EACLC,IAAKT,EACLU,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZpB,EAAQqB,KAAI,SAACC,GACZ,OACET,UAACU,cAAAC,EAAUA,YACTC,IAAK,UAAGxB,EAAU,YAAAyB,OAAWJ,GAC7BK,SAAUL,IAAWpB,EAAgBI,EAAU,KAC/CsB,MAAON,EACPO,WAAYP,IAAWpB,EACvBC,YAAaA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"timeOption.component.js","sources":["../../../../src/components/TimePicker/components/timeOption.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\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\nexport const 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      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"],"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","borderRadius","md","cursor","_hover","hover"],"mappings":"2TAW0B,SAACA,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YAC7DC,EAA+BC,EAAAA,WAA7BC,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,MACC,CAAAC,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,aAAczB,EAAM0B,GACpBC,OAAO,UACPC,OAAQ,CACNjB,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOa,WAAWkB,QAGtErC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"timePicker.component.js","sources":["../../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { PlacementWithLogical, PopoverBody, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n  initialTime: Date;\n  minuteInterval?: number;\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  placement?: PlacementWithLogical;\n  onTimeChange?: (time: Date) => void;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n  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 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            options={hourOptions}\n            optionType=\"hour\"\n            selectedValue={selectedHour}\n            handleClick={handleHourClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={minuteOptions}\n            optionType=\"minute\"\n            selectedValue={formatNumber(selectedMinute)}\n            handleClick={handleMinuteClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={meridiemOptions}\n            optionType=\"meridiem\"\n            selectedValue={selectedMeridiem}\n            handleClick={handleMeridiemClick}\n            isOpen={isOpen}\n          />\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\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","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","options","optionType","selectedValue","handleClick"],"mappings":"4yBAkB0B,SAACA,GACzB,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,EAAgBzB,EAAAA,SAAQ,WAC5B,OAAO0B,EAAM,QAACrB,EAAc,aAC3B,CAACA,IAEEsB,EAAe,SAACC,GACpB,IAAMC,EAAiBD,EAAOjB,WAC9B,OAA8B,IAA1BkB,EAAeC,OACV,IAAAC,OAAIF,GAGNA,GAGHG,EAAchC,EAAAA,SAAQ,WAC1B,MAAO,CAAC,GAAI,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAAIiC,KAAI,SAACC,GAAS,OAAAA,EAAKvB,gBACjE,IAEGwB,EAAgBnC,EAAAA,SAAQ,WAE5B,IADA,IAAMoC,EAAU,GACPC,EAAI,EAAGA,EAAI,GAAIA,GAAK/C,EAC3B8C,EAAQE,KAAKD,GAGf,OAAOD,EAAQH,IAAIN,KAClB,CAACrC,IAEEiD,EAAkB,CAACnB,EAAQA,SAACE,GAAIF,EAAQA,SAACC,IAEzCmB,EAAmBC,EAAWA,aAClC,SAACP,EAAcQ,EAAgBC,GAC7B,IAAIC,EAAqB,EAGrBD,IAAavB,EAAAA,SAASC,IAAMwB,OAAOX,GAAQ,KAC7CU,EAAqB,IAInBD,IAAavB,EAAAA,SAASE,IAAuB,KAAjBuB,OAAOX,KACrCU,GAAsB,IAGxB,IAAMpC,EAAQqC,OAAOX,GAAQU,EACvBE,GAAO,IAAI7C,MAAO8C,SAASvC,EAAOqC,OAAOH,GAAS,EAAG,GACrDM,EAAO,IAAI/C,KAAK6C,GACtBxC,EAAgB0C,GAEZvD,GACFA,EAAauD,KAGjB,CAACvD,IAGGwD,EAAkBR,eACtB,SAACS,GACCpC,EAAgBoC,GAChBV,EAAiBU,EAAOjC,EAAgBM,KAE1C,CAACiB,EAAkBjB,EAAkBN,IAGjCkC,EAAoBV,eACxB,SAACS,GACChC,EAAkBgC,GAClBV,EAAiB3B,EAAcqC,EAAO3B,KAExC,CAACiB,EAAkB3B,EAAcU,IAG7B6B,EAAsBX,eAC1B,SAACS,GACC1B,EAAoB0B,GACpBV,EAAiB3B,EAAcI,EAAgBiC,KAEjD,CAACV,EAAkB3B,EAAcI,IAGnC,OACEoC,EAAA,QAAAC,cAACC,EAAAA,QAAO,CACN3D,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTN,UAAWA,EACXgE,aAAc,CAAEC,MAAO,eACvBC,eACEL,wBAACM,EAAAA,IAAG,KACFN,EAAA,QAAAC,cAACM,EAASA,UACRC,EAAAA,SAAA,CAAAC,aAAcT,EAAAA,QAACC,cAAAS,EAAIA,MAACC,KAAMC,EAAAA,oBAAmB1E,MAAAA,OAAA,EAAAA,EAAYyE,OAAQ,MAAOE,KAAK,UAC7EhB,MAAOzB,EACP0C,cACAC,OAAQ,WACJ7E,MAKV8D,EAAAA,QAAAC,cAACe,EAAAA,YAAW,CAACC,EAAG,GACdjB,UAAAC,cAACiB,EAAIA,KAAA,CAACC,OAAO,QAAQC,IAAK,IAAKC,SAAS,UACtCrB,EAAAA,QAACC,cAAAqB,EAAAA,iBACCC,QAAS5C,EACT6C,WAAW,OACXC,cAAejE,EACfkE,YAAa9B,EACbrD,OAAQA,IAEVyD,EAAC,QAAAC,cAAAqB,EAAeA,gBACd,CAAAC,QAASzC,EACT0C,WAAW,SACXC,cAAenD,EAAaV,GAC5B8D,YAAa5B,EACbvD,OAAQA,IAEVyD,EAAC,QAAAC,cAAAqB,EAAeA,gBACd,CAAAC,QAASrC,EACTsC,WAAW,WACXC,cAAevD,EACfwD,YAAa3B,EACbxD,OAAQA"}

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"timeRange.component.js","sources":["../../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n  startTimePickerProps: TimePickerProps;\n  endTimePickerProps: TimePickerProps;\n  dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n  startTimePickerProps,\n  endTimePickerProps,\n  dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n  return (\n    <Flex>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n        -\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["_a","startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","__assign","Box","alignSelf","mx"],"mappings":"qXAUyB,SAACA,GACxB,IAAAC,yBACAC,EAAkBF,EAAAE,mBAClBC,EAAkBH,EAAAG,mBAElB,OACEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,EAAUA,WAAKC,EAAAA,SAAA,GAAAP,IAChBG,EAAAA,QAACE,cAAAG,MAAID,EAAAA,SAAA,CAAAE,UAAU,SAASC,GAAI,GAAOR,GAE7B,KACNC,EAAA,QAAAE,cAACC,aAAeC,EAAAA,SAAA,GAAAN"}

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

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

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}

package/build/components/Toast/useToast.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("../../node_modules/@chakra-ui/system/dist/chakra-ui-system.esm.js"),s=require("../../node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js"),r=require("../../node_modules/@chakra-ui/utils/dist/chakra-ui-utils.esm.js"),i=require("../../node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js"),n=require("./toast.utils.js"),a=require("../Alert/alert.component.js"),u=require("../../hooks/useTheme.js"),c=require("../../hocs/withDarkMode.js"),l=require("../../node_modules/@chakra-ui/toast/dist/chakra-ui-toast.esm.js");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var m=d(t),_=function(t){t.position,t.duration;var o=t.id;t.onCloseComplete,t.containerStyle;var s=e.__rest(t,["position","duration","id","onCloseComplete","containerStyle"]);return c.withDarkMode(m.createElement(a.Alert,e.__assign({id:o},s)),!0)},f={title:"",duration:5e3,position:"top"},h={theme:s.default,colorMode:"dark",toggleColorMode:r.noop,setColorMode:r.noop,defaultOptions:f};exports.useToast=function(t){var s=u.useTheme(),r=i.useLatestRef(t);return function(t){var s=void 0===t?h:t,r=s.theme,i=void 0===r?h.theme:r,a=s.defaultOptions,u=void 0===a?h.defaultOptions:a,c=function(t,s){return m.createElement(o.ThemeProvider,{theme:i},m.createElement(_,e.__assign({},t,s)))},d=function(t){var o=e.__assign(e.__assign({},u),t);return o.position=n.getToastPlacement(o.position,i.direction),l.toast.notify((function(e){return c(e,o)}),o)};return d.close=l.toast.close,d.closeAll=l.toast.closeAll,d.update=function(t,o){if(t){var s=e.__assign(e.__assign({},u),o);s.position=n.getToastPlacement(s.position,i.direction),l.toast.update(t,e.__assign(e.__assign({},s),{message:function(e){return c(e,s)}}))}},d.isActive=l.toast.isActive,d}({theme:s,defaultOptions:e.__assign(e.__assign({},f),r.current)})};
-//# sourceMappingURL=useToast.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ColorMode, ThemeProvider, useChakra } from '@chakra-ui/system';\nimport defaultTheme from '@chakra-ui/theme';\nimport { noop } from '@chakra-ui/utils';\nimport { useLatestRef } from '@chakra-ui/hooks';\nimport { CloseAllToastsOptions, RenderProps, toast, ToastOptions, ToastPositionWithLogical } from '@chakra-ui/react';\nimport { ToastId } from '@chakra-ui/toast/dist/declarations/src/toast.types';\nimport { getToastPlacement } from './toast.utils';\nimport { Alert, AlertProps } from '../Alert/alert.component';\nimport { WithoutLogicalPosition } from './toast.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { withDarkMode } from 'hocs/withDarkMode';\n\ninterface Toaster {\n  (options?: UseToastOptions | undefined): string | number | undefined;\n  close: (id: React.ReactText) => void;\n  closeAll: (options?: CloseAllToastsOptions | undefined) => void;\n  update(id: ToastId, options: Omit<UseToastOptions, 'id'>): void;\n  isActive: (id: React.ReactText) => boolean | undefined;\n}\n\nexport interface UseToastOptions extends Omit<AlertProps, 'id' | 'position'> {\n  /**\n   * The placement of the toast\n   *\n   * @default \"top\"\n   */\n  position?: ToastPositionWithLogical;\n  /**\n   * The delay before the toast hides (in milliseconds)\n   * If set to `null`, toast will never dismiss.\n   *\n   * @default 5000 ( = 5000ms )\n   */\n  duration?: ToastOptions['duration'];\n  /**\n   * The `id` of the toast.\n   *\n   * Mostly used when you need to prevent duplicate.\n   * By default, we generate a unique `id` for each toast\n   */\n  id?: ToastId;\n  /**\n   * Callback function to run side effects after the toast has closed.\n   */\n  onCloseComplete?: () => void;\n  /**\n   * Optional style overrides for the container wrapping the toast component.\n   */\n  containerStyle?: React.CSSProperties;\n}\n\ntype UseToastOptionsNormalized = WithoutLogicalPosition<UseToastOptions>;\n\nconst Toast: React.FC<UseToastOptions> = (props) => {\n  const { position, duration, id, onCloseComplete, containerStyle, ...rest } = props;\n\n  return withDarkMode(<Alert id={id as string | undefined} {...rest} />, true);\n};\n\nconst defaults: UseToastOptions = {\n  title: '',\n  duration: 5000,\n  position: 'top',\n};\n\ntype CreateStandAloneToastParam = Partial<\n  ReturnType<typeof useChakra> & {\n    setColorMode: (value: ColorMode) => void;\n    defaultOptions: UseToastOptions;\n  }\n>;\n\nconst defaultStandaloneParam: Required<CreateStandAloneToastParam> = {\n  theme: defaultTheme,\n  colorMode: 'dark',\n  toggleColorMode: noop,\n  setColorMode: noop,\n  defaultOptions: defaults,\n};\n/**\n * Create a toast from outside of React Components\n */\nconst createStandaloneToast = ({\n  theme = defaultStandaloneParam.theme,\n  defaultOptions = defaultStandaloneParam.defaultOptions,\n}: CreateStandAloneToastParam = defaultStandaloneParam): Toaster => {\n  const renderWithProviders = (\n    props: React.PropsWithChildren<RenderProps>,\n    options: UseToastOptionsNormalized,\n  ): JSX.Element => (\n    <ThemeProvider theme={theme}>\n      <Toast {...props} {...options} />\n    </ThemeProvider>\n  );\n\n  const toastImpl = (options?: UseToastOptions): ToastId | undefined => {\n    const opts = { ...defaultOptions, ...options } as UseToastOptionsNormalized;\n    opts.position = getToastPlacement(opts.position, theme.direction);\n\n    const Message: React.FC<RenderProps> = (props) => renderWithProviders(props, opts);\n\n    return toast.notify(Message, opts);\n  };\n\n  toastImpl.close = toast.close;\n  toastImpl.closeAll = toast.closeAll;\n\n  // toasts can only be updated if they have a valid id\n  toastImpl.update = (id: ToastId, options: Omit<UseToastOptions, 'id'>): void => {\n    if (!id) return;\n\n    const opts = { ...defaultOptions, ...options } as UseToastOptionsNormalized;\n    opts.position = getToastPlacement(opts.position, theme.direction);\n\n    toast.update(id, {\n      ...opts,\n      message: (props) => renderWithProviders(props, opts),\n    });\n  };\n\n  toastImpl.isActive = toast.isActive;\n\n  return toastImpl;\n};\n\n/**\n * React hook used to create a function that can be used\n * to show toasts in an application.\n */\n\nexport const useToast = (options?: UseToastOptions): Toaster => {\n  const theme = useTheme();\n  const toastOptions = useLatestRef(options);\n  const defaultOptions = { ...defaults, ...toastOptions.current };\n  return createStandaloneToast({ theme, defaultOptions });\n};\n"],"names":["Toast","props","position","duration","id","onCloseComplete","containerStyle","rest","__rest","withDarkMode","React","createElement","Alert","defaults","title","defaultStandaloneParam","theme","defaultTheme","colorMode","toggleColorMode","noop","setColorMode","defaultOptions","options","useTheme","toastOptions","useLatestRef","_a","_b","_c","_d","renderWithProviders","ThemeProvider","__assign","toastImpl","opts","getToastPlacement","direction","toast","notify","close","closeAll","update","message","isActive","createStandaloneToast","current"],"mappings":"+8BAsDMA,EAAmC,SAACC,GACqCA,EAAKC,SAALD,EAAnDE,SAAA,IAAEC,EAAiDH,EAA/CG,GAA+CH,EAAKI,gBAALJ,EAAKK,eAAd,IAAAC,EAASC,EAAAA,OAAAP,EAAvE,CAAA,WAAA,WAAA,KAAA,kBAAA,mBAEN,OAAOQ,eAAaC,EAACC,cAAAC,EAAKA,kBAACR,GAAIA,GAA8BG,KAAU,IAGnEM,EAA4B,CAChCC,MAAO,GACPX,SAAU,IACVD,SAAU,OAUNa,EAA+D,CACnEC,MAAOC,EAAY,QACnBC,UAAW,OACXC,gBAAiBC,EAAIA,KACrBC,aAAcD,EAAIA,KAClBE,eAAgBT,oBAqDM,SAACU,GACvB,IAAMP,EAAQQ,EAAAA,WACRC,EAAeC,eAAaH,GAElC,OApD4B,SAACI,GAAA,IAAAC,OAAA,IAAAD,EAGCZ,EAAsBY,EAFpDE,UAAAb,aAAQD,EAAuBC,MAAKa,EACpCC,mBAAAR,aAAiBP,EAAuBO,eAAcQ,EAEhDC,EAAsB,SAC1B9B,EACAsB,GACgB,OAChBb,EAACC,cAAAqB,EAAaA,cAAC,CAAAhB,MAAOA,GACpBN,EAACC,cAAAX,EAAUiC,WAAA,GAAAhC,EAAWsB,MAIpBW,EAAY,SAACX,GACjB,IAAMY,EAAOF,EAAAA,SAAAA,EAAAA,SAAA,GAAKX,GAAmBC,GAKrC,OAJAY,EAAKjC,SAAWkC,oBAAkBD,EAAKjC,SAAUc,EAAMqB,WAIhDC,QAAMC,QAF0B,SAACtC,GAAU,OAAA8B,EAAoB9B,EAAOkC,KAEhDA,IAqB/B,OAlBAD,EAAUM,MAAQF,EAAKA,MAACE,MACxBN,EAAUO,SAAWH,EAAKA,MAACG,SAG3BP,EAAUQ,OAAS,SAACtC,EAAamB,GAC/B,GAAKnB,EAAL,CAEA,IAAM+B,EAAOF,EAAAA,SAAAA,EAAAA,SAAA,GAAKX,GAAmBC,GACrCY,EAAKjC,SAAWkC,oBAAkBD,EAAKjC,SAAUc,EAAMqB,WAEvDC,EAAKA,MAACI,OAAOtC,2BACR+B,GAAI,CACPQ,QAAS,SAAC1C,GAAU,OAAA8B,EAAoB9B,EAAOkC,SAInDD,EAAUU,SAAWN,EAAKA,MAACM,SAEpBV,EAYAW,CAAsB,CAAE7B,MAAKA,EAAEM,wCADVT,GAAaY,EAAaqB"}

package/build/components/Tooltip/components/Tooltip/index.js

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

package/build/components/Tooltip/tooltip.component.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("react"),t=require("../../hooks/useTheme.js"),r=require("../../hooks/useAdaptiveColor.js"),l=require("../../utils/strings.js"),i=require("../../node_modules/@chakra-ui/tooltip/dist/chakra-ui-tooltip.esm.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(o);exports.Tooltip=function(o){var s=o.children,u=o.label,n=o.openDelay,p=void 0===n?350:n,d=o.placement,c=void 0===d?"top":d,b=o.titleCaseLabel,m=void 0===b||b,h=e.__rest(o,["children","label","openDelay","placement","titleCaseLabel"]),v=t.useTheme().components,_=r.useAdaptiveColor(v.Tooltip.color),f=m?l.toTitleCase(u.toLowerCase()):u;return a.default.createElement(i.Tooltip,e.__assign({hasArrow:!0,arrowSize:10,label:f,bg:_,openDelay:p,placement:c},h),s)};
-//# sourceMappingURL=tooltip.component.js.map

package/build/components/Tooltip/tooltip.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.component.js","sources":["../../../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip as CTooltip, TooltipProps as CTooltipProps, PlacementWithLogical } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { toTitleCase } from 'utils/strings';\n\nexport interface TooltipProps extends CTooltipProps {\n  label: string;\n  placement?: PlacementWithLogical;\n  titleCaseLabel?: boolean;\n}\n\nexport const Tooltip = ({\n  children,\n  label,\n  openDelay = 350,\n  placement = 'top',\n  titleCaseLabel = true,\n  ...rest\n}: TooltipProps): JSX.Element => {\n  const { components } = useTheme();\n  const bg = useAdaptiveColor(components.Tooltip.color);\n\n  const l = titleCaseLabel ? toTitleCase(label.toLowerCase()) : label;\n\n  return (\n    <CTooltip hasArrow arrowSize={10} label={l} bg={bg} openDelay={openDelay} placement={placement} {...rest}>\n      {children}\n    </CTooltip>\n  );\n};\n"],"names":["_a","children","label","_b","openDelay","_c","placement","_d","titleCaseLabel","rest","__rest","components","useTheme","bg","useAdaptiveColor","Tooltip","color","l","toTitleCase","toLowerCase","React","createElement","CTooltip","__assign","hasArrow","arrowSize"],"mappings":"wbAYuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAAeH,EAAAI,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAiBL,EAAAM,UAAjBA,OAAS,IAAAD,EAAG,MAAKA,EACjBE,EAAAP,EAAAQ,eAAAA,OAAiB,IAAAD,GAAIA,EAClBE,EAAIC,EAAAA,OAAAV,EANe,+DAQdW,EAAeC,wBACjBC,EAAKC,EAAgBA,iBAACH,EAAWI,QAAQC,OAEzCC,EAAIT,EAAiBU,EAAWA,YAAChB,EAAMiB,eAAiBjB,EAE9D,OACEkB,EAAA,QAAAC,cAACC,EAAAA,QAAQC,EAAAA,SAAA,CAACC,UAAQ,EAACC,UAAW,GAAIvB,MAAOe,EAAGJ,GAAIA,EAAIT,UAAWA,EAAWE,UAAWA,GAAeG,GACjGR"}

package/build/components/Tooltip/tooltip.config.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),t={color:{light:o.semanticColors.background.dark,dark:o.semanticColors.background.light},baseStyle:{zIndex:"tooltipExtra"}};exports.TooltipConfig=t,exports.TooltipGlobalStyle={"[id^=tooltip]":{padding:"4px 8px 4px 8px !important",borderRadius:"4px !important"}};
-//# sourceMappingURL=tooltip.config.js.map