@new-black/lyra 1.0.37 → 1.0.38

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<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\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    isInputOnly: false,\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":"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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\" | \"isInputOnly\"\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    isInputOnly: false,\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: isInvalid || !!errorMessage,\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":"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"}

package/dist/lyra25.js

@@ -1,26 +1,26 @@
 import { j as e } from "./lyra94.js";
 import { useMemo as S, useContext as T, useCallback as D, useRef as z } from "react";
-import { useContextProps as A, DateRangePickerContext as J, DateRangePicker as Q, Group as Y, RangeCalendar as U, RangeCalendarStateContext as W, Button as C, CalendarGrid as I, DateRangePickerStateContext as X, DateInput as v, DateSegment as M, CalendarGridBody as Z, CalendarCell as H } from "./lyra93.js";
+import { useContextProps as A, DateRangePickerContext as J, DateRangePicker as Q, Group as Y, RangeCalendar as U, RangeCalendarStateContext as W, Button as C, CalendarGrid as I, DateRangePickerStateContext as X, DateInput as v, DateSegment as G, CalendarGridBody as Z, CalendarCell as H } from "./lyra93.js";
 import { fixedForwardRef as L } from "./lyra97.js";
 import { useDictionary as ee } from "./lyra99.js";
 import { Popover as se } from "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import "./lyra57.js";
-import { Separator as G } from "./lyra58.js";
+import { Separator as M } from "./lyra58.js";
 import "./lyra59.js";
 import { SvgIcon as P } from "./lyra67.js";
 import { Tooltip as te } from "./lyra77.js";
 import { InputHeader as ae } from "./lyra38.js";
 import { InputFooter as ne } from "./lyra39.js";
 import { sharedInputStyles as q } from "./lyra40.js";
-import { shouldRenderInputHeader as K, shouldRenderInputFooter as re } from "./lyra615.js";
+import { shouldRenderInputHeader as K, shouldRenderInputFooter as re } from "./lyra623.js";
 import { datePickerHeaderStyles as oe, dateFieldStyles as de, dataPickerCalendarGridStyles as ce } from "./lyra24.js";
