@televet/kibble-ui 2.1.5 → 2.1.7-beta.86drdrtzn.1

package/build/{textarea.component-3023feaa.js.map → textarea.component-6e19696c.js.map}

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

package/build/textarea.component-c02b3c1b.js

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

package/build/textarea.component-c02b3c1b.js.map

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

package/build/timePicker.component-bb27b9f0.js

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

package/build/timePicker.component-bb27b9f0.js.map

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

package/build/timePicker.component-d50e6b00.js

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

package/build/timePicker.component-d50e6b00.js.map

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

package/build/{timeRange.component-1e47602b.js → timeRange.component-4c3718fc.js}

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

package/build/{timeRange.component-1e47602b.js.map → timeRange.component-4c3718fc.js.map}

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

package/build/timeRange.component-e8a0f2a6.js

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

package/build/timeRange.component-e8a0f2a6.js.map

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

package/build/{useToast-48958846.js → useToast-3e5917e9.js}

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