@televet/kibble-ui 2.1.12 → 2.1.13

package/build/timePicker.component-ff5c8ede.js

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

package/build/{timePicker.component-df9047f1.js.map → timePicker.component-ff5c8ede.js.map}

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

package/build/{timeRange.component-a1fbd373.js → timeRange.component-ec3e8665.js}

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

package/build/{timeRange.component-a1fbd373.js.map → timeRange.component-ec3e8665.js.map}

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

package/build/withFormControl-28664983.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./useTheme-8873c39f.js"),a=require("./icon.component-100b924b.js"),l=require("./text.component-057889c3.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.withFormControl=function(o){function d(d){var{errorText:u="Field is invalid",formControlStyle:m,helperText:c,invalidIconColor:f="warning",isDisabled:x,isFieldInline:b=!1,isInvalid:p,isOnContrast:g,isReadOnly:v,isRequired:I,showRequiredState:S,label:C,labelPosition:E="start",labelStyle:T,size:q="md",useInvalidBorder:O=!0,useInvalidIcon:h=!1,useInvalidText:y=!0}=d,j=e.__rest(d,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:z}=r.useTheme(),F={lg:14,md:12,sm:10},w=t.useMemo((()=>(void 0===S||S)&&I),[I,S]),R=t.useMemo((()=>void 0!==S&&(S&&!I)),[I,S]);return s.default.createElement(n.FormControl,Object.assign({isInvalid:p,isReadOnly:v,isDisabled:x},b&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},m),C&&"start"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[q]},b&&{mb:0,ml:0,mr:2},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[q],fontWeight:"normal",color:"text.subtle"}," (Optional)")),s.default.createElement(i.HStack,{w:b?"max-content":"100%"},s.default.createElement(o,Object.assign({size:q,isFieldInline:b,isOnContrast:g,isRequired:I,"aria-required":!0},I&&{"aria-required":!0},j)),h&&p&&s.default.createElement(a.Icon,{name:"warningSign",variant:f,size:q})),C&&"end"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[q]},b&&{mb:0,ml:2,mr:0},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[q],fontWeight:"normal",color:"text.subtle"}," (Optional)")),"start"===E&&s.default.createElement(i.Spacer,null),s.default.createElement(i.VStack,{align:"flex-start"},y&&p&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:g?"text.dangerOnContrast":"text.danger"},u),c&&s.default.createElement(n.FormHelperText,{mt:2,color:g?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},c)))}return d.displayName=`withFormControl(${o.displayName||o.name}`,d};
+//# sourceMappingURL=withFormControl-28664983.js.map

package/build/withFormControl-28664983.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormControl-28664983.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { Text } from 'components/Text';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  showRequiredState?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    showRequiredState,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    const OptionalSizeMap: Record<FormControlSize, number> = {\n      lg: 14,\n      md: 12,\n      sm: 10,\n    };\n\n    // Default fields set to isRequired to show required state in label\n    const showRequired = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return isRequired;\n      }\n      return showRequiredState && isRequired;\n    }, [isRequired, showRequiredState]);\n\n    // Default fields NOT set to isRequired to NOT show required state in label\n    const showOptional = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return false;\n      }\n      return showRequiredState && !isRequired;\n    }, [isRequired, showRequiredState]);\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component\n            size={size}\n            isFieldInline={isFieldInline}\n            isOnContrast={isOnContrast}\n            isRequired={isRequired}\n            aria-required\n            {...(isRequired && { 'aria-required': true })}\n            {...(props as P)}\n          />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","OptionalSizeMap","lg","md","sm","showRequired","useMemo","undefined","showOptional","React","createElement","FormControl","display","gridTemplateColumns","gridTemplateRows","alignItems","w","FormLabel","Object","assign","color","fontSize","mb","ml","mr","Text","WrappedText","fontWeight","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"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"}

package/build/zIndeces-10b89ae1.js

