@new-black/lyra 1.0.36 → 1.0.38

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":";;;;;;;;;;;;;;;;;;;AAsEA,MAAMA,KAAmB,CACvB;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAsB;AAC3D,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL,GAE5BM,IAAiBC;AAAA,IACrB,MAAMC,EAAwB,EAAE,eAAAf,GAAe,iBAAAE,GAAiB,OAAAC,GAAO;AAAA,IACvE,CAACH,GAAeE,GAAiBC,CAAK;AAAA,EAAA,GAGlC,EAAE,WAAAa,GAAW,mBAAAC,GAAmB,SAAAC,EAAA,IAAYC,EAAkB;AAAA,IAClE,WAAArB;AAAA,IACA,cAAc,CAAC,CAACQ;AAAA,IAChB,YAAY;AAAA,IACZ,gBAAAO;AAAA,IACA,UAAU,CAAC,CAACV;AAAA,EAAA,CACb;AAED,SACGiB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWH,EAAA,GACb,UAAA;AAAA,IAAAZ,0BAAkB,OAAI,EAAA,WAAWW,EAAU,GAAI,YAAe,CAAA,IAAS;AAAA,IACxEK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGf;AAAA,QACJ,aAAAR;AAAA,QACA,WAAW,CAACwB,MACVL,EAAQ;AAAA,UACN,WAAAxB;AAAA,UACA,YAAY6B,EAAY;AAAA,QAAA,CACzB;AAAA,QAEH,WAAAZ;AAAA,QACA,KAAAH;AAAA,QAEC,UAAC,CAAA,EAAE,YAAAgB,GAAY,OAAAC,QAEZL,gBAAAA,OAAAM,EAAAA,UAAA,EAAA,UAAA;AAAA,UAAAL,gBAAAA,MAACM,GACC,EAAA,UAAAN,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,aAAAjC;AAAA,cACA,WAAAG;AAAA,cACA,cAAAD;AAAA,cACA,eAAAG;AAAA,cACA,iBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,YAAAsB;AAAA,cACA,YAAAZ;AAAA,cACA,OAAAT;AAAA,cACA,WAAAG;AAAA,cACA,WAAW,CAACuB,MAAM;;AAChB,gBACEA,EAAE,QAAQ,cACVC,IAAAL,EAAM,UAAN,QAAAK,EAAa,UACbC,IAAAN,EAAM,UAAN,QAAAM,EAAa,UACb,CAACP,KACD,CAAC5B,MAEDiC,EAAE,eAAe,GACjBJ,EAAM,SAAS,IAAI;AAAA,cAEvB;AAAA,cACA,mBAAA7B;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,gCACCoC,IAAQ,EAAA,gBAAc,IAAC,WAAU,SAChC,gCAACC,GAAc,EAAA,iBAAiB,EAAE,QAAQ,KAAK,cAAc,UAC3D,UAACZ,gBAAAA,EAAA,IAAAa,IAAA,CAAA,CAAoB,EACvB,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC9B,IAAgBiB,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWL,EAAU,GAAI,YAAa,CAAA,IAAS;AAAA,EACtE,EAAA,CAAA;AAEJ,GAEMkB,KAAsB,MAAM;AAC1B,QAAA,EAAE,SAAAC,MAAYC,MAEd;AAAA,IACJ,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAWC,CAAyB,GAElCC,IAAe,CAACC,MAAmBA,MAAU,KAAK,IAAIA,IAAQ,GAC9DC,IAAmB,CAACD,MAAmBA,MAAU,IAAI,KAAKA,IAAQ,GAOlEE,IAAqBC;AAAA,IACzB,CAACC,MAAkB;AACjB,UAAIA,MAAUR,EAAa,MAAM,QAAQ;AACrB,QAAAF;eACTU,MAAUR,EAAa,MAAM,QAAQ;AAChC,QAAAH;WACT;AAEL,cAAMY,IAAWD,IAAQR,EAAa,MAAM,QAAQG,EAAaK,CAAK,IAAIA,GACpEE,IAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI;AAAA,UACnD,OAAOS;AAAA,UACP,KAAKb,EAAY;AAAA,QAAA,CAClB;AACD,QAAAG,EAAeW,CAAc;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAACb,GAAeC,GAAmBF,EAAY,KAAKG,GAAgBC,EAAa,KAAK;AAAA,EAAA,GAGlFW,IAAoBJ;AAAA,IACxB,CAACC,MAAwB;AAEvB,UAAIR,EAAa,MAAM,SAASA,EAAa,IAAI,MAAM;AAEjD,YAAAQ,IAAQR,EAAa,MAAM,MAAM;AACnC,gBAAMU,IAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI;AAAA,YACnD,MAAMQ,IAAQ;AAAA,YACd,KAAKZ,EAAY;AAAA,YACjB,OAAO;AAAA,UAAA,CACR;AAED,UAAAG,EAAeW,CAAc;AAAA,QAC/B;AAEI,YAAAF,IAAQR,EAAa,MAAM,MAAM;AACnC,gBAAMU,IAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI;AAAA,YACnD,MAAMQ;AAAA,YACN,KAAKZ,EAAY;AAAA,YACjB,OAAO;AAAA,UAAA,CACR;AAED,UAAAG,EAAeW,CAAc;AAAA,QAC/B;AAAA,MAAA,OACK;AAEC,cAAAD,IACJD,IAAQR,EAAa,MAAM,OACvBG,EAAaH,EAAa,MAAM,KAAK,IACrCA,EAAa,MAAM,OACnBU,IAAiBV,EAAa,MAAM,KAAA,EAAO,IAAI;AAAA,UACnD,MAAMQ;AAAA,UACN,KAAKZ,EAAY;AAAA,UACjB,OAAOa;AAAA,QAAA,CACR;AAED,QAAAV,EAAeW,CAAc;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAACd,EAAY,KAAKG,GAAgBC,EAAa,IAAI,MAAMA,EAAa,KAAK;AAAA,EAAA,GAGvEY,IAAmBL;AAAA,IACvB,CAACC,MAAwB;AACvB,UAAIA,MAAUR,EAAa,IAAI,QAAQ;AACnB,QAAAF;eACTU,MAAUR,EAAa,IAAI,QAAQ;AAC9B,QAAAH;WACT;AAEL,cAAMY,IAAWD,IAAQR,EAAa,IAAI,QAAQK,EAAiBG,CAAK,IAAIA,GACtEE,IAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI;AAAA,UACjD,OAAOS;AAAA,UACP,KAAKb,EAAY;AAAA,QAAA,CAClB;AACD,QAAAG,EAAeW,CAAc;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAACb,GAAeC,GAAmBF,EAAY,KAAKG,GAAgBC,EAAa,GAAG;AAAA,EAAA,GAGhFa,IAAkBN;AAAA,IACtB,CAACC,MAAwB;AAEvB,UAAIR,EAAa,MAAM,SAASA,EAAa,IAAI,MAAM;AAEjD,YAAAQ,IAAQR,EAAa,IAAI,MAAM;AACjC,gBAAMU,IAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI;AAAA,YACjD,MAAMQ;AAAA,YACN,KAAKZ,EAAY;AAAA,YACjB,OAAO;AAAA,UAAA,CACR;AAED,UAAAG,EAAeW,CAAc;AAAA,QAC/B;AACI,YAAAF,IAAQR,EAAa,IAAI,MAAM;AAEjC,gBAAMU,IAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI;AAAA,YACjD,MAAMQ,IAAQ;AAAA,YACd,KAAKZ,EAAY;AAAA,YACjB,OAAO;AAAA,UAAA,CACR;AAED,UAAAG,EAAeW,CAAc;AAAA,QAC/B;AAAA,MAAA,OACK;AAEC,cAAAD,IACJD,IAAQR,EAAa,IAAI,OACrBK,EAAiBL,EAAa,IAAI,KAAK,IACvCA,EAAa,IAAI,OACjBU,IAAiBV,EAAa,IAAI,KAAA,EAAO,IAAI;AAAA,UACjD,MAAMQ;AAAA,UACN,KAAKZ,EAAY;AAAA,UACjB,OAAOa;AAAA,QAAA,CACR;AAED,QAAAV,EAAeW,CAAc;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAACd,EAAY,KAAKG,GAAgBC,EAAa,KAAKA,EAAa,MAAM,IAAI;AAAA,EAAA;AAG7E,SAEIrB,gBAAAA,EAAA,IAAAK,YAAA,EAAA,UAAAN,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,QAACC,gBAAAA,EAAAA,IAAAmC,GAAA,EAAW,MAAK,YAAW,WAAWrB,EAAA,GACrC,UAACd,gBAAAA,EAAAA,IAAAoC,GAAA,EAAQ,MAAK,eAAA,CAAe,EAC/B,CAAA;AAAA,QACArC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACqC;AAAA,YAAA;AAAA,cACC,OAAOhB,EAAa,MAAM;AAAA,cAC1B,YAAY,CAAC,CAACL;AAAA,cACd,UAAUW;AAAA,YAAA;AAAA,UACZ;AAAA,UACA3B,gBAAAA,EAAA;AAAA,YAACsC;AAAA,YAAA;AAAA,cACC,OAAOjB,EAAa,MAAM;AAAA,cAC1B,YAAY,CAAC,CAACL;AAAA,cACd,UAAUgB;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QACAhC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,MAAM,CAAA;AAAA,MAAA,GACvB;AAAA,MACAD,gBAAAA,EAAAA,KAACwC,GAAa,EAAA,WAAU,sBACtB,UAAA;AAAA,QAAAvC,gBAAAA,EAAA,IAACwC,GAA6B,EAAA;AAAA,8BAC7BC,GAAgC,EAAA;AAAA,MAAA,GACnC;AAAA,IAAA,GACF;AAAA,IAECzC,gBAAAA,EAAA,IAAA0C,GAAA,EAAU,aAAY,YAAW,WAAU,0CAAyC;AAAA,IACrF1C,gBAAAA,EAAAA,IAAC0C,GAAU,EAAA,WAAU,YAAY,CAAA;AAAA,IAEjC3C,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,QAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,MAAM,CAAA;AAAA,QACrBD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACqC;AAAA,YAAA;AAAA,cACC,OAAOhB,EAAa,IAAI;AAAA,cACxB,YAAY,CAAC,CAACL;AAAA,cACd,UAAUiB;AAAA,YAAA;AAAA,UACZ;AAAA,UACAjC,gBAAAA,EAAA;AAAA,YAACsC;AAAA,YAAA;AAAA,cACC,OAAOjB,EAAa,IAAI;AAAA,cACxB,YAAY,CAAC,CAACL;AAAA,cACd,UAAUkB;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QACAlC,gBAAAA,EAAAA,IAACmC,GAAW,EAAA,MAAK,QAAO,WAAWrB,EAAQ,GACzC,UAACd,gBAAAA,EAAAA,IAAAoC,GAAA,EAAQ,MAAK,gBAAA,CAAgB,EAChC,CAAA;AAAA,MAAA,GACF;AAAA,MACArC,gBAAAA,OAACwC,KAAa,WAAU,sBAAqB,QAAQ,EAAE,QAAQ,EAC7D,GAAA,UAAA;AAAA,QAAAvC,gBAAAA,EAAA,IAACwC,GAA6B,EAAA;AAAA,8BAC7BC,GAAgC,EAAA;AAAA,MAAA,GACnC;AAAA,IAAA,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEaE,KAAkBC,EAAgBxE,EAAgB;AAE/DuE,GAAgB,cAAc;AAS9B,MAAMpC,KAAwB,CAAC;AAAA,EAC7B,aAAAjC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAE;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAsB;AAAA,EACA,YAAAZ;AAAA,EACA,OAAAT;AAAA,EACA,WAAA+D;AAAA,EACA,WAAA5D;AACF,MAAkC;AAChC,QAAMO,IAAiBC;AAAA,IACrB,MAAMC,EAAwB,EAAE,eAAAf,GAAe,iBAAAE,GAAiB,OAAAC,GAAO;AAAA,IACvE,CAACH,GAAeE,GAAiBC,CAAK;AAAA,EAAA,GAGlCgE,IAAiBrD;AAAA,IACrB,MAAMsD,GAAwB,EAAE,aAAAzE,GAAa,cAAAE,GAAc,iBAAAI,GAAiB;AAAA,IAC5E,CAACN,GAAaE,GAAcI,CAAe;AAAA,EAAA,GAGvC,EAAE,OAAAoE,GAAO,SAASC,MAAkBC,GAAgB,GACpD,EAAE,QAAAC,GAAQ,4BAAAC,GAA4B,YAAAC,EAAA,IAAevD,EAAkB;AAAA,IAC3E,WAAArB;AAAA,IACA,cAAc,CAAC,CAACQ;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA,CACd,GAEK,EAAE,OAAAqE,MAAUC,MACZ,EAAE,UAAAC,GAAU,OAAA3B,EAAM,IAAIP,EAAWmC,CAA2B,GAE5DC,IAAoBC,EAAiC,IAAI;AAE/D,SAEK5D,gBAAAA,EAAA,KAAAM,YAAA,EAAA,UAAA;AAAA,IAAAb,IACEQ,gBAAAA,EAAA,IAAA4D,IAAA,EAAY,OAAA9E,GAAc,eAAAH,GAA8B,YAAAY,EAAwB,CAAA,IAC/E;AAAA,IACJQ,gBAAAA,EAAA;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,WAAW,CAAC,EAAE,YAAAH,GAAY,eAAA0D,GAAe,WAAAC,GAAW,WAAAxE,EAAU,MAC5D+D,EAAW;AAAA,UACT,YAAAlD;AAAAA,UACA,WAAW0D;AAAA,UACX,WAAAC;AAAA,UACA,WAAAxE;AAAA,UACA,WAAW;AAAA,QAAA,CACZ;AAAA,QAEH,WAAAuD;AAAA,QAEC,UAAA;AAAA,UAAA5D;AAAA,UACDe,gBAAAA,MAAC+D,KAAU,WAAWf,EAAA,GAAS,MAAK,SACjC,WAACgB,MACAhE,gBAAAA,EAAA;AAAA,YAACiE;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,EAAE,WAAAC,QACLjB,EAAc;AAAA,gBACnB,WAAAiB;AAAA,gBACA,YAAA/D;AAAA;AAAA,gBAEA,UAAU6D,EAAQ,SAAS,YAAY,CAAC,EAACnC,KAAA,QAAAA,EAAO,SAAQ,CAACmC,EAAQ;AAAA,cAAA,CAClE;AAAA,cAEH,SAAAA;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEAhE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WACI6B,KAAA,QAAAA,EAAO,SAAWA,EAAM,OAAO,CAAC1B,IAAa,iBAAiB;AAAA,cAEnE,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UAEAH,gBAAAA,MAAC+D,KAAU,WAAWf,EAAA,GAAS,MAAK,OACjC,WAACgB,MACAhE,gBAAAA,EAAA;AAAA,YAACiE;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,EAAE,WAAAC,QACLjB,EAAc;AAAA,gBACnB,WAAAiB;AAAA,gBACA,YAAA/D;AAAA;AAAA,gBAEA,UAAU6D,EAAQ,SAAS,YAAY,CAAC,EAACnC,KAAA,QAAAA,EAAO,OAAM,CAACmC,EAAQ;AAAA,cAAA,CAChE;AAAA,cAEH,SAAAA;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAIAjE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAACmC;AAAAA,cAAA;AAAA,gBACC,YAAAhC;AAAA,gBACA,WAAW,CAAC,EAAE,YAAAA,GAAY,gBAAAgE,GAAgB,WAAAL,EACxC,MAAAX,EAAO,EAAE,YAAAhD,GAAY,WAAWgE,GAAgB,WAAAL,GAAW;AAAA,gBAE7D,KAAKJ;AAAA,gBAEL,UAAA1D,gBAAAA,EAAAA,IAACoC,GAAQ,EAAA,MAAK,WAAW,CAAA;AAAA,cAAA;AAAA,YAC3B;AAAA,YAEC,CAACjC,MAAc0B,KAAA,QAAAA,EAAO,SAAOA,KAAA,QAAAA,EAAO,UAAS,CAACtD,IAC7CyB,gBAAAA,EAAAA,IAACoE,IAAQ,EAAA,SAASd,GAChB,UAAAtD,gBAAAA,EAAA;AAAA,cAACmC;AAAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,SAAS,CAAC3B,MAAM;;AACd,kBAAAA,EAAE,eAAe,IAEjBC,IAAAiD,KAAA,gBAAAA,EAAmB,YAAnB,QAAAjD,EAA4B;AAAA,gBAC9B;AAAA,gBACA,qBAAmB;AAAA,gBACnB,WAAW2C,EAA2B;AAAA,gBACtC,SAAS,MAAM;;AACb,kBAAAI,EAAS,IAAI,IAKb/C,IAAAiD,EAAkB,YAAlB,QAAAjD,EAA2B;AAAA,gBAC7B;AAAA,gBAEA,UAAAT,gBAAAA,EAAAA,IAACoC,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,cAAA;AAAA,eAE1B,IACE;AAAA,UAAA,GACN;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCU,IACC9C,gBAAAA,EAAA,IAACqE,IAAY,EAAA,aAAA/F,GAA0B,cAAAE,EAA4B,CAAA,IACjE;AAAA,EACN,EAAA,CAAA;AAEJ,GAEMiE,IAAkC,MAAM;AACtC,QAAA,EAAE,eAAA6B,MAAkBC;AAGxB,SAAAvE,gBAAAA,EAAA,IAACwE,GACE,EAAA,UAAA,CAACC,MACAzE,gBAAAA,EAAA;AAAA,IAAC0E;AAAAA,IAAA;AAAA,MACC,MAAAD;AAAA,MACA,WAAW,CAAC;AAAA,QACV,YAAAtE;AAAA,QACA,gBAAAgE;AAAA,QACA,WAAAL;AAAA,QACA,gBAAAa;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,eAAAC;AAAA,YAEAV,EAAc;AAAA,QACZ,YAAAO;AAAA,QACA,kBAAAE;AAAA,QACA,gBAAAD;AAAA,QACA,gBAAAX;AAAA,QACA,WAAAL;AAAA,QACA,eAAAkB;AAAA,QACA,YAAA7E;AAAA,QACA,gBAAAwE;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAIT,EAAA,CAAA;AAEJ;"}
+{"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("./lyra611.cjs"),k=require("./lyra612.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 "./lyra611.js";
-import { useOnDrop as q } from "./lyra612.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;

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),E=require("react"),s=require("./lyra93.cjs"),L=require("./lyra454.cjs"),$=require("./lyra95.cjs"),k=require("./lyra97.cjs"),z=require("./lyra99.cjs"),q=require("./lyra67.cjs"),y=require("./lyra77.cjs"),C=require("./lyra38.cjs"),J=require("./lyra39.cjs"),K=require("./lyra40.cjs"),F=require("./lyra609.cjs"),Q=({className:N,description:r,errorMessage:n,hideHintLabel:i=!1,hideInputFooter:u=!1,hideInputHeader:a=!1,hideStepper:x=!1,label:t,onChange:b,outerEndSlot:c,outerStartSlot:d,startSlot:o,value:f,...m},v)=>{const{decrement:I,increment:g}=z.useDictionary(),{decrementAriaLabel:w=I,fullWidth:O,incrementAriaLabel:T=g,isInvalid:S,isReadOnly:l,isRequired:p}=m,j=E.useMemo(()=>F.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:a,label:t}),[i,a,t]),M=E.useMemo(()=>F.shouldRenderInputFooter({description:r,errorMessage:n,hideInputFooter:u}),[r,n,u]),{input:A,inputField:B,outerSlot:R,outerSlotsWrapper:D,wrapper:P}=K.sharedInputStyles({fullWidth:O,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:j,hasLabel:!!t});return e.jsxRuntimeExports.jsxs("div",{className:D(),children:[d?e.jsxRuntimeExports.jsx("div",{className:R(),children:d}):null,e.jsxRuntimeExports.jsx(s.NumberField,{className:P({className:N}),isInvalid:S,value:f,onChange:b,...m,ref:v,children:({isDisabled:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j?e.jsxRuntimeExports.jsx(C.InputHeader,{label:t,isRequired:p,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:W,isFocusWithin:_,isHovered:G,isInvalid:H})=>$.twMerge(B({isFocused:_,isHovered:G,isDisabled:W||l,isInvalid:H})),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:A({className:L.clsx(!!o&&"ps-1",!x&&"pe-1")}),required:p,disabled:h,readOnly:l,style:{fontFamily:"var(--input-font-family)"}}),!x&&!h&&!l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:w,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:T,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"plus"})})})]}):null]}),M?e.jsxRuntimeExports.jsx(J.InputFooter,{description:r,errorMessage:n}):null]})}),c?e.jsxRuntimeExports.jsx("div",{className:R(),children:c}):null]})},U=k.fixedForwardRef(Q);exports.NumberField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),E=require("react"),s=require("./lyra93.cjs"),L=require("./lyra454.cjs"),$=require("./lyra95.cjs"),k=require("./lyra97.cjs"),z=require("./lyra99.cjs"),q=require("./lyra67.cjs"),y=require("./lyra77.cjs"),C=require("./lyra38.cjs"),J=require("./lyra39.cjs"),K=require("./lyra40.cjs"),F=require("./lyra623.cjs"),Q=({className:N,description:n,errorMessage:t,hideHintLabel:i=!1,hideInputFooter:u=!1,hideInputHeader:a=!1,hideStepper:x=!1,label:r,onChange:b,outerEndSlot:c,outerStartSlot:d,startSlot:o,value:f,...m},v)=>{const{decrement:I,increment:w}=z.useDictionary(),{decrementAriaLabel:O=I,fullWidth:T,incrementAriaLabel:g=w,isInvalid:S,isReadOnly:l,isRequired:p}=m,j=E.useMemo(()=>F.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:a,label:r}),[i,a,r]),A=E.useMemo(()=>F.shouldRenderInputFooter({description:n,errorMessage:t,hideInputFooter:u}),[n,t,u]),{input:B,inputField:D,outerSlot:R,outerSlotsWrapper:M,wrapper:P}=K.sharedInputStyles({fullWidth:T,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:j,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:M(),children:[d?e.jsxRuntimeExports.jsx("div",{className:R(),children:d}):null,e.jsxRuntimeExports.jsx(s.NumberField,{className:P({className:N}),isInvalid:S,value:f,onChange:b,...m,ref:v,children:({isDisabled:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j?e.jsxRuntimeExports.jsx(C.InputHeader,{label:r,isRequired:p,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:W,isFocusWithin:_,isHovered:G,isInvalid:H})=>$.twMerge(D({isFocused:_,isHovered:G,isDisabled:W||l,isInvalid:H||!!t})),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:B({className:L.clsx(!!o&&"ps-1",!x&&"pe-1")}),required:p,disabled:h,readOnly:l,style:{fontFamily:"var(--input-font-family)"}}),!x&&!h&&!l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:O,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:g,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"plus"})})})]}):null]}),A?e.jsxRuntimeExports.jsx(J.InputFooter,{description:n,errorMessage:t}):null]})}),c?e.jsxRuntimeExports.jsx("div",{className:R(),children:c}):null]})},U=k.fixedForwardRef(Q);exports.NumberField=U;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\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\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\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, inputField, 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      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\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\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\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, inputField, 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      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid: isInvalid || !!errorMessage,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra29.js

