@sparrowengg/integrations-templates-frontend 1.9.63 → 1.9.64

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-time-picker.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-time-picker.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { toCalendarDateTime as $11d87f3f76e88657$export$b21e0b124e224484, CalendarDateTime as $35ea8db9cb2ccb90$export$ca871e8dbb80966f, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';\nimport { useState, useMemo, useRef, useEffect } from 'react';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { FieldButton } from './calendar-commons.js';\nimport { useCalendarContext } from './calendar-utils.js';\nimport { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nconst CalendarTimePicker = ({\n  value,\n  calendarState,\n  onChange\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const calendarContext = useCalendarContext();\n  const timeState = useMemo(() => {\n    if (!value) {\n      const timeObj = $11d87f3f76e88657$export$b21e0b124e224484(calendarState.value);\n      return timeObj;\n    }\n    if (value instanceof $35ea8db9cb2ccb90$export$ca871e8dbb80966f || value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {\n      return value;\n    }\n    return $11d87f3f76e88657$export$b21e0b124e224484(value);\n  }, [value]);\n  const hoursInTwelveHourFormat = timeState.hour % 12 || 12;\n  const initialHours = hoursInTwelveHourFormat.toString().padStart(2, \"0\");\n  const initialMinutes = timeState.minute.toString().padStart(2, \"0\");\n  const [timeValue, setTimeValue] = useState({\n    hour: initialHours,\n    minute: initialMinutes,\n    pm: timeState.hour >= 12\n  });\n  const columnsContainerRef = useRef(null);\n  const updateTimeValue = (values) => {\n    setTimeValue((prev) => __spreadValues(__spreadValues({}, prev), values));\n  };\n  const handleArrowKeys = (e) => {\n    var _a;\n    const currentActiveButton = (_a = columnsContainerRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-active=\"true\"]'\n    );\n    const parentColumn = currentActiveButton == null ? void 0 : currentActiveButton.closest(\"[data-time-column]\");\n    const toggleActiveButton = (button) => {\n      if (currentActiveButton) {\n        currentActiveButton.setAttribute(\"tabindex\", \"-1\");\n        currentActiveButton.setAttribute(\"data-is-active\", \"false\");\n      }\n      button.setAttribute(\"tabindex\", \"0\");\n      button.setAttribute(\"data-is-active\", \"true\");\n    };\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextButton = e.currentTarget.nextElementSibling;\n        if (nextButton) {\n          toggleActiveButton(nextButton);\n          nextButton.focus();\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevButton = e.currentTarget.previousElementSibling;\n        if (prevButton) {\n          toggleActiveButton(prevButton);\n          prevButton.focus();\n        }\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (parentColumn && parentColumn.previousElementSibling) {\n          const prevColumn = parentColumn.previousElementSibling.querySelector(\n            '[data-is-selected=\"true\"]'\n          );\n          if (prevColumn) {\n            toggleActiveButton(prevColumn);\n            prevColumn.focus();\n          }\n        }\n        break;\n      }\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (parentColumn && parentColumn.nextElementSibling) {\n          const nextColumn = parentColumn.nextElementSibling.querySelector(\n            '[data-is-selected=\"true\"]'\n          );\n          if (nextColumn) {\n            toggleActiveButton(nextColumn);\n            nextColumn.focus();\n          }\n        }\n        break;\n      }\n    }\n  };\n  const handleApply = () => {\n    const updatedTime = timeState.set({\n      hour: timeValue.pm ? parseInt(timeValue.hour, 10) + 12 : parseInt(timeValue.hour, 10),\n      minute: parseInt(timeValue.minute, 10)\n    });\n    if (onChange) {\n      onChange(updatedTime);\n    }\n    setPopoverOpen(false);\n  };\n  return /* @__PURE__ */ jsxs(Popover, { open: popoverOpen, onOpenChange: (open) => setPopoverOpen(open), children: [\n    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(\n      Button,\n      {\n        color: \"default\",\n        size: calendarContext.size === \"lg\" ? \"md\" : \"sm\",\n        rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),\n        children: [\n          initialHours,\n          \":\",\n          initialMinutes,\n          \" \",\n          timeState.hour >= 12 ? \"PM\" : \"AM\"\n        ]\n      }\n    ) }),\n    /* @__PURE__ */ jsxs(\n      PopoverContent,\n      {\n        css: {\n          width: \"200px\",\n          padding: 0,\n          border: \"1px solid $neutral300\",\n          borderRadius: \"$xl\"\n        },\n        children: [\n          /* @__PURE__ */ jsx(\n            Flex,\n            {\n              css: {\n                padding: \"$4 0\"\n              },\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              children: /* @__PURE__ */ jsxs(\n                Text,\n                {\n                  weight: \"medium\",\n                  css: {\n                    lineHeight: \"$sm\",\n                    color: \"$neutral600\"\n                  },\n                  children: [\n                    timeValue.hour,\n                    \":\",\n                    timeValue.minute,\n                    \" \",\n                    timeValue.pm ? \"PM\" : \"AM\"\n                  ]\n                }\n              )\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Flex,\n            {\n              css: {\n                height: \"200px\",\n                padding: \"$4 0\",\n                borderBottom: \"1px solid $neutral100\",\n                borderTop: \"1px solid $neutral100\"\n              },\n              ref: columnsContainerRef,\n              children: [\n                /* @__PURE__ */ jsx(\n                  ListHours,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  ListMinutes,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  ListAmPm,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                )\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsx(\n            Flex,\n            {\n              css: {\n                padding: \"$4 $8\"\n              },\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              children: /* @__PURE__ */ jsx(\n                Button,\n                {\n                  color: \"primary\",\n                  variant: \"ghost\",\n                  size: \"md\",\n                  css: {\n                    width: \"100%\"\n                  },\n                  onClick: handleApply,\n                  children: \"Apply\"\n                }\n              )\n            }\n          )\n        ]\n      }\n    )\n  ] });\n};\nconst ListHours = ({\n  timeValue,\n  updateTimeValue,\n  handleArrowKeys\n}) => {\n  const columnRef = useRef(null);\n  const hours = Array.from({ length: 12 }).map((_, index) => `${index + 1}`.padStart(2, \"0\"));\n  useEffect(() => {\n    var _a;\n    const selectedHourButton = (_a = columnRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-selected=\"true\"]'\n    );\n    if (selectedHourButton) {\n      requestAnimationFrame(() => {\n        selectedHourButton.focus();\n      });\n    }\n  }, []);\n  return /* @__PURE__ */ jsx(Column, { gap: \"0\", hasBorderRight: true, ref: columnRef, \"data-time-column\": true, children: hours.map((_, index) => {\n    const hour = `${index + 1}`.padStart(2, \"0\");\n    return /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: hour === timeValue.hour ? \"selected\" : \"default\",\n        tabIndex: hour === timeValue.hour ? 0 : -1,\n        \"data-is-selected\": hour === timeValue.hour,\n        \"data-is-active\": hour === timeValue.hour,\n        onClick: () => {\n          updateTimeValue({\n            hour\n          });\n        },\n        onKeyDown: (e) => {\n          handleArrowKeys(e);\n        },\n        children: hour\n      },\n      hour\n    );\n  }) });\n};\nconst ListMinutes = ({\n  handleArrowKeys,\n  timeValue,\n  updateTimeValue\n}) => {\n  const columnRef = useRef(null);\n  useEffect(() => {\n    var _a;\n    const selectedMinuteButton = (_a = columnRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-selected=\"true\"]'\n    );\n    if (selectedMinuteButton) {\n      selectedMinuteButton.focus();\n    }\n  }, []);\n  return /* @__PURE__ */ jsx(Column, { gap: \"0\", hasBorderRight: true, ref: columnRef, \"data-time-column\": true, children: Array.from({ length: 60 }).map((_, index) => {\n    const minute = `${index}`.padStart(2, \"0\");\n    return /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: timeValue.minute === minute ? \"selected\" : \"default\",\n        tabIndex: minute === timeValue.minute ? 0 : -1,\n        \"data-is-active\": minute === timeValue.minute,\n        \"data-is-selected\": minute === timeValue.minute,\n        onClick: () => {\n          updateTimeValue({\n            minute\n          });\n        },\n        onKeyDown: (e) => {\n          handleArrowKeys(e);\n        },\n        children: minute\n      },\n      minute\n    );\n  }) });\n};\nconst ListAmPm = ({\n  handleArrowKeys,\n  timeValue,\n  updateTimeValue\n}) => {\n  return /* @__PURE__ */ jsxs(Column, { gap: \"0\", \"data-time-column\": true, children: [\n    /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: !timeValue.pm ? \"selected\" : \"default\",\n        tabIndex: !timeValue.hour ? 0 : -1,\n        \"data-is-active\": !timeValue.pm,\n        \"data-is-selected\": !timeValue.pm,\n        onClick: () => {\n          updateTimeValue({\n            pm: false\n          });\n        },\n        onKeyDown: (e) => handleArrowKeys(e),\n        children: \"AM\"\n      }\n    ),\n    /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: timeValue.pm ? \"selected\" : \"default\",\n        tabIndex: timeValue.hour ? 0 : -1,\n        \"data-is-active\": timeValue.pm,\n        \"data-is-selected\": timeValue.pm,\n        onKeyDown: (e) => handleArrowKeys(e),\n        onClick: () => {\n          updateTimeValue({\n            pm: true\n          });\n        },\n        children: \"PM\"\n      }\n    )\n  ] });\n};\nconst Column = styled(Flex, {\n  flexDirection: \"column\",\n  flex: 1,\n  height: \"100%\",\n  overflow: \"auto\",\n  scrollbarWidth: \"thin\",\n  variants: {\n    hasBorderRight: {\n      true: {\n        borderRight: \"1px solid\",\n        borderColorOpacity: [\"$secondary500\", 0.08]\n      },\n      false: {}\n    }\n  },\n  defaultVariants: {\n    hasBorderRight: false\n  }\n});\n\nexport { CalendarTimePicker };\n//# sourceMappingURL=calendar-time-picker.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"calendar-time-picker.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-time-picker.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { today as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, getLocalTimeZone as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, toCalendarDateTime as $11d87f3f76e88657$export$b21e0b124e224484, CalendarDateTime as $35ea8db9cb2ccb90$export$ca871e8dbb80966f, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';\nimport { useState, useMemo, useRef, useEffect } from 'react';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { FieldButton } from './calendar-commons.js';\nimport { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nconst CalendarTimePicker = ({\n  value,\n  onChange,\n  size,\n  renderCustomTrigger\n}) => {\n  const [localDateValue, setLocalDateValue] = useState($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));\n  const dateValue = value != null ? value : localDateValue;\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const timeState = useMemo(() => {\n    if (!dateValue) {\n      const calendarDate = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());\n      const timeObj = $11d87f3f76e88657$export$b21e0b124e224484(calendarDate);\n      return timeObj;\n    }\n    if (dateValue instanceof $35ea8db9cb2ccb90$export$ca871e8dbb80966f || dateValue instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {\n      return dateValue;\n    }\n    return $11d87f3f76e88657$export$b21e0b124e224484(dateValue);\n  }, [dateValue]);\n  const hoursInTwelveHourFormat = timeState.hour % 12 || 12;\n  const initialHours = hoursInTwelveHourFormat.toString().padStart(2, \"0\");\n  const initialMinutes = timeState.minute.toString().padStart(2, \"0\");\n  const [timeValue, setTimeValue] = useState({\n    hour: initialHours,\n    minute: initialMinutes,\n    pm: timeState.hour >= 12\n  });\n  const columnsContainerRef = useRef(null);\n  const updateTimeValue = (values) => {\n    setTimeValue((prev) => __spreadValues(__spreadValues({}, prev), values));\n  };\n  const handleArrowKeys = (e) => {\n    var _a;\n    const currentActiveButton = (_a = columnsContainerRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-active=\"true\"]'\n    );\n    const parentColumn = currentActiveButton == null ? void 0 : currentActiveButton.closest(\"[data-time-column]\");\n    const toggleActiveButton = (button) => {\n      if (currentActiveButton) {\n        currentActiveButton.setAttribute(\"tabindex\", \"-1\");\n        currentActiveButton.setAttribute(\"data-is-active\", \"false\");\n      }\n      button.setAttribute(\"tabindex\", \"0\");\n      button.setAttribute(\"data-is-active\", \"true\");\n    };\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextButton = e.currentTarget.nextElementSibling;\n        if (nextButton) {\n          toggleActiveButton(nextButton);\n          nextButton.focus();\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevButton = e.currentTarget.previousElementSibling;\n        if (prevButton) {\n          toggleActiveButton(prevButton);\n          prevButton.focus();\n        }\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (parentColumn == null ? void 0 : parentColumn.previousElementSibling) {\n          const prevColumn = parentColumn.previousElementSibling.querySelector(\n            '[data-is-selected=\"true\"]'\n          );\n          if (prevColumn) {\n            toggleActiveButton(prevColumn);\n            prevColumn.focus();\n          }\n        }\n        break;\n      }\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (parentColumn == null ? void 0 : parentColumn.nextElementSibling) {\n          const nextColumn = parentColumn.nextElementSibling.querySelector(\n            '[data-is-selected=\"true\"]'\n          );\n          if (nextColumn) {\n            toggleActiveButton(nextColumn);\n            nextColumn.focus();\n          }\n        }\n        break;\n      }\n    }\n  };\n  const handleApply = () => {\n    const updatedTime = timeState.set({\n      hour: timeValue.pm ? 12 + parseInt(timeValue.hour, 10) % 12 : parseInt(timeValue.hour, 10) % 12,\n      minute: parseInt(timeValue.minute, 10)\n    });\n    if (onChange) {\n      setLocalDateValue(updatedTime);\n      onChange(updatedTime);\n    }\n    setPopoverOpen(false);\n  };\n  return /* @__PURE__ */ jsxs(Popover, { open: popoverOpen, onOpenChange: (open) => setPopoverOpen(open), children: [\n    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: renderCustomTrigger ? renderCustomTrigger({ timeValue }) : /* @__PURE__ */ jsxs(\n      Button,\n      {\n        color: \"default\",\n        size: size === \"lg\" ? \"md\" : \"sm\",\n        rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),\n        children: [\n          initialHours,\n          \":\",\n          initialMinutes,\n          \" \",\n          timeState.hour >= 12 ? \"PM\" : \"AM\"\n        ]\n      }\n    ) }),\n    /* @__PURE__ */ jsxs(\n      PopoverContent,\n      {\n        css: {\n          width: \"200px\",\n          padding: 0,\n          border: \"1px solid $neutral300\",\n          borderRadius: \"$xl\"\n        },\n        children: [\n          /* @__PURE__ */ jsx(\n            Flex,\n            {\n              css: {\n                padding: \"$4 0\"\n              },\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              children: /* @__PURE__ */ jsxs(\n                Text,\n                {\n                  weight: \"medium\",\n                  css: {\n                    lineHeight: \"$sm\",\n                    color: \"$neutral600\"\n                  },\n                  children: [\n                    timeValue.hour,\n                    \":\",\n                    timeValue.minute,\n                    \" \",\n                    timeValue.pm ? \"PM\" : \"AM\"\n                  ]\n                }\n              )\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Flex,\n            {\n              css: {\n                height: \"200px\",\n                padding: \"$4 0\",\n                borderBottom: \"1px solid $neutral100\",\n                borderTop: \"1px solid $neutral100\"\n              },\n              ref: columnsContainerRef,\n              children: [\n                /* @__PURE__ */ jsx(\n                  ListHours,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  ListMinutes,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  ListAmPm,\n                  {\n                    handleArrowKeys,\n                    timeValue,\n                    updateTimeValue\n                  }\n                )\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsx(\n            Flex,\n            {\n              css: {\n                padding: \"$4 $8\"\n              },\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              children: /* @__PURE__ */ jsx(\n                Button,\n                {\n                  color: \"primary\",\n                  variant: \"ghost\",\n                  size: \"md\",\n                  css: {\n                    width: \"100%\"\n                  },\n                  onClick: handleApply,\n                  children: \"Apply\"\n                }\n              )\n            }\n          )\n        ]\n      }\n    )\n  ] });\n};\nconst ListHours = ({\n  timeValue,\n  updateTimeValue,\n  handleArrowKeys\n}) => {\n  const columnRef = useRef(null);\n  const hours = Array.from({ length: 12 }).map((_, index) => `${index + 1}`.padStart(2, \"0\"));\n  useEffect(() => {\n    var _a;\n    const selectedHourButton = (_a = columnRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-selected=\"true\"]'\n    );\n    if (selectedHourButton) {\n      requestAnimationFrame(() => {\n        selectedHourButton.focus();\n      });\n    }\n  }, []);\n  return /* @__PURE__ */ jsx(Column, { gap: \"0\", hasBorderRight: true, ref: columnRef, \"data-time-column\": true, children: hours.map((_, index) => {\n    const hour = `${index + 1}`.padStart(2, \"0\");\n    return /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: hour === timeValue.hour ? \"selected\" : \"default\",\n        tabIndex: hour === timeValue.hour ? 0 : -1,\n        \"data-is-selected\": hour === timeValue.hour,\n        \"data-is-active\": hour === timeValue.hour,\n        onClick: () => {\n          updateTimeValue({\n            hour\n          });\n        },\n        onKeyDown: (e) => {\n          handleArrowKeys(e);\n        },\n        children: hour\n      },\n      hour\n    );\n  }) });\n};\nconst ListMinutes = ({\n  handleArrowKeys,\n  timeValue,\n  updateTimeValue\n}) => {\n  const columnRef = useRef(null);\n  useEffect(() => {\n    var _a;\n    const selectedMinuteButton = (_a = columnRef.current) == null ? void 0 : _a.querySelector(\n      '[data-is-selected=\"true\"]'\n    );\n    if (selectedMinuteButton) {\n      selectedMinuteButton.focus();\n    }\n  }, []);\n  return /* @__PURE__ */ jsx(Column, { gap: \"0\", hasBorderRight: true, ref: columnRef, \"data-time-column\": true, children: Array.from({ length: 60 }).map((_, index) => {\n    const minute = `${index}`.padStart(2, \"0\");\n    return /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: timeValue.minute === minute ? \"selected\" : \"default\",\n        tabIndex: minute === timeValue.minute ? 0 : -1,\n        \"data-is-active\": minute === timeValue.minute,\n        \"data-is-selected\": minute === timeValue.minute,\n        onClick: () => {\n          updateTimeValue({\n            minute\n          });\n        },\n        onKeyDown: (e) => {\n          handleArrowKeys(e);\n        },\n        children: minute\n      },\n      minute\n    );\n  }) });\n};\nconst ListAmPm = ({\n  handleArrowKeys,\n  timeValue,\n  updateTimeValue\n}) => {\n  return /* @__PURE__ */ jsxs(Column, { gap: \"0\", \"data-time-column\": true, children: [\n    /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: !timeValue.pm ? \"selected\" : \"default\",\n        tabIndex: !timeValue.hour ? 0 : -1,\n        \"data-is-active\": !timeValue.pm,\n        \"data-is-selected\": !timeValue.pm,\n        onClick: () => {\n          updateTimeValue({\n            pm: false\n          });\n        },\n        onKeyDown: (e) => handleArrowKeys(e),\n        children: \"AM\"\n      }\n    ),\n    /* @__PURE__ */ jsx(\n      FieldButton,\n      {\n        color: timeValue.pm ? \"selected\" : \"default\",\n        tabIndex: timeValue.hour ? 0 : -1,\n        \"data-is-active\": timeValue.pm,\n        \"data-is-selected\": timeValue.pm,\n        onKeyDown: (e) => handleArrowKeys(e),\n        onClick: () => {\n          updateTimeValue({\n            pm: true\n          });\n        },\n        children: \"PM\"\n      }\n    )\n  ] });\n};\nconst Column = styled(Flex, {\n  flexDirection: \"column\",\n  flex: 1,\n  height: \"100%\",\n  overflow: \"auto\",\n  scrollbarWidth: \"thin\",\n  variants: {\n    hasBorderRight: {\n      true: {\n        borderRight: \"1px solid\",\n        borderColorOpacity: [\"$secondary500\", 0.08]\n      },\n      false: {}\n    }\n  },\n  defaultVariants: {\n    hasBorderRight: false\n  }\n});\n\nexport { CalendarTimePicker };\n//# sourceMappingURL=calendar-time-picker.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { toZoned as $11d87f3f76e88657$export$84c95a83c799e074, today as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, getLocalTimeZone as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';
 import { getCountriesForTimezone } from '../node_modules/countries-and-timezones/esm/index.js';
 import { useState, useRef, useId, useMemo } from 'react';
-import { toZoned as $11d87f3f76e88657$export$84c95a83c799e074, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';
 import { Box } from '../box/box.js';
 import { Button } from '../button/button.js';
 import '../button/icon-button.js';
@@ -13,33 +13,32 @@ import { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';
 import { styled } from '../stitches.config.js';
 import { Text } from '../text/text.js';
 import { FieldButton } from './calendar-commons.js';
-import { useCalendarContext } from './calendar-utils.js';
 import { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';
 import { SearchIcon } from '../packages/react-icons/dist/es/icons/search.js';
 
 const CalendarTimezonePicker = ({
   value,
-  calendarState,
-  onChange
+  onChange,
+  size,
+  renderCustomTrigger
 }) => {
   const [popoverOpen, setPopoverOpen] = useState(false);
   const [searchString, setSearchString] = useState("");
   const [selectedTimezoneValue, setSelectedTimezoneValue] = useState(
-    (value == null ? void 0 : value.timeZone) || (calendarState == null ? void 0 : calendarState.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone
+    (value == null ? void 0 : value.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone
   );
-  const calendarContext = useCalendarContext();
   const listRef = useRef(null);
   const buttonId = useId();
   const timeZoneState = useMemo(() => {
     if (!value) {
-      const timeObj = $11d87f3f76e88657$export$84c95a83c799e074(calendarState.value, selectedTimezoneValue);
+      const timeObj = $11d87f3f76e88657$export$84c95a83c799e074($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()), selectedTimezoneValue);
       return timeObj;
     }
     if (value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {
       return value;
     }
     return $11d87f3f76e88657$export$84c95a83c799e074(value, selectedTimezoneValue);
-  }, []);
+  }, [value]);
   const timeZoneList = useMemo(() => {
     try {
       const supportedTimezones = Intl.supportedValuesOf("timeZone");
@@ -74,17 +73,56 @@ const CalendarTimezonePicker = ({
       (timeZone) => timeZone.timeZone === selectedTimezoneValue
     );
   }, [selectedTimezoneValue, timeZoneList]);
+  const handleSearchInputKeyDown = (e) => {
+    var _a;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(
+        'button[role="menuitem"]'
+      );
+      if (firstElement) {
+        firstElement.setAttribute("tabindex", "0");
+        firstElement.focus();
+      }
+    }
+  };
+  const handleSearchListKeyDown = (e) => {
+    var _a, _b;
+    if (e.key === "ArrowDown") {
+      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;
+      if (nextListItem) {
+        e.preventDefault();
+        const nextButton = nextListItem.querySelector(
+          'button[role="menuitem"]'
+        );
+        e.currentTarget.setAttribute("tabindex", "-1");
+        nextButton.setAttribute("tabindex", "0");
+        nextButton.focus();
+      }
+    } else if (e.key === "ArrowUp") {
+      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;
+      if (prevListItem) {
+        e.preventDefault();
+        const prevButton = prevListItem.querySelector(
+          'button[role="menuitem"]'
+        );
+        e.currentTarget.setAttribute("tabindex", "-1");
+        prevButton.setAttribute("tabindex", "0");
+        prevButton.focus();
+      }
+    }
+  };
   return /* @__PURE__ */ jsxs(
     Popover,
     {
       open: popoverOpen,
       onOpenChange: (nextOpenValue) => setPopoverOpen(nextOpenValue),
       children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: renderCustomTrigger ? renderCustomTrigger({ timeZoneObject: selectedTimezoneObject }) : /* @__PURE__ */ jsx(
           Button,
           {
             color: "default",
-            size: calendarContext.size === "lg" ? "md" : "sm",
+            size: size === "lg" ? "md" : "sm",
             rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
             id: buttonId,
             children: selectedTimezoneObject == null ? void 0 : selectedTimezoneObject.offset
@@ -116,19 +154,7 @@ const CalendarTimezonePicker = ({
                       onChange: (e) => {
                         setSearchString(e.target.value);
                       },
-                      onKeyDown: (e) => {
-                        var _a;
-                        if (e.key === "ArrowDown") {
-                          e.preventDefault();
-                          const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(
-                            'button[role="menuitem"]'
-                          );
-                          if (firstElement) {
-                            firstElement.setAttribute("tabindex", "0");
-                            firstElement.focus();
-                          }
-                        }
-                      }
+                      onKeyDown: handleSearchInputKeyDown
                     }
                   )
                 }
@@ -180,38 +206,20 @@ const CalendarTimezonePicker = ({
                     padding: "$3 $6",
                     cursor: "pointer"
                   },
-                  onKeyDown: (e) => {
-                    var _a, _b;
-                    if (e.key === "ArrowDown") {
-                      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;
-                      if (nextListItem) {
-                        e.preventDefault();
-                        const nextButton = nextListItem.querySelector(
-                          'button[role="menuitem"]'
-                        );
-                        e.currentTarget.setAttribute("tabindex", "-1");
-                        nextButton.setAttribute("tabindex", "0");
-                        nextButton.focus();
-                      }
-                    } else if (e.key === "ArrowUp") {
-                      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;
-                      if (prevListItem) {
-                        e.preventDefault();
-                        const prevButton = prevListItem.querySelector(
-                          'button[role="menuitem"]'
-                        );
-                        e.currentTarget.setAttribute("tabindex", "-1");
-                        prevButton.setAttribute("tabindex", "0");
-                        prevButton.focus();
-                      }
-                    }
-                  },
+                  onKeyDown: handleSearchListKeyDown,
                   onClick: () => {
                     setSelectedTimezoneValue(timeZone.timeZone);
                     setPopoverOpen(false);
-                    const updatedZonedTime = $11d87f3f76e88657$export$84c95a83c799e074(
-                      timeZoneState,
-                      timeZone.timeZone
+                    const updatedZonedTime = new $35ea8db9cb2ccb90$export$d3b7288e7994edea(
+                      timeZoneState.year,
+                      timeZoneState.month,
+                      timeZoneState.day,
+                      timeZone.timeZone,
+                      0,
+                      timeZoneState.hour,
+                      timeZoneState.minute,
+                      timeZoneState.second,
+                      timeZoneState.millisecond
                     );
                     if (onChange) {
                       onChange(updatedZonedTime);

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-timezone-picker.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { getCountriesForTimezone } from '../node_modules/countries-and-timezones/esm/index.js';\nimport { useState, useRef, useId, useMemo } from 'react';\nimport { toZoned as $11d87f3f76e88657$export$84c95a83c799e074, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';\nimport { Box } from '../box/box.js';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Input } from '../input/input.js';\nimport '../input/form-input.js';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { FieldButton } from './calendar-commons.js';\nimport { useCalendarContext } from './calendar-utils.js';\nimport { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';\nimport { SearchIcon } from '../packages/react-icons/dist/es/icons/search.js';\n\nconst CalendarTimezonePicker = ({\n  value,\n  calendarState,\n  onChange\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [searchString, setSearchString] = useState(\"\");\n  const [selectedTimezoneValue, setSelectedTimezoneValue] = useState(\n    (value == null ? void 0 : value.timeZone) || (calendarState == null ? void 0 : calendarState.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone\n  );\n  const calendarContext = useCalendarContext();\n  const listRef = useRef(null);\n  const buttonId = useId();\n  const timeZoneState = useMemo(() => {\n    if (!value) {\n      const timeObj = $11d87f3f76e88657$export$84c95a83c799e074(calendarState.value, selectedTimezoneValue);\n      return timeObj;\n    }\n    if (value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {\n      return value;\n    }\n    return $11d87f3f76e88657$export$84c95a83c799e074(value, selectedTimezoneValue);\n  }, []);\n  const timeZoneList = useMemo(() => {\n    try {\n      const supportedTimezones = Intl.supportedValuesOf(\"timeZone\");\n      const timeZones = supportedTimezones.map((timeZone) => {\n        const dateText = Intl.DateTimeFormat([], {\n          timeZone,\n          timeZoneName: \"longOffset\"\n        }).format(/* @__PURE__ */ new Date());\n        const countries = getCountriesForTimezone(timeZone);\n        const offset = dateText.split(\", \").at(-1);\n        return {\n          timeZone,\n          offset,\n          label: `(${offset}) ${timeZone}`,\n          countries,\n          countryNames: countries.map((country) => country.name)\n        };\n      });\n      return timeZones;\n    } catch (error) {\n      console.log(error);\n      return [];\n    }\n  }, []);\n  const searchResults = useMemo(() => {\n    return timeZoneList.filter((timeZone) => {\n      return timeZone.label.toLowerCase().includes(searchString.toLowerCase()) || timeZone.countryNames.join(\", \").toLowerCase().includes(searchString.toLowerCase());\n    });\n  }, [searchString]);\n  const selectedTimezoneObject = useMemo(() => {\n    return timeZoneList.find(\n      (timeZone) => timeZone.timeZone === selectedTimezoneValue\n    );\n  }, [selectedTimezoneValue, timeZoneList]);\n  return /* @__PURE__ */ jsxs(\n    Popover,\n    {\n      open: popoverOpen,\n      onOpenChange: (nextOpenValue) => setPopoverOpen(nextOpenValue),\n      children: [\n        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(\n          Button,\n          {\n            color: \"default\",\n            size: calendarContext.size === \"lg\" ? \"md\" : \"sm\",\n            rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),\n            id: buttonId,\n            children: selectedTimezoneObject == null ? void 0 : selectedTimezoneObject.offset\n          }\n        ) }),\n        /* @__PURE__ */ jsxs(\n          PopoverContent,\n          {\n            css: {\n              width: \"405px\",\n              padding: 0,\n              border: \"1px solid $neutral300\"\n            },\n            children: [\n              /* @__PURE__ */ jsx(\n                Box,\n                {\n                  css: {\n                    padding: \"$4\"\n                  },\n                  children: /* @__PURE__ */ jsx(\n                    Input,\n                    {\n                      leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),\n                      size: \"lg\",\n                      variant: \"filled\",\n                      placeholder: \"Search a country...\",\n                      value: searchString,\n                      onChange: (e) => {\n                        setSearchString(e.target.value);\n                      },\n                      onKeyDown: (e) => {\n                        var _a;\n                        if (e.key === \"ArrowDown\") {\n                          e.preventDefault();\n                          const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(\n                            'button[role=\"menuitem\"]'\n                          );\n                          if (firstElement) {\n                            firstElement.setAttribute(\"tabindex\", \"0\");\n                            firstElement.focus();\n                          }\n                        }\n                      }\n                    }\n                  )\n                }\n              ),\n              selectedTimezoneObject && /* @__PURE__ */ jsxs(\n                Flex,\n                {\n                  flexDirection: \"column\",\n                  gap: \"$2\",\n                  css: {\n                    padding: \"$3 $6\",\n                    backgroundColor: \"$primary100\",\n                    marginBottom: \"$4\"\n                  },\n                  children: [\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        css: {\n                          lineHeight: \"$sm\"\n                        },\n                        children: selectedTimezoneObject.label\n                      }\n                    ),\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        size: \"xs\",\n                        css: {\n                          color: \"$neutral700\",\n                          lineHeight: \"$xxs\"\n                        },\n                        children: \"Current Time Zone\"\n                      }\n                    )\n                  ]\n                }\n              ),\n              /* @__PURE__ */ jsx(StyledList, { role: \"menu\", \"aria-labelledby\": buttonId, ref: listRef, children: searchResults.map((timeZone) => /* @__PURE__ */ jsx(\"li\", { children: /* @__PURE__ */ jsx(\n                FieldButton,\n                {\n                  type: \"button\",\n                  role: \"menuitem\",\n                  color: \"default\",\n                  tabIndex: -1,\n                  css: {\n                    width: \"100%\",\n                    textAlign: \"left\",\n                    padding: \"$3 $6\",\n                    cursor: \"pointer\"\n                  },\n                  onKeyDown: (e) => {\n                    var _a, _b;\n                    if (e.key === \"ArrowDown\") {\n                      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;\n                      if (nextListItem) {\n                        e.preventDefault();\n                        const nextButton = nextListItem.querySelector(\n                          'button[role=\"menuitem\"]'\n                        );\n                        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n                        nextButton.setAttribute(\"tabindex\", \"0\");\n                        nextButton.focus();\n                      }\n                    } else if (e.key === \"ArrowUp\") {\n                      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;\n                      if (prevListItem) {\n                        e.preventDefault();\n                        const prevButton = prevListItem.querySelector(\n                          'button[role=\"menuitem\"]'\n                        );\n                        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n                        prevButton.setAttribute(\"tabindex\", \"0\");\n                        prevButton.focus();\n                      }\n                    }\n                  },\n                  onClick: () => {\n                    setSelectedTimezoneValue(timeZone.timeZone);\n                    setPopoverOpen(false);\n                    const updatedZonedTime = $11d87f3f76e88657$export$84c95a83c799e074(\n                      timeZoneState,\n                      timeZone.timeZone\n                    );\n                    if (onChange) {\n                      onChange(updatedZonedTime);\n                    }\n                  },\n                  children: timeZone.label\n                }\n              ) }, timeZone.label)) })\n            ]\n          }\n        )\n      ]\n    }\n  );\n};\nconst StyledList = styled(\"ul\", {\n  maxHeight: \"305px\",\n  overflow: \"auto\",\n  padding: \"$4 0\",\n  borderTop: \"var(--twigs-borderWidths-xs) solid $neutral100\"\n});\n\nexport { CalendarTimezonePicker };\n//# sourceMappingURL=calendar-timezone-picker.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"calendar-timezone-picker.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-timezone-picker.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { toZoned as $11d87f3f76e88657$export$84c95a83c799e074, today as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, getLocalTimeZone as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, ZonedDateTime as $35ea8db9cb2ccb90$export$d3b7288e7994edea } from '../node_modules/@internationalized/date/dist/import.js';\nimport { getCountriesForTimezone } from '../node_modules/countries-and-timezones/esm/index.js';\nimport { useState, useRef, useId, useMemo } from 'react';\nimport { Box } from '../box/box.js';\nimport { Button } from '../button/button.js';\nimport '../button/icon-button.js';\nimport '../button/split-button.js';\nimport { Flex } from '../flex/flex.js';\nimport { Input } from '../input/input.js';\nimport '../input/form-input.js';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover/popover.js';\nimport { styled } from '../stitches.config.js';\nimport { Text } from '../text/text.js';\nimport { FieldButton } from './calendar-commons.js';\nimport { ChevronDownIcon } from '../packages/react-icons/dist/es/icons/chevron-down.js';\nimport { SearchIcon } from '../packages/react-icons/dist/es/icons/search.js';\n\nconst CalendarTimezonePicker = ({\n  value,\n  onChange,\n  size,\n  renderCustomTrigger\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [searchString, setSearchString] = useState(\"\");\n  const [selectedTimezoneValue, setSelectedTimezoneValue] = useState(\n    (value == null ? void 0 : value.timeZone) || Intl.DateTimeFormat().resolvedOptions().timeZone\n  );\n  const listRef = useRef(null);\n  const buttonId = useId();\n  const timeZoneState = useMemo(() => {\n    if (!value) {\n      const timeObj = $11d87f3f76e88657$export$84c95a83c799e074($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()), selectedTimezoneValue);\n      return timeObj;\n    }\n    if (value instanceof $35ea8db9cb2ccb90$export$d3b7288e7994edea) {\n      return value;\n    }\n    return $11d87f3f76e88657$export$84c95a83c799e074(value, selectedTimezoneValue);\n  }, [value]);\n  const timeZoneList = useMemo(() => {\n    try {\n      const supportedTimezones = Intl.supportedValuesOf(\"timeZone\");\n      const timeZones = supportedTimezones.map((timeZone) => {\n        const dateText = Intl.DateTimeFormat([], {\n          timeZone,\n          timeZoneName: \"longOffset\"\n        }).format(/* @__PURE__ */ new Date());\n        const countries = getCountriesForTimezone(timeZone);\n        const offset = dateText.split(\", \").at(-1);\n        return {\n          timeZone,\n          offset,\n          label: `(${offset}) ${timeZone}`,\n          countries,\n          countryNames: countries.map((country) => country.name)\n        };\n      });\n      return timeZones;\n    } catch (error) {\n      console.log(error);\n      return [];\n    }\n  }, []);\n  const searchResults = useMemo(() => {\n    return timeZoneList.filter((timeZone) => {\n      return timeZone.label.toLowerCase().includes(searchString.toLowerCase()) || timeZone.countryNames.join(\", \").toLowerCase().includes(searchString.toLowerCase());\n    });\n  }, [searchString]);\n  const selectedTimezoneObject = useMemo(() => {\n    return timeZoneList.find(\n      (timeZone) => timeZone.timeZone === selectedTimezoneValue\n    );\n  }, [selectedTimezoneValue, timeZoneList]);\n  const handleSearchInputKeyDown = (e) => {\n    var _a;\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      const firstElement = (_a = listRef.current) == null ? void 0 : _a.querySelector(\n        'button[role=\"menuitem\"]'\n      );\n      if (firstElement) {\n        firstElement.setAttribute(\"tabindex\", \"0\");\n        firstElement.focus();\n      }\n    }\n  };\n  const handleSearchListKeyDown = (e) => {\n    var _a, _b;\n    if (e.key === \"ArrowDown\") {\n      const nextListItem = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.nextElementSibling;\n      if (nextListItem) {\n        e.preventDefault();\n        const nextButton = nextListItem.querySelector(\n          'button[role=\"menuitem\"]'\n        );\n        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n        nextButton.setAttribute(\"tabindex\", \"0\");\n        nextButton.focus();\n      }\n    } else if (e.key === \"ArrowUp\") {\n      const prevListItem = (_b = e.currentTarget.parentElement) == null ? void 0 : _b.previousElementSibling;\n      if (prevListItem) {\n        e.preventDefault();\n        const prevButton = prevListItem.querySelector(\n          'button[role=\"menuitem\"]'\n        );\n        e.currentTarget.setAttribute(\"tabindex\", \"-1\");\n        prevButton.setAttribute(\"tabindex\", \"0\");\n        prevButton.focus();\n      }\n    }\n  };\n  return /* @__PURE__ */ jsxs(\n    Popover,\n    {\n      open: popoverOpen,\n      onOpenChange: (nextOpenValue) => setPopoverOpen(nextOpenValue),\n      children: [\n        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: renderCustomTrigger ? renderCustomTrigger({ timeZoneObject: selectedTimezoneObject }) : /* @__PURE__ */ jsx(\n          Button,\n          {\n            color: \"default\",\n            size: size === \"lg\" ? \"md\" : \"sm\",\n            rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),\n            id: buttonId,\n            children: selectedTimezoneObject == null ? void 0 : selectedTimezoneObject.offset\n          }\n        ) }),\n        /* @__PURE__ */ jsxs(\n          PopoverContent,\n          {\n            css: {\n              width: \"405px\",\n              padding: 0,\n              border: \"1px solid $neutral300\"\n            },\n            children: [\n              /* @__PURE__ */ jsx(\n                Box,\n                {\n                  css: {\n                    padding: \"$4\"\n                  },\n                  children: /* @__PURE__ */ jsx(\n                    Input,\n                    {\n                      leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),\n                      size: \"lg\",\n                      variant: \"filled\",\n                      placeholder: \"Search a country...\",\n                      value: searchString,\n                      onChange: (e) => {\n                        setSearchString(e.target.value);\n                      },\n                      onKeyDown: handleSearchInputKeyDown\n                    }\n                  )\n                }\n              ),\n              selectedTimezoneObject && /* @__PURE__ */ jsxs(\n                Flex,\n                {\n                  flexDirection: \"column\",\n                  gap: \"$2\",\n                  css: {\n                    padding: \"$3 $6\",\n                    backgroundColor: \"$primary100\",\n                    marginBottom: \"$4\"\n                  },\n                  children: [\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        css: {\n                          lineHeight: \"$sm\"\n                        },\n                        children: selectedTimezoneObject.label\n                      }\n                    ),\n                    /* @__PURE__ */ jsx(\n                      Text,\n                      {\n                        size: \"xs\",\n                        css: {\n                          color: \"$neutral700\",\n                          lineHeight: \"$xxs\"\n                        },\n                        children: \"Current Time Zone\"\n                      }\n                    )\n                  ]\n                }\n              ),\n              /* @__PURE__ */ jsx(StyledList, { role: \"menu\", \"aria-labelledby\": buttonId, ref: listRef, children: searchResults.map((timeZone) => /* @__PURE__ */ jsx(\"li\", { children: /* @__PURE__ */ jsx(\n                FieldButton,\n                {\n                  type: \"button\",\n                  role: \"menuitem\",\n                  color: \"default\",\n                  tabIndex: -1,\n                  css: {\n                    width: \"100%\",\n                    textAlign: \"left\",\n                    padding: \"$3 $6\",\n                    cursor: \"pointer\"\n                  },\n                  onKeyDown: handleSearchListKeyDown,\n                  onClick: () => {\n                    setSelectedTimezoneValue(timeZone.timeZone);\n                    setPopoverOpen(false);\n                    const updatedZonedTime = new $35ea8db9cb2ccb90$export$d3b7288e7994edea(\n                      timeZoneState.year,\n                      timeZoneState.month,\n                      timeZoneState.day,\n                      timeZone.timeZone,\n                      0,\n                      timeZoneState.hour,\n                      timeZoneState.minute,\n                      timeZoneState.second,\n                      timeZoneState.millisecond\n                    );\n                    if (onChange) {\n                      onChange(updatedZonedTime);\n                    }\n                  },\n                  children: timeZone.label\n                }\n              ) }, timeZone.label)) })\n            ]\n          }\n        )\n      ]\n    }\n  );\n};\nconst StyledList = styled(\"ul\", {\n  maxHeight: \"305px\",\n  overflow: \"auto\",\n  padding: \"$4 0\",\n  borderTop: \"var(--twigs-borderWidths-xs) solid $neutral100\"\n});\n\nexport { CalendarTimezonePicker };\n//# sourceMappingURL=calendar-timezone-picker.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-years-view.js

@@ -32,6 +32,7 @@ var __spreadValues = (a, b) => {
 const CalendarYearsView = ({
   state,
   range,
+  onYearSelect,
   setCurrentCalendarView
 }) => {
   const numYears = 12;
@@ -66,7 +67,7 @@ const CalendarYearsView = ({
       const nextYear = years[index + 1];
       if (nextYear && !state.isInvalid(nextYear)) {
         const focusedDate = state.focusedDate.set({
-          month: nextYear.year
+          year: nextYear.year
         });
         state.setFocusedDate(focusedDate);
         const nextButton = e.currentTarget.nextElementSibling;
@@ -82,7 +83,7 @@ const CalendarYearsView = ({
       const prevYear = years[index - 1];
       if (prevYear && !state.isInvalid(prevYear)) {
         const focusedDate = state.focusedDate.set({
-          month: prevYear.year
+          year: prevYear.year
         });
         state.setFocusedDate(focusedDate);
         const prevButton = e.currentTarget.previousElementSibling;
@@ -94,6 +95,85 @@ const CalendarYearsView = ({
       }
     }
   };
+  const getButtonTabIndex = (index, year) => {
+    if (dateValue == null ? void 0 : dateValue.year) {
+      return dateValue.year === year ? 0 : -1;
+    }
+    return index === 0 ? 0 : -1;
+  };
+  const isPrevButtonDisabled = () => {
+    if (!state.minValue)
+      return false;
+    return state.minValue.year > years[0].year;
+  };
+  const isNextButtonDisabled = () => {
+    if (!state.maxValue)
+      return false;
+    return state.maxValue.year < years.at(-1).year;
+  };
+  const isButtonDisabled = (year) => {
+    if (state.maxValue && year > state.maxValue.year) {
+      return true;
+    }
+    if (state.minValue && year < state.minValue.year) {
+      return true;
+    }
+    return false;
+  };
+  const handleYearSelect = (date) => {
+    if (state.isInvalid(date)) {
+      let updatedDate = date.set({});
+      if (state.minValue && state.minValue.year === date.year && (date.month < state.minValue.month || date.month === state.minValue.month && date.day < state.minValue.day)) {
+        updatedDate = updatedDate.set({
+          year: state.minValue.year,
+          month: state.minValue.month,
+          day: state.minValue.day
+        });
+      } else if (
+        /**
+         * Check if the selected date is greater than the max date
+         */
+        state.maxValue && date.year === state.maxValue.year && (date.month > state.maxValue.month || date.month === state.maxValue.month && date.day > state.maxValue.day)
+      ) {
+        updatedDate = updatedDate.set({
+          year: state.maxValue.year,
+          month: state.maxValue.month,
+          day: state.maxValue.day
+        });
+      } else {
+        if (state.minValue) {
+          updatedDate = updatedDate.set({
+            year: state.minValue.year,
+            month: state.minValue.month,
+            day: state.minValue.day
+          });
+        } else if (state.maxValue) {
+          updatedDate = updatedDate.set({
+            year: state.maxValue.year,
+            month: state.maxValue.month,
+            day: state.maxValue.day
+          });
+        }
+      }
+      if (!range) {
+        state.selectDate(updatedDate);
+      }
+      state.setFocusedDate(updatedDate);
+      if (onYearSelect) {
+        onYearSelect(updatedDate);
+      }
+      setCurrentCalendarView(CALENDAR_VIEW.MONTH);
+      return;
+    }
+    setCurrentCalendarView(CALENDAR_VIEW.GRID);
+    if (!range) {
+      state.selectDate(date);
+    }
+    state.setFocusedDate(date);
+    if (onYearSelect) {
+      onYearSelect(date);
+    }
+  };
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -122,9 +202,7 @@ const CalendarYearsView = ({
                       icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
                       color: "bright",
                       size: "lg",
-                      disabled: state.isInvalid(
-                        state.focusedDate.set({ year: currentYearInView - numYears })
-                      ),
+                      disabled: isPrevButtonDisabled(),
                       onClick: () => {
                         setCurrentYearInView((prev) => prev - numYears);
                       }
@@ -177,9 +255,7 @@ const CalendarYearsView = ({
                       icon: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
                       color: "bright",
                       size: "lg",
-                      disabled: state.isInvalid(
-                        state.focusedDate.set({ year: currentYearInView + numYears })
-                      ),
+                      disabled: isNextButtonDisabled(),
                       onClick: () => {
                         setCurrentYearInView((prev) => prev + numYears);
                       }
@@ -198,25 +274,19 @@ const CalendarYearsView = ({
             children: years.map((date, i) => /* @__PURE__ */ jsx(
               Button,
               {
-                color: dateValue.year === date.year ? "default" : "bright",
-                "data-yearId": date.year,
-                tabIndex: dateValue.year === date.year ? 0 : -1,
-                disabled: state.isInvalid(date),
+                color: (dateValue == null ? void 0 : dateValue.year) === date.year ? "default" : "bright",
+                "data-year-id": date.year,
+                tabIndex: getButtonTabIndex(i, date.year),
+                disabled: isButtonDisabled(date.year),
                 css: __spreadValues({
                   padding: "$6",
                   height: CALENDAR_SIZE_TO_YEAR_MONTH_BTN_HEIGHT[calendarContext.size]
-                }, dateValue.year === date.year && {
+                }, (dateValue == null ? void 0 : dateValue.year) === date.year && {
                   color: "$secondary600"
                 }),
                 onKeyDown: (e) => handleKeyDown(e, i),
                 size: calendarContext.size,
-                onClick: () => {
-                  setCurrentCalendarView(CALENDAR_VIEW.GRID);
-                  if (!range) {
-                    state.selectDate(date);
-                  }
-                  state.setFocusedDate(date);
-                },
+                onClick: () => handleYearSelect(date),
                 children: date.year
               },
               date.year