@@ -0,0 +1,2 @@
+"use strict";const e={heading:"'Nunito', sans-serif",body:"'Roboto', sans-serif",mono:"LinearSans, Noto Sans, Arial, Helvetica, sans-serif"};exports.blur={none:"0",sm:"4px",base:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},exports.fontSizes={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},exports.fontWeights={normal:400,bold:700},exports.fonts=e,exports.lineHeights={normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},exports.sizes={max:"max-content",min:"min-content",full:"100%","3xs":"14rem","2xs":"16rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem",container:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"}},exports.zIndices={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800,tooltipExtra:1e4};
+//# sourceMappingURL=zIndeces-10b89ae1.js.map

package/build/zIndeces-10b89ae1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndeces-10b89ae1.js","sources":["../src/theme/tokens/blur.ts","../src/theme/tokens/fonts/fonts.config.ts","../src/theme/tokens/fontSizes.ts","../src/theme/tokens/fontWeights.ts","../src/theme/tokens/lineHeights.ts","../src/theme/tokens/sizes.ts","../src/theme/tokens/zIndeces.ts"],"sourcesContent":["export const blur: Record<BlurAmount, string> = {\n  none: '0',\n  sm: '4px',\n  base: '8px',\n  md: '12px',\n  lg: '16px',\n  xl: '24px',\n  '2xl': '40px',\n  '3xl': '64px',\n};\n\nexport type BlurAmount = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\n\nexport type Blur = Record<BlurAmount, string>;\n","export const fonts: Fonts = {\n  heading: `'Nunito', sans-serif`,\n  body: `'Roboto', sans-serif`,\n  mono: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',\n};\n\nexport type Fonts = {\n  heading: string;\n  body: string;\n  mono: string;\n};\n","export const fontSizes: FontSizes = {\n  xs: '0.75rem',\n  sm: '0.875rem',\n  md: '1rem',\n  lg: '1.125rem',\n  xl: '1.25rem',\n  '2xl': '1.5rem',\n  '3xl': '1.875rem',\n  '4xl': '2.25rem',\n  '5xl': '3rem',\n  '6xl': '3.75rem',\n  '7xl': '4.5rem',\n  '8xl': '6rem',\n  '9xl': '8rem',\n};\n\nexport type FontSizes = {\n  xs: string;\n  sm: string;\n  md: string;\n  lg: string;\n  xl: string;\n  '2xl': string;\n  '3xl': string;\n  '4xl': string;\n  '5xl': string;\n  '6xl': string;\n  '7xl': string;\n  '8xl': string;\n  '9xl': string;\n};\n","export type FontWeight = 'normal' | 'bold';\n\nexport type FontWeights = Record<FontWeight, number>;\n\nexport const fontWeights: FontWeights = {\n  normal: 400,\n  bold: 700,\n};\n","export const lineHeights: LineHeights = {\n  normal: 'normal',\n  none: 1,\n  shorter: 1.25,\n  short: 1.375,\n  base: 1.5,\n  tall: 1.625,\n  taller: '2',\n  '3': '.75rem',\n  '4': '1rem',\n  '5': '1.25rem',\n  '6': '1.5rem',\n  '7': '1.75rem',\n  '8': '2rem',\n  '9': '2.25rem',\n  '10': '2.5rem',\n};\n\nexport type LineHeights = {\n  normal: string;\n  none: number;\n  shorter: number;\n  short: number;\n  base: number;\n  tall: number;\n  taller: string;\n  '3': string;\n  '4': string;\n  '5': string;\n  '6': string;\n  '7': string;\n  '8': string;\n  '9': string;\n  '10': string;\n};\n","export const sizes: Sizes = {\n  max: 'max-content',\n  min: 'min-content',\n  full: '100%',\n  '3xs': '14rem',\n  '2xs': '16rem',\n  xs: '20rem',\n  sm: '24rem',\n  md: '28rem',\n  lg: '32rem',\n  xl: '36rem',\n  '2xl': '42rem',\n  '3xl': '48rem',\n  '4xl': '56rem',\n  '5xl': '64rem',\n  '6xl': '72rem',\n  '7xl': '80rem',\n  '8xl': '90rem',\n  container: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n  },\n};\n\nexport type Sizes = {\n  max: string;\n  min: string;\n  full: string;\n  '3xs': string;\n  '2xs': string;\n  xs: string;\n  sm: string;\n  md: string;\n  lg: string;\n  xl: string;\n  '2xl': string;\n  '3xl': string;\n  '4xl': string;\n  '5xl': string;\n  '6xl': string;\n  '7xl': string;\n  '8xl': string;\n  container: {\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n};\n","export const zIndices: ZIndices = {\n  hide: -1,\n  auto: 'auto',\n  base: 0,\n  docked: 10,\n  dropdown: 1000,\n  sticky: 1100,\n  banner: 1200,\n  overlay: 1300,\n  modal: 1400,\n  popover: 1500,\n  skipLink: 1600,\n  toast: 1700,\n  tooltip: 1800,\n  tooltipExtra: 10000,\n};\n\nexport type ZIndices = {\n  hide: number;\n  auto: string;\n  base: number;\n  docked: number;\n  dropdown: number;\n  sticky: number;\n  banner: number;\n  overlay: number;\n  modal: number;\n  popover: number;\n  skipLink: number;\n  toast: number;\n  tooltip: number;\n  tooltipExtra: number;\n};\n"],"names":["fonts","heading","body","mono","none","sm","base","md","lg","xl","xs","normal","bold","shorter","short","tall","taller","max","min","full","container","hide","auto","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","tooltipExtra"],"mappings":"aAAa,MCAAA,EAAe,CAC1BC,QAAS,uBACTC,KAAM,uBACNC,KAAM,oEDHwC,CAC9CC,KAAM,IACNC,GAAI,MACJC,KAAM,MACNC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJ,MAAO,OACP,MAAO,0BER2B,CAClCC,GAAI,UACJL,GAAI,WACJE,GAAI,OACJC,GAAI,WACJC,GAAI,UACJ,MAAO,SACP,MAAO,WACP,MAAO,UACP,MAAO,OACP,MAAO,UACP,MAAO,SACP,MAAO,OACP,MAAO,4BCT+B,CACtCE,OAAQ,IACRC,KAAM,yCCNgC,CACtCD,OAAQ,SACRP,KAAM,EACNS,QAAS,KACTC,MAAO,MACPR,KAAM,IACNS,KAAM,MACNC,OAAQ,IACR,EAAK,SACL,EAAK,OACL,EAAK,UACL,EAAK,SACL,EAAK,UACL,EAAK,OACL,EAAK,UACL,GAAM,wBCfoB,CAC1BC,IAAK,cACLC,IAAK,cACLC,KAAM,OACN,MAAO,QACP,MAAO,QACPT,GAAI,QACJL,GAAI,QACJE,GAAI,QACJC,GAAI,QACJC,GAAI,QACJ,MAAO,QACP,MAAO,QACP,MAAO,QACP,MAAO,QACP,MAAO,QACP,MAAO,QACP,MAAO,QACPW,UAAW,CACTf,GAAI,QACJE,GAAI,QACJC,GAAI,SACJC,GAAI,4BCtB0B,CAChCY,MAAO,EACPC,KAAM,OACNhB,KAAM,EACNiB,OAAQ,GACRC,SAAU,IACVC,OAAQ,KACRC,OAAQ,KACRC,QAAS,KACTC,MAAO,KACPC,QAAS,KACTC,SAAU,KACVC,MAAO,KACPC,QAAS,KACTC,aAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "Kibble Design System by Otto",
   "author": "Otto",
   "main": "build/index.js",

package/build/checkboxGroup.component-80ba0eb2.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-bd0f712e.js"),i=require("./checkbox.component-e3f306a5.js"),s=require("./chakra-ui-checkbox.esm-4cded6a7.js"),c=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const o=t=>{var{checkboxes:r,size:a="md",direction:o="row",spacing:d,isFieldInline:u,isOnContrast:l}=t,p=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return n.default.createElement(s.CheckboxGroup,Object.assign({},p),n.default.createElement(c.Stack,{direction:o,spacing:d,width:"fit-content"},r.map(((e,t)=>n.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:a}))))))};o.displayName="CheckboxGroup";const d=r.withFormControl(o);exports.WrappedCheckboxGroup=d;
-//# sourceMappingURL=checkboxGroup.component-80ba0eb2.js.map

package/build/components/DatePicker/examples/withCalendarPlacement.stories.d.ts

@@ -1,110 +0,0 @@
-/// <reference types="react" />
-import { DatePickerProps } from '../datepicker.component';
-declare const _default: {
-    title: string;
-    id: string;
-    component: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
-    argTypes: {
-        date: {
-            defaultValue: Date;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            type: {
-                name: string;
-            };
-        };
-        dateFormat: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            type: string;
-        };
-        onDateChange: {
-            description: string;
-            action: string;
-            control: null;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        placement: {
-            description: string;
-            options: import("@chakra-ui/popper/dist/declarations/src/popper.placement").PlacementWithLogical[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        minYear: {
-            defaultValue: number;
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-        };
-        maxYear: {
-            defaultValue: number;
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-        };
-        label: import("@storybook/addons").ArgType<unknown>;
-        isDisabled: import("@storybook/addons").ArgType<unknown>;
-        size: import("@storybook/addons").ArgType<unknown>;
-        isOnContrast: import("@storybook/addons").ArgType<unknown>;
-        errorText: import("@storybook/addons").ArgType<unknown>;
-        formControlStyle: import("@storybook/addons").ArgType<unknown>;
-        helperText: import("@storybook/addons").ArgType<unknown>;
-        invalidIconColor: import("@storybook/addons").ArgType<unknown>;
-        isFieldInline: import("@storybook/addons").ArgType<unknown>;
-        isInvalid: import("@storybook/addons").ArgType<unknown>;
-        isReadOnly: import("@storybook/addons").ArgType<unknown>;
-        isRequired: import("@storybook/addons").ArgType<unknown>;
-        labelStyle: import("@storybook/addons").ArgType<unknown>;
-        labelPosition: import("@storybook/addons").ArgType<unknown>;
-        useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
-        useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
-        useInvalidText: import("@storybook/addons").ArgType<unknown>;
-    };
-    parameters: {
-        height: string;
-    };
-};
-export default _default;
-export declare const CalendarPlacement: (args: DatePickerProps) => JSX.Element;

package/build/components/DatePicker/examples/withEmptyState.stories.d.ts

@@ -1,116 +0,0 @@
-/// <reference types="react" />
-import { DatePickerProps } from '../datepicker.component';
-declare const _default: {
-    title: string;
-    id: string;
-    component: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
-    argTypes: {
-        date: {
-            defaultValue: Date;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            type: {
-                name: string;
-            };
-        };
-        dateFormat: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            type: string;
-        };
-        onDateChange: {
-            description: string;
-            action: string;
-            control: null;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        placement: {
-            description: string;
-            options: import("@chakra-ui/popper/dist/declarations/src/popper.placement").PlacementWithLogical[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        minYear: {
-            defaultValue: number;
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-        };
-        maxYear: {
-            defaultValue: number;
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-        };
-        label: import("@storybook/addons").ArgType<unknown>;
-        isDisabled: import("@storybook/addons").ArgType<unknown>;
-        size: import("@storybook/addons").ArgType<unknown>;
-        isOnContrast: import("@storybook/addons").ArgType<unknown>;
-        errorText: import("@storybook/addons").ArgType<unknown>;
-        formControlStyle: import("@storybook/addons").ArgType<unknown>;
-        helperText: import("@storybook/addons").ArgType<unknown>;
-        invalidIconColor: import("@storybook/addons").ArgType<unknown>;
-        isFieldInline: import("@storybook/addons").ArgType<unknown>;
-        isInvalid: import("@storybook/addons").ArgType<unknown>;
-        isReadOnly: import("@storybook/addons").ArgType<unknown>;
-        isRequired: import("@storybook/addons").ArgType<unknown>;
-        labelStyle: import("@storybook/addons").ArgType<unknown>;
-        labelPosition: import("@storybook/addons").ArgType<unknown>;
-        useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
-        useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
-        useInvalidText: import("@storybook/addons").ArgType<unknown>;
-    };
-    parameters: {
-        height: string;
-    };
-};
-export default _default;
-export declare const Empty: {
-    (args: DatePickerProps): JSX.Element;
-    args: {
-        date: null;
-    };
-};
-export declare const CalendarPlacement: (args: DatePickerProps) => JSX.Element;