@televet/kibble-ui 1.20.4 → 1.20.5

package/build/{timePicker.component-7f472e6c.js → timePicker.component-ab7cf269.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./icon.component-3b012e4e.js"),n=require("./popover.component-929ab810.js"),u=require("./index-fee8538e.js"),o=require("./textInput.component-51fc76e2.js"),a=require("./chakra-ui-layout.esm-493ee04b.js"),i=require("./useTheme-d7d8c3f5.js"),l=require("./useIconTextSizeMap-b81a72a5.js"),c=require("./chakra-ui-hooks.esm-c49383b7.js"),s=require("./chakra-ui-popover.esm-8a057795.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m,f=d(t),p=function(t){var r=e.__rest(t,[]);return f.default.createElement(a.Flex,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},r.children)},v=function(e){var r=e.value,n=e.innerRef,u=e.isSelected,o=e.handleClick,l=i.useTheme(),c=l.colors,s=l.fontSizes,d=l.radii,m=t.useCallback((function(e){var t=e.currentTarget.textContent||"";o(t)}),[o]);return f.default.createElement(a.Box,{ref:n,onClick:m,background:u?c.background.brand:c.white,color:u?c.text.dark.default:c.text.light.subtle,fontSize:s.sm,textAlign:"center",px:3,py:1,w:"100%",borderRadius:d.md,cursor:"pointer",_hover:{background:u?c.background.brand:c.background.hover}},r)};exports.Meridiem=void 0,(m=exports.Meridiem||(exports.Meridiem={})).AM="AM",m.PM="PM";exports.TimePicker=function(i){var d=i.initialTime,m=i.minuteInterval,b=void 0===m?5:m,x=i.inputProps,M=i.placement,k=i.onTimeChange,h=c.useDisclosure(),g=h.isOpen,E=h.onOpen,S=h.onClose,C=t.useMemo((function(){return new Date(d)}),[d]),_=e.__read(t.useState(d),2),j=_[0],q=_[1],w=t.useMemo((function(){var e=C.getHours(),t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[C]),P=e.__read(t.useState(w),2),T=P[0],y=P[1],I=e.__read(t.useState(C.getMinutes().toString()),2),R=I[0],z=I[1],A=e.__read(t.useState(C.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),2),O=A[0],D=A[1],N=t.useRef(null),B=t.useRef(null);t.useEffect((function(){g&&(N.current&&N.current.scrollIntoView(),B.current&&B.current.scrollIntoView())}),[g]);var H=t.useMemo((function(){return u.format(j,"h:mm aa")}),[j]),F=function(e){var t=e.toString();return 1===t.length?"0".concat(t):t},V=t.useMemo((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),W=t.useMemo((function(){for(var e=[],t=0;t<60;t+=b)e.push(t);return e.map(F)}),[b]),Y=[exports.Meridiem.AM,exports.Meridiem.PM],G=t.useCallback((function(e,t,r){var n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);var u=Number(e)+n,o=(new Date).setHours(u,Number(t),0,0),a=new Date(o);q(a),k&&k(a)}),[k]),J=t.useCallback((function(e){y(e),G(e,R,O)}),[G,O,R]),K=t.useCallback((function(e){z(e),G(T,e,O)}),[G,T,O]),L=t.useCallback((function(e){D(e),G(T,R,e)}),[G,T,R]);return f.default.createElement(n.Popover,{isOpen:g,onOpen:E,onClose:S,placement:M,contentProps:{width:"max-content"},popoverTrigger:f.default.createElement(a.Box,null,f.default.createElement(o.WrappedTextInput,e.__assign({rightElement:f.default.createElement(r.Icon,{size:l.useIconTextSizeMap((null==x?void 0:x.size)||"md"),name:"clock"}),value:H,isReadOnly:!0,cursor:"pointer"},x)))},f.default.createElement(s.PopoverBody,{p:3},f.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},f.default.createElement(p,null,V.map((function(e){return f.default.createElement(v,{key:"hour-option-".concat(e),innerRef:e===T?N:null,value:e,isSelected:e===T,handleClick:J})}))),f.default.createElement(p,null,W.map((function(e){return f.default.createElement(v,{key:"minute-option-".concat(e),innerRef:e===F(R)?B:null,value:e,isSelected:e===F(R),handleClick:K})}))),f.default.createElement(p,null,Y.map((function(e){return f.default.createElement(v,{key:"meridian-option-".concat(e),value:e,isSelected:e===O,handleClick:L})}))))))};
-//# sourceMappingURL=timePicker.component-7f472e6c.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./icon.component-3b012e4e.js"),n=require("./popover.component-35b520f6.js"),u=require("./index-fee8538e.js"),o=require("./textInput.component-4214ab50.js"),a=require("./chakra-ui-layout.esm-493ee04b.js"),i=require("./useTheme-d7d8c3f5.js"),l=require("./useIconTextSizeMap-b81a72a5.js"),c=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),s=require("./chakra-ui-popover.esm-af9721a4.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m,f=d(t),p=function(t){var r=e.__rest(t,[]);return f.default.createElement(a.Flex,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},r.children)},v=function(e){var r=e.value,n=e.innerRef,u=e.isSelected,o=e.handleClick,l=i.useTheme(),c=l.colors,s=l.fontSizes,d=l.radii,m=t.useCallback((function(e){var t=e.currentTarget.textContent||"";o(t)}),[o]);return f.default.createElement(a.Box,{ref:n,onClick:m,background:u?c.background.brand:c.white,color:u?c.text.dark.default:c.text.light.subtle,fontSize:s.sm,textAlign:"center",px:3,py:1,w:"100%",borderRadius:d.md,cursor:"pointer",_hover:{background:u?c.background.brand:c.background.hover}},r)};exports.Meridiem=void 0,(m=exports.Meridiem||(exports.Meridiem={})).AM="AM",m.PM="PM";exports.TimePicker=function(i){var d=i.initialTime,m=i.minuteInterval,b=void 0===m?5:m,x=i.inputProps,M=i.placement,k=i.onTimeChange,h=c.useDisclosure(),g=h.isOpen,E=h.onOpen,S=h.onClose,C=t.useMemo((function(){return new Date(d)}),[d]),_=e.__read(t.useState(d),2),j=_[0],q=_[1],w=t.useMemo((function(){var e=C.getHours(),t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[C]),P=e.__read(t.useState(w),2),T=P[0],y=P[1],I=e.__read(t.useState(C.getMinutes().toString()),2),R=I[0],z=I[1],A=e.__read(t.useState(C.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),2),O=A[0],D=A[1],N=t.useRef(null),B=t.useRef(null);t.useEffect((function(){g&&(N.current&&N.current.scrollIntoView(),B.current&&B.current.scrollIntoView())}),[g]);var H=t.useMemo((function(){return u.format(j,"h:mm aa")}),[j]),F=function(e){var t=e.toString();return 1===t.length?"0".concat(t):t},V=t.useMemo((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),W=t.useMemo((function(){for(var e=[],t=0;t<60;t+=b)e.push(t);return e.map(F)}),[b]),Y=[exports.Meridiem.AM,exports.Meridiem.PM],G=t.useCallback((function(e,t,r){var n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);var u=Number(e)+n,o=(new Date).setHours(u,Number(t),0,0),a=new Date(o);q(a),k&&k(a)}),[k]),J=t.useCallback((function(e){y(e),G(e,R,O)}),[G,O,R]),K=t.useCallback((function(e){z(e),G(T,e,O)}),[G,T,O]),L=t.useCallback((function(e){D(e),G(T,R,e)}),[G,T,R]);return f.default.createElement(n.Popover,{isOpen:g,onOpen:E,onClose:S,placement:M,contentProps:{width:"max-content"},popoverTrigger:f.default.createElement(a.Box,null,f.default.createElement(o.WrappedTextInput,e.__assign({rightElement:f.default.createElement(r.Icon,{size:l.useIconTextSizeMap((null==x?void 0:x.size)||"md"),name:"clock"}),value:H,isReadOnly:!0,cursor:"pointer"},x)))},f.default.createElement(s.PopoverBody,{p:3},f.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},f.default.createElement(p,null,V.map((function(e){return f.default.createElement(v,{key:"hour-option-".concat(e),innerRef:e===T?N:null,value:e,isSelected:e===T,handleClick:J})}))),f.default.createElement(p,null,W.map((function(e){return f.default.createElement(v,{key:"minute-option-".concat(e),innerRef:e===F(R)?B:null,value:e,isSelected:e===F(R),handleClick:K})}))),f.default.createElement(p,null,Y.map((function(e){return f.default.createElement(v,{key:"meridian-option-".concat(e),value:e,isSelected:e===O,handleClick:L})}))))))};
+//# sourceMappingURL=timePicker.component-ab7cf269.js.map