@@ -4,22 +4,22 @@ import { NumberField as k, Group as z, Input as C, Button as h } from "./lyra93.
 import { clsx as H } from "./lyra454.js";
 import { twMerge as J } from "./lyra95.js";
 import { fixedForwardRef as K } from "./lyra97.js";
-import { useDictionary as M } from "./lyra99.js";
+import { useDictionary as P } from "./lyra99.js";
 import { SvgIcon as N } from "./lyra67.js";
 import { Tooltip as F } from "./lyra77.js";
-import { InputHeader as P } from "./lyra38.js";
-import { InputFooter as Q } from "./lyra39.js";
-import { sharedInputStyles as U } from "./lyra40.js";
-import { shouldRenderInputHeader as V, shouldRenderInputFooter as X } from "./lyra609.js";
-const Y = ({
+import { InputHeader as Q } from "./lyra38.js";
+import { InputFooter as U } from "./lyra39.js";
+import { sharedInputStyles as V } from "./lyra40.js";
+import { shouldRenderInputHeader as X, shouldRenderInputFooter as Y } from "./lyra623.js";
+const Z = ({
   className: $,
-  description: s,
-  errorMessage: t,
+  description: t,
+  errorMessage: r,
   hideHintLabel: l = !1,
   hideInputFooter: i = !1,
   hideInputHeader: n = !1,
   hideStepper: d = !1,
-  label: r,
+  label: s,
   onChange: y,
   outerEndSlot: m,
   outerStartSlot: c,
@@ -27,25 +27,25 @@ const Y = ({
   value: I,
   ...u
 }, v) => {
-  const { decrement: R, increment: w } = M(), {
+  const { decrement: R, increment: w } = P(), {
     decrementAriaLabel: O = R,
     fullWidth: T,
-    incrementAriaLabel: g = w,
-    isInvalid: q,
+    incrementAriaLabel: q = w,
+    isInvalid: A,
     isReadOnly: a,
     isRequired: p
   } = u, f = j(
-    () => V({ hideHintLabel: l, hideInputHeader: n, label: r }),
-    [l, n, r]
-  ), A = j(
-    () => X({ description: s, errorMessage: t, hideInputFooter: i }),
-    [s, t, i]
-  ), { input: D, inputField: W, outerSlot: x, outerSlotsWrapper: B, wrapper: E } = U({
+    () => X({ hideHintLabel: l, hideInputHeader: n, label: s }),
+    [l, n, s]
+  ), D = j(
+    () => Y({ description: t, errorMessage: r, hideInputFooter: i }),
+    [t, r, i]
+  ), { input: W, inputField: g, outerSlot: x, outerSlotsWrapper: B, wrapper: E } = V({
     fullWidth: T,
     hasStartSlot: !!o,
     hasEndSlot: !0,
     hasInputHeader: f,
-    hasLabel: !!r
+    hasLabel: !!s
   });
   return /* @__PURE__ */ e.jsxs("div", { className: B(), children: [
     c ? /* @__PURE__ */ e.jsx("div", { className: x(), children: c }) : null,
@@ -53,22 +53,22 @@ const Y = ({
       k,
       {
         className: E({ className: $ }),
-        isInvalid: q,
+        isInvalid: A,
         value: I,
         onChange: y,
         ...u,
         ref: v,
         children: ({ isDisabled: b }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          f ? /* @__PURE__ */ e.jsx(P, { label: r, isRequired: p, hideHintLabel: l }) : null,
+          f ? /* @__PURE__ */ e.jsx(Q, { label: s, isRequired: p, hideHintLabel: l }) : null,
           /* @__PURE__ */ e.jsxs(
             z,
             {
               className: ({ isDisabled: G, isFocusWithin: L, isHovered: S, isInvalid: _ }) => J(
-                W({
+                g({
                   isFocused: L,
                   isHovered: S,
                   isDisabled: G || a,
-                  isInvalid: _
+                  isInvalid: _ || !!r
                 })
               ),
               children: [
@@ -76,7 +76,7 @@ const Y = ({
                 /* @__PURE__ */ e.jsx(
                   C,
                   {
-                    className: D({
+                    className: W({
                       className: H(!!o && "ps-1", !d && "pe-1")
                     }),
                     required: p,
@@ -95,7 +95,7 @@ const Y = ({
                       children: /* @__PURE__ */ e.jsx(N, { name: "minus" })
                     }
                   ) }),
-                  /* @__PURE__ */ e.jsx(F, { tooltip: g, children: /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ e.jsx(F, { tooltip: q, children: /* @__PURE__ */ e.jsx(
                     h,
                     {
                       slot: "increment",
@@ -108,13 +108,13 @@ const Y = ({
               ]
             }
           ),
-          A ? /* @__PURE__ */ e.jsx(Q, { description: s, errorMessage: t }) : null
+          D ? /* @__PURE__ */ e.jsx(U, { description: t, errorMessage: r }) : null
         ] })
       }
     ),
     m ? /* @__PURE__ */ e.jsx("div", { className: x(), children: m }) : null
   ] });
-}, ue = K(Y);
+}, ue = K(Z);
 export {
   ue as NumberField
 };

package/dist/lyra29.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.js","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\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\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\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, inputField, 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      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra29.js","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\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\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\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, inputField, 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      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid: isInvalid || !!errorMessage,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),F=require("react"),s=require("./lyra93.cjs"),B=require("./lyra454.cjs"),G=require("./lyra97.cjs"),$=require("./lyra99.cjs"),k=require("./lyra65.cjs");require("./lyra66.cjs");const A=require("./lyra67.cjs"),H=require("./lyra77.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),v=require("./lyra609.cjs"),U=({description:t,endSlot:d,fullWidth:p=!0,hideHintLabel:n,hideInputFooter:m=!1,hideInputHeader:i=!1,inputRef:I,isLoading:j,label:r,outerEndSlot:R,outerStartSlot:h,startSlot:o,...u},l)=>{[u,l]=s.useContextProps(u,l,s.SearchFieldContext);const{className:N,errorMessage:c,isDisabled:S=!1,isInvalid:y,isRequired:x,...f}=u,{clear:g}=$.useDictionary(),q=F.useMemo(()=>v.shouldRenderInputHeader({hideHintLabel:n,hideInputHeader:i,label:r}),[n,i,r]),M=F.useMemo(()=>v.shouldRenderInputFooter({description:t,errorMessage:c,hideInputFooter:m}),[t,c,m]),{buttonExcludedFromTabOrder:T,input:b,inputField:O,outerSlot:E,outerSlotsWrapper:P,wrapper:w}=Q.sharedInputStyles({fullWidth:p,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:q,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:P(),children:[h?e.jsxRuntimeExports.jsx("div",{className:E(),children:h}):null,e.jsxRuntimeExports.jsx(s.SearchField,{className:w({className:N}),isDisabled:S,isRequired:x,isInvalid:y,"aria-label":i?r:void 0,...f,ref:l,children:({isDisabled:a,isEmpty:C,isInvalid:D})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[q?e.jsxRuntimeExports.jsx(J.InputHeader,{isRequired:x,label:r,hideHintLabel:n}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:z})=>O({fullWidth:p,isFocused:_,isHovered:z,isDisabled:a,isInvalid:D}),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:b({className:B.clsx(!!o&&"ps-1",!!d&&"pe-1")}),ref:I,required:x,disabled:a}),!C&&!j&&!a?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:g,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:T(),children:e.jsxRuntimeExports.jsx(A.SvgIcon,{name:"clear"})})}):null,j?e.jsxRuntimeExports.jsx(k.Spinner,{size:"small"}):null,d]}),M?e.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:c}):null]})}),R?e.jsxRuntimeExports.jsx("div",{className:E(),children:R}):null]})},V=G.fixedForwardRef(U);exports.SearchField=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),v=require("react"),s=require("./lyra93.cjs"),B=require("./lyra454.cjs"),G=require("./lyra97.cjs"),$=require("./lyra99.cjs"),k=require("./lyra65.cjs");require("./lyra66.cjs");const A=require("./lyra67.cjs"),H=require("./lyra77.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),I=require("./lyra623.cjs"),U=({description:n,endSlot:i,fullWidth:p=!0,hideHintLabel:o,hideInputFooter:m=!1,hideInputHeader:u=!1,inputRef:N,isLoading:j,label:r,outerEndSlot:R,outerStartSlot:h,startSlot:l,...c},a)=>{[c,a]=s.useContextProps(c,a,s.SearchFieldContext);const{className:S,errorMessage:t,isDisabled:y=!1,isInvalid:f,isRequired:x,...g}=c,{clear:M}=$.useDictionary(),q=v.useMemo(()=>I.shouldRenderInputHeader({hideHintLabel:o,hideInputHeader:u,label:r}),[o,u,r]),T=v.useMemo(()=>I.shouldRenderInputFooter({description:n,errorMessage:t,hideInputFooter:m}),[n,t,m]),{buttonExcludedFromTabOrder:b,input:O,inputField:P,outerSlot:E,outerSlotsWrapper:w,wrapper:C}=Q.sharedInputStyles({fullWidth:p,hasStartSlot:!!l,hasEndSlot:!0,hasInputHeader:q,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:w(),children:[h?e.jsxRuntimeExports.jsx("div",{className:E(),children:h}):null,e.jsxRuntimeExports.jsx(s.SearchField,{className:C({className:S}),isDisabled:y,isRequired:x,isInvalid:f,"aria-label":u?r:void 0,...g,ref:a,children:({isDisabled:d,isEmpty:F,isInvalid:D})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[q?e.jsxRuntimeExports.jsx(J.InputHeader,{isRequired:x,label:r,hideHintLabel:o}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:z})=>P({fullWidth:p,isFocused:_,isHovered:z,isDisabled:d,isInvalid:D||!!t,hasEndSlot:!F||!!i}),children:[l,e.jsxRuntimeExports.jsx(s.Input,{className:O({className:B.clsx(!!l&&"ps-1",!!i&&"pe-1")}),ref:N,required:x,disabled:d}),!F&&!j&&!d?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:M,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:b(),children:e.jsxRuntimeExports.jsx(A.SvgIcon,{name:"clear"})})}):null,j?e.jsxRuntimeExports.jsx(k.Spinner,{size:"small"}):null,i]}),T?e.jsxRuntimeExports.jsx(K.InputFooter,{description:n,errorMessage:t}):null]})}),R?e.jsxRuntimeExports.jsx("div",{className:E(),children:R}):null]})},V=G.fixedForwardRef(U);exports.SearchField=V;

package/dist/lyra33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra33.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\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 { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    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      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra33.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\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 { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    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      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid: isInvalid || !!errorMessage,\n                  hasEndSlot: !isEmpty || !!endSlot,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}