-import { MonthPicker as E, YearPicker as B, DatePickerCalendarGridHeader as V } from "./lyra616.js";
+import { MonthPicker as E, YearPicker as B, DatePickerCalendarGridHeader as V } from "./lyra625.js";
 const le = ({
   className: x,
   description: h,
-  disableClearLogic: n,
+  disableClearLogic: a,
   errorMessage: p,
   fullWidth: c = !0,
   granularity: o = "day",
@@ -32,8 +32,8 @@ const le = ({
   outerStartSlot: $,
   startSlot: g,
   ...t
-}, a) => {
-  [t, a] = A(t, a, J);
+}, n) => {
+  [t, n] = A(t, n, J);
   const { isInvalid: f, isRequired: w } = t, F = S(
     () => K({ hideHintLabel: s, hideInputHeader: y, label: m }),
     [s, y, m]
@@ -56,7 +56,7 @@ const le = ({
           isDisabled: r.isDisabled
         }),
         isInvalid: f,
-        ref: a,
+        ref: n,
         children: ({ isDisabled: r, state: u }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(
             fe,
@@ -73,9 +73,9 @@ const le = ({
               startSlot: g,
               onKeyDown: (d) => {
                 var l, N;
-                d.key === "Escape" && ((l = u.value) != null && l.end) && ((N = u.value) != null && N.start) && !r && !n && (d.preventDefault(), u.setValue(null));
+                d.key === "Escape" && ((l = u.value) != null && l.end) && ((N = u.value) != null && N.start) && !r && !a && (d.preventDefault(), u.setValue(null));
               },
-              disableClearLogic: n
+              disableClearLogic: a
             }
           ) }),
           /* @__PURE__ */ e.jsx(se, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsx(U, { visibleDuration: { months: 2 }, pageBehavior: "single", children: /* @__PURE__ */ e.jsx(ie, {}) }) })
@@ -87,7 +87,7 @@ const le = ({
 }, ie = () => {
   const { buttons: x } = oe(), {
     anchorDate: h,
-    focusedDate: n,
+    focusedDate: a,
     focusNextPage: p,
     focusPreviousPage: c,
     setFocusedDate: o,
@@ -99,43 +99,43 @@ const le = ({
       else if (t === s.start.month + 1)
         p();
       else {
-        const a = t < s.start.month ? i(t) : t, f = s.start.copy().set({
-          month: a,
-          day: n.day
+        const n = t < s.start.month ? i(t) : t, f = s.start.copy().set({
+          month: n,
+          day: a.day
         });
         o(f);
       }
     },
-    [p, c, n.day, o, s.start]
+    [p, c, a.day, o, s.start]
   ), j = D(
     (t) => {
       if (s.start.year !== s.end.year) {
         if (t < s.start.year) {
-          const a = s.start.copy().set({
+          const n = s.start.copy().set({
             year: t + 1,
-            day: n.day,
+            day: a.day,
             month: 1
           });
-          o(a);
+          o(n);
         }
         if (t > s.start.year) {
-          const a = s.start.copy().set({
+          const n = s.start.copy().set({
             year: t,
-            day: n.day,
+            day: a.day,
             month: 12
           });
-          o(a);
+          o(n);
         }
       } else {
-        const a = t < s.start.year ? i(s.start.month) : s.start.month, f = s.start.copy().set({
+        const n = t < s.start.year ? i(s.start.month) : s.start.month, f = s.start.copy().set({
           year: t,
-          day: n.day,
-          month: a
+          day: a.day,
+          month: n
         });
         o(f);
       }
     },
-    [n.day, o, s.end.year, s.start]
+    [a.day, o, s.end.year, s.start]
   ), $ = D(
     (t) => {
       if (t === s.end.month - 1)
@@ -143,43 +143,43 @@ const le = ({
       else if (t === s.end.month + 1)
         p();
       else {
-        const a = t > s.end.month ? y(t) : t, f = s.end.copy().set({
-          month: a,
-          day: n.day
+        const n = t > s.end.month ? y(t) : t, f = s.end.copy().set({
+          month: n,
+          day: a.day
         });
         o(f);
       }
     },
-    [p, c, n.day, o, s.end]
+    [p, c, a.day, o, s.end]
   ), g = D(
     (t) => {
       if (s.start.year !== s.end.year) {
         if (t < s.end.year) {
-          const a = s.end.copy().set({
+          const n = s.end.copy().set({
             year: t,
-            day: n.day,
+            day: a.day,
             month: 1
           });
-          o(a);
+          o(n);
         }
         if (t > s.end.year) {
-          const a = s.end.copy().set({
+          const n = s.end.copy().set({
             year: t - 1,
-            day: n.day,
+            day: a.day,
             month: 12
           });
-          o(a);
+          o(n);
         }
       } else {
-        const a = t > s.end.year ? y(s.end.month) : s.end.month, f = s.end.copy().set({
+        const n = t > s.end.year ? y(s.end.month) : s.end.month, f = s.end.copy().set({
           year: t,
-          day: n.day,
-          month: a
+          day: a.day,
+          month: n
         });
         o(f);
       }
     },
-    [n.day, o, s.end, s.start.year]
+    [a.day, o, s.end, s.start.year]
   );
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 p-3 sm:flex-row", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3", children: [
@@ -210,8 +210,8 @@ const le = ({
         /* @__PURE__ */ e.jsx(O, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(G, { orientation: "vertical", className: "hidden h-[unset] self-stretch sm:block" }),
-    /* @__PURE__ */ e.jsx(G, { className: "sm:hidden" }),
+    /* @__PURE__ */ e.jsx(M, { orientation: "vertical", className: "hidden h-[unset] self-stretch sm:block" }),
+    /* @__PURE__ */ e.jsx(M, { className: "sm:hidden" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between gap-1", children: [
         /* @__PURE__ */ e.jsx("div", { className: "w-6" }),
@@ -246,7 +246,7 @@ me.displayName = "DateRangePicker";
 const fe = ({
   description: x,
   disableClearLogic: h,
-  errorMessage: n,
+  errorMessage: a,
   fullWidth: p,
   hideHintLabel: c,
   hideInputFooter: o,
@@ -261,9 +261,9 @@ const fe = ({
     () => K({ hideHintLabel: c, hideInputHeader: s, label: m }),
     [c, s, m]
   ), t = S(
-    () => re({ description: x, errorMessage: n, hideInputFooter: o }),
-    [x, n, o]
-  ), { input: a, segment: f } = de(), { button: w, buttonExcludedFromTabOrder: F, inputField: b } = q({
+    () => re({ description: x, errorMessage: a, hideInputFooter: o }),
+    [x, a, o]
+  ), { input: n, segment: f } = de(), { button: w, buttonExcludedFromTabOrder: F, inputField: b } = q({
     fullWidth: p,
     hasStartSlot: !!$,
     hasEndSlot: !0,
@@ -278,14 +278,14 @@ const fe = ({
           isDisabled: d,
           isFocused: l,
           isHovered: N,
-          isInvalid: _,
+          isInvalid: _ || !!a,
           className: "min-h-8"
         }),
         onKeyDown: j,
         children: [
           $,
-          /* @__PURE__ */ e.jsx(v, { className: a(), slot: "start", children: (d) => /* @__PURE__ */ e.jsx(
-            M,
+          /* @__PURE__ */ e.jsx(v, { className: n(), slot: "start", children: (d) => /* @__PURE__ */ e.jsx(
+            G,
             {
               className: ({ isFocused: l }) => f({
                 isFocused: l,
@@ -304,8 +304,8 @@ const fe = ({
               children: " – "
             }
           ),
-          /* @__PURE__ */ e.jsx(v, { className: a(), slot: "end", children: (d) => /* @__PURE__ */ e.jsx(
-            M,
+          /* @__PURE__ */ e.jsx(v, { className: n(), slot: "end", children: (d) => /* @__PURE__ */ e.jsx(
+            G,
             {
               className: ({ isFocused: l }) => f({
                 isFocused: l,
@@ -347,7 +347,7 @@ const fe = ({
         ]
       }
     ),
-    t ? /* @__PURE__ */ e.jsx(ne, { description: x, errorMessage: n }) : null
+    t ? /* @__PURE__ */ e.jsx(ne, { description: x, errorMessage: a }) : null
   ] });
 }, O = () => {
   const { rangeBodyCell: x } = ce();
@@ -356,7 +356,7 @@ const fe = ({
     {
       date: h,
       className: ({
-        isDisabled: n,
+        isDisabled: a,
         isFocusVisible: p,
         isHovered: c,
         isOutsideMonth: o,
@@ -372,7 +372,7 @@ const fe = ({
         isFocusVisible: p,
         isHovered: c,
         isUnavailable: j,
-        isDisabled: n,
+        isDisabled: a,
         isOutsideMonth: o,
         isPressed: s
       })

package/dist/lyra25.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.js","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\" | \"isInputOnly\"\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    isInputOnly: false,\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":"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"}
+{"version":3,"file":"lyra25.js","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\" | \"isInputOnly\"\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    isInputOnly: false,\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: isInvalid || !!errorMessage,\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":"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"}

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra94.cjs"),d=require("react"),T=require("./lyra93.cjs"),_=require("./lyra97.cjs"),f=require("./lyra99.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra67.cjs"),c=require("./lyra75.cjs");require("./lyra76.cjs");const x=require("./lyra617.cjs"),k=require("./lyra618.cjs"),I=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var F;const[i,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:p,uploadLimitMessage:M}=f.useDictionary(),{dropAreaLayout:h,dropzone:N,fileInformation:L,iconAndTitleLayout:g,layout:w,multipleFilesLayout:z}=I.fileInputStyles({}),O=d.useCallback(s=>{o(l=>[...l??[],...s??[]]),a==null||a([...i??[],...s],l=>{o(r=>r==null?void 0:r.filter(m=>!(l!=null&&l.find(b=>b.path===m.path))))})},[i,a]),E=k.useOnDrop({onFilesRead:O,files:i,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(i==null?void 0:i.length),[i==null?void 0:i.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var s;return n&&e.uploadLimit?M.replace("{value}",(s=e.uploadLimit)==null?void 0:s.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,M]),A=d.useCallback(s=>{var l;return u||e.acceptedFileTypes&&((l=e.acceptedFileTypes)==null?void 0:l.every(m=>!s.has(m)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return t.jsxRuntimeExports.jsxs("div",{className:w({className:e.className}),style:e.style,ref:y,children:[t.jsxRuntimeExports.jsxs("div",{className:h(),children:[e.label?t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(i!=null&&i[0])?t.jsxRuntimeExports.jsx(S,{fileName:i[0].path??i[0].name??"File",fileSize:x.convertBytes(i[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):t.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async s=>{const l=await Promise.all(s.items.map(r=>r.getFile()));E(l)},className:({isDropTarget:s})=>N({isDropTarget:s,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[t.jsxRuntimeExports.jsxs("div",{className:g(),children:[t.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),t.jsxRuntimeExports.jsx(c.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),t.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:s=>{const l=s?Array.from(s):[];E(l)},acceptedFileTypes:e.acceptedFileTypes,children:t.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?t.jsxRuntimeExports.jsxs("div",{className:L(),children:[t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${p}: ${(F=e.acceptedFileTypes)==null?void 0:F.map(s=>{var l;return(l=U[s])==null?void 0:l.toUpperCase()}).join(", ").toString()} `:void 0}),t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),i&&e.allowMultiple?t.jsxRuntimeExports.jsx("div",{className:z(),children:i.map((s,l)=>t.jsxRuntimeExports.jsx(S,{fileName:s.path??s.name??`File${l}`,fileSize:x.convertBytes(s.size),onRemove:()=>{i.length>1?(o(r=>r==null?void 0:r.filter((m,b)=>b!==l)),a==null||a(i.filter((r,m)=>m!==l))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},l))}):null,e.name?t.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:i?JSON.stringify(i):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:i})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=I.uploadedItemStyles({}),{remove:R}=f.useDictionary();return t.jsxRuntimeExports.jsxs("div",{className:v(),children:[t.jsxRuntimeExports.jsxs("div",{className:o(),children:[t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),t.jsxRuntimeExports.jsxs("div",{className:j(),children:[t.jsxRuntimeExports.jsxs("span",{className:"flex",children:[t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"flex-1 truncate font-semibold",children:e.substring(0,e.lastIndexOf("."))}),t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.substring(e.lastIndexOf("."),e.length)})]}),t.jsxRuntimeExports.jsx(c.Text,{color:"secondary",variant:"body-small",children:y})]})]}),t.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:i,tooltip:R,isDisabled:a,children:t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra94.cjs"),d=require("react"),T=require("./lyra93.cjs"),_=require("./lyra97.cjs"),f=require("./lyra99.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra67.cjs"),c=require("./lyra75.cjs");require("./lyra76.cjs");const x=require("./lyra621.cjs"),k=require("./lyra622.cjs"),I=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var F;const[i,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:p,uploadLimitMessage:M}=f.useDictionary(),{dropAreaLayout:h,dropzone:N,fileInformation:L,iconAndTitleLayout:g,layout:w,multipleFilesLayout:z}=I.fileInputStyles({}),O=d.useCallback(s=>{o(l=>[...l??[],...s??[]]),a==null||a([...i??[],...s],l=>{o(r=>r==null?void 0:r.filter(m=>!(l!=null&&l.find(b=>b.path===m.path))))})},[i,a]),E=k.useOnDrop({onFilesRead:O,files:i,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(i==null?void 0:i.length),[i==null?void 0:i.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var s;return n&&e.uploadLimit?M.replace("{value}",(s=e.uploadLimit)==null?void 0:s.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,M]),A=d.useCallback(s=>{var l;return u||e.acceptedFileTypes&&((l=e.acceptedFileTypes)==null?void 0:l.every(m=>!s.has(m)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return t.jsxRuntimeExports.jsxs("div",{className:w({className:e.className}),style:e.style,ref:y,children:[t.jsxRuntimeExports.jsxs("div",{className:h(),children:[e.label?t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(i!=null&&i[0])?t.jsxRuntimeExports.jsx(S,{fileName:i[0].path??i[0].name??"File",fileSize:x.convertBytes(i[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):t.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async s=>{const l=await Promise.all(s.items.map(r=>r.getFile()));E(l)},className:({isDropTarget:s})=>N({isDropTarget:s,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[t.jsxRuntimeExports.jsxs("div",{className:g(),children:[t.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),t.jsxRuntimeExports.jsx(c.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),t.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:s=>{const l=s?Array.from(s):[];E(l)},acceptedFileTypes:e.acceptedFileTypes,children:t.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?t.jsxRuntimeExports.jsxs("div",{className:L(),children:[t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${p}: ${(F=e.acceptedFileTypes)==null?void 0:F.map(s=>{var l;return(l=U[s])==null?void 0:l.toUpperCase()}).join(", ").toString()} `:void 0}),t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),i&&e.allowMultiple?t.jsxRuntimeExports.jsx("div",{className:z(),children:i.map((s,l)=>t.jsxRuntimeExports.jsx(S,{fileName:s.path??s.name??`File${l}`,fileSize:x.convertBytes(s.size),onRemove:()=>{i.length>1?(o(r=>r==null?void 0:r.filter((m,b)=>b!==l)),a==null||a(i.filter((r,m)=>m!==l))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},l))}):null,e.name?t.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:i?JSON.stringify(i):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:i})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=I.uploadedItemStyles({}),{remove:R}=f.useDictionary();return t.jsxRuntimeExports.jsxs("div",{className:v(),children:[t.jsxRuntimeExports.jsxs("div",{className:o(),children:[t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),t.jsxRuntimeExports.jsxs("div",{className:j(),children:[t.jsxRuntimeExports.jsxs("span",{className:"flex",children:[t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"flex-1 truncate font-semibold",children:e.substring(0,e.lastIndexOf("."))}),t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.substring(e.lastIndexOf("."),e.length)})]}),t.jsxRuntimeExports.jsx(c.Text,{color:"secondary",variant:"body-small",children:y})]})]}),t.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:i,tooltip:R,isDisabled:a,children:t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;

package/dist/lyra27.js

@@ -12,8 +12,8 @@ import "./lyra20.js";
 import { SvgIcon as N } from "./lyra67.js";
 import { Text as o } from "./lyra75.js";
 import "./lyra76.js";
-import { CommonMimeTypes as h, convertBytes as j } from "./lyra617.js";
-import { useOnDrop as q } from "./lyra618.js";
+import { CommonMimeTypes as h, convertBytes as j } from "./lyra621.js";
+import { useOnDrop as q } from "./lyra622.js";
 import { fileInputStyles as G, uploadedItemStyles as H } from "./lyra28.js";
 const K = ({ onChange: s, ...e }, y) => {
   var D;