@new-black/lyra 1.0.31 → 1.0.33

package/dist/lyra25.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\" && state.value?.end && state.value?.start && !isDisabled) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (\n                    e.key === \"Escape\" &&\n                    state.value?.end &&\n                    state.value?.start &&\n                    !isDisabled &&\n                    !disableClearLogic\n                  ) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n                disableClearLogic={disableClearLogic}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"mkBAsEMA,EAAmB,CACvB,CACE,UAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EAAc,MACd,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,sBAAsB,EAC3D,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAe,EAAAL,EAE5BM,EAAiBC,EAAA,QACrB,IAAMC,EAAwB,wBAAA,CAAE,cAAAf,EAAe,gBAAAE,EAAiB,MAAAC,EAAO,EACvE,CAACH,EAAeE,EAAiBC,CAAK,CAAA,EAGlC,CAAE,UAAAa,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CAClE,UAAArB,EACA,aAAc,CAAC,CAACQ,EAChB,WAAY,GACZ,eAAAO,EACA,SAAU,CAAC,CAACV,CAAA,CACb,EAED,OACGiB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWH,EAAA,EACb,SAAA,CAAAZ,0BAAkB,MAAI,CAAA,UAAWW,EAAU,EAAI,UAAe,CAAA,EAAS,KACxEK,EAAA,kBAAA,IAACC,EAAA,gBAAA,CACE,GAAGf,EACJ,YAAAR,EACA,UAAYwB,GACVL,EAAQ,CACN,UAAAxB,EACA,WAAY6B,EAAY,UAAA,CACzB,EAEH,UAAAZ,EACA,IAAAH,EAEC,SAAC,CAAA,CAAE,WAAAgB,EAAY,MAAAC,KAEZL,yBAAAM,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAAL,wBAACM,EAAAA,MACC,CAAA,SAAAN,EAAA,kBAAA,IAACO,EAAA,CACC,YAAAjC,EACA,UAAAG,EACA,aAAAD,EACA,cAAAG,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAsB,EACA,WAAAZ,EACA,MAAAT,EACA,UAAAG,EACA,UAAYuB,GAAM,SAEdA,EAAE,MAAQ,YACVC,EAAAL,EAAM,QAAN,MAAAK,EAAa,QACbC,EAAAN,EAAM,QAAN,MAAAM,EAAa,QACb,CAACP,GACD,CAAC5B,IAEDiC,EAAE,eAAe,EACjBJ,EAAM,SAAS,IAAI,EAEvB,EACA,kBAAA7B,CAAA,CAAA,EAEJ,0BACCoC,EAAAA,QAAQ,CAAA,eAAc,GAAC,UAAU,QAChC,iCAACC,EAAAA,cAAc,CAAA,gBAAiB,CAAE,OAAQ,GAAK,aAAc,SAC3D,SAACZ,EAAA,kBAAA,IAAAa,EAAA,CAAA,CAAoB,CACvB,CAAA,EACF,CAAA,EACF,CAAA,CAEJ,EACC9B,EAAgBiB,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWL,EAAU,EAAI,UAAa,CAAA,EAAS,IACtE,CAAA,CAAA,CAEJ,EAEMkB,EAAsB,IAAM,CAC1B,KAAA,CAAE,QAAAC,GAAYC,EAAAA,yBAEd,CACJ,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,aAAAC,CAAA,EACEC,EAAAA,WAAWC,EAAAA,yBAAyB,EAElCC,EAAgBC,GAAmBA,IAAU,GAAK,EAAIA,EAAQ,EAC9DC,EAAoBD,GAAmBA,IAAU,EAAI,GAAKA,EAAQ,EAOlEE,EAAqBC,EAAA,YACxBC,GAAkB,CACjB,GAAIA,IAAUR,EAAa,MAAM,MAAQ,EACrBF,YACTU,IAAUR,EAAa,MAAM,MAAQ,EAChCH,QACT,CAEL,MAAMY,EAAWD,EAAQR,EAAa,MAAM,MAAQG,EAAaK,CAAK,EAAIA,EACpEE,EAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI,CACnD,MAAOS,EACP,IAAKb,EAAY,GAAA,CAClB,EACDG,EAAeW,CAAc,CAC/B,CACF,EACA,CAACb,EAAeC,EAAmBF,EAAY,IAAKG,EAAgBC,EAAa,KAAK,CAAA,EAGlFW,EAAoBJ,EAAA,YACvBC,GAAwB,CAEvB,GAAIR,EAAa,MAAM,OAASA,EAAa,IAAI,KAAM,CAEjD,GAAAQ,EAAQR,EAAa,MAAM,KAAM,CACnC,MAAMU,EAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI,CACnD,KAAMQ,EAAQ,EACd,IAAKZ,EAAY,IACjB,MAAO,CAAA,CACR,EAEDG,EAAeW,CAAc,CAC/B,CAEI,GAAAF,EAAQR,EAAa,MAAM,KAAM,CACnC,MAAMU,EAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI,CACnD,KAAMQ,EACN,IAAKZ,EAAY,IACjB,MAAO,EAAA,CACR,EAEDG,EAAeW,CAAc,CAC/B,CAAA,KACK,CAEC,MAAAD,EACJD,EAAQR,EAAa,MAAM,KACvBG,EAAaH,EAAa,MAAM,KAAK,EACrCA,EAAa,MAAM,MACnBU,EAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI,CACnD,KAAMQ,EACN,IAAKZ,EAAY,IACjB,MAAOa,CAAA,CACR,EAEDV,EAAeW,CAAc,CAC/B,CACF,EACA,CAACd,EAAY,IAAKG,EAAgBC,EAAa,IAAI,KAAMA,EAAa,KAAK,CAAA,EAGvEY,EAAmBL,EAAA,YACtBC,GAAwB,CACvB,GAAIA,IAAUR,EAAa,IAAI,MAAQ,EACnBF,YACTU,IAAUR,EAAa,IAAI,MAAQ,EAC9BH,QACT,CAEL,MAAMY,EAAWD,EAAQR,EAAa,IAAI,MAAQK,EAAiBG,CAAK,EAAIA,EACtEE,EAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI,CACjD,MAAOS,EACP,IAAKb,EAAY,GAAA,CAClB,EACDG,EAAeW,CAAc,CAC/B,CACF,EACA,CAACb,EAAeC,EAAmBF,EAAY,IAAKG,EAAgBC,EAAa,GAAG,CAAA,EAGhFa,EAAkBN,EAAA,YACrBC,GAAwB,CAEvB,GAAIR,EAAa,MAAM,OAASA,EAAa,IAAI,KAAM,CAEjD,GAAAQ,EAAQR,EAAa,IAAI,KAAM,CACjC,MAAMU,EAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI,CACjD,KAAMQ,EACN,IAAKZ,EAAY,IACjB,MAAO,CAAA,CACR,EAEDG,EAAeW,CAAc,CAC/B,CACI,GAAAF,EAAQR,EAAa,IAAI,KAAM,CAEjC,MAAMU,EAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI,CACjD,KAAMQ,EAAQ,EACd,IAAKZ,EAAY,IACjB,MAAO,EAAA,CACR,EAEDG,EAAeW,CAAc,CAC/B,CAAA,KACK,CAEC,MAAAD,EACJD,EAAQR,EAAa,IAAI,KACrBK,EAAiBL,EAAa,IAAI,KAAK,EACvCA,EAAa,IAAI,MACjBU,EAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI,CACjD,KAAMQ,EACN,IAAKZ,EAAY,IACjB,MAAOa,CAAA,CACR,EAEDV,EAAeW,CAAc,CAC/B,CACF,EACA,CAACd,EAAY,IAAKG,EAAgBC,EAAa,IAAKA,EAAa,MAAM,IAAI,CAAA,EAG7E,OAEIrB,EAAA,kBAAA,IAAAK,6BAAA,CAAA,SAAAN,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAAmC,EAAAA,OAAA,CAAW,KAAK,WAAW,UAAWrB,EAAA,EACrC,SAACd,EAAAA,kBAAAA,IAAAoC,EAAAA,QAAA,CAAQ,KAAK,cAAA,CAAe,CAC/B,CAAA,EACArC,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,aACb,SAAA,CAAAC,EAAA,kBAAA,IAACqC,EAAA,YAAA,CACC,MAAOhB,EAAa,MAAM,MAC1B,WAAY,CAAC,CAACL,EACd,SAAUW,CAAA,CACZ,EACA3B,EAAA,kBAAA,IAACsC,EAAA,WAAA,CACC,MAAOjB,EAAa,MAAM,KAC1B,WAAY,CAAC,CAACL,EACd,SAAUgB,CAAA,CACZ,CAAA,EACF,EACAhC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,KAAM,CAAA,CAAA,EACvB,EACAD,EAAAA,kBAAAA,KAACwC,EAAAA,aAAa,CAAA,UAAU,qBACtB,SAAA,CAAAvC,EAAA,kBAAA,IAACwC,EAA6B,6BAAA,EAAA,0BAC7BC,EAAgC,EAAA,CAAA,EACnC,CAAA,EACF,EAECzC,EAAA,kBAAA,IAAA0C,EAAA,UAAA,CAAU,YAAY,WAAW,UAAU,yCAAyC,EACrF1C,EAAAA,kBAAAA,IAAC0C,EAAU,UAAA,CAAA,UAAU,WAAY,CAAA,EAEjC3C,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,KAAM,CAAA,EACrBD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,aACb,SAAA,CAAAC,EAAA,kBAAA,IAACqC,EAAA,YAAA,CACC,MAAOhB,EAAa,IAAI,MACxB,WAAY,CAAC,CAACL,EACd,SAAUiB,CAAA,CACZ,EACAjC,EAAA,kBAAA,IAACsC,EAAA,WAAA,CACC,MAAOjB,EAAa,IAAI,KACxB,WAAY,CAAC,CAACL,EACd,SAAUkB,CAAA,CACZ,CAAA,EACF,EACAlC,EAAAA,kBAAAA,IAACmC,EAAAA,OAAW,CAAA,KAAK,OAAO,UAAWrB,EAAQ,EACzC,SAACd,EAAAA,kBAAAA,IAAAoC,EAAAA,QAAA,CAAQ,KAAK,eAAA,CAAgB,CAChC,CAAA,CAAA,EACF,EACArC,yBAACwC,EAAAA,cAAa,UAAU,qBAAqB,OAAQ,CAAE,OAAQ,CAC7D,EAAA,SAAA,CAAAvC,EAAA,kBAAA,IAACwC,EAA6B,6BAAA,EAAA,0BAC7BC,EAAgC,EAAA,CAAA,EACnC,CAAA,EACF,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,EAEaE,EAAkBC,kBAAgBxE,CAAgB,EAE/DuE,EAAgB,YAAc,kBAS9B,MAAMpC,EAAwB,CAAC,CAC7B,YAAAjC,EACA,kBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAAE,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAAsB,EACA,WAAAZ,EACA,MAAAT,EACA,UAAA+D,EACA,UAAA5D,CACF,IAAkC,CAChC,MAAMO,EAAiBC,EAAA,QACrB,IAAMC,EAAwB,wBAAA,CAAE,cAAAf,EAAe,gBAAAE,EAAiB,MAAAC,EAAO,EACvE,CAACH,EAAeE,EAAiBC,CAAK,CAAA,EAGlCgE,EAAiBrD,EAAA,QACrB,IAAMsD,EAAwB,wBAAA,CAAE,YAAAzE,EAAa,aAAAE,EAAc,gBAAAI,EAAiB,EAC5E,CAACN,EAAaE,EAAcI,CAAe,CAAA,EAGvC,CAAE,MAAAoE,EAAO,QAASC,GAAkBC,EAAgB,gBAAA,EACpD,CAAE,OAAAC,EAAQ,2BAAAC,EAA4B,WAAAC,CAAA,EAAevD,EAAAA,kBAAkB,CAC3E,UAAArB,EACA,aAAc,CAAC,CAACQ,EAChB,WAAY,EAAA,CACb,EAEK,CAAE,MAAAqE,GAAUC,EAAAA,gBACZ,CAAE,SAAAC,EAAU,MAAA3B,CAAM,EAAIP,aAAWmC,EAA2B,2BAAA,EAE5DC,EAAoBC,SAAiC,IAAI,EAE/D,OAEK5D,EAAA,kBAAA,KAAAM,6BAAA,CAAA,SAAA,CAAAb,EACEQ,EAAA,kBAAA,IAAA4D,cAAA,CAAY,MAAA9E,EAAc,cAAAH,EAA8B,WAAAY,CAAwB,CAAA,EAC/E,KACJQ,EAAA,kBAAA,KAACO,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAH,EAAY,cAAA0D,EAAe,UAAAC,EAAW,UAAAxE,CAAU,IAC5D+D,EAAW,CACT,WAAAlD,EACA,UAAW0D,EACX,UAAAC,EACA,UAAAxE,EACA,UAAW,SAAA,CACZ,EAEH,UAAAuD,EAEC,SAAA,CAAA5D,EACDe,wBAAC+D,EAAAA,WAAU,UAAWf,EAAA,EAAS,KAAK,QACjC,SAACgB,GACAhE,EAAA,kBAAA,IAACiE,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLjB,EAAc,CACnB,UAAAiB,EACA,WAAA/D,EAEA,SAAU6D,EAAQ,OAAS,UAAY,CAAC,EAACnC,GAAA,MAAAA,EAAO,OAAQ,CAACmC,EAAQ,aAAA,CAClE,EAEH,QAAAA,CAAA,CAAA,EAGN,EAEAhE,EAAA,kBAAA,IAAC,OAAA,CACC,cAAY,OACZ,UACI6B,GAAA,MAAAA,EAAO,OAAWA,EAAM,KAAO,CAAC1B,EAAa,eAAiB,gBAEnE,SAAA,KAAA,CAED,EAEAH,wBAAC+D,EAAAA,WAAU,UAAWf,EAAA,EAAS,KAAK,MACjC,SAACgB,GACAhE,EAAA,kBAAA,IAACiE,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLjB,EAAc,CACnB,UAAAiB,EACA,WAAA/D,EAEA,SAAU6D,EAAQ,OAAS,UAAY,CAAC,EAACnC,GAAA,MAAAA,EAAO,KAAM,CAACmC,EAAQ,aAAA,CAChE,EAEH,QAAAA,CAAA,CAAA,EAGN,EAIAjE,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAAAC,EAAA,kBAAA,IAACmC,EAAA,OAAA,CACC,WAAAhC,EACA,UAAW,CAAC,CAAE,WAAAA,EAAY,eAAAgE,EAAgB,UAAAL,CACxC,IAAAX,EAAO,CAAE,WAAAhD,EAAY,UAAWgE,EAAgB,UAAAL,EAAW,EAE7D,IAAKJ,EAEL,SAAA1D,EAAAA,kBAAAA,IAACoC,EAAAA,QAAQ,CAAA,KAAK,UAAW,CAAA,CAAA,CAC3B,EAEC,CAACjC,IAAc0B,GAAA,MAAAA,EAAO,OAAOA,GAAA,MAAAA,EAAO,QAAS,CAACtD,EAC7CyB,EAAAA,kBAAAA,IAACoE,EAAAA,QAAQ,CAAA,QAASd,EAChB,SAAAtD,EAAA,kBAAA,IAACmC,EAAA,OAAA,CACC,KAAM,KACN,QAAU3B,GAAM,OACdA,EAAE,eAAe,GAEjBC,EAAAiD,GAAA,YAAAA,EAAmB,UAAnB,MAAAjD,EAA4B,OAC9B,EACA,oBAAmB,GACnB,UAAW2C,EAA2B,EACtC,QAAS,IAAM,OACbI,EAAS,IAAI,GAKb/C,EAAAiD,EAAkB,UAAlB,MAAAjD,EAA2B,OAC7B,EAEA,SAAAT,EAAAA,kBAAAA,IAACoC,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,GAE1B,EACE,IAAA,EACN,CAAA,CAAA,CACF,EACCU,EACC9C,EAAA,kBAAA,IAACqE,EAAY,YAAA,CAAA,YAAA/F,EAA0B,aAAAE,CAA4B,CAAA,EACjE,IACN,CAAA,CAAA,CAEJ,EAEMiE,EAAkC,IAAM,CACtC,KAAA,CAAE,cAAA6B,GAAkBC,EAAAA,+BAGxB,OAAAvE,EAAA,kBAAA,IAACwE,EACE,iBAAA,CAAA,SAACC,GACAzE,EAAA,kBAAA,IAAC0E,EAAA,aAAA,CACC,KAAAD,EACA,UAAW,CAAC,CACV,WAAAtE,EACA,eAAAgE,EACA,UAAAL,EACA,eAAAa,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,cAAAC,KAEAV,EAAc,CACZ,WAAAO,EACA,iBAAAE,EACA,eAAAD,EACA,eAAAX,EACA,UAAAL,EACA,cAAAkB,EACA,WAAA7E,EACA,eAAAwE,EACA,UAAAC,CAAA,CACD,CAAA,CAIT,CAAA,CAAA,CAEJ"}