package/build/{timePicker.component-7f472e6c.js.map → timePicker.component-ab7cf269.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timePicker.component-7f472e6c.js","sources":["../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport const ScrollContainer = ({ ...props }): JSX.Element => {\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {props.children}\n    </Flex>\n  );\n};\n","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      w=\"100%\"\n      borderRadius={radii.md}\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? colors.background.brand : colors.background.hover,\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useCallback, useEffect, useMemo, useRef, 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 { TimeOption } from './components/timeOption.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 hourRef = useRef<HTMLDivElement>(null);\n  const minuteRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      if (hourRef.current) {\n        hourRef.current.scrollIntoView();\n      }\n      if (minuteRef.current) {\n        minuteRef.current.scrollIntoView();\n      }\n    }\n  }, [isOpen]);\n\n  const formattedTime = useMemo(() => {\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour: string, minute: string, meridiem: string) => {\n      let meridiemAdjustment = 0;\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (meridiem === Meridiem.PM && Number(hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (meridiem === Meridiem.AM && Number(hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      popoverTrigger={\n        <Box>\n          <TextInput\n            rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <PopoverBody p={3}>\n        <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n          <ScrollContainer>\n            {hourOptions.map((hour) => {\n              return (\n                <TimeOption\n                  key={`hour-option-${hour}`}\n                  innerRef={hour === selectedHour ? hourRef : null}\n                  value={hour}\n                  isSelected={hour === selectedHour}\n                  handleClick={handleHourClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {minuteOptions.map((minute) => {\n              return (\n                <TimeOption\n                  key={`minute-option-${minute}`}\n                  innerRef={minute === formatNumber(selectedMinute) ? minuteRef : null}\n                  value={minute}\n                  isSelected={minute === formatNumber(selectedMinute)}\n                  handleClick={handleMinuteClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {meridiemOptions.map((meridiem) => {\n              return (\n                <TimeOption\n                  key={`meridian-option-${meridiem}`}\n                  value={meridiem}\n                  isSelected={meridiem === selectedMeridiem}\n                  handleClick={handleMeridiemClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\n"],"names":["Meridiem","ScrollContainer","_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children","TimeOption","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","w","borderRadius","md","cursor","_hover","hover","initialTime","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","PM","AM","selectedMeridiem","setSelectedMeridiem","hourRef","useRef","minuteRef","useEffect","current","scrollIntoView","formattedTime","format","formatNumber","number","formattedValue","length","concat","hourOptions","map","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","popoverTrigger","TextInput","WrappedTextInput","__assign","rightElement","Icon","size","useIconTextSizeMap","name","isReadOnly","PopoverBody","p","height","overflow","key"],"mappings":"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"}
+{"version":3,"file":"timePicker.component-ab7cf269.js","sources":["../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport const ScrollContainer = ({ ...props }): JSX.Element => {\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {props.children}\n    </Flex>\n  );\n};\n","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      w=\"100%\"\n      borderRadius={radii.md}\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? colors.background.brand : colors.background.hover,\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useCallback, useEffect, useMemo, useRef, 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 { TimeOption } from './components/timeOption.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 hourRef = useRef<HTMLDivElement>(null);\n  const minuteRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      if (hourRef.current) {\n        hourRef.current.scrollIntoView();\n      }\n      if (minuteRef.current) {\n        minuteRef.current.scrollIntoView();\n      }\n    }\n  }, [isOpen]);\n\n  const formattedTime = useMemo(() => {\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour: string, minute: string, meridiem: string) => {\n      let meridiemAdjustment = 0;\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (meridiem === Meridiem.PM && Number(hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (meridiem === Meridiem.AM && Number(hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      popoverTrigger={\n        <Box>\n          <TextInput\n            rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <PopoverBody p={3}>\n        <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n          <ScrollContainer>\n            {hourOptions.map((hour) => {\n              return (\n                <TimeOption\n                  key={`hour-option-${hour}`}\n                  innerRef={hour === selectedHour ? hourRef : null}\n                  value={hour}\n                  isSelected={hour === selectedHour}\n                  handleClick={handleHourClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {minuteOptions.map((minute) => {\n              return (\n                <TimeOption\n                  key={`minute-option-${minute}`}\n                  innerRef={minute === formatNumber(selectedMinute) ? minuteRef : null}\n                  value={minute}\n                  isSelected={minute === formatNumber(selectedMinute)}\n                  handleClick={handleMinuteClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n          <ScrollContainer>\n            {meridiemOptions.map((meridiem) => {\n              return (\n                <TimeOption\n                  key={`meridian-option-${meridiem}`}\n                  value={meridiem}\n                  isSelected={meridiem === selectedMeridiem}\n                  handleClick={handleMeridiemClick}\n                />\n              );\n            })}\n          </ScrollContainer>\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\n"],"names":["Meridiem","ScrollContainer","_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children","TimeOption","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","w","borderRadius","md","cursor","_hover","hover","initialTime","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","PM","AM","selectedMeridiem","setSelectedMeridiem","hourRef","useRef","minuteRef","useEffect","current","scrollIntoView","formattedTime","format","formatNumber","number","formattedValue","length","concat","hourOptions","map","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","popoverTrigger","TextInput","WrappedTextInput","__assign","rightElement","Icon","size","useIconTextSizeMap","name","isReadOnly","PopoverBody","p","height","overflow","key"],"mappings":"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"}

