@televet/kibble-ui 4.0.0-beta.42 → 4.0.0-beta.43

package/dist/chunks/{timePicker.component-DayAeaAE.js.map → timePicker.component-sttSyiVV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timePicker.component-DayAeaAE.js","sources":["../../src/components/TimePicker/components/TimeOption/timeOption.recipe.ts","../../src/components/TimePicker/components/TimeOption/timeOption.component.tsx","../../src/components/TimePicker/timePicker.recipe.ts","../../src/components/TimePicker/components/TimeList/timeList.component.tsx","../../src/components/TimePicker/timePicker.types.ts","../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timeOptionRecipe = defineRecipe({\n  base: {\n    borderRadius: \"4px\",\n    cursor: \"pointer\",\n    fontSize: \"sm\",\n    px: 3,\n    py: 1,\n    textAlign: \"center\",\n  },\n  variants: {\n    selected: {\n      true: {\n        background: \"background.secondary\",\n        color: \"text.contrast\",\n        _hover: {\n          background: \"background.secondary.hover\",\n        },\n      },\n      false: {\n        background: \"background\",\n        color: \"text.subtle\",\n        _hover: {\n          background: \"background.secondaryAlpha.hover\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeOptionRecipe } from \"./timeOption.recipe\";\n\ninterface TimeOptionProps {\n  innerRef?: React.RefObject<HTMLDivElement | null> | null;\n  onClick: (selectedValue: string) => void;\n  selected: boolean;\n  value: string;\n}\n\nexport const TimeOption = ({\n  value,\n  innerRef,\n  onClick,\n  selected,\n}: TimeOptionProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: timeOptionRecipe });\n  const styles = recipe({ selected });\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || \"\";\n      onClick(selectedValue);\n    },\n    [onClick],\n  );\n\n  return (\n    <Box\n      className=\"TimePicker__Option\"\n      data-testid=\"kibble-timepicker-option\"\n      ref={innerRef}\n      onClick={handleClick}\n      css={styles}\n    >\n      {value}\n    </Box>\n  );\n};\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timePickerRecipe = defineSlotRecipe({\n  slots: [\"trigger\", \"container\", \"list\"],\n  base: {\n    trigger: {\n      width: \"100%\",\n    },\n    container: {\n      display: \"flex\",\n      gap: 1.5,\n      height: \"186px\",\n      overflow: \"hidden\",\n    },\n    list: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 1,\n      overflowY: \"auto\",\n      \"&::webkit-scrollbar\": {\n        display: \"none\",\n      },\n    },\n  },\n});\n","import React, { useEffect, useRef } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeOption } from \"../TimeOption/timeOption.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"../../timePicker.recipe\";\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: \"hour\" | \"minute\" | \"meridiem\";\n  selectedValue?: string;\n  onClick: (value: string) => void;\n  open: boolean;\n}\n\nexport const TimeList = ({\n  options,\n  optionType,\n  selectedValue,\n  onClick,\n  open = false,\n}: ScrollContainerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n  const styles = recipe();\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (open && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop =\n        itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [open]);\n\n  return (\n    <Box\n      className=\"TimePicker__List\"\n      data-testid={`kibble-timepicker-${optionType}-list`}\n      css={styles.list}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            selected={option === selectedValue}\n            onClick={onClick}\n            data-testid={option}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n","export enum Meridiem {\n  AM = \"AM\",\n  PM = \"PM\",\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  TextInput,\n  TextInputProps,\n} from \"components/TextInput/textInput.component\";\nimport { Popover } from \"components/Popover/popover.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\nimport format from \"date-fns/format\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeList } from \"./components/TimeList/timeList.component\";\nimport { Meridiem } from \"./timePicker.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"./timePicker.recipe\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TimePickerProps {\n  initialTime?: Date;\n  inputProps?: Omit<\n    TextInputProps,\n    \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n  >;\n  minuteInterval?: number;\n  onTimeChange?: (time: Date) => void;\n  placement?: Placement;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  inputProps,\n  minuteInterval = 5,\n  onTimeChange,\n  placement = \"bottom\",\n}: TimePickerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n  const styles = recipe();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n  const [selectedHour, setSelectedHour] = useState<string | undefined>();\n  const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n  const [selectedMeridiem, setSelectedMeridiem] = useState<\n    string | undefined\n  >();\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) =>\n      hour.toString(),\n    );\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  useEffect(() => {\n    // Set default selections based on value passed in\n    if (initialTime) {\n      const localTime = new Date(initialTime);\n\n      // calculate hours\n      const hours = localTime.getHours();\n      const adjustedHours = hours % 12 || 12;\n\n      setSelectedTime(initialTime);\n      setSelectedHour(adjustedHours.toString());\n      setSelectedMinute(localTime.getMinutes().toString());\n      setSelectedMeridiem(\n        localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n      );\n    }\n  }, [initialTime]);\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={({ open }) => setIsOpen(open)}\n      anchor={\n        <Box\n          className=\"TimePicker__Trigger\"\n          data-testid=\"kibble-timepicker-trigger\"\n          css={styles.trigger}\n        >\n          <TextInput\n            placeholder=\"12:00 AM\"\n            rightElement={\n              <Icon\n                size={useIconTextSizeMap(inputProps?.size || \"md\")}\n                name=\"clock\"\n              />\n            }\n            value={formattedTime}\n            readOnly\n            cursor=\"pointer\"\n            {...inputProps}\n            {...(isOpen && { \"data-focus\": \"true\" })}\n          />\n        </Box>\n      }\n      contentProps={{ w: \"max-content\" }}\n      variant=\"default\"\n      placement={placement}\n    >\n      <Box\n        className=\"TimePicker__Container\"\n        data-testid=\"kibble-timepicker-container\"\n        css={styles.container}\n      >\n        <TimeList\n          options={hourOptions}\n          optionType=\"hour\"\n          selectedValue={selectedHour}\n          onClick={handleHourClick}\n          open={isOpen}\n        />\n        <TimeList\n          options={minuteOptions}\n          optionType=\"minute\"\n          selectedValue={\n            selectedMinute ? formatNumber(selectedMinute) : undefined\n          }\n          onClick={handleMinuteClick}\n          open={isOpen}\n        />\n        <TimeList\n          options={meridiemOptions}\n          optionType=\"meridiem\"\n          selectedValue={selectedMeridiem}\n          onClick={handleMeridiemClick}\n          open={isOpen}\n        />\n      </Box>\n    </Popover>\n  );\n};\n"],"names":["timeOptionRecipe","defineRecipe","TimeOption","value","innerRef","onClick","selected","styles","useRecipe","handleClick","useCallback","event","selectedValue","jsx","Box","timePickerRecipe","defineSlotRecipe","TimeList","options","optionType","open","useSlotRecipe","itemRef","useRef","containerRef","useEffect","option","Meridiem","TimePicker","initialTime","inputProps","minuteInterval","onTimeChange","placement","isOpen","setIsOpen","useState","selectedTime","setSelectedTime","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","hourOptions","hour","minuteOptions","minutes","i","meridiemOptions","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","hours","time","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","Popover","TextInput","Icon","useIconTextSizeMap","jsxs"],"mappings":"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"}
+{"version":3,"file":"timePicker.component-sttSyiVV.js","sources":["../../src/components/TimePicker/components/TimeOption/timeOption.recipe.ts","../../src/components/TimePicker/components/TimeOption/timeOption.component.tsx","../../src/components/TimePicker/timePicker.recipe.ts","../../src/components/TimePicker/components/TimeList/timeList.component.tsx","../../src/components/TimePicker/timePicker.types.ts","../../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timeOptionRecipe = defineRecipe({\n  base: {\n    borderRadius: \"4px\",\n    cursor: \"pointer\",\n    fontSize: \"sm\",\n    px: 3,\n    py: 1,\n    textAlign: \"center\",\n  },\n  variants: {\n    selected: {\n      true: {\n        background: \"background.secondary\",\n        color: \"text.contrast\",\n        _hover: {\n          background: \"background.secondary.hover\",\n        },\n      },\n      false: {\n        background: \"background\",\n        color: \"text.subtle\",\n        _hover: {\n          background: \"background.secondaryAlpha.hover\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeOptionRecipe } from \"./timeOption.recipe\";\n\ninterface TimeOptionProps {\n  innerRef?: React.RefObject<HTMLDivElement | null> | null;\n  onClick: (selectedValue: string) => void;\n  selected: boolean;\n  value: string;\n}\n\nexport const TimeOption = ({\n  value,\n  innerRef,\n  onClick,\n  selected,\n}: TimeOptionProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: timeOptionRecipe });\n  const styles = recipe({ selected });\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || \"\";\n      onClick(selectedValue);\n    },\n    [onClick],\n  );\n\n  return (\n    <Box\n      className=\"TimePicker__Option\"\n      data-testid=\"kibble-timepicker-option\"\n      ref={innerRef}\n      onClick={handleClick}\n      css={styles}\n    >\n      {value}\n    </Box>\n  );\n};\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const timePickerRecipe = defineSlotRecipe({\n  slots: [\"trigger\", \"container\", \"list\"],\n  base: {\n    trigger: {\n      width: \"100%\",\n    },\n    container: {\n      display: \"flex\",\n      gap: 1.5,\n      height: \"186px\",\n      overflow: \"hidden\",\n    },\n    list: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 1,\n      overflowY: \"auto\",\n      \"&::webkit-scrollbar\": {\n        display: \"none\",\n      },\n    },\n  },\n});\n","import React, { useEffect, useRef } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeOption } from \"../TimeOption/timeOption.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"../../timePicker.recipe\";\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: \"hour\" | \"minute\" | \"meridiem\";\n  selectedValue?: string;\n  onClick: (value: string) => void;\n  open: boolean;\n}\n\nexport const TimeList = ({\n  options,\n  optionType,\n  selectedValue,\n  onClick,\n  open = false,\n}: ScrollContainerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n  const styles = recipe();\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (open && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop =\n        itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [open]);\n\n  return (\n    <Box\n      className=\"TimePicker__List\"\n      data-testid={`kibble-timepicker-${optionType}-list`}\n      css={styles.list}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            selected={option === selectedValue}\n            onClick={onClick}\n            data-testid={option}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n","export enum Meridiem {\n  AM = \"AM\",\n  PM = \"PM\",\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  TextInput,\n  TextInputProps,\n} from \"components/TextInput/textInput.component\";\nimport { Popover } from \"components/Popover/popover.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\nimport format from \"date-fns/format\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TimeList } from \"./components/TimeList/timeList.component\";\nimport { Meridiem } from \"./timePicker.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timePickerRecipe } from \"./timePicker.recipe\";\nimport { Placement } from \"shared/types/placement\";\n\nexport interface TimePickerProps {\n  initialTime?: Date;\n  inputProps?: Omit<\n    TextInputProps,\n    \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n  >;\n  minuteInterval?: number;\n  onTimeChange?: (time: Date) => void;\n  placement?: Placement;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  inputProps,\n  minuteInterval = 5,\n  onTimeChange,\n  placement = \"bottom\",\n}: TimePickerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: timePickerRecipe });\n  const styles = recipe();\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n  const [selectedHour, setSelectedHour] = useState<string | undefined>();\n  const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n  const [selectedMeridiem, setSelectedMeridiem] = useState<\n    string | undefined\n  >();\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) =>\n      hour.toString(),\n    );\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  useEffect(() => {\n    // Set default selections based on value passed in\n    if (initialTime) {\n      const localTime = new Date(initialTime);\n\n      // calculate hours\n      const hours = localTime.getHours();\n      const adjustedHours = hours % 12 || 12;\n\n      setSelectedTime(initialTime);\n      setSelectedHour(adjustedHours.toString());\n      setSelectedMinute(localTime.getMinutes().toString());\n      setSelectedMeridiem(\n        localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n      );\n    }\n  }, [initialTime]);\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={({ open }) => setIsOpen(open)}\n      anchor={\n        <Box\n          className=\"TimePicker__Trigger\"\n          data-testid=\"kibble-timepicker-trigger\"\n          css={styles.trigger}\n        >\n          <TextInput\n            placeholder=\"12:00 AM\"\n            rightElement={\n              <Icon\n                size={useIconTextSizeMap(inputProps?.size || \"md\")}\n                name=\"clock\"\n              />\n            }\n            value={formattedTime}\n            readOnly\n            cursor=\"pointer\"\n            {...inputProps}\n            {...(isOpen && { \"data-focus\": \"true\" })}\n          />\n        </Box>\n      }\n      contentProps={{ w: \"max-content\" }}\n      variant=\"default\"\n      placement={placement}\n    >\n      <Box\n        className=\"TimePicker__Container\"\n        data-testid=\"kibble-timepicker-container\"\n        css={styles.container}\n      >\n        <TimeList\n          options={hourOptions}\n          optionType=\"hour\"\n          selectedValue={selectedHour}\n          onClick={handleHourClick}\n          open={isOpen}\n        />\n        <TimeList\n          options={minuteOptions}\n          optionType=\"minute\"\n          selectedValue={\n            selectedMinute ? formatNumber(selectedMinute) : undefined\n          }\n          onClick={handleMinuteClick}\n          open={isOpen}\n        />\n        <TimeList\n          options={meridiemOptions}\n          optionType=\"meridiem\"\n          selectedValue={selectedMeridiem}\n          onClick={handleMeridiemClick}\n          open={isOpen}\n        />\n      </Box>\n    </Popover>\n  );\n};\n"],"names":["timeOptionRecipe","defineRecipe","TimeOption","value","innerRef","onClick","selected","styles","useRecipe","handleClick","useCallback","event","selectedValue","jsx","Box","timePickerRecipe","defineSlotRecipe","TimeList","options","optionType","open","useSlotRecipe","itemRef","useRef","containerRef","useEffect","option","Meridiem","TimePicker","initialTime","inputProps","minuteInterval","onTimeChange","placement","isOpen","setIsOpen","useState","selectedTime","setSelectedTime","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","hourOptions","hour","minuteOptions","minutes","i","meridiemOptions","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","hours","time","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","Popover","TextInput","Icon","useIconTextSizeMap","jsxs"],"mappings":"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"}

package/dist/chunks/{timeRange.component-kKGWfXnG.js → timeRange.component-BuLsK6ed.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("./timePicker.component-CWQsy1FJ.js"),x=require("./flex-DKWxn8hO.js"),m=require("./box-ca2FvcWF.js"),c=({endTimePickerProps:s,separator:t,startTimePickerProps:r,...n})=>e.jsxRuntimeExports.jsxs(x.Flex,{className:"TimeRange","data-testid":"kibble-time-range",...n,children:[e.jsxRuntimeExports.jsx(i.TimePicker,{...r}),e.jsxRuntimeExports.jsx(m.Box,{alignSelf:"center",mx:1,children:t||"-"}),e.jsxRuntimeExports.jsx(i.TimePicker,{...s})]});exports.TimeRange=c;
-//# sourceMappingURL=timeRange.component-kKGWfXnG.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("./timePicker.component-Cm2roPxJ.js"),x=require("./flex-DKWxn8hO.js"),m=require("./box-ca2FvcWF.js"),c=({endTimePickerProps:s,separator:t,startTimePickerProps:r,...n})=>e.jsxRuntimeExports.jsxs(x.Flex,{className:"TimeRange","data-testid":"kibble-time-range",...n,children:[e.jsxRuntimeExports.jsx(i.TimePicker,{...r}),e.jsxRuntimeExports.jsx(m.Box,{alignSelf:"center",mx:1,children:t||"-"}),e.jsxRuntimeExports.jsx(i.TimePicker,{...s})]});exports.TimeRange=c;
+//# sourceMappingURL=timeRange.component-BuLsK6ed.js.map

package/dist/chunks/{timeRange.component-kKGWfXnG.js.map → timeRange.component-BuLsK6ed.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-kKGWfXnG.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  TimePicker,\n  TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n  separator?: React.ReactNode;\n  endTimePickerProps: TimePickerProps;\n  startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n  endTimePickerProps,\n  separator,\n  startTimePickerProps,\n  ...rest\n}: TimeRangeProps): React.JSX.Element => {\n  return (\n    <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1}>\n        {separator || \"-\"}\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":"yKAcaA,EAAY,CAAC,CACxB,mBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,GAAGC,CACL,6BAEKC,OAAK,CAAA,UAAU,YAAY,cAAY,oBAAqB,GAAGD,EAC9D,SAAA,CAACE,EAAAA,kBAAAA,IAAAC,EAAA,WAAA,CAAY,GAAGJ,EAAsB,0BACrCK,EAAAA,IAAI,CAAA,UAAU,SAAS,GAAI,EACzB,YAAa,IAChB,EACAF,wBAACC,EAAAA,WAAY,CAAA,GAAGN,CAAoB,CAAA,CAAA,EACtC"}
+{"version":3,"file":"timeRange.component-BuLsK6ed.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  TimePicker,\n  TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n  separator?: React.ReactNode;\n  endTimePickerProps: TimePickerProps;\n  startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n  endTimePickerProps,\n  separator,\n  startTimePickerProps,\n  ...rest\n}: TimeRangeProps): React.JSX.Element => {\n  return (\n    <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1}>\n        {separator || \"-\"}\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":"yKAcaA,EAAY,CAAC,CACxB,mBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,GAAGC,CACL,6BAEKC,OAAK,CAAA,UAAU,YAAY,cAAY,oBAAqB,GAAGD,EAC9D,SAAA,CAACE,EAAAA,kBAAAA,IAAAC,EAAA,WAAA,CAAY,GAAGJ,EAAsB,0BACrCK,EAAAA,IAAI,CAAA,UAAU,SAAS,GAAI,EACzB,YAAa,IAChB,EACAF,wBAACC,EAAAA,WAAY,CAAA,GAAGN,CAAoB,CAAA,CAAA,EACtC"}

package/dist/chunks/{timeRange.component-BMIZhDDZ.js → timeRange.component-OH7hVSwj.js}

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { T as r } from "./timePicker.component-DayAeaAE.js";
+import { T as r } from "./timePicker.component-sttSyiVV.js";
 import { F as a } from "./flex-C2d2LH-K.js";
 import { B as o } from "./box-y05hq0PT.js";
 const j = ({
@@ -15,4 +15,4 @@ const j = ({
 export {
   j as T
 };
-//# sourceMappingURL=timeRange.component-BMIZhDDZ.js.map
+//# sourceMappingURL=timeRange.component-OH7hVSwj.js.map

package/dist/chunks/{timeRange.component-BMIZhDDZ.js.map → timeRange.component-OH7hVSwj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-BMIZhDDZ.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  TimePicker,\n  TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n  separator?: React.ReactNode;\n  endTimePickerProps: TimePickerProps;\n  startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n  endTimePickerProps,\n  separator,\n  startTimePickerProps,\n  ...rest\n}: TimeRangeProps): React.JSX.Element => {\n  return (\n    <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1}>\n        {separator || \"-\"}\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,6BAEKC,GAAK,EAAA,WAAU,aAAY,eAAY,qBAAqB,GAAGD,GAC9D,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,GAAGJ,GAAsB;AAAA,wBACrCK,GAAI,EAAA,WAAU,UAAS,IAAI,GACzB,eAAa,KAChB;AAAA,EACAF,gBAAAA,MAACC,GAAY,EAAA,GAAGN,EAAoB,CAAA;AAAA,GACtC;"}
+{"version":3,"file":"timeRange.component-OH7hVSwj.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  TimePicker,\n  TimePickerProps,\n} from \"components/TimePicker/timePicker.component\";\n\nexport interface TimeRangeProps extends FlexProps {\n  separator?: React.ReactNode;\n  endTimePickerProps: TimePickerProps;\n  startTimePickerProps: TimePickerProps;\n}\n\nexport const TimeRange = ({\n  endTimePickerProps,\n  separator,\n  startTimePickerProps,\n  ...rest\n}: TimeRangeProps): React.JSX.Element => {\n  return (\n    <Flex className=\"TimeRange\" data-testid=\"kibble-time-range\" {...rest}>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1}>\n        {separator || \"-\"}\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","rest","Flex","jsx","TimePicker","Box"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,6BAEKC,GAAK,EAAA,WAAU,aAAY,eAAY,qBAAqB,GAAGD,GAC9D,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,GAAGJ,GAAsB;AAAA,wBACrCK,GAAI,EAAA,WAAU,UAAS,IAAI,GACzB,eAAa,KAChB;AAAA,EACAF,gBAAAA,MAACC,GAAY,EAAA,GAAGN,EAAoB,CAAA;AAAA,GACtC;"}

package/dist/chunks/{withFormControl-BldbKXiV.js → withFormControl-Chelruxy.js}

@@ -1,4 +1,4 @@
-import { j as l } from "./jsx-runtime-C5mzlN2N.js";
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
 import { W as K } from "./text.component-DZkwd4C0.js";
 import { p as g, f as Q } from "./typography.records-DA6XZIsX.js";
 import { I as V } from "./icon.component-BmcWaysM.js";
@@ -10,20 +10,20 @@ import { c as oe } from "./create-slot-recipe-context-DJkLYvCT.js";
 import { c as ae } from "./create-recipe-context-BcvaE0iS.js";
 import { u as v, F as le } from "./use-field-context-B8ygn96q.js";
 import { f as I, a as ne, b as ie, h as de } from "./use-locale-context-zakBNK5b.js";
-import { U as w, _ as ce, e as u, u as fe } from "./index-DLvqBeH6.js";
-const B = P((a, t) => {
-  const r = v(), e = w(r.getErrorTextProps(), a);
-  return r?.invalid ? /* @__PURE__ */ l.jsx(I.span, { ...e, ref: t }) : null;
+import { U as j, _ as ce, e as u, u as fe } from "./index-DLvqBeH6.js";
+const B = P((l, t) => {
+  const r = v(), e = j(r.getErrorTextProps(), l);
+  return r?.invalid ? /* @__PURE__ */ o.jsx(I.span, { ...e, ref: t }) : null;
 });
 B.displayName = "FieldErrorText";
-const O = P((a, t) => {
-  const r = v(), e = w(r?.getHelperTextProps(), a);
-  return /* @__PURE__ */ l.jsx(I.span, { ...e, ref: t });
+const O = P((l, t) => {
+  const r = v(), e = j(r?.getHelperTextProps(), l);
+  return /* @__PURE__ */ o.jsx(I.span, { ...e, ref: t });
 });
 O.displayName = "FieldHelperText";
-const W = P((a, t) => {
-  const r = v(), e = w(r?.getLabelProps(), a);
-  return /* @__PURE__ */ l.jsx(I.label, { ...e, ref: t });
+const W = P((l, t) => {
+  const r = v(), e = j(r?.getLabelProps(), l);
+  return /* @__PURE__ */ o.jsx(I.label, { ...e, ref: t });
 });
 W.displayName = "FieldLabel";
 const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
@@ -31,8 +31,8 @@ const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
   hookName: "useFieldsetContext",
   providerName: "<FieldsetProvider />",
   strict: !1
-}), pe = (a = {}) => {
-  const t = ue(), { ids: r, disabled: e = !!t?.disabled, invalid: s = !1, readOnly: o = !1, required: n = !1 } = a, [i, F] = q(!1), [T, N] = q(!1), d = a.id ?? te(), f = re(null), C = r?.control ?? `field::${d}`, c = r?.errorText ?? `field::${d}::error-text`, p = r?.helperText ?? `field::${d}::helper-text`, h = r?.label ?? `field::${d}::label`;
+}), pe = (l = {}) => {
+  const t = ue(), { ids: r, disabled: e = !!t?.disabled, invalid: s = !1, readOnly: a = !1, required: n = !1 } = l, [i, F] = q(!1), [T, N] = q(!1), d = l.id ?? te(), f = re(null), C = r?.control ?? `field::${d}`, c = r?.errorText ?? `field::${d}::error-text`, p = r?.helperText ?? `field::${d}::helper-text`, h = r?.label ?? `field::${d}::label`;
   me(() => {
     const b = f.current;
     if (!b) return;
@@ -46,7 +46,7 @@ const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
   const y = m(() => {
     const b = [];
     return i && s && b.push(c), T && b.push(p), b.join(" ") || void 0;
-  }, [s, c, p, i, T]), j = m(
+  }, [s, c, p, i, T]), w = m(
     () => () => ({
       ...g.root.attrs,
       id: C,
@@ -54,32 +54,32 @@ const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
       role: "group",
       "data-disabled": u(e),
       "data-invalid": u(s),
-      "data-readonly": u(o)
+      "data-readonly": u(a)
     }),
-    [e, s, o, C]
+    [e, s, a, C]
   ), R = m(
     () => () => ({
       ...g.label.attrs,
       id: h,
       "data-disabled": u(e),
       "data-invalid": u(s),
-      "data-readonly": u(o),
+      "data-readonly": u(a),
       htmlFor: d
     }),
-    [e, s, o, d, h]
+    [e, s, a, d, h]
   ), x = m(
     () => () => ({
       "aria-describedby": y,
       "aria-invalid": fe(s),
       "data-invalid": u(s),
       "data-required": u(n),
-      "data-readonly": u(o),
+      "data-readonly": u(a),
       id: d,
       required: n,
       disabled: e,
-      readOnly: o
+      readOnly: a
     }),
-    [y, s, n, o, d, e]
+    [y, s, n, a, d, e]
   ), E = m(
     () => () => ({
       ...x(),
@@ -133,10 +133,10 @@ const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
     },
     disabled: e,
     invalid: s,
-    readOnly: o,
+    readOnly: a,
     required: n,
     getLabelProps: R,
-    getRootProps: j,
+    getRootProps: w,
     getInputProps: E,
     getTextareaProps: D,
     getSelectProps: Z,
@@ -144,16 +144,16 @@ const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
     getErrorTextProps: G,
     getRequiredIndicatorProps: J
   };
-}, z = P((a, t) => {
-  const [r, e] = ie()(a, [
+}, z = P((l, t) => {
+  const [r, e] = ie()(l, [
     "id",
     "ids",
     "disabled",
     "invalid",
     "readOnly",
     "required"
-  ]), s = pe(r), o = w(s.getRootProps(), e);
-  return /* @__PURE__ */ l.jsx(le, { value: s, children: /* @__PURE__ */ l.jsx(I.div, { ...o, ref: de(t, s.refs.rootRef) }) });
+  ]), s = pe(r), a = j(s.getRootProps(), e);
+  return /* @__PURE__ */ o.jsx(le, { value: s, children: /* @__PURE__ */ o.jsx(I.div, { ...a, ref: de(t, s.refs.rootRef) }) });
 });
 z.displayName = "FieldRoot";
 const { useRecipeResult: xe } = ae({ key: "icon" }), he = X.forwardRef(
@@ -161,28 +161,28 @@ const { useRecipeResult: xe } = ae({ key: "icon" }), he = X.forwardRef(
     const {
       styles: e,
       className: s,
-      props: o
+      props: a
     } = xe({ asChild: !t.as, ...t });
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ o.jsx(
       L.svg,
       {
         ref: r,
         focusable: !1,
         "aria-hidden": "true",
-        ...o,
+        ...a,
         css: [e, t.css],
         className: M(s, t.className)
       }
     );
   }
 );
-function ge(a) {
+function ge(l) {
   const {
     viewBox: t = "0 0 24 24",
     d: r,
     displayName: e,
     defaultProps: s = {}
-  } = a, o = se.toArray(a.path), n = P((i, F) => /* @__PURE__ */ l.jsx(
+  } = l, a = se.toArray(l.path), n = P((i, F) => /* @__PURE__ */ o.jsx(
     he,
     {
       ref: F,
@@ -190,7 +190,7 @@ function ge(a) {
       viewBox: t,
       ...s,
       ...i,
-      children: o.length ? o : /* @__PURE__ */ l.jsx("path", { fill: "currentColor", d: r })
+      children: a.length ? a : /* @__PURE__ */ o.jsx("path", { fill: "currentColor", d: r })
     }
   ));
   return n.displayName = e, n;
@@ -217,13 +217,13 @@ ge({
   d: "M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
 });
 const ve = P(function(t, r) {
-  const { fallback: e, children: s = "*", ...o } = t, n = v(), i = Te(), F = be();
-  return n?.required ? /* @__PURE__ */ l.jsx(
+  const { fallback: e, children: s = "*", ...a } = t, n = v(), i = Te(), F = be();
+  return n?.required ? /* @__PURE__ */ o.jsx(
     L.span,
     {
       ref: r,
       "aria-hidden": "true",
-      ...o,
+      ...a,
       className: M(i.requiredIndicator, t.className),
       css: [F.requiredIndicator, t.css],
       children: s
@@ -233,12 +233,12 @@ const ve = P(function(t, r) {
   sm: 10,
   md: 12,
   lg: 14
-}, Be = (a) => {
+}, Be = (l) => {
   const t = ({
     disabled: r = !1,
     errorText: e = "Field is invalid",
     formControlStyle: s,
-    helperText: o,
+    helperText: a,
     inlineField: n = !1,
     invalid: i = !1,
     invalidIconColor: F = "warning",
@@ -248,13 +248,13 @@ const ve = P(function(t, r) {
     onContrast: f = !1,
     readOnly: C = !1,
     required: c = !1,
-    showRequiredElement: p = !1,
+    showOptionalElement: p = !1,
     size: h = "md",
     useInvalidIcon: y = !1,
-    useInvalidText: j = !0,
+    useInvalidText: w = !0,
     ...R
   }) => {
-    const x = /* @__PURE__ */ l.jsxs(
+    const x = /* @__PURE__ */ o.jsxs(
       Pe,
       {
         className: "FormControl__Label",
@@ -266,13 +266,13 @@ const ve = P(function(t, r) {
         },
         children: [
           T,
-          p && /* @__PURE__ */ l.jsx(
+          /* @__PURE__ */ o.jsx(
             ve,
             {
               className: "FormControl__RequiredIndicator",
               color: f ? "text.danger.contrast" : "text.danger",
               ...!c && {
-                fallback: /* @__PURE__ */ l.jsxs(
+                fallback: p ? /* @__PURE__ */ o.jsxs(
                   K,
                   {
                     variant: f ? "subtleOnContrast" : "subtle",
@@ -282,14 +282,14 @@ const ve = P(function(t, r) {
                       "(Optional)"
                     ]
                   }
-                )
+                ) : /* @__PURE__ */ o.jsx(o.Fragment, {})
               }
             }
           )
         ]
       }
     );
-    return /* @__PURE__ */ l.jsxs(
+    return /* @__PURE__ */ o.jsxs(
       Ce,
       {
         className: "FormControl group",
@@ -300,7 +300,7 @@ const ve = P(function(t, r) {
         width: "auto",
         ...s,
         children: [
-          /* @__PURE__ */ l.jsxs(
+          /* @__PURE__ */ o.jsxs(
             k,
             {
               className: "FormControl__Container",
@@ -309,7 +309,7 @@ const ve = P(function(t, r) {
               gap: 2,
               children: [
                 T && N === "start" && x,
-                /* @__PURE__ */ l.jsxs(
+                /* @__PURE__ */ o.jsxs(
                   k,
                   {
                     className: "FormControl__Content",
@@ -317,8 +317,8 @@ const ve = P(function(t, r) {
                     gap: 2,
                     w: n ? "max-content" : "100%",
                     children: [
-                      /* @__PURE__ */ l.jsx(
-                        a,
+                      /* @__PURE__ */ o.jsx(
+                        l,
                         {
                           disabled: r,
                           invalid: i,
@@ -329,7 +329,7 @@ const ve = P(function(t, r) {
                           ...R
                         }
                       ),
-                      y && i && /* @__PURE__ */ l.jsx(
+                      y && i && /* @__PURE__ */ o.jsx(
                         V,
                         {
                           className: "FormControl__InvalidIcon",
@@ -345,7 +345,7 @@ const ve = P(function(t, r) {
               ]
             }
           ),
-          j && i && /* @__PURE__ */ l.jsx(
+          w && i && /* @__PURE__ */ o.jsx(
             Ne,
             {
               className: "FormControl__ErrorText",
@@ -354,22 +354,22 @@ const ve = P(function(t, r) {
               children: e
             }
           ),
-          o && /* @__PURE__ */ l.jsx(
+          a && /* @__PURE__ */ o.jsx(
             ye,
             {
               className: "FormControl__HelperText",
               fontSize: "xs",
               color: f ? "text.subtle.contrast" : "text.subtle",
-              children: o
+              children: a
             }
           )
         ]
       }
     );
   };
-  return t.displayName = `withFormControl(${a.displayName || a.name}`, t;
+  return t.displayName = `withFormControl(${l.displayName || l.name}`, t;
 };
 export {
   Be as w
 };
-//# sourceMappingURL=withFormControl-BldbKXiV.js.map
+//# sourceMappingURL=withFormControl-Chelruxy.js.map

package/dist/chunks/{withFormControl-BldbKXiV.js.map → withFormControl-Chelruxy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-BldbKXiV.js","sources":["../../node_modules/@ark-ui/react/dist/components/field/field-error-text.js","../../node_modules/@ark-ui/react/dist/components/field/field-helper-text.js","../../node_modules/@ark-ui/react/dist/components/field/field-label.js","../../node_modules/@ark-ui/react/dist/utils/use-safe-layout-effect.js","../../node_modules/@ark-ui/react/dist/components/fieldset/use-fieldset-context.js","../../node_modules/@ark-ui/react/dist/components/field/use-field.js","../../node_modules/@ark-ui/react/dist/components/field/field-root.js","../../node_modules/@chakra-ui/react/dist/esm/components/icon/icon.js","../../node_modules/@chakra-ui/react/dist/esm/components/icon/create-icon.js","../../node_modules/@chakra-ui/react/dist/esm/components/field/field.js","../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldErrorText = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field.getErrorTextProps(), props);\n  if (field?.invalid) {\n    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n  }\n  return null;\n});\nFieldErrorText.displayName = \"FieldErrorText\";\n\nexport { FieldErrorText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldHelperText = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getHelperTextProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nFieldHelperText.displayName = \"FieldHelperText\";\n\nexport { FieldHelperText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldLabel = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nFieldLabel.displayName = \"FieldLabel\";\n\nexport { FieldLabel };\n","'use client';\nimport { useLayoutEffect, useEffect } from 'react';\n\nconst useSafeLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nexport { useSafeLayoutEffect };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [FieldsetProvider, useFieldsetContext] = createContext({\n  name: \"FieldsetContext\",\n  hookName: \"useFieldsetContext\",\n  providerName: \"<FieldsetProvider />\",\n  strict: false\n});\n\nexport { FieldsetProvider, useFieldsetContext };\n","'use client';\nimport { getWindow, dataAttr, ariaAttr } from '@zag-js/dom-query';\nimport { useState, useId, useRef, useMemo } from 'react';\nimport { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';\nimport { useFieldsetContext } from '../fieldset/use-fieldset-context.js';\nimport { parts } from './field.anatomy.js';\n\nconst useField = (props = {}) => {\n  const fieldset = useFieldsetContext();\n  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;\n  const [hasErrorText, setHasErrorText] = useState(false);\n  const [hasHelperText, setHasHelperText] = useState(false);\n  const id = props.id ?? useId();\n  const rootRef = useRef(null);\n  const rootId = ids?.control ?? `field::${id}`;\n  const errorTextId = ids?.errorText ?? `field::${id}::error-text`;\n  const helperTextId = ids?.helperText ?? `field::${id}::helper-text`;\n  const labelId = ids?.label ?? `field::${id}::label`;\n  useSafeLayoutEffect(() => {\n    const rootNode = rootRef.current;\n    if (!rootNode) return;\n    const win = getWindow(rootNode);\n    const doc = win.document;\n    const checkTextElements = () => {\n      setHasErrorText(!!doc.getElementById(errorTextId));\n      setHasHelperText(!!doc.getElementById(helperTextId));\n    };\n    checkTextElements();\n    const observer = new win.MutationObserver(checkTextElements);\n    observer.observe(rootNode, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, [errorTextId, helperTextId]);\n  const labelIds = useMemo(() => {\n    const ids2 = [];\n    if (hasErrorText && invalid) ids2.push(errorTextId);\n    if (hasHelperText) ids2.push(helperTextId);\n    return ids2.join(\" \") || void 0;\n  }, [invalid, errorTextId, helperTextId, hasErrorText, hasHelperText]);\n  const getRootProps = useMemo(\n    () => () => ({\n      ...parts.root.attrs,\n      id: rootId,\n      ref: rootRef,\n      role: \"group\",\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly)\n    }),\n    [disabled, invalid, readOnly, rootId]\n  );\n  const getLabelProps = useMemo(\n    () => () => ({\n      ...parts.label.attrs,\n      id: labelId,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      htmlFor: id\n    }),\n    [disabled, invalid, readOnly, id, labelId]\n  );\n  const getControlProps = useMemo(\n    () => () => ({\n      \"aria-describedby\": labelIds,\n      \"aria-invalid\": ariaAttr(invalid),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-required\": dataAttr(required),\n      \"data-readonly\": dataAttr(readOnly),\n      id,\n      required,\n      disabled,\n      readOnly\n    }),\n    [labelIds, invalid, required, readOnly, id, disabled]\n  );\n  const getInputProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.input.attrs\n    }),\n    [getControlProps]\n  );\n  const getTextareaProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.textarea.attrs\n    }),\n    [getControlProps]\n  );\n  const getSelectProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.select.attrs\n    }),\n    [getControlProps]\n  );\n  const getHelperTextProps = useMemo(\n    () => () => ({\n      id: helperTextId,\n      ...parts.helperText.attrs,\n      \"data-disabled\": dataAttr(disabled)\n    }),\n    [disabled, helperTextId]\n  );\n  const getErrorTextProps = useMemo(\n    () => () => ({\n      id: errorTextId,\n      ...parts.errorText.attrs,\n      \"aria-live\": \"polite\"\n    }),\n    [errorTextId]\n  );\n  const getRequiredIndicatorProps = useMemo(\n    () => () => ({\n      \"aria-hidden\": true,\n      ...parts.requiredIndicator.attrs\n    }),\n    []\n  );\n  return {\n    ariaDescribedby: labelIds,\n    ids: {\n      root: rootId,\n      control: id,\n      label: labelId,\n      errorText: errorTextId,\n      helperText: helperTextId\n    },\n    refs: {\n      rootRef\n    },\n    disabled,\n    invalid,\n    readOnly,\n    required,\n    getLabelProps,\n    getRootProps,\n    getInputProps,\n    getTextareaProps,\n    getSelectProps,\n    getHelperTextProps,\n    getErrorTextProps,\n    getRequiredIndicatorProps\n  };\n};\n\nexport { useField };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useField } from './use-field.js';\nimport { FieldProvider } from './use-field-context.js';\n\nconst FieldRoot = forwardRef((props, ref) => {\n  const [useFieldProps, localProps] = createSplitProps()(props, [\n    \"id\",\n    \"ids\",\n    \"disabled\",\n    \"invalid\",\n    \"readOnly\",\n    \"required\"\n  ]);\n  const field = useField(useFieldProps);\n  const mergedProps = mergeProps(field.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(FieldProvider, { value: field, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(ref, field.refs.rootRef) }) });\n});\nFieldRoot.displayName = \"FieldRoot\";\n\nexport { FieldRoot };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({ key: \"icon\" });\nconst Icon = React.forwardRef(\n  function Icon2(props, ref) {\n    const {\n      styles,\n      className,\n      props: otherProps\n    } = useRecipeResult({ asChild: !props.as, ...props });\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        focusable: false,\n        \"aria-hidden\": \"true\",\n        ...otherProps,\n        css: [styles, props.css],\n        className: cx(className, props.className)\n      }\n    );\n  }\n);\nconst IconPropsProvider = PropsProvider;\n\nexport { Icon, IconPropsProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Children, forwardRef } from 'react';\nimport { Icon } from './icon.js';\n\nfunction createIcon(options) {\n  const {\n    viewBox = \"0 0 24 24\",\n    d: pathDefinition,\n    displayName,\n    defaultProps = {}\n  } = options;\n  const path = Children.toArray(options.path);\n  const Comp = forwardRef((props, ref) => /* @__PURE__ */ jsx(\n    Icon,\n    {\n      ref,\n      asChild: false,\n      viewBox,\n      ...defaultProps,\n      ...props,\n      children: path.length ? path : /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: pathDefinition })\n    }\n  ));\n  Comp.displayName = displayName;\n  return Comp;\n}\n\nexport { createIcon };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Field, useFieldContext } from '@ark-ui/react/field';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { createIcon } from '../icon/create-icon.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useFieldStyles,\n  useClassNames,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"field\" });\nconst FieldRoot = withProvider(\n  Field.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst FieldPropsProvider = PropsProvider;\nconst FieldLabel = withContext(\n  Field.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst FieldHelperText = withContext(Field.HelperText, \"helperText\", { forwardAsChild: true });\nconst FieldErrorText = withContext(\n  Field.ErrorText,\n  \"errorText\",\n  { forwardAsChild: true }\n);\nconst FieldErrorIcon = createIcon({\n  d: \"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\"\n});\nconst FieldRequiredIndicator = forwardRef(function RequiredIndicator(props, ref) {\n  const { fallback, children = \"*\", ...restProps } = props;\n  const field = useFieldContext();\n  const classNames = useClassNames();\n  const styles = useFieldStyles();\n  if (!field?.required) {\n    return fallback;\n  }\n  return /* @__PURE__ */ jsx(\n    chakra.span,\n    {\n      ref,\n      \"aria-hidden\": \"true\",\n      ...restProps,\n      className: cx(classNames.requiredIndicator, props.className),\n      css: [styles.requiredIndicator, props.css],\n      children\n    }\n  );\n});\n\nexport { FieldErrorIcon, FieldErrorText, FieldHelperText, FieldLabel, FieldPropsProvider, FieldRequiredIndicator, FieldRoot, useFieldStyles };\n","import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["FieldErrorText","forwardRef","props","ref","field","useFieldContext","mergedProps","mergeProps","jsx","ark","FieldHelperText","FieldLabel","useSafeLayoutEffect","useLayoutEffect","useEffect","FieldsetProvider","useFieldsetContext","createContext","useField","fieldset","ids","disabled","invalid","readOnly","required","hasErrorText","setHasErrorText","useState","hasHelperText","setHasHelperText","id","useId","rootRef","useRef","rootId","errorTextId","helperTextId","labelId","rootNode","win","getWindow","doc","checkTextElements","observer","labelIds","useMemo","ids2","getRootProps","parts","dataAttr","getLabelProps","getControlProps","ariaAttr","getInputProps","getTextareaProps","getSelectProps","getHelperTextProps","getErrorTextProps","getRequiredIndicatorProps","FieldRoot","useFieldProps","localProps","createSplitProps","FieldProvider","composeRefs","useRecipeResult","createRecipeContext","Icon","React","styles","className","otherProps","chakra","cx","createIcon","options","viewBox","pathDefinition","displayName","defaultProps","path","Children","Comp","withProvider","withContext","useFieldStyles","useClassNames","createSlotRecipeContext","Field.Root","Field.Label","Field.HelperText","Field.ErrorText","FieldRequiredIndicator","fallback","children","restProps","classNames","optionalTextSizeMap","withFormControl","Component","WithFormControl","errorText","formControlStyle","helperText","inlineField","invalidIconColor","label","labelPosition","labelStyle","onContrast","showRequiredElement","size","useInvalidIcon","useInvalidText","labelComponent","jsxs","fontSizes","e","Field.RequiredIndicator","Text","Flex"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}
+{"version":3,"file":"withFormControl-Chelruxy.js","sources":["../../node_modules/@ark-ui/react/dist/components/field/field-error-text.js","../../node_modules/@ark-ui/react/dist/components/field/field-helper-text.js","../../node_modules/@ark-ui/react/dist/components/field/field-label.js","../../node_modules/@ark-ui/react/dist/utils/use-safe-layout-effect.js","../../node_modules/@ark-ui/react/dist/components/fieldset/use-fieldset-context.js","../../node_modules/@ark-ui/react/dist/components/field/use-field.js","../../node_modules/@ark-ui/react/dist/components/field/field-root.js","../../node_modules/@chakra-ui/react/dist/esm/components/icon/icon.js","../../node_modules/@chakra-ui/react/dist/esm/components/icon/create-icon.js","../../node_modules/@chakra-ui/react/dist/esm/components/field/field.js","../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldErrorText = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field.getErrorTextProps(), props);\n  if (field?.invalid) {\n    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n  }\n  return null;\n});\nFieldErrorText.displayName = \"FieldErrorText\";\n\nexport { FieldErrorText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldHelperText = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getHelperTextProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nFieldHelperText.displayName = \"FieldHelperText\";\n\nexport { FieldHelperText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldLabel = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nFieldLabel.displayName = \"FieldLabel\";\n\nexport { FieldLabel };\n","'use client';\nimport { useLayoutEffect, useEffect } from 'react';\n\nconst useSafeLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nexport { useSafeLayoutEffect };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [FieldsetProvider, useFieldsetContext] = createContext({\n  name: \"FieldsetContext\",\n  hookName: \"useFieldsetContext\",\n  providerName: \"<FieldsetProvider />\",\n  strict: false\n});\n\nexport { FieldsetProvider, useFieldsetContext };\n","'use client';\nimport { getWindow, dataAttr, ariaAttr } from '@zag-js/dom-query';\nimport { useState, useId, useRef, useMemo } from 'react';\nimport { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';\nimport { useFieldsetContext } from '../fieldset/use-fieldset-context.js';\nimport { parts } from './field.anatomy.js';\n\nconst useField = (props = {}) => {\n  const fieldset = useFieldsetContext();\n  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;\n  const [hasErrorText, setHasErrorText] = useState(false);\n  const [hasHelperText, setHasHelperText] = useState(false);\n  const id = props.id ?? useId();\n  const rootRef = useRef(null);\n  const rootId = ids?.control ?? `field::${id}`;\n  const errorTextId = ids?.errorText ?? `field::${id}::error-text`;\n  const helperTextId = ids?.helperText ?? `field::${id}::helper-text`;\n  const labelId = ids?.label ?? `field::${id}::label`;\n  useSafeLayoutEffect(() => {\n    const rootNode = rootRef.current;\n    if (!rootNode) return;\n    const win = getWindow(rootNode);\n    const doc = win.document;\n    const checkTextElements = () => {\n      setHasErrorText(!!doc.getElementById(errorTextId));\n      setHasHelperText(!!doc.getElementById(helperTextId));\n    };\n    checkTextElements();\n    const observer = new win.MutationObserver(checkTextElements);\n    observer.observe(rootNode, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, [errorTextId, helperTextId]);\n  const labelIds = useMemo(() => {\n    const ids2 = [];\n    if (hasErrorText && invalid) ids2.push(errorTextId);\n    if (hasHelperText) ids2.push(helperTextId);\n    return ids2.join(\" \") || void 0;\n  }, [invalid, errorTextId, helperTextId, hasErrorText, hasHelperText]);\n  const getRootProps = useMemo(\n    () => () => ({\n      ...parts.root.attrs,\n      id: rootId,\n      ref: rootRef,\n      role: \"group\",\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly)\n    }),\n    [disabled, invalid, readOnly, rootId]\n  );\n  const getLabelProps = useMemo(\n    () => () => ({\n      ...parts.label.attrs,\n      id: labelId,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      htmlFor: id\n    }),\n    [disabled, invalid, readOnly, id, labelId]\n  );\n  const getControlProps = useMemo(\n    () => () => ({\n      \"aria-describedby\": labelIds,\n      \"aria-invalid\": ariaAttr(invalid),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-required\": dataAttr(required),\n      \"data-readonly\": dataAttr(readOnly),\n      id,\n      required,\n      disabled,\n      readOnly\n    }),\n    [labelIds, invalid, required, readOnly, id, disabled]\n  );\n  const getInputProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.input.attrs\n    }),\n    [getControlProps]\n  );\n  const getTextareaProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.textarea.attrs\n    }),\n    [getControlProps]\n  );\n  const getSelectProps = useMemo(\n    () => () => ({\n      ...getControlProps(),\n      ...parts.select.attrs\n    }),\n    [getControlProps]\n  );\n  const getHelperTextProps = useMemo(\n    () => () => ({\n      id: helperTextId,\n      ...parts.helperText.attrs,\n      \"data-disabled\": dataAttr(disabled)\n    }),\n    [disabled, helperTextId]\n  );\n  const getErrorTextProps = useMemo(\n    () => () => ({\n      id: errorTextId,\n      ...parts.errorText.attrs,\n      \"aria-live\": \"polite\"\n    }),\n    [errorTextId]\n  );\n  const getRequiredIndicatorProps = useMemo(\n    () => () => ({\n      \"aria-hidden\": true,\n      ...parts.requiredIndicator.attrs\n    }),\n    []\n  );\n  return {\n    ariaDescribedby: labelIds,\n    ids: {\n      root: rootId,\n      control: id,\n      label: labelId,\n      errorText: errorTextId,\n      helperText: helperTextId\n    },\n    refs: {\n      rootRef\n    },\n    disabled,\n    invalid,\n    readOnly,\n    required,\n    getLabelProps,\n    getRootProps,\n    getInputProps,\n    getTextareaProps,\n    getSelectProps,\n    getHelperTextProps,\n    getErrorTextProps,\n    getRequiredIndicatorProps\n  };\n};\n\nexport { useField };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useField } from './use-field.js';\nimport { FieldProvider } from './use-field-context.js';\n\nconst FieldRoot = forwardRef((props, ref) => {\n  const [useFieldProps, localProps] = createSplitProps()(props, [\n    \"id\",\n    \"ids\",\n    \"disabled\",\n    \"invalid\",\n    \"readOnly\",\n    \"required\"\n  ]);\n  const field = useField(useFieldProps);\n  const mergedProps = mergeProps(field.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(FieldProvider, { value: field, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(ref, field.refs.rootRef) }) });\n});\nFieldRoot.displayName = \"FieldRoot\";\n\nexport { FieldRoot };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({ key: \"icon\" });\nconst Icon = React.forwardRef(\n  function Icon2(props, ref) {\n    const {\n      styles,\n      className,\n      props: otherProps\n    } = useRecipeResult({ asChild: !props.as, ...props });\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        focusable: false,\n        \"aria-hidden\": \"true\",\n        ...otherProps,\n        css: [styles, props.css],\n        className: cx(className, props.className)\n      }\n    );\n  }\n);\nconst IconPropsProvider = PropsProvider;\n\nexport { Icon, IconPropsProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Children, forwardRef } from 'react';\nimport { Icon } from './icon.js';\n\nfunction createIcon(options) {\n  const {\n    viewBox = \"0 0 24 24\",\n    d: pathDefinition,\n    displayName,\n    defaultProps = {}\n  } = options;\n  const path = Children.toArray(options.path);\n  const Comp = forwardRef((props, ref) => /* @__PURE__ */ jsx(\n    Icon,\n    {\n      ref,\n      asChild: false,\n      viewBox,\n      ...defaultProps,\n      ...props,\n      children: path.length ? path : /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: pathDefinition })\n    }\n  ));\n  Comp.displayName = displayName;\n  return Comp;\n}\n\nexport { createIcon };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Field, useFieldContext } from '@ark-ui/react/field';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { createIcon } from '../icon/create-icon.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useFieldStyles,\n  useClassNames,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"field\" });\nconst FieldRoot = withProvider(\n  Field.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst FieldPropsProvider = PropsProvider;\nconst FieldLabel = withContext(\n  Field.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst FieldHelperText = withContext(Field.HelperText, \"helperText\", { forwardAsChild: true });\nconst FieldErrorText = withContext(\n  Field.ErrorText,\n  \"errorText\",\n  { forwardAsChild: true }\n);\nconst FieldErrorIcon = createIcon({\n  d: \"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\"\n});\nconst FieldRequiredIndicator = forwardRef(function RequiredIndicator(props, ref) {\n  const { fallback, children = \"*\", ...restProps } = props;\n  const field = useFieldContext();\n  const classNames = useClassNames();\n  const styles = useFieldStyles();\n  if (!field?.required) {\n    return fallback;\n  }\n  return /* @__PURE__ */ jsx(\n    chakra.span,\n    {\n      ref,\n      \"aria-hidden\": \"true\",\n      ...restProps,\n      className: cx(classNames.requiredIndicator, props.className),\n      css: [styles.requiredIndicator, props.css],\n      children\n    }\n  );\n});\n\nexport { FieldErrorIcon, FieldErrorText, FieldHelperText, FieldLabel, FieldPropsProvider, FieldRequiredIndicator, FieldRoot, useFieldStyles };\n","import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showOptionalElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showOptionalElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        <Field.RequiredIndicator\n          className=\"FormControl__RequiredIndicator\"\n          color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          {...(!required && {\n            fallback: showOptionalElement ? (\n              <Text\n                variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                fontSize={optionalTextSizeMap[size]}\n              >\n                {\" \"}\n                (Optional)\n              </Text>\n            ) : (\n              <></>\n            ),\n          })}\n        />\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["FieldErrorText","forwardRef","props","ref","field","useFieldContext","mergedProps","mergeProps","jsx","ark","FieldHelperText","FieldLabel","useSafeLayoutEffect","useLayoutEffect","useEffect","FieldsetProvider","useFieldsetContext","createContext","useField","fieldset","ids","disabled","invalid","readOnly","required","hasErrorText","setHasErrorText","useState","hasHelperText","setHasHelperText","id","useId","rootRef","useRef","rootId","errorTextId","helperTextId","labelId","rootNode","win","getWindow","doc","checkTextElements","observer","labelIds","useMemo","ids2","getRootProps","parts","dataAttr","getLabelProps","getControlProps","ariaAttr","getInputProps","getTextareaProps","getSelectProps","getHelperTextProps","getErrorTextProps","getRequiredIndicatorProps","FieldRoot","useFieldProps","localProps","createSplitProps","FieldProvider","composeRefs","useRecipeResult","createRecipeContext","Icon","React","styles","className","otherProps","chakra","cx","createIcon","options","viewBox","pathDefinition","displayName","defaultProps","path","Children","Comp","withProvider","withContext","useFieldStyles","useClassNames","createSlotRecipeContext","Field.Root","Field.Label","Field.HelperText","Field.ErrorText","FieldRequiredIndicator","fallback","children","restProps","classNames","optionalTextSizeMap","withFormControl","Component","WithFormControl","errorText","formControlStyle","helperText","inlineField","invalidIconColor","label","labelPosition","labelStyle","onContrast","showOptionalElement","size","useInvalidIcon","useInvalidText","labelComponent","jsxs","fontSizes","e","Field.RequiredIndicator","Text","Fragment","Flex"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}