package/build/{timeRange.component-24ea59a0.js → timeRange.component-f5fea5f6.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./timePicker.component-7f472e6c.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.TimeRange=function(r){var i=r.startTimePickerProps,s=r.endTimePickerProps,c=r.dashContainerProps;return n.default.createElement(a.Flex,null,n.default.createElement(t.TimePicker,e.__assign({},i)),n.default.createElement(a.Box,e.__assign({alignSelf:"center",mx:1},c),"-"),n.default.createElement(t.TimePicker,e.__assign({},s)))};
-//# sourceMappingURL=timeRange.component-24ea59a0.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./timePicker.component-ab7cf269.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.TimeRange=function(r){var i=r.startTimePickerProps,s=r.endTimePickerProps,c=r.dashContainerProps;return n.default.createElement(a.Flex,null,n.default.createElement(t.TimePicker,e.__assign({},i)),n.default.createElement(a.Box,e.__assign({alignSelf:"center",mx:1},c),"-"),n.default.createElement(t.TimePicker,e.__assign({},s)))};
+//# sourceMappingURL=timeRange.component-f5fea5f6.js.map

package/build/{timeRange.component-24ea59a0.js.map → timeRange.component-f5fea5f6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-24ea59a0.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":"8QAUyB,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"}
+{"version":3,"file":"timeRange.component-f5fea5f6.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":"8QAUyB,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/tooltip.component-25303330.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./useTheme-d7d8c3f5.js"),n=require("./useAdaptiveColor-bd61f863.js"),a=require("./strings-03c30366.js"),t=require("./chakra-ui-popper.esm-78790840.js"),i=require("./chakra-ui-portal.esm-72927bd9.js"),l=require("./chakra-ui-system.esm-b563b97d.js"),s=require("./chakra-ui-visually-hidden.esm-3406a7fd.js"),c=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),u=require("./motion-1db106fa.js"),d=require("./index-5c563615.js"),p=require("./use-animation-state-5054a9f7.esm-ad9a45c2.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),r.default=e,Object.freeze(r)}var m=g(r),v=f(r);function b(){return b=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},b.apply(this,arguments)}function h(e,r){if(null==e)return{};var o,n,a={},t=Object.keys(e);for(n=0;n<t.length;n++)o=t[n],r.indexOf(o)>=0||(a[o]=e[o]);return a}var w={exit:{scale:.85,opacity:0,transition:{opacity:{duration:.15,easings:"easeInOut"},scale:{duration:.2,easings:"easeInOut"}}},enter:{scale:1,opacity:1,transition:{opacity:{easings:"easeOut",duration:.2},scale:{duration:.2,ease:[.175,.885,.4,1.1]}}}},O=["openDelay","closeDelay","closeOnClick","closeOnMouseDown","closeOnEsc","onOpen","onClose","placement","id","isOpen","defaultIsOpen","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction"];var k=["children","label","shouldWrapChildren","aria-label","hasArrow","bg","portalProps","background","backgroundColor","bgColor"],C=l.chakra(u.motion.div),y=l.forwardRef((function(e,r){var o,n,a=l.useStyleConfig("Tooltip",e),u=l.omitThemingProps(e),f=l.useTheme(),g=u.children,v=u.label,y=u.shouldWrapChildren,P=u["aria-label"],E=u.hasArrow,j=u.bg,T=u.portalProps,_=u.background,D=u.backgroundColor,A=u.bgColor,q=h(u,k),x=null!=(o=null!=(n=null!=_?_:D)?n:j)?o:A;x&&(a.bg=x,a[t.cssVars.arrowBg.var]=l.getCSSVar(f,"colors",x));var I,S=function(e){void 0===e&&(e={});var r=e,o=r.openDelay,n=void 0===o?0:o,a=r.closeDelay,i=void 0===a?0:a,s=r.closeOnClick,u=void 0===s||s,d=r.closeOnMouseDown,f=r.closeOnEsc,g=void 0===f||f,v=r.onOpen,w=r.onClose,k=r.placement,C=r.id,y=r.isOpen,P=r.defaultIsOpen,E=r.arrowSize,j=void 0===E?10:E,T=r.arrowShadowColor,_=r.arrowPadding,D=r.modifiers,A=r.isDisabled,q=r.gutter,x=r.offset,I=r.direction,S=h(r,O),z=c.useDisclosure({isOpen:y,defaultIsOpen:P,onOpen:v,onClose:w}),M=z.isOpen,R=z.onOpen,V=z.onClose,H=t.usePopper({enabled:M,placement:k,arrowPadding:_,modifiers:D,gutter:q,offset:x,direction:I}),L=H.referenceRef,F=H.getPopperProps,B=H.getArrowInnerProps,N=H.getArrowProps,W=c.useId(C,"tooltip"),G=m.useRef(null),J=m.useRef(),K=m.useRef(),Q=m.useCallback((function(){A||(J.current=window.setTimeout(R,n))}),[A,R,n]),U=m.useCallback((function(){J.current&&clearTimeout(J.current),K.current=window.setTimeout(V,i)}),[i,V]),X=m.useCallback((function(){u&&U()}),[u,U]),Y=m.useCallback((function(){d&&U()}),[d,U]),Z=m.useCallback((function(e){M&&"Escape"===e.key&&U()}),[M,U]);p.useEventListener("keydown",g?Z:void 0),m.useEffect((function(){return function(){clearTimeout(J.current),clearTimeout(K.current)}}),[]),p.useEventListener("mouseleave",U,(function(){return G.current}));var $=m.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),b({},e,{ref:l.mergeRefs(G,r,L),onMouseEnter:l.callAllHandlers(e.onMouseEnter,Q),onClick:l.callAllHandlers(e.onClick,X),onMouseDown:l.callAllHandlers(e.onMouseDown,Y),onFocus:l.callAllHandlers(e.onFocus,Q),onBlur:l.callAllHandlers(e.onBlur,U),"aria-describedby":M?W:void 0})}),[Q,U,Y,M,W,X,L]),ee=m.useCallback((function(e,r){var o;return void 0===e&&(e={}),void 0===r&&(r=null),F(b({},e,{style:b({},e.style,(o={},o[t.cssVars.arrowSize.var]=j?l.px(j):void 0,o[t.cssVars.arrowShadowColor.var]=T,o))}),r)}),[F,j,T]),re=m.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),b({ref:r},S,e,{id:W,role:"tooltip",style:b({},e.style,{position:"relative",transformOrigin:t.cssVars.transformOrigin.varRef})})}),[S,W]);return{isOpen:M,show:Q,hide:U,getTriggerProps:$,getTooltipProps:re,getTooltipPositionerProps:ee,getArrowProps:N,getArrowInnerProps:B}}(b({},q,{direction:f.direction}));if(l.isString(g)||y)I=m.createElement(l.chakra.span,b({tabIndex:0},S.getTriggerProps()),g);else{var z=m.Children.only(g);I=m.cloneElement(z,S.getTriggerProps(z.props,z.ref))}var M=!!P,R=S.getTooltipProps({},r),V=M?l.omit(R,["role","id"]):R,H=l.pick(R,["role","id"]);return v?m.createElement(m.Fragment,null,I,m.createElement(d.AnimatePresence,null,S.isOpen&&m.createElement(i.Portal,T,m.createElement(l.chakra.div,b({},S.getTooltipPositionerProps(),{__css:{zIndex:a.zIndex,pointerEvents:"none"}}),m.createElement(C,b({variants:w},V,{initial:"exit",animate:"enter",exit:"exit",__css:a}),v,M&&m.createElement(s.VisuallyHidden,H,P),E&&m.createElement(l.chakra.div,{"data-popper-arrow":!0,className:"chakra-tooltip__arrow-wrapper"},m.createElement(l.chakra.div,{"data-popper-arrow-inner":!0,className:"chakra-tooltip__arrow",__css:{bg:a.bg}}))))))):m.createElement(m.Fragment,null,g)}));l.__DEV__&&(y.displayName="Tooltip");exports.Tooltip=function(r){var t=r.children,i=r.label,l=r.openDelay,s=void 0===l?350:l,c=r.placement,u=void 0===c?"top":c,d=r.titleCaseLabel,p=void 0===d||d,f=e.__rest(r,["children","label","openDelay","placement","titleCaseLabel"]),g=o.useTheme().components,m=n.useAdaptiveColor(g.Tooltip.color),b=p?a.toTitleCase(i.toLowerCase()):i;return v.default.createElement(y,e.__assign({hasArrow:!0,arrowSize:10,label:b,bg:m,openDelay:s,placement:u},f),t)};
+//# sourceMappingURL=tooltip.component-25303330.js.map

package/build/{tooltip.component-fb511c83.js.map → tooltip.component-25303330.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component-fb511c83.js","sources":["../node_modules/@chakra-ui/tooltip/dist/chakra-ui-tooltip.esm.js","../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import { usePopper, popperCSSVars } from '@chakra-ui/popper';\nimport { Portal } from '@chakra-ui/portal';\nimport { chakra, forwardRef, useStyleConfig, omitThemingProps, useTheme } from '@chakra-ui/system';\nimport { callAllHandlers, px, getCSSVar, isString, omit, pick, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport * as React from 'react';\nimport { useDisclosure, useId, useEventListener } from '@chakra-ui/hooks';\nimport { mergeRefs } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar scale = {\n  exit: {\n    scale: 0.85,\n    opacity: 0,\n    transition: {\n      opacity: {\n        duration: 0.15,\n        easings: \"easeInOut\"\n      },\n      scale: {\n        duration: 0.2,\n        easings: \"easeInOut\"\n      }\n    }\n  },\n  enter: {\n    scale: 1,\n    opacity: 1,\n    transition: {\n      opacity: {\n        easings: \"easeOut\",\n        duration: 0.2\n      },\n      scale: {\n        duration: 0.2,\n        ease: [0.175, 0.885, 0.4, 1.1]\n      }\n    }\n  }\n};\n\nvar _excluded$1 = [\"openDelay\", \"closeDelay\", \"closeOnClick\", \"closeOnMouseDown\", \"closeOnEsc\", \"onOpen\", \"onClose\", \"placement\", \"id\", \"isOpen\", \"defaultIsOpen\", \"arrowSize\", \"arrowShadowColor\", \"arrowPadding\", \"modifiers\", \"isDisabled\", \"gutter\", \"offset\", \"direction\"];\nfunction useTooltip(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      _props$openDelay = _props.openDelay,\n      openDelay = _props$openDelay === void 0 ? 0 : _props$openDelay,\n      _props$closeDelay = _props.closeDelay,\n      closeDelay = _props$closeDelay === void 0 ? 0 : _props$closeDelay,\n      _props$closeOnClick = _props.closeOnClick,\n      closeOnClick = _props$closeOnClick === void 0 ? true : _props$closeOnClick,\n      closeOnMouseDown = _props.closeOnMouseDown,\n      _props$closeOnEsc = _props.closeOnEsc,\n      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,\n      onOpenProp = _props.onOpen,\n      onCloseProp = _props.onClose,\n      placement = _props.placement,\n      id = _props.id,\n      isOpenProp = _props.isOpen,\n      defaultIsOpen = _props.defaultIsOpen,\n      _props$arrowSize = _props.arrowSize,\n      arrowSize = _props$arrowSize === void 0 ? 10 : _props$arrowSize,\n      arrowShadowColor = _props.arrowShadowColor,\n      arrowPadding = _props.arrowPadding,\n      modifiers = _props.modifiers,\n      isDisabled = _props.isDisabled,\n      gutter = _props.gutter,\n      offset = _props.offset,\n      direction = _props.direction,\n      htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var _useDisclosure = useDisclosure({\n    isOpen: isOpenProp,\n    defaultIsOpen: defaultIsOpen,\n    onOpen: onOpenProp,\n    onClose: onCloseProp\n  }),\n      isOpen = _useDisclosure.isOpen,\n      onOpen = _useDisclosure.onOpen,\n      onClose = _useDisclosure.onClose;\n\n  var _usePopper = usePopper({\n    enabled: isOpen,\n    placement: placement,\n    arrowPadding: arrowPadding,\n    modifiers: modifiers,\n    gutter: gutter,\n    offset: offset,\n    direction: direction\n  }),\n      referenceRef = _usePopper.referenceRef,\n      getPopperProps = _usePopper.getPopperProps,\n      getArrowInnerProps = _usePopper.getArrowInnerProps,\n      getArrowProps = _usePopper.getArrowProps;\n\n  var tooltipId = useId(id, \"tooltip\");\n  var ref = React.useRef(null);\n  var enterTimeout = React.useRef();\n  var exitTimeout = React.useRef();\n  var openWithDelay = React.useCallback(function () {\n    if (!isDisabled) {\n      enterTimeout.current = window.setTimeout(onOpen, openDelay);\n    }\n  }, [isDisabled, onOpen, openDelay]);\n  var closeWithDelay = React.useCallback(function () {\n    if (enterTimeout.current) {\n      clearTimeout(enterTimeout.current);\n    }\n\n    exitTimeout.current = window.setTimeout(onClose, closeDelay);\n  }, [closeDelay, onClose]);\n  var onClick = React.useCallback(function () {\n    if (closeOnClick) {\n      closeWithDelay();\n    }\n  }, [closeOnClick, closeWithDelay]);\n  var onMouseDown = React.useCallback(function () {\n    if (closeOnMouseDown) {\n      closeWithDelay();\n    }\n  }, [closeOnMouseDown, closeWithDelay]);\n  var onKeyDown = React.useCallback(function (event) {\n    if (isOpen && event.key === \"Escape\") {\n      closeWithDelay();\n    }\n  }, [isOpen, closeWithDelay]);\n  useEventListener(\"keydown\", closeOnEsc ? onKeyDown : undefined);\n  React.useEffect(function () {\n    return function () {\n      clearTimeout(enterTimeout.current);\n      clearTimeout(exitTimeout.current);\n    };\n  }, []);\n  /**\n   * This allows for catching mouseleave events when the tooltip\n   * trigger is disabled. There's currently a known issue in\n   * React regarding the onMouseLeave polyfill.\n   * @see https://github.com/facebook/react/issues/11972\n   */\n\n  useEventListener(\"mouseleave\", closeWithDelay, function () {\n    return ref.current;\n  });\n  var getTriggerProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var triggerProps = _extends({}, props, {\n      ref: mergeRefs(ref, _ref, referenceRef),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, openWithDelay),\n      onClick: callAllHandlers(props.onClick, onClick),\n      onMouseDown: callAllHandlers(props.onMouseDown, onMouseDown),\n      onFocus: callAllHandlers(props.onFocus, openWithDelay),\n      onBlur: callAllHandlers(props.onBlur, closeWithDelay),\n      \"aria-describedby\": isOpen ? tooltipId : undefined\n    });\n\n    return triggerProps;\n  }, [openWithDelay, closeWithDelay, onMouseDown, isOpen, tooltipId, onClick, referenceRef]);\n  var getTooltipPositionerProps = React.useCallback(function (props, forwardedRef) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return getPopperProps(_extends({}, props, {\n      style: _extends({}, props.style, (_extends2 = {}, _extends2[popperCSSVars.arrowSize[\"var\"]] = arrowSize ? px(arrowSize) : undefined, _extends2[popperCSSVars.arrowShadowColor[\"var\"]] = arrowShadowColor, _extends2))\n    }), forwardedRef);\n  }, [getPopperProps, arrowSize, arrowShadowColor]);\n  var getTooltipProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var tooltipProps = _extends({\n      ref: _ref\n    }, htmlProps, props, {\n      id: tooltipId,\n      role: \"tooltip\",\n      style: _extends({}, props.style, {\n        position: \"relative\",\n        transformOrigin: popperCSSVars.transformOrigin.varRef\n      })\n    });\n\n    return tooltipProps;\n  }, [htmlProps, tooltipId]);\n  return {\n    isOpen: isOpen,\n    show: openWithDelay,\n    hide: closeWithDelay,\n    getTriggerProps: getTriggerProps,\n    getTooltipProps: getTooltipProps,\n    getTooltipPositionerProps: getTooltipPositionerProps,\n    getArrowProps: getArrowProps,\n    getArrowInnerProps: getArrowInnerProps\n  };\n}\n\nvar _excluded = [\"children\", \"label\", \"shouldWrapChildren\", \"aria-label\", \"hasArrow\", \"bg\", \"portalProps\", \"background\", \"backgroundColor\", \"bgColor\"];\nvar StyledTooltip = chakra(motion.div);\n/**\n * Tooltips display informative text when users hover, focus on, or tap an element.\n *\n * @see Docs     https://chakra-ui.com/docs/overlay/tooltip\n * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices/#tooltip\n */\n\nvar Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _ref, _ref2;\n\n  var styles = useStyleConfig(\"Tooltip\", props);\n  var ownProps = omitThemingProps(props);\n  var theme = useTheme();\n\n  var children = ownProps.children,\n      label = ownProps.label,\n      shouldWrapChildren = ownProps.shouldWrapChildren,\n      ariaLabel = ownProps[\"aria-label\"],\n      hasArrow = ownProps.hasArrow,\n      bg = ownProps.bg,\n      portalProps = ownProps.portalProps,\n      background = ownProps.background,\n      backgroundColor = ownProps.backgroundColor,\n      bgColor = ownProps.bgColor,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var userDefinedBg = (_ref = (_ref2 = background != null ? background : backgroundColor) != null ? _ref2 : bg) != null ? _ref : bgColor;\n\n  if (userDefinedBg) {\n    styles.bg = userDefinedBg;\n    styles[popperCSSVars.arrowBg[\"var\"]] = getCSSVar(theme, \"colors\", userDefinedBg);\n  }\n\n  var tooltip = useTooltip(_extends({}, rest, {\n    direction: theme.direction\n  }));\n  var shouldWrap = isString(children) || shouldWrapChildren;\n  var trigger;\n\n  if (shouldWrap) {\n    trigger = /*#__PURE__*/React.createElement(chakra.span, _extends({\n      tabIndex: 0\n    }, tooltip.getTriggerProps()), children);\n  } else {\n    /**\n     * Ensure tooltip has only one child node\n     */\n    var child = React.Children.only(children);\n    trigger = /*#__PURE__*/React.cloneElement(child, tooltip.getTriggerProps(child.props, child.ref));\n  }\n\n  var hasAriaLabel = !!ariaLabel;\n\n  var _tooltipProps = tooltip.getTooltipProps({}, ref);\n\n  var tooltipProps = hasAriaLabel ? omit(_tooltipProps, [\"role\", \"id\"]) : _tooltipProps;\n  var hiddenProps = pick(_tooltipProps, [\"role\", \"id\"]);\n  /**\n   * If the `label` is empty, there's no point showing the tooltip.\n   * Let's simply return the children\n   */\n\n  if (!label) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, children);\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, trigger, /*#__PURE__*/React.createElement(AnimatePresence, null, tooltip.isOpen && /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(chakra.div, _extends({}, tooltip.getTooltipPositionerProps(), {\n    __css: {\n      zIndex: styles.zIndex,\n      pointerEvents: \"none\"\n    }\n  }), /*#__PURE__*/React.createElement(StyledTooltip, _extends({\n    variants: scale\n  }, tooltipProps, {\n    initial: \"exit\",\n    animate: \"enter\",\n    exit: \"exit\",\n    __css: styles\n  }), label, hasAriaLabel && /*#__PURE__*/React.createElement(VisuallyHidden, hiddenProps, ariaLabel), hasArrow && /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow\": true,\n    className: \"chakra-tooltip__arrow-wrapper\"\n  }, /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow-inner\": true,\n    className: \"chakra-tooltip__arrow\",\n    __css: {\n      bg: styles.bg\n    }\n  })))))));\n});\n\nif (__DEV__) {\n  Tooltip.displayName = \"Tooltip\";\n}\n\nexport { Tooltip, useTooltip };\n","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":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","scale","exit","opacity","transition","duration","easings","enter","ease","_excluded$1","_excluded","StyledTooltip","chakra","motion","div","Tooltip","forwardRef","props","ref","_ref","_ref2","styles","useStyleConfig","ownProps","omitThemingProps","theme","useTheme","children","label","shouldWrapChildren","ariaLabel","hasArrow","bg","portalProps","background","backgroundColor","bgColor","rest","userDefinedBg","popperCSSVars","arrowBg","getCSSVar","trigger","tooltip","_props","_props$openDelay","openDelay","_props$closeDelay","closeDelay","_props$closeOnClick","closeOnClick","closeOnMouseDown","_props$closeOnEsc","closeOnEsc","onOpenProp","onOpen","onCloseProp","onClose","placement","id","isOpenProp","isOpen","defaultIsOpen","_props$arrowSize","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction","htmlProps","_useDisclosure","useDisclosure","_usePopper","usePopper","enabled","referenceRef","getPopperProps","getArrowInnerProps","getArrowProps","tooltipId","useId","React","useRef","enterTimeout","exitTimeout","openWithDelay","useCallback","current","window","setTimeout","closeWithDelay","clearTimeout","onClick","onMouseDown","onKeyDown","event","useEventListener","undefined","useEffect","getTriggerProps","mergeRefs","onMouseEnter","callAllHandlers","onFocus","onBlur","getTooltipPositionerProps","forwardedRef","_extends2","style","px","getTooltipProps","role","position","transformOrigin","varRef","show","hide","useTooltip","isString","createElement","span","tabIndex","child","Children","only","cloneElement","hasAriaLabel","_tooltipProps","tooltipProps","omit","hiddenProps","pick","Fragment","AnimatePresence","Portal","__css","zIndex","pointerEvents","variants","initial","animate","VisuallyHidden","className","__DEV__","displayName","_a","_b","_c","_d","titleCaseLabel","__rest","components","useAdaptiveColor","color","l","toTitleCase","toLowerCase","CTooltip","__assign"],"mappings":"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"}
+{"version":3,"file":"tooltip.component-25303330.js","sources":["../node_modules/@chakra-ui/tooltip/dist/chakra-ui-tooltip.esm.js","../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import { usePopper, popperCSSVars } from '@chakra-ui/popper';\nimport { Portal } from '@chakra-ui/portal';\nimport { chakra, forwardRef, useStyleConfig, omitThemingProps, useTheme } from '@chakra-ui/system';\nimport { callAllHandlers, px, getCSSVar, isString, omit, pick, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport * as React from 'react';\nimport { useDisclosure, useId, useEventListener } from '@chakra-ui/hooks';\nimport { mergeRefs } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar scale = {\n  exit: {\n    scale: 0.85,\n    opacity: 0,\n    transition: {\n      opacity: {\n        duration: 0.15,\n        easings: \"easeInOut\"\n      },\n      scale: {\n        duration: 0.2,\n        easings: \"easeInOut\"\n      }\n    }\n  },\n  enter: {\n    scale: 1,\n    opacity: 1,\n    transition: {\n      opacity: {\n        easings: \"easeOut\",\n        duration: 0.2\n      },\n      scale: {\n        duration: 0.2,\n        ease: [0.175, 0.885, 0.4, 1.1]\n      }\n    }\n  }\n};\n\nvar _excluded$1 = [\"openDelay\", \"closeDelay\", \"closeOnClick\", \"closeOnMouseDown\", \"closeOnEsc\", \"onOpen\", \"onClose\", \"placement\", \"id\", \"isOpen\", \"defaultIsOpen\", \"arrowSize\", \"arrowShadowColor\", \"arrowPadding\", \"modifiers\", \"isDisabled\", \"gutter\", \"offset\", \"direction\"];\nfunction useTooltip(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      _props$openDelay = _props.openDelay,\n      openDelay = _props$openDelay === void 0 ? 0 : _props$openDelay,\n      _props$closeDelay = _props.closeDelay,\n      closeDelay = _props$closeDelay === void 0 ? 0 : _props$closeDelay,\n      _props$closeOnClick = _props.closeOnClick,\n      closeOnClick = _props$closeOnClick === void 0 ? true : _props$closeOnClick,\n      closeOnMouseDown = _props.closeOnMouseDown,\n      _props$closeOnEsc = _props.closeOnEsc,\n      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,\n      onOpenProp = _props.onOpen,\n      onCloseProp = _props.onClose,\n      placement = _props.placement,\n      id = _props.id,\n      isOpenProp = _props.isOpen,\n      defaultIsOpen = _props.defaultIsOpen,\n      _props$arrowSize = _props.arrowSize,\n      arrowSize = _props$arrowSize === void 0 ? 10 : _props$arrowSize,\n      arrowShadowColor = _props.arrowShadowColor,\n      arrowPadding = _props.arrowPadding,\n      modifiers = _props.modifiers,\n      isDisabled = _props.isDisabled,\n      gutter = _props.gutter,\n      offset = _props.offset,\n      direction = _props.direction,\n      htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var _useDisclosure = useDisclosure({\n    isOpen: isOpenProp,\n    defaultIsOpen: defaultIsOpen,\n    onOpen: onOpenProp,\n    onClose: onCloseProp\n  }),\n      isOpen = _useDisclosure.isOpen,\n      onOpen = _useDisclosure.onOpen,\n      onClose = _useDisclosure.onClose;\n\n  var _usePopper = usePopper({\n    enabled: isOpen,\n    placement: placement,\n    arrowPadding: arrowPadding,\n    modifiers: modifiers,\n    gutter: gutter,\n    offset: offset,\n    direction: direction\n  }),\n      referenceRef = _usePopper.referenceRef,\n      getPopperProps = _usePopper.getPopperProps,\n      getArrowInnerProps = _usePopper.getArrowInnerProps,\n      getArrowProps = _usePopper.getArrowProps;\n\n  var tooltipId = useId(id, \"tooltip\");\n  var ref = React.useRef(null);\n  var enterTimeout = React.useRef();\n  var exitTimeout = React.useRef();\n  var openWithDelay = React.useCallback(function () {\n    if (!isDisabled) {\n      enterTimeout.current = window.setTimeout(onOpen, openDelay);\n    }\n  }, [isDisabled, onOpen, openDelay]);\n  var closeWithDelay = React.useCallback(function () {\n    if (enterTimeout.current) {\n      clearTimeout(enterTimeout.current);\n    }\n\n    exitTimeout.current = window.setTimeout(onClose, closeDelay);\n  }, [closeDelay, onClose]);\n  var onClick = React.useCallback(function () {\n    if (closeOnClick) {\n      closeWithDelay();\n    }\n  }, [closeOnClick, closeWithDelay]);\n  var onMouseDown = React.useCallback(function () {\n    if (closeOnMouseDown) {\n      closeWithDelay();\n    }\n  }, [closeOnMouseDown, closeWithDelay]);\n  var onKeyDown = React.useCallback(function (event) {\n    if (isOpen && event.key === \"Escape\") {\n      closeWithDelay();\n    }\n  }, [isOpen, closeWithDelay]);\n  useEventListener(\"keydown\", closeOnEsc ? onKeyDown : undefined);\n  React.useEffect(function () {\n    return function () {\n      clearTimeout(enterTimeout.current);\n      clearTimeout(exitTimeout.current);\n    };\n  }, []);\n  /**\n   * This allows for catching mouseleave events when the tooltip\n   * trigger is disabled. There's currently a known issue in\n   * React regarding the onMouseLeave polyfill.\n   * @see https://github.com/facebook/react/issues/11972\n   */\n\n  useEventListener(\"mouseleave\", closeWithDelay, function () {\n    return ref.current;\n  });\n  var getTriggerProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var triggerProps = _extends({}, props, {\n      ref: mergeRefs(ref, _ref, referenceRef),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, openWithDelay),\n      onClick: callAllHandlers(props.onClick, onClick),\n      onMouseDown: callAllHandlers(props.onMouseDown, onMouseDown),\n      onFocus: callAllHandlers(props.onFocus, openWithDelay),\n      onBlur: callAllHandlers(props.onBlur, closeWithDelay),\n      \"aria-describedby\": isOpen ? tooltipId : undefined\n    });\n\n    return triggerProps;\n  }, [openWithDelay, closeWithDelay, onMouseDown, isOpen, tooltipId, onClick, referenceRef]);\n  var getTooltipPositionerProps = React.useCallback(function (props, forwardedRef) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return getPopperProps(_extends({}, props, {\n      style: _extends({}, props.style, (_extends2 = {}, _extends2[popperCSSVars.arrowSize[\"var\"]] = arrowSize ? px(arrowSize) : undefined, _extends2[popperCSSVars.arrowShadowColor[\"var\"]] = arrowShadowColor, _extends2))\n    }), forwardedRef);\n  }, [getPopperProps, arrowSize, arrowShadowColor]);\n  var getTooltipProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var tooltipProps = _extends({\n      ref: _ref\n    }, htmlProps, props, {\n      id: tooltipId,\n      role: \"tooltip\",\n      style: _extends({}, props.style, {\n        position: \"relative\",\n        transformOrigin: popperCSSVars.transformOrigin.varRef\n      })\n    });\n\n    return tooltipProps;\n  }, [htmlProps, tooltipId]);\n  return {\n    isOpen: isOpen,\n    show: openWithDelay,\n    hide: closeWithDelay,\n    getTriggerProps: getTriggerProps,\n    getTooltipProps: getTooltipProps,\n    getTooltipPositionerProps: getTooltipPositionerProps,\n    getArrowProps: getArrowProps,\n    getArrowInnerProps: getArrowInnerProps\n  };\n}\n\nvar _excluded = [\"children\", \"label\", \"shouldWrapChildren\", \"aria-label\", \"hasArrow\", \"bg\", \"portalProps\", \"background\", \"backgroundColor\", \"bgColor\"];\nvar StyledTooltip = chakra(motion.div);\n/**\n * Tooltips display informative text when users hover, focus on, or tap an element.\n *\n * @see Docs     https://chakra-ui.com/docs/overlay/tooltip\n * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices/#tooltip\n */\n\nvar Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _ref, _ref2;\n\n  var styles = useStyleConfig(\"Tooltip\", props);\n  var ownProps = omitThemingProps(props);\n  var theme = useTheme();\n\n  var children = ownProps.children,\n      label = ownProps.label,\n      shouldWrapChildren = ownProps.shouldWrapChildren,\n      ariaLabel = ownProps[\"aria-label\"],\n      hasArrow = ownProps.hasArrow,\n      bg = ownProps.bg,\n      portalProps = ownProps.portalProps,\n      background = ownProps.background,\n      backgroundColor = ownProps.backgroundColor,\n      bgColor = ownProps.bgColor,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var userDefinedBg = (_ref = (_ref2 = background != null ? background : backgroundColor) != null ? _ref2 : bg) != null ? _ref : bgColor;\n\n  if (userDefinedBg) {\n    styles.bg = userDefinedBg;\n    styles[popperCSSVars.arrowBg[\"var\"]] = getCSSVar(theme, \"colors\", userDefinedBg);\n  }\n\n  var tooltip = useTooltip(_extends({}, rest, {\n    direction: theme.direction\n  }));\n  var shouldWrap = isString(children) || shouldWrapChildren;\n  var trigger;\n\n  if (shouldWrap) {\n    trigger = /*#__PURE__*/React.createElement(chakra.span, _extends({\n      tabIndex: 0\n    }, tooltip.getTriggerProps()), children);\n  } else {\n    /**\n     * Ensure tooltip has only one child node\n     */\n    var child = React.Children.only(children);\n    trigger = /*#__PURE__*/React.cloneElement(child, tooltip.getTriggerProps(child.props, child.ref));\n  }\n\n  var hasAriaLabel = !!ariaLabel;\n\n  var _tooltipProps = tooltip.getTooltipProps({}, ref);\n\n  var tooltipProps = hasAriaLabel ? omit(_tooltipProps, [\"role\", \"id\"]) : _tooltipProps;\n  var hiddenProps = pick(_tooltipProps, [\"role\", \"id\"]);\n  /**\n   * If the `label` is empty, there's no point showing the tooltip.\n   * Let's simply return the children\n   */\n\n  if (!label) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, children);\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, trigger, /*#__PURE__*/React.createElement(AnimatePresence, null, tooltip.isOpen && /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(chakra.div, _extends({}, tooltip.getTooltipPositionerProps(), {\n    __css: {\n      zIndex: styles.zIndex,\n      pointerEvents: \"none\"\n    }\n  }), /*#__PURE__*/React.createElement(StyledTooltip, _extends({\n    variants: scale\n  }, tooltipProps, {\n    initial: \"exit\",\n    animate: \"enter\",\n    exit: \"exit\",\n    __css: styles\n  }), label, hasAriaLabel && /*#__PURE__*/React.createElement(VisuallyHidden, hiddenProps, ariaLabel), hasArrow && /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow\": true,\n    className: \"chakra-tooltip__arrow-wrapper\"\n  }, /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow-inner\": true,\n    className: \"chakra-tooltip__arrow\",\n    __css: {\n      bg: styles.bg\n    }\n  })))))));\n});\n\nif (__DEV__) {\n  Tooltip.displayName = \"Tooltip\";\n}\n\nexport { Tooltip, useTooltip };\n","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":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","scale","exit","opacity","transition","duration","easings","enter","ease","_excluded$1","_excluded","StyledTooltip","chakra","motion","div","Tooltip","forwardRef","props","ref","_ref","_ref2","styles","useStyleConfig","ownProps","omitThemingProps","theme","useTheme","children","label","shouldWrapChildren","ariaLabel","hasArrow","bg","portalProps","background","backgroundColor","bgColor","rest","userDefinedBg","popperCSSVars","arrowBg","getCSSVar","trigger","tooltip","_props","_props$openDelay","openDelay","_props$closeDelay","closeDelay","_props$closeOnClick","closeOnClick","closeOnMouseDown","_props$closeOnEsc","closeOnEsc","onOpenProp","onOpen","onCloseProp","onClose","placement","id","isOpenProp","isOpen","defaultIsOpen","_props$arrowSize","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction","htmlProps","_useDisclosure","useDisclosure","_usePopper","usePopper","enabled","referenceRef","getPopperProps","getArrowInnerProps","getArrowProps","tooltipId","useId","React","useRef","enterTimeout","exitTimeout","openWithDelay","useCallback","current","window","setTimeout","closeWithDelay","clearTimeout","onClick","onMouseDown","onKeyDown","event","useEventListener","undefined","useEffect","getTriggerProps","mergeRefs","onMouseEnter","callAllHandlers","onFocus","onBlur","getTooltipPositionerProps","forwardedRef","_extends2","style","px","getTooltipProps","role","position","transformOrigin","varRef","show","hide","useTooltip","isString","createElement","span","tabIndex","child","Children","only","cloneElement","hasAriaLabel","_tooltipProps","tooltipProps","omit","hiddenProps","pick","Fragment","AnimatePresence","Portal","__css","zIndex","pointerEvents","variants","initial","animate","VisuallyHidden","className","__DEV__","displayName","_a","_b","_c","_d","titleCaseLabel","__rest","components","useAdaptiveColor","color","l","toTitleCase","toLowerCase","CTooltip","__assign"],"mappings":"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"}

package/build/{truncatedText.component-d242bfa7.js → truncatedText.component-02797815.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tooltip.component-fb511c83.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t);exports.TruncatedText=function(a){var i=a.children,o=a.noOfLines,c=void 0===o?1:o,s=a.textContent,u=a.placement,f=a.titleCaseTooltipLabel,d=e.__rest(a,["children","noOfLines","textContent","placement","titleCaseTooltipLabel"]),p=e.__read(t.useState(!1),2),T=p[0],_=p[1],m=t.useRef(null),b=t.useCallback((function(e){var t,r;return!(!e||!e.current)&&((null===(t=e.current)||void 0===t?void 0:t.children[0].scrollHeight)||0)>((null===(r=e.current)||void 0===r?void 0:r.offsetHeight)||0)}),[]);return t.useEffect((function(){var e=b(m);_(e)}),[m,b]),l.default.createElement(n.Box,{ref:m,className:"TruncatedText__Wrapper"},l.default.createElement(r.Tooltip,{className:"TruncatedText__Tooltip",label:i||s||"",isDisabled:!T,placement:u,titleCaseLabel:f},l.default.createElement(n.Text,e.__assign({className:"TruncatedText__TextContent",cursor:T?"pointer":"",noOfLines:c,as:"p"},d),i||s)))};
-//# sourceMappingURL=truncatedText.component-d242bfa7.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tooltip.component-25303330.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t);exports.TruncatedText=function(a){var i=a.children,o=a.noOfLines,s=void 0===o?1:o,u=a.textContent,c=a.placement,f=a.titleCaseTooltipLabel,d=e.__rest(a,["children","noOfLines","textContent","placement","titleCaseTooltipLabel"]),p=e.__read(t.useState(!1),2),T=p[0],_=p[1],m=t.useRef(null),v=t.useCallback((function(e){var t,r;return!(!e||!e.current)&&((null===(t=e.current)||void 0===t?void 0:t.children[0].scrollHeight)||0)>((null===(r=e.current)||void 0===r?void 0:r.offsetHeight)||0)}),[]);return t.useEffect((function(){var e=v(m);_(e)}),[m,v]),l.default.createElement(n.Box,{ref:m,className:"TruncatedText__Wrapper"},l.default.createElement(r.Tooltip,{className:"TruncatedText__Tooltip",label:i||u||"",isDisabled:!T,placement:c,titleCaseLabel:f},l.default.createElement(n.Text,e.__assign({className:"TruncatedText__TextContent",cursor:T?"pointer":"",noOfLines:s,as:"p"},d),i||u)))};
+//# sourceMappingURL=truncatedText.component-02797815.js.map

package/build/{truncatedText.component-d242bfa7.js.map → truncatedText.component-02797815.js.map}

@@ -1 +1 @@
-{"version":3,"file":"truncatedText.component-d242bfa7.js","sources":["../src/components/TruncatedText/truncatedText.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport {\n  Box,\n  Text,\n  TextProps as CTextProps,\n  TypographyProps as CTypographyProps,\n  PlacementWithLogical,\n} from '@chakra-ui/react';\n\nexport interface TruncatedTextProps extends CTextProps, CTypographyProps {\n  children?: string;\n  noOfLines?: number;\n  textContent?: string;\n  placement?: PlacementWithLogical;\n  titleCaseTooltipLabel?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  noOfLines = 1,\n  textContent,\n  placement,\n  titleCaseTooltipLabel,\n  ...rest\n}: TruncatedTextProps): JSX.Element => {\n  const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const onCheckTextOverFlowing = useCallback((containerRefValue) => {\n    if (containerRefValue && containerRefValue.current) {\n      const textScrollHeight = containerRefValue.current?.children[0].scrollHeight || 0;\n      const containerOffsetHeight = containerRefValue.current?.offsetHeight || 0;\n      return textScrollHeight > containerOffsetHeight;\n    }\n    return false;\n  }, []);\n\n  useEffect(() => {\n    const checkValue = onCheckTextOverFlowing(containerRef);\n    setIsTextOverFlowing(checkValue);\n  }, [containerRef, onCheckTextOverFlowing]);\n\n  return (\n    <Box ref={containerRef} className=\"TruncatedText__Wrapper\">\n      <Tooltip\n        className=\"TruncatedText__Tooltip\"\n        label={children || textContent || ''}\n        isDisabled={!isTextOverFlowing}\n        placement={placement}\n        titleCaseLabel={titleCaseTooltipLabel}\n      >\n        <Text\n          className=\"TruncatedText__TextContent\"\n          cursor={!isTextOverFlowing ? '' : 'pointer'}\n          noOfLines={noOfLines}\n          as=\"p\"\n          {...rest}\n        >\n          {children || textContent}\n        </Text>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":["_a","children","_b","noOfLines","textContent","placement","titleCaseTooltipLabel","rest","__rest","_c","__read","useState","isTextOverFlowing","setIsTextOverFlowing","containerRef","useRef","onCheckTextOverFlowing","useCallback","containerRefValue","current","scrollHeight","offsetHeight","useEffect","checkValue","React","createElement","Box","ref","className","Tooltip","label","isDisabled","titleCaseLabel","Text","__assign","cursor","as"],"mappings":"+QAkB6B,SAACA,GAC5B,IAAAC,aACAC,EAAAF,EAAAG,UAAAA,OAAS,IAAAD,EAAG,EAACA,EACbE,gBACAC,cACAC,0BACGC,EANyBC,EAAAA,OAAAR,EAAA,CAAA,WAAA,YAAA,cAAA,YAAA,0BAQtBS,EAAAC,EAAAA,OAA4CC,EAAQA,UAAU,GAAM,GAAnEC,EAAiBH,EAAA,GAAEI,OACpBC,EAAeC,SAAuB,MAEtCC,EAAyBC,eAAY,SAACC,WAC1C,SAAIA,IAAqBA,EAAkBC,YACW,QAA3BnB,EAAAkB,EAAkBC,eAAS,IAAAnB,OAAA,EAAAA,EAAAC,SAAS,GAAGmB,eAAgB,KACvB,QAA3BlB,EAAAgB,EAAkBC,eAAS,IAAAjB,OAAA,EAAAA,EAAAmB,eAAgB,KAI1E,IAOH,OALAC,EAAAA,WAAU,WACR,IAAMC,EAAaP,EAAuBF,GAC1CD,EAAqBU,KACpB,CAACT,EAAcE,IAGhBQ,EAAAA,QAACC,cAAAC,EAAGA,IAAC,CAAAC,IAAKb,EAAcc,UAAU,0BAChCJ,EAAC,QAAAC,cAAAI,EAAOA,QACN,CAAAD,UAAU,yBACVE,MAAO7B,GAAYG,GAAe,GAClC2B,YAAanB,EACbP,UAAWA,EACX2B,eAAgB1B,GAEhBkB,UAAAC,cAACQ,EAAIA,KACHC,WAAA,CAAAN,UAAU,6BACVO,OAASvB,EAAyB,UAAL,GAC7BT,UAAWA,EACXiC,GAAG,KACC7B,GAEHN,GAAYG"}
+{"version":3,"file":"truncatedText.component-02797815.js","sources":["../src/components/TruncatedText/truncatedText.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport {\n  Box,\n  Text,\n  TextProps as CTextProps,\n  TypographyProps as CTypographyProps,\n  PlacementWithLogical,\n} from '@chakra-ui/react';\n\nexport interface TruncatedTextProps extends CTextProps, CTypographyProps {\n  children?: string;\n  noOfLines?: number;\n  textContent?: string;\n  placement?: PlacementWithLogical;\n  titleCaseTooltipLabel?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  noOfLines = 1,\n  textContent,\n  placement,\n  titleCaseTooltipLabel,\n  ...rest\n}: TruncatedTextProps): JSX.Element => {\n  const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const onCheckTextOverFlowing = useCallback((containerRefValue) => {\n    if (containerRefValue && containerRefValue.current) {\n      const textScrollHeight = containerRefValue.current?.children[0].scrollHeight || 0;\n      const containerOffsetHeight = containerRefValue.current?.offsetHeight || 0;\n      return textScrollHeight > containerOffsetHeight;\n    }\n    return false;\n  }, []);\n\n  useEffect(() => {\n    const checkValue = onCheckTextOverFlowing(containerRef);\n    setIsTextOverFlowing(checkValue);\n  }, [containerRef, onCheckTextOverFlowing]);\n\n  return (\n    <Box ref={containerRef} className=\"TruncatedText__Wrapper\">\n      <Tooltip\n        className=\"TruncatedText__Tooltip\"\n        label={children || textContent || ''}\n        isDisabled={!isTextOverFlowing}\n        placement={placement}\n        titleCaseLabel={titleCaseTooltipLabel}\n      >\n        <Text\n          className=\"TruncatedText__TextContent\"\n          cursor={!isTextOverFlowing ? '' : 'pointer'}\n          noOfLines={noOfLines}\n          as=\"p\"\n          {...rest}\n        >\n          {children || textContent}\n        </Text>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":["_a","children","_b","noOfLines","textContent","placement","titleCaseTooltipLabel","rest","__rest","_c","__read","useState","isTextOverFlowing","setIsTextOverFlowing","containerRef","useRef","onCheckTextOverFlowing","useCallback","containerRefValue","current","scrollHeight","offsetHeight","useEffect","checkValue","React","createElement","Box","ref","className","Tooltip","label","isDisabled","titleCaseLabel","Text","__assign","cursor","as"],"mappings":"+QAkB6B,SAACA,GAC5B,IAAAC,aACAC,EAAAF,EAAAG,UAAAA,OAAS,IAAAD,EAAG,EAACA,EACbE,gBACAC,cACAC,0BACGC,EANyBC,EAAAA,OAAAR,EAAA,CAAA,WAAA,YAAA,cAAA,YAAA,0BAQtBS,EAAAC,EAAAA,OAA4CC,EAAQA,UAAU,GAAM,GAAnEC,EAAiBH,EAAA,GAAEI,OACpBC,EAAeC,SAAuB,MAEtCC,EAAyBC,eAAY,SAACC,WAC1C,SAAIA,IAAqBA,EAAkBC,YACW,QAA3BnB,EAAAkB,EAAkBC,eAAS,IAAAnB,OAAA,EAAAA,EAAAC,SAAS,GAAGmB,eAAgB,KACvB,QAA3BlB,EAAAgB,EAAkBC,eAAS,IAAAjB,OAAA,EAAAA,EAAAmB,eAAgB,KAI1E,IAOH,OALAC,EAAAA,WAAU,WACR,IAAMC,EAAaP,EAAuBF,GAC1CD,EAAqBU,KACpB,CAACT,EAAcE,IAGhBQ,EAAAA,QAACC,cAAAC,EAAGA,IAAC,CAAAC,IAAKb,EAAcc,UAAU,0BAChCJ,EAAC,QAAAC,cAAAI,EAAOA,QACN,CAAAD,UAAU,yBACVE,MAAO7B,GAAYG,GAAe,GAClC2B,YAAanB,EACbP,UAAWA,EACX2B,eAAgB1B,GAEhBkB,UAAAC,cAACQ,EAAIA,KACHC,WAAA,CAAAN,UAAU,6BACVO,OAASvB,EAAyB,UAAL,GAC7BT,UAAWA,EACXiC,GAAG,KACC7B,GAEHN,GAAYG"}

package/build/use-animation-state-5054a9f7.esm-ad9a45c2.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-system.esm-b563b97d.js"),t=require("react");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(t),u=e.isBrowser?r.useLayoutEffect:r.useEffect;function c(e,t){void 0===t&&(t=[]);var n=r.useRef(e);return u((function(){n.current=e})),r.useCallback((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return null==n.current?void 0:n.current.apply(n,t)}),t)}function o(t,n,u,o){var f=c(n);return r.useEffect((function(){var r,c=null!=(r=e.runIfFn(u))?r:document;if(n)return c.addEventListener(t,f,o),function(){c.removeEventListener(t,f,o)}}),[t,u,o,f,n]),function(){var n;(null!=(n=e.runIfFn(u))?n:document).removeEventListener(t,f,o)}}exports.useAnimationState=function(n){var r=n.isOpen,u=n.ref,c=t.useState(r),f=c[0],i=c[1],a=t.useState(!1),s=a[0],l=a[1];return t.useEffect((function(){s||(i(r),l(!0))}),[r,s,f]),o("animationend",(function(){i(r)}),(function(){return u.current})),{present:!(!r&&!f),onComplete:function(){var t,n=new(e.getOwnerWindow(u.current).CustomEvent)("animationend",{bubbles:!0});null==(t=u.current)||t.dispatchEvent(n)}}},exports.useCallbackRef=c,exports.useEventListener=o,exports.useSafeLayoutEffect=u;
+//# sourceMappingURL=use-animation-state-5054a9f7.esm-ad9a45c2.js.map

package/build/use-animation-state-5054a9f7.esm-ad9a45c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animation-state-5054a9f7.esm-ad9a45c2.js","sources":["../node_modules/@chakra-ui/hooks/dist/use-animation-state-5054a9f7.esm.js"],"sourcesContent":["import { isBrowser, runIfFn, getOwnerWindow } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\n\n/**\n * useSafeLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\n\nvar useSafeLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n *\n * @param fn the function to persist\n * @param deps the function dependency list\n */\n\nfunction useCallbackRef(fn, deps) {\n  if (deps === void 0) {\n    deps = [];\n  }\n\n  var ref = React.useRef(fn);\n  useSafeLayoutEffect(function () {\n    ref.current = fn;\n  }); // eslint-disable-next-line react-hooks/exhaustive-deps\n\n  return React.useCallback(function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return ref.current == null ? void 0 : ref.current.apply(ref, args);\n  }, deps);\n}\n\n/**\n * React hook to manage browser event listeners\n *\n * @param event the event name\n * @param handler the event handler function to execute\n * @param env the dom environment to execute against (defaults to `document`)\n * @param options the event listener options\n *\n * @internal\n */\nfunction useEventListener(event, handler, env, options) {\n  var listener = useCallbackRef(handler);\n  React.useEffect(function () {\n    var _runIfFn;\n\n    var node = (_runIfFn = runIfFn(env)) != null ? _runIfFn : document;\n\n    if (!handler) {\n      return;\n    }\n\n    node.addEventListener(event, listener, options);\n    return function () {\n      node.removeEventListener(event, listener, options);\n    };\n  }, [event, env, options, listener, handler]);\n  return function () {\n    var _runIfFn2;\n\n    var node = (_runIfFn2 = runIfFn(env)) != null ? _runIfFn2 : document;\n    node.removeEventListener(event, listener, options);\n  };\n}\n\nfunction useAnimationState(props) {\n  var isOpen = props.isOpen,\n      ref = props.ref;\n\n  var _useState = useState(isOpen),\n      mounted = _useState[0],\n      setMounted = _useState[1];\n\n  var _useState2 = useState(false),\n      once = _useState2[0],\n      setOnce = _useState2[1];\n\n  useEffect(function () {\n    if (!once) {\n      setMounted(isOpen);\n      setOnce(true);\n    }\n  }, [isOpen, once, mounted]);\n  useEventListener(\"animationend\", function () {\n    setMounted(isOpen);\n  }, function () {\n    return ref.current;\n  });\n  var hidden = isOpen ? false : !mounted;\n  return {\n    present: !hidden,\n    onComplete: function onComplete() {\n      var _ref$current;\n\n      var win = getOwnerWindow(ref.current);\n      var evt = new win.CustomEvent(\"animationend\", {\n        bubbles: true\n      });\n      (_ref$current = ref.current) == null ? void 0 : _ref$current.dispatchEvent(evt);\n    }\n  };\n}\n\nexport { useSafeLayoutEffect as a, useEventListener as b, useAnimationState as c, useCallbackRef as u };\n"],"names":["useSafeLayoutEffect","isBrowser","React","useLayoutEffect","useEffect","useCallbackRef","fn","deps","ref","useRef","current","useCallback","_len","arguments","length","args","Array","_key","apply","useEventListener","event","handler","env","options","listener","_runIfFn","node","runIfFn","document","addEventListener","removeEventListener","_runIfFn2","props","isOpen","_useState","useState","mounted","setMounted","_useState2","once","setOnce","present","onComplete","_ref$current","evt","getOwnerWindow","CustomEvent","bubbles","dispatchEvent"],"mappings":"8XAeIA,EAAsBC,EAAAA,UAAYC,EAAMC,gBAAkBD,EAAME,UAUpE,SAASC,EAAeC,EAAIC,QACb,IAATA,IACFA,EAAO,IAGT,IAAIC,EAAMN,EAAMO,OAAOH,GAKvB,OAJAN,GAAoB,WAClBQ,EAAIE,QAAUJ,KAGTJ,EAAMS,aAAY,WACvB,IAAK,IAAIC,EAAOC,UAAUC,OAAQC,EAAO,IAAIC,MAAMJ,GAAOK,EAAO,EAAGA,EAAOL,EAAMK,IAC/EF,EAAKE,GAAQJ,UAAUI,GAGzB,OAAsB,MAAfT,EAAIE,aAAkB,EAASF,EAAIE,QAAQQ,MAAMV,EAAKO,KAC5DR,GAaL,SAASY,EAAiBC,EAAOC,EAASC,EAAKC,GAC7C,IAAIC,EAAWnB,EAAegB,GAe9B,OAdAnB,EAAME,WAAU,WACd,IAAIqB,EAEAC,EAAoC,OAA5BD,EAAWE,EAAOA,QAACL,IAAgBG,EAAWG,SAE1D,GAAKP,EAKL,OADAK,EAAKG,iBAAiBT,EAAOI,EAAUD,GAChC,WACLG,EAAKI,oBAAoBV,EAAOI,EAAUD,MAE3C,CAACH,EAAOE,EAAKC,EAASC,EAAUH,IAC5B,WACL,IAAIU,GAEqC,OAA7BA,EAAYJ,EAAOA,QAACL,IAAgBS,EAAYH,UACvDE,oBAAoBV,EAAOI,EAAUD,8BAI9C,SAA2BS,GACzB,IAAIC,EAASD,EAAMC,OACfzB,EAAMwB,EAAMxB,IAEZ0B,EAAYC,EAAQA,SAACF,GACrBG,EAAUF,EAAU,GACpBG,EAAaH,EAAU,GAEvBI,EAAaH,EAAQA,UAAC,GACtBI,EAAOD,EAAW,GAClBE,EAAUF,EAAW,GAczB,OAZAlC,EAAAA,WAAU,WACHmC,IACHF,EAAWJ,GACXO,GAAQ,MAET,CAACP,EAAQM,EAAMH,IAClBjB,EAAiB,gBAAgB,WAC/BkB,EAAWJ,MACV,WACD,OAAOzB,EAAIE,WAGN,CACL+B,WAFWR,IAAkBG,GAG7BM,WAAY,WACV,IAAIC,EAGAC,EAAM,IADAC,EAAAA,eAAerC,EAAIE,SACXoC,aAAY,eAAgB,CAC5CC,SAAS,IAEqB,OAA/BJ,EAAenC,EAAIE,UAA4BiC,EAAaK,cAAcJ"}

package/build/{useToast-2c6cbde0.js → useToast-77814c69.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-f01c41a6.js"),e=require("react"),n=require("./chakra-ui-system.esm-b563b97d.js"),o=require("./chakra-ui-theme.esm-cc694e08.js"),r=require("./chakra-ui-hooks.esm-c49383b7.js"),i=require("./alert.component-3b59341a.js"),a=require("./useTheme-d7d8c3f5.js"),u=require("./withDarkMode-3fdb3990.js"),s=require("react-dom"),c=require("./index-8fecff45.js"),l=require("./index-5c563615.js"),f=require("./motion-1db106fa.js");function d(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 p=d(e);function v(){return v=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},v.apply(this,arguments)}var m=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,a=void 0===i?{}:i,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","style"]);return e.createElement(r,v({ref:n,style:v({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},a)},u))}));("production"!==process.env.NODE_ENV&&(m.displayName="VisuallyHidden",m.propTypes={as:c.PropTypes.any,children:c.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function h(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 y(t){return e.forwardRef(t)}function b(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function g(){return g=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},g.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var E,_={polite:-1,assertive:-1},O={polite:{},assertive:{}},T={polite:null,assertive:null},j=y((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,a=t.type,u=void 0===a?"polite":a,s=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){h(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,g({},s,{ref:l,"data-reach-alert":!0}),i)}),[i,s]);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),a=e.useRef(!1);e.useEffect((function(){var e=b(o.current);a.current?r!==t?(i.current&&i.current.unmount(),i.current=w(t,e),i.current.mount(n)):i.current&&i.current.update(n):(a.current=!0,i.current=w(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(u,f,c),f}));function w(t,e){var n=++_[t];return{mount:function o(r){if(T[t])O[t][n]=r,x();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),T[t]=i,e.body.appendChild(T[t]),o(r)}},update:function(e){O[t][n]=e,x()},unmount:function(){delete O[t][n],x()}}}function x(){null!=E&&window.clearTimeout(E),E=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;T[n]&&s.render(e.createElement(m,{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})})))),T[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 C(t,e){return C=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},C(t,e)}function N(t,e){var n=k(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(j.displayName="Alert",j.propTypes={children:c.PropTypes.node,type:c.PropTypes.oneOf(["assertive","polite"])});var k=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var q={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]}}},S=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,a=t.onRequestRemove,u=t.requestClose,s=void 0!==u&&u,c=t.position,l=void 0===c?"bottom":c,d=t.duration,v=void 0===d?5e3:d,m=t.containerStyle,h=void 0===m?{}:m,y=p.useState(v),b=y[0],g=y[1],E=f.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var _=function(){E&&a()};p.useEffect((function(){E&&s&&a()}),[E,s,a]),r.useTimeout(_,b);var O=p.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}}(l)}),[l]);return p.createElement(f.motion.li,{layout:!0,className:"chakra-toast",variants:q,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:l},style:O},p.createElement(j,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:_}):o))};n.__DEV__&&(S.displayName="Toast");var D=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=N(o,t),i=r.position,a=r.index;return i&&-1!==a&&(o[i][a]=A({},o[i][a],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 a=null!=(o=e.id)?o:r.counter,u=null!=(i=e.position)?i:"top";return{id:a,message:t,position:u,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(a),u)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=k(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=N(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,C(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return p.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},p.createElement(l.AnimatePresence,{initial:!1},n.map((function(t){return p.createElement(S,A({key:t.id},t))}))))}))},r}(p.Component);D.counter=0;var P=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}s.render(p.createElement(D,{notify:this.bindFunctions}),e)}};function V(t,e){var n;if(t){var 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}}var R=function(e){e.position,e.duration;var n=e.id;e.onCloseComplete,e.containerStyle;var o=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return u.withDarkMode(p.createElement(i.Alert,t.__assign({id:n},o)),!0)},M={title:"",duration:5e3,position:"top"},I={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:M};exports.useToast=function(e){var o=a.useTheme(),i=r.useLatestRef(e);return function(e){var o=void 0===e?I:e,r=o.theme,i=void 0===r?I.theme:r,a=o.defaultOptions,u=void 0===a?I.defaultOptions:a,s=function(e,o){return p.createElement(n.ThemeProvider,{theme:i},p.createElement(R,t.__assign({},e,o)))},c=function(e){var n=t.__assign(t.__assign({},u),e);return n.position=V(n.position,i.direction),P.notify((function(t){return s(t,n)}),n)};return c.close=P.close,c.closeAll=P.closeAll,c.update=function(e,n){if(e){var o=t.__assign(t.__assign({},u),n);o.position=V(o.position,i.direction),P.update(e,t.__assign(t.__assign({},o),{message:function(t){return s(t,o)}}))}},c.isActive=P.isActive,c}({theme:o,defaultOptions:t.__assign(t.__assign({},M),i.current)})};
-//# sourceMappingURL=useToast-2c6cbde0.js.map
+"use strict";var t=require("./tslib.es6-f01c41a6.js"),e=require("react"),n=require("./chakra-ui-system.esm-b563b97d.js"),o=require("./chakra-ui-theme.esm-cc694e08.js"),r=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),i=require("./alert.component-273388c0.js"),a=require("./useTheme-d7d8c3f5.js"),u=require("./withDarkMode-3fdb3990.js"),s=require("react-dom"),c=require("./index-8fecff45.js"),l=require("./index-5c563615.js"),f=require("./motion-1db106fa.js");function d(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 p=d(e);function v(){return v=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},v.apply(this,arguments)}var m=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,a=void 0===i?{}:i,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","style"]);return e.createElement(r,v({ref:n,style:v({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},a)},u))}));("production"!==process.env.NODE_ENV&&(m.displayName="VisuallyHidden",m.propTypes={as:c.PropTypes.any,children:c.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function h(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 y(t){return e.forwardRef(t)}function b(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function g(){return g=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},g.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var E,_={polite:-1,assertive:-1},O={polite:{},assertive:{}},T={polite:null,assertive:null},j=y((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,a=t.type,u=void 0===a?"polite":a,s=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){h(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,g({},s,{ref:l,"data-reach-alert":!0}),i)}),[i,s]);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),a=e.useRef(!1);e.useEffect((function(){var e=b(o.current);a.current?r!==t?(i.current&&i.current.unmount(),i.current=w(t,e),i.current.mount(n)):i.current&&i.current.update(n):(a.current=!0,i.current=w(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(u,f,c),f}));function w(t,e){var n=++_[t];return{mount:function o(r){if(T[t])O[t][n]=r,x();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),T[t]=i,e.body.appendChild(T[t]),o(r)}},update:function(e){O[t][n]=e,x()},unmount:function(){delete O[t][n],x()}}}function x(){null!=E&&window.clearTimeout(E),E=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;T[n]&&s.render(e.createElement(m,{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})})))),T[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 C(t,e){return C=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},C(t,e)}function N(t,e){var n=k(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(j.displayName="Alert",j.propTypes={children:c.PropTypes.node,type:c.PropTypes.oneOf(["assertive","polite"])});var k=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var q={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]}}},S=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,a=t.onRequestRemove,u=t.requestClose,s=void 0!==u&&u,c=t.position,l=void 0===c?"bottom":c,d=t.duration,v=void 0===d?5e3:d,m=t.containerStyle,h=void 0===m?{}:m,y=p.useState(v),b=y[0],g=y[1],E=f.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var _=function(){E&&a()};p.useEffect((function(){E&&s&&a()}),[E,s,a]),r.useTimeout(_,b);var O=p.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}}(l)}),[l]);return p.createElement(f.motion.li,{layout:!0,className:"chakra-toast",variants:q,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:l},style:O},p.createElement(j,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:_}):o))};n.__DEV__&&(S.displayName="Toast");var D=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=N(o,t),i=r.position,a=r.index;return i&&-1!==a&&(o[i][a]=A({},o[i][a],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 a=null!=(o=e.id)?o:r.counter,u=null!=(i=e.position)?i:"top";return{id:a,message:t,position:u,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(a),u)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=k(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=N(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,C(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return p.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},p.createElement(l.AnimatePresence,{initial:!1},n.map((function(t){return p.createElement(S,A({key:t.id},t))}))))}))},r}(p.Component);D.counter=0;var P=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}s.render(p.createElement(D,{notify:this.bindFunctions}),e)}};function V(t,e){var n;if(t){var 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}}var R=function(e){e.position,e.duration;var n=e.id;e.onCloseComplete,e.containerStyle;var o=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return u.withDarkMode(p.createElement(i.Alert,t.__assign({id:n},o)),!0)},M={title:"",duration:5e3,position:"top"},I={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:M};exports.useToast=function(e){var o=a.useTheme(),i=r.useLatestRef(e);return function(e){var o=void 0===e?I:e,r=o.theme,i=void 0===r?I.theme:r,a=o.defaultOptions,u=void 0===a?I.defaultOptions:a,s=function(e,o){return p.createElement(n.ThemeProvider,{theme:i},p.createElement(R,t.__assign({},e,o)))},c=function(e){var n=t.__assign(t.__assign({},u),e);return n.position=V(n.position,i.direction),P.notify((function(t){return s(t,n)}),n)};return c.close=P.close,c.closeAll=P.closeAll,c.update=function(e,n){if(e){var o=t.__assign(t.__assign({},u),n);o.position=V(o.position,i.direction),P.update(e,t.__assign(t.__assign({},o),{message:function(t){return s(t,o)}}))}},c.isActive=P.isActive,c}({theme:o,defaultOptions:t.__assign(t.__assign({},M),i.current)})};
+//# sourceMappingURL=useToast-77814c69.js.map