@new-black/lyra 1.0.31 → 1.0.32

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<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\" && state.value?.end && state.value?.start && !isDisabled) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra25.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\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (\n                    e.key === \"Escape\" &&\n                    state.value?.end &&\n                    state.value?.start &&\n                    !isDisabled &&\n                    !disableClearLogic\n                  ) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n                disableClearLogic={disableClearLogic}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),i=require("react"),U=require("./lyra89.cjs"),Z=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const b=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra452.cjs");const C=require("./lyra38.cjs"),K=require("./lyra39.cjs"),_=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const sr=require("./lyra597.cjs"),tr=require("./lyra453.cjs"),nr=require("./lyra454.cjs"),ur=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const g=require("./lyra73.cjs");require("./lyra74.cjs");const Y=require("./lyra455.cjs");require("./lyra456.cjs");const H=require("./lyra610.cjs");require("react-dom");const or=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const I=require("./lyra88.cjs"),ir=({closePopover:c,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:j,onSingleChange:p,value:u})=>{const k=i.useMemo(()=>{if(Array.isArray(u))return u.length?x.findIndex(n=>e(n)===e(u[0])):0;if(u)return x.findIndex(n=>e(n)===e(u))},[x,e,u]),[R,a]=i.useState(k??0),E=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n-1;l>=0;l--)if(!(t!=null&&t.includes(e(x[l]))))return Math.max(l,0)}return-1},[t,x,e]),N=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n+1;l<x.length;l++)if(!(t!=null&&t.includes(e(x[l]))))return Math.min(x.length-1,l)}return-1},[t,x,e]),S=i.useRef([]),m=i.useCallback((n,l)=>{l&&(S.current[n]=l)},[]),o=i.useCallback(n=>{if(j){const l=u?[...u]:[],w=l.map(e),f=w!=null&&w.includes(e(n))?l.filter(v=>e(v)!==e(n)):[...l,n];j==null||j(f)}else p&&(p==null||p(n))},[e,j,p,u]),s=i.useCallback(n=>Array.isArray(u)?u.some(l=>e(l)===e(n)):u?e(u)===e(n):!1,[e,u]),h=or.useMousePosition(),q=i.useRef(void 0),y=i.useCallback(n=>{const l=R;if(n.key==="ArrowDown"){n.preventDefault();const w=N(l);if(w>=0){a(w),q.current=h;const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus()}}else if(n.key==="ArrowUp"){n.preventDefault();const w=E(l);if(w>=0){a(w);const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus(),q.current=h}}else n.key==="Escape"&&c()},[R,c,N,E,h]),d=i.useCallback((n,l)=>{n&&q.current!==h&&(a(l),q.current=h)},[h]);return i.useEffect(()=>{var n;(n=S.current)!=null&&n[R]&&S.current[R].focus()},[open]),{activeItem:R,assignRefOnIndex:m,getItemIsSelected:s,onKeyDown:y,onHoverChange:d,selectedItemIndex:k,toggleSelection:o}},cr=({disabledItemIdKeys:c,getItemId:t,items:x,onMultiChange:e,onSingleChange:j,selectRenderElements:p,setOpenPopover:u,value:k})=>{const{activeItem:R,assignRefOnIndex:a,getItemIsSelected:E,onHoverChange:N,onKeyDown:S,toggleSelection:m}=ir({closePopover:()=>u(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:j,value:k}),o=s=>(c==null?void 0:c.includes(t(s)))??!1;return r.jsxRuntimeExports.jsx("div",{className:tr.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((s,h)=>r.jsxRuntimeExports.jsx(U.Button,{"data-index":h,ref:q=>a(h,q),className:"w-full text-start outline-none",onHoverChange:q=>{N(q,h)},onPress:()=>m(s),onKeyDown:q=>S(q),isDisabled:o(s),children:r.jsxRuntimeExports.jsx(nr.SharedListItem,{item:s,state:{active:R===h,disabled:(c==null?void 0:c.includes(t(s)))??!1,selected:E(s)},selectRenderElements:p,hasSelection:!0})},t(s)))})},rr=({direction:c,disabledItemIdKeys:t,getItemId:x,items:e,label:j,onMultiChange:p,onSingleChange:u,open:k,placement:R="bottom start",selectRenderElements:a,setOpenPopover:E,triggerRef:N,value:S})=>{var h,q;const[m,o]=i.useState((h=N.current)==null?void 0:h.offsetWidth),s=m??((q=N.current)==null?void 0:q.offsetWidth);return sr.default("resize",()=>{var y;o((y=N.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(ur.Popover,{className:"p-1",isOpen:k,triggerRef:N,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":j,disablePadding:!0,placement:R,style:{width:s&&s>280?s+"px":"280px",direction:c},children:k?r.jsxRuntimeExports.jsx(cr,{getItemId:x,items:e,onMultiChange:p,onSingleChange:u,selectRenderElements:a,setOpenPopover:E,value:S,disabledItemIdKeys:t}):null})},xr=({disableClearLogic:c,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:j,onChange:p,placeholder:u,renderCustomElementInValueButton:k,selectRenderElements:R,setOpenPopover:a,value:E})=>{var m;const{inputField:N}=_.sharedInputStyles({}),S=o=>{(o.key==="Escape"||o.key==="Backspace")&&!c?p==null||p(void 0):o.key==="ArrowDown"&&(o.preventDefault(),a(!0))};return r.jsxRuntimeExports.jsxs(U.Button,{className:({isFocused:o,isHovered:s})=>N({fullWidth:t,isDisabled:e,isHovered:s,isFocused:o,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:S,onPress:()=>{a(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[k&&E?(m=R(E))==null?void 0:m.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:u})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:o=>{o.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down"})]})]})},lr=({fullWidth:c,getItemId:t,getLabel:x,isDisabled:e,isInvalid:j,label:p,onChange:u,placeholder:k,setOpenPopover:R,value:a})=>{const{inputField:E}=_.sharedInputStyles({}),N=i.useCallback(m=>{a&&u(a.filter(o=>{const s=t(o);return!m.has(s)}))},[t,u,a]),S=m=>{(m.key==="ArrowDown"||m.key==="Enter"||m.key===" ")&&(m.preventDefault(),R(!0))};return r.jsxRuntimeExports.jsx(U.Group,{children:({isFocusWithin:m})=>r.jsxRuntimeExports.jsx(U.Button,{className:({isFocused:o,isHovered:s})=>E({fullWidth:c,isDisabled:e,isHovered:s,isFocused:o||m,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:o=>S(o),onPress:()=>R(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:a&&a.length?r.jsxRuntimeExports.jsx(Y.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:N,children:a.map(o=>r.jsxRuntimeExports.jsx(Y.InputTag,{id:t(o),isDisabled:e,children:x(o)},t(o)))}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:k})}),r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},er=({getItemId:c,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(x)}):null:null,pr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,renderCustomElementInValueButton:w,selectRenderElements:f,value:v})=>{const{isDisabled:$}=i.useContext(b.FieldGroupContext),[z,D]=i.useState(!1),B=N||$,[G,F]=i.useState(v??c),M=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),T=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:W,outerSlotsWrapper:L,wrapper:J}=_.sharedInputStyles({hasInputHeader:M,hasLabel:!!s}),V=i.useRef(null),{direction:O}=I.useLocale(),P=i.useCallback(X=>{F(X),q==null||q(X),D(!1)},[q]);i.useEffect(()=>{F(v??c)},[c,v]);const A=v??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:A,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:L(),children:[d?r.jsxRuntimeExports.jsx("div",{className:W(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:J({fullWidth:p}),children:[M?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:V,children:r.jsxRuntimeExports.jsx(xr,{fullWidth:p,isDisabled:B,disableClearLogic:x,isInvalid:S,placeholder:n,value:A,getLabel:k,getItemId:u,label:s,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:w,selectRenderElements:f})}),T?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:W(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{triggerRef:V,label:`${s} options`,getItemId:u,selectRenderElements:f,items:o,open:z,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onSingleChange:P,value:A,placement:l})]})},jr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,selectRenderElements:w,value:f})=>{const{isDisabled:v}=i.useContext(b.FieldGroupContext),$=N||v,[z,D]=i.useState(!1),[B,G]=i.useState(f??c),F=i.useRef(null),{direction:M}=I.useLocale(),T=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),W=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:L,outerSlotsWrapper:J,wrapper:V}=_.sharedInputStyles({hasInputHeader:T,hasLabel:!!s}),O=i.useCallback(A=>{G(A),q==null||q(A)},[q]);i.useEffect(()=>{G(f??c)},[c,f]);const P=f??B;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:P,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:J(),children:[d?r.jsxRuntimeExports.jsx("div",{className:L(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:V({fullWidth:p}),children:[T?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(lr,{fullWidth:p,isDisabled:$,isInvalid:S,placeholder:n,value:P,onChange:O,getItemId:u,getLabel:k,label:s,disableClearLogic:x,setOpenPopover:D,selectRenderElements:w})}),W?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:L(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{label:`${s} options`,triggerRef:F,items:o,open:z,getItemId:u,selectRenderElements:w,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onMultiChange:O,placement:l,value:P})]})};exports.MultiSelect=jr;exports.Select=pr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),i=require("react"),U=require("./lyra89.cjs"),Z=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const b=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra456.cjs");const C=require("./lyra38.cjs"),K=require("./lyra39.cjs"),_=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const sr=require("./lyra597.cjs"),tr=require("./lyra457.cjs"),nr=require("./lyra458.cjs"),ur=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const g=require("./lyra73.cjs");require("./lyra74.cjs");const Y=require("./lyra459.cjs");require("./lyra460.cjs");const H=require("./lyra610.cjs");require("react-dom");const or=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const I=require("./lyra88.cjs"),ir=({closePopover:c,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:j,onSingleChange:p,value:u})=>{const k=i.useMemo(()=>{if(Array.isArray(u))return u.length?x.findIndex(n=>e(n)===e(u[0])):0;if(u)return x.findIndex(n=>e(n)===e(u))},[x,e,u]),[R,a]=i.useState(k??0),E=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n-1;l>=0;l--)if(!(t!=null&&t.includes(e(x[l]))))return Math.max(l,0)}return-1},[t,x,e]),N=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n+1;l<x.length;l++)if(!(t!=null&&t.includes(e(x[l]))))return Math.min(x.length-1,l)}return-1},[t,x,e]),S=i.useRef([]),m=i.useCallback((n,l)=>{l&&(S.current[n]=l)},[]),o=i.useCallback(n=>{if(j){const l=u?[...u]:[],w=l.map(e),f=w!=null&&w.includes(e(n))?l.filter(v=>e(v)!==e(n)):[...l,n];j==null||j(f)}else p&&(p==null||p(n))},[e,j,p,u]),s=i.useCallback(n=>Array.isArray(u)?u.some(l=>e(l)===e(n)):u?e(u)===e(n):!1,[e,u]),h=or.useMousePosition(),q=i.useRef(void 0),y=i.useCallback(n=>{const l=R;if(n.key==="ArrowDown"){n.preventDefault();const w=N(l);if(w>=0){a(w),q.current=h;const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus()}}else if(n.key==="ArrowUp"){n.preventDefault();const w=E(l);if(w>=0){a(w);const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus(),q.current=h}}else n.key==="Escape"&&c()},[R,c,N,E,h]),d=i.useCallback((n,l)=>{n&&q.current!==h&&(a(l),q.current=h)},[h]);return i.useEffect(()=>{var n;(n=S.current)!=null&&n[R]&&S.current[R].focus()},[open]),{activeItem:R,assignRefOnIndex:m,getItemIsSelected:s,onKeyDown:y,onHoverChange:d,selectedItemIndex:k,toggleSelection:o}},cr=({disabledItemIdKeys:c,getItemId:t,items:x,onMultiChange:e,onSingleChange:j,selectRenderElements:p,setOpenPopover:u,value:k})=>{const{activeItem:R,assignRefOnIndex:a,getItemIsSelected:E,onHoverChange:N,onKeyDown:S,toggleSelection:m}=ir({closePopover:()=>u(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:j,value:k}),o=s=>(c==null?void 0:c.includes(t(s)))??!1;return r.jsxRuntimeExports.jsx("div",{className:tr.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((s,h)=>r.jsxRuntimeExports.jsx(U.Button,{"data-index":h,ref:q=>a(h,q),className:"w-full text-start outline-none",onHoverChange:q=>{N(q,h)},onPress:()=>m(s),onKeyDown:q=>S(q),isDisabled:o(s),children:r.jsxRuntimeExports.jsx(nr.SharedListItem,{item:s,state:{active:R===h,disabled:(c==null?void 0:c.includes(t(s)))??!1,selected:E(s)},selectRenderElements:p,hasSelection:!0})},t(s)))})},rr=({direction:c,disabledItemIdKeys:t,getItemId:x,items:e,label:j,onMultiChange:p,onSingleChange:u,open:k,placement:R="bottom start",selectRenderElements:a,setOpenPopover:E,triggerRef:N,value:S})=>{var h,q;const[m,o]=i.useState((h=N.current)==null?void 0:h.offsetWidth),s=m??((q=N.current)==null?void 0:q.offsetWidth);return sr.default("resize",()=>{var y;o((y=N.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(ur.Popover,{className:"p-1",isOpen:k,triggerRef:N,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":j,disablePadding:!0,placement:R,style:{width:s&&s>280?s+"px":"280px",direction:c},children:k?r.jsxRuntimeExports.jsx(cr,{getItemId:x,items:e,onMultiChange:p,onSingleChange:u,selectRenderElements:a,setOpenPopover:E,value:S,disabledItemIdKeys:t}):null})},xr=({disableClearLogic:c,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:j,onChange:p,placeholder:u,renderCustomElementInValueButton:k,selectRenderElements:R,setOpenPopover:a,value:E})=>{var m;const{inputField:N}=_.sharedInputStyles({}),S=o=>{(o.key==="Escape"||o.key==="Backspace")&&!c?p==null||p(void 0):o.key==="ArrowDown"&&(o.preventDefault(),a(!0))};return r.jsxRuntimeExports.jsxs(U.Button,{className:({isFocused:o,isHovered:s})=>N({fullWidth:t,isDisabled:e,isHovered:s,isFocused:o,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:S,onPress:()=>{a(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[k&&E?(m=R(E))==null?void 0:m.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:u})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:o=>{o.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down"})]})]})},lr=({fullWidth:c,getItemId:t,getLabel:x,isDisabled:e,isInvalid:j,label:p,onChange:u,placeholder:k,setOpenPopover:R,value:a})=>{const{inputField:E}=_.sharedInputStyles({}),N=i.useCallback(m=>{a&&u(a.filter(o=>{const s=t(o);return!m.has(s)}))},[t,u,a]),S=m=>{(m.key==="ArrowDown"||m.key==="Enter"||m.key===" ")&&(m.preventDefault(),R(!0))};return r.jsxRuntimeExports.jsx(U.Group,{children:({isFocusWithin:m})=>r.jsxRuntimeExports.jsx(U.Button,{className:({isFocused:o,isHovered:s})=>E({fullWidth:c,isDisabled:e,isHovered:s,isFocused:o||m,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:o=>S(o),onPress:()=>R(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:a&&a.length?r.jsxRuntimeExports.jsx(Y.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:N,children:a.map(o=>r.jsxRuntimeExports.jsx(Y.InputTag,{id:t(o),isDisabled:e,children:x(o)},t(o)))}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:k})}),r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},er=({getItemId:c,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(x)}):null:null,pr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,renderCustomElementInValueButton:w,selectRenderElements:f,value:v})=>{const{isDisabled:$}=i.useContext(b.FieldGroupContext),[z,D]=i.useState(!1),B=N||$,[G,F]=i.useState(v??c),M=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),T=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:W,outerSlotsWrapper:L,wrapper:J}=_.sharedInputStyles({hasInputHeader:M,hasLabel:!!s}),V=i.useRef(null),{direction:O}=I.useLocale(),P=i.useCallback(X=>{F(X),q==null||q(X),D(!1)},[q]);i.useEffect(()=>{F(v??c)},[c,v]);const A=v??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:A,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:L(),children:[d?r.jsxRuntimeExports.jsx("div",{className:W(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:J({fullWidth:p}),children:[M?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:V,children:r.jsxRuntimeExports.jsx(xr,{fullWidth:p,isDisabled:B,disableClearLogic:x,isInvalid:S,placeholder:n,value:A,getLabel:k,getItemId:u,label:s,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:w,selectRenderElements:f})}),T?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:W(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{triggerRef:V,label:`${s} options`,getItemId:u,selectRenderElements:f,items:o,open:z,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onSingleChange:P,value:A,placement:l})]})},jr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,selectRenderElements:w,value:f})=>{const{isDisabled:v}=i.useContext(b.FieldGroupContext),$=N||v,[z,D]=i.useState(!1),[B,G]=i.useState(f??c),F=i.useRef(null),{direction:M}=I.useLocale(),T=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),W=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:L,outerSlotsWrapper:J,wrapper:V}=_.sharedInputStyles({hasInputHeader:T,hasLabel:!!s}),O=i.useCallback(A=>{G(A),q==null||q(A)},[q]);i.useEffect(()=>{G(f??c)},[c,f]);const P=f??B;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:P,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:J(),children:[d?r.jsxRuntimeExports.jsx("div",{className:L(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:V({fullWidth:p}),children:[T?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(lr,{fullWidth:p,isDisabled:$,isInvalid:S,placeholder:n,value:P,onChange:O,getItemId:u,getLabel:k,label:s,disableClearLogic:x,setOpenPopover:D,selectRenderElements:w})}),W?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:L(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{label:`${s} options`,triggerRef:F,items:o,open:z,getItemId:u,selectRenderElements:w,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onMultiChange:O,placement:l,value:P})]})};exports.MultiSelect=jr;exports.Select=pr;

package/dist/lyra36.js

@@ -32,7 +32,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra95.js";
 import "./lyra80.js";
-import "./lyra452.js";
+import "./lyra456.js";
 import { InputHeader as I } from "./lyra38.js";
 import { InputFooter as rr } from "./lyra39.js";
 import { sharedInputStyles as Q } from "./lyra40.js";
@@ -43,16 +43,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import er from "./lyra597.js";
-import { sharedListStyles as lr } from "./lyra453.js";
-import { SharedListItem as mr } from "./lyra454.js";
+import { sharedListStyles as lr } from "./lyra457.js";
+import { SharedListItem as mr } from "./lyra458.js";
 import { Popover as ur } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as or } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as fr, InputTag as xr } from "./lyra455.js";
-import "./lyra456.js";
+import { InputTagGroup as fr, InputTag as xr } from "./lyra459.js";
+import "./lyra460.js";
 import { shouldRenderInputHeader as sr, shouldRenderInputFooter as tr } from "./lyra610.js";
 import "react-dom";
 import { useMousePosition as ar } from "./lyra84.js";

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),M=require("./lyra89.cjs"),ue=require("react-dom"),ae=require("./lyra617.cjs"),pe=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const I=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const se=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const ce=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra452.cjs");const xe=require("./lyra38.cjs"),le=require("./lyra39.cjs"),Y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const je=require("./lyra597.cjs"),fe=require("./lyra453.cjs"),me=require("./lyra454.cjs"),de=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const oe=require("./lyra73.cjs");require("./lyra74.cjs");const ie=require("./lyra455.cjs");require("./lyra456.cjs");const ee=require("./lyra610.cjs"),Re=require("./lyra85.cjs"),Ee=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const qe=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const he=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Se=require("./lyra87.cjs"),re=require("./lyra88.cjs"),ve=({disableClearLogic:u,endSlot:s,fullWidth:n,getLabel:l,isDisabled:f,isInvalid:x,onChange:p,open:j,openPopover:q,placeholder:m,renderCustomElementInValueButton:h,searchInputRef:R,selectRenderElements:o,startSlot:E,value:i})=>{var a;const{buttonExcludedFromTabOrder:S,inputField:v}=Y.sharedInputStyles({isInvalid:x,hasEndSlot:!0,fullWidth:n,isDisabled:f}),t=c=>{(c.key==="Escape"||c.key==="Backspace")&&!u?(c.stopPropagation(),p==null||p(void 0)):c.key==="ArrowDown"||c.key==="ArrowUp"?q==null||q():c.key&&c.key.match(/^[a-zA-Z0-9]$/)&&(ue.flushSync(()=>{q==null||q()}),R.current&&(R.current.focus(),R.current.setSelectionRange(0,R.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E,e.jsxRuntimeExports.jsxs(M.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:c,isHovered:d})=>v({isHovered:d,isFocused:c,className:"min-h-8 grow"}),isDisabled:f,onKeyDown:t,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&i?(a=o(i))==null?void 0:a.customElement:null,i&&l(i)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(i)}):e.jsxRuntimeExports.jsx(oe.Text,{variant:"body-medium",color:"secondary",children:m})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i&&!f&&!u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:S(),role:"button",onPointerDown:c=>{c.stopPropagation(),p==null||p(void 0)},onClick:c=>{c.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},ye=({fullWidth:u,getItemId:s,getLabel:n,isDisabled:l,isInvalid:f,label:x,onChange:p,openPopover:j,placeholder:q,searchInputRef:m,value:h})=>{const{inputField:R}=Y.sharedInputStyles({isInvalid:f,hasEndSlot:!0,fullWidth:u,isDisabled:l}),o=r.useCallback(i=>{i.key==="ArrowDown"||i.key==="ArrowUp"?j():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(ue.flushSync(()=>{j()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))},[j,m]),E=r.useCallback(i=>{h&&p(h.filter(S=>{const v=s(S);return!i.has(v)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(M.Group,{className:({isFocusWithin:i,isHovered:S})=>R({isHovered:S,isFocused:i,className:pe.clsx(S&&!f&&!l&&!i?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(M.Button,{onPress:j,onKeyDown:o,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ie.InputTagGroup,{label:x??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:E,children:h.map(i=>e.jsxRuntimeExports.jsx(ie.InputTag,{id:s(i),isDisabled:l,children:n(i)},s(i)))}):e.jsxRuntimeExports.jsx(oe.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Ne=({endSlot:u,isLoading:s,onKeyDown:n,onQueryChange:l,query:f,searchInputRef:x,setQuery:p})=>{const j=r.useId(),{clear:q,search:m}=ce.useDictionary(),h=Se.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:R}=Y.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var o;(o=x.current)==null||o.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(M.Input,{ref:x,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:o=>{var E,i;p(((E=o.target)==null?void 0:E.value)??""),l==null||l((i=o.target)==null?void 0:i.value)},placeholder:m,value:f??"",onKeyDown:o=>{o.code==="Tab"&&o.preventDefault(),n==null||n(o)}}),f&&f.length?e.jsxRuntimeExports.jsx(M.Button,{"aria-label":q,className:R(),excludeFromTabOrder:!0,onPress:()=>{var o;p(""),(o=x.current)==null||o.focus()},children:e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"clear"})}):null,u,h?e.jsxRuntimeExports.jsx(he.Spinner,{className:"mx-2",size:"small"}):null]})})},Fe=u=>{const s=r.useRef(null),[n,l]=r.useState(!1);return r.useEffect(()=>l(!1),[u]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:n,setIsLoadMoreButtonFocused:l}},ke=({disabledItemIdKeys:u,filteredItems:s,getItemId:n,onMultiChange:l,onSingleChange:f,value:x})=>{const p=r.useMemo(()=>{if(Array.isArray(x))return x.length?s==null?void 0:s.findIndex(t=>n(t)===n(x[0])):0;if(x)return(s==null?void 0:s.findIndex(t=>n(t)===n(x)))??0},[s,n,x]),j=r.useCallback(t=>{if(Number.isInteger(t)){for(let a=t-1;a>=0;a--)if(!(u!=null&&u.includes(n(s[a]))))return Math.max(a,0)}return-1},[u,s,n]),q=r.useCallback(t=>{if(Number.isInteger(t)){for(let a=t+1;a<s.length;a++)if(!(u!=null&&u.includes(n(s[a]))))return Math.min(s.length-1,a)}return-1},[u,s,n]),m=r.useCallback(t=>{if(l){const a=x?[...x]:[],c=a.map(n),d=c!=null&&c.includes(n(t))?a.filter(B=>n(B)!==n(t)):[...a,t];l==null||l(d)}else f&&(f==null||f(t))},[n,l,f,x]),h=r.useCallback(t=>Array.isArray(x)?x.some(a=>n(a)===n(t)):x?n(x)===n(t):!1,[n,x]),[R,o]=r.useState(p??0),E=Ee.useMousePosition(),i=r.useRef(void 0),S=r.useCallback(t=>{const a=R;if(t.key==="ArrowDown"){t.preventDefault();const c=q(a);c>=0&&(o(c),i.current=E)}else if(t.key==="ArrowUp"){t.preventDefault();const c=j(a);c>=0&&(o(c),i.current=E)}else t.key==="Enter"&&m(s[R])},[R,s,q,j,E,m]),v=r.useCallback((t,a)=>{t&&i.current!==E&&(o(a),i.current=E)},[E]);return{activeItem:R,setActiveItem:o,getItemIsSelected:h,onKeyDown:S,onHoverChange:v,selectedItemIndex:p,toggleSelection:m}},we=({selectedItemIndex:u,setActiveItem:s})=>(r.useEffect(()=>{if(u!==void 0&&u>=0)return s(u),()=>{s(0)}},[u,s]),null),te=({direction:u,disabledItemIdKeys:s,getItemId:n,getLabel:l,isLoading:f,items:x,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:m,onSingleChange:h,open:R,placement:o,searchInputRef:E,selectRenderElements:i,setOpenPopover:S,triggerRef:v,value:t})=>{var Q,Z,g;const{loadMore:a,noResultsFound:c}=ce.useDictionary(),{filteredItems:d,query:B,setQuery:G}=Re.useFilterItemsByQuery({getLabel:l,items:x,onQueryChange:m}),{item:O}=fe.sharedListItemStyles(),{isLoadMoreButtonFocused:L,loadMoreButtonRef:T,setIsLoadMoreButtonFocused:W}=Fe(R),{activeItem:w,getItemIsSelected:$,onHoverChange:b,onKeyDown:z,selectedItemIndex:F,setActiveItem:k,toggleSelection:J}=ke({disabledItemIdKeys:s,filteredItems:d,getItemId:n,loadMoreButtonRef:T,onMultiChange:q,onSingleChange:h,value:t}),[X,_]=r.useState((Q=v.current)==null?void 0:Q.offsetWidth);je.default("resize",()=>{var y;_((y=v.current)==null?void 0:y.offsetWidth)});const H=X??((Z=v.current)==null?void 0:Z.offsetWidth),V=r.useRef(null),D=j?((d==null?void 0:d.length)??0)+1:(d==null?void 0:d.length)??0,P=ae.useVirtualizer({count:D,estimateSize:()=>40,getScrollElement:()=>V.current,overscan:6});r.useEffect(()=>{w!==void 0&&w>=0&&(d!=null&&d.length)&&(w===d.length-1&&j?P.scrollToIndex(D):P.scrollToIndex(Math.min(w,D-1)))},[w,D,d.length,j,P]);const U=P.getVirtualItems();return e.jsxRuntimeExports.jsx(de.Popover,{className:"p-1",isOpen:R,disablePadding:!0,triggerRef:v,onOpenChange:S,"aria-label":p,shouldUpdatePosition:!0,placement:o,style:{width:H&&H>280?H+"px":"280px",direction:u},children:R?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Ne,{onQueryChange:m,isLoading:f,query:B,setQuery:y=>{ue.flushSync(()=>{G(y),k(0)}),P.scrollToOffset(0)},searchInputRef:E,onKeyDown:z}),e.jsxRuntimeExports.jsx(we,{selectedItemIndex:F,setActiveItem:k}),e.jsxRuntimeExports.jsx("div",{ref:V,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,P.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:P.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((g=U==null?void 0:U[0])==null?void 0:g.start)??0}px)`},children:U.map(y=>{if(y.index===D-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":y.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(qe.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(M.Button,{isDisabled:f,onFocusChange:W,onHoverChange:W,ref:T,className:O({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var N;j(),(N=E.current)==null||N.focus()},onKeyDown:N=>{var A;N.key==="ArrowUp"&&(N.preventDefault(),(A=E.current)==null||A.focus())},children:a})]})},y.key);{const N=d[y.index];return e.jsxRuntimeExports.jsx("div",{"data-index":y.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsx(M.Button,{className:"w-full text-start outline-none",onHoverChange:A=>{b(A,y.index)},onPress:()=>J(N),isDisabled:(s==null?void 0:s.includes(n(N)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(me.SharedListItem,{hasSelection:!0,item:N,state:{active:w===y.index&&!L,disabled:(s==null?void 0:s.includes(n(N)))??!1,selected:$(N)},selectRenderElements:i},n(N))},n(N))},y.key)}})})})}),D?null:e.jsxRuntimeExports.jsx(oe.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:c})]}):null})},ne=({getItemId:u,name:s,value:n})=>s?Array.isArray(n)?n.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:u(l)},u(l))):n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:u(n)}):null:null,be=({defaultValue:u,description:s,disableClearLogic:n,disabledItemIdKeys:l,endSlot:f,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:m,hideInputFooter:h,hideInputHeader:R,isDisabled:o,isInvalid:E,isLoading:i,isRequired:S,items:v,label:t,name:a,onChange:c,onLoadMore:d,onQueryChange:B,outerEndSlot:G,outerStartSlot:O,placeholder:L,placement:T="bottom start",renderCustomElementInValueButton:W,selectRenderElements:w,startSlot:$,value:b})=>{const{isDisabled:z}=r.useContext(se.FieldGroupContext),F=r.useRef(null),k=r.useRef(null),J=r.useRef(null),[X,_]=r.useState(b??u),[H,V]=r.useState(!1),D=()=>{var K;V(!0),(K=k.current)==null||K.click()},P=()=>V(!1),U=r.useCallback(K=>{_(K),c==null||c(K),P()},[c]),{direction:Q}=re.useLocale(),Z=r.useMemo(()=>ee.shouldRenderInputHeader({hideHintLabel:m,hideInputHeader:R,label:t}),[m,R,t]),g=r.useMemo(()=>ee.shouldRenderInputFooter({description:s,errorMessage:x,hideInputFooter:h}),[s,x,h]),{outerSlot:y,outerSlotsWrapper:C,wrapper:N}=Y.sharedInputStyles({fullWidth:p,isInvalid:E,isDisabled:o||z,hasInputHeader:Z,hasLabel:!!t});r.useEffect(()=>{_(b??u)},[u,b]);const A=b??X;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:a,value:A,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:C(),children:[O?e.jsxRuntimeExports.jsx("div",{className:y(),children:O}):null,e.jsxRuntimeExports.jsxs("div",{className:N(),children:[Z?e.jsxRuntimeExports.jsx(xe.InputHeader,{label:t,hideHintLabel:m,isRequired:S}):null,e.jsxRuntimeExports.jsx("div",{ref:J,children:e.jsxRuntimeExports.jsx(ve,{disableClearLogic:n,endSlot:f,fullWidth:p,getLabel:q,getItemId:j,isDisabled:o,isInvalid:E,open:H,openPopover:D,onChange:U,placeholder:L,searchInputRef:F,startSlot:$,value:A,renderCustomElementInValueButton:W,selectRenderElements:w})}),g?e.jsxRuntimeExports.jsx(le.InputFooter,{description:s,errorMessage:x}):null]}),G?e.jsxRuntimeExports.jsx("div",{className:y(),children:G}):null]}),e.jsxRuntimeExports.jsx(te,{triggerRef:J,label:t,getItemId:j,getLabel:q,items:v,open:H,setOpenPopover:V,selectRenderElements:w,disabledItemIdKeys:l,direction:Q,onQueryChange:B,isLoading:i,searchInputRef:F,onLoadMore:d,placement:T,value:A,onSingleChange:U})]})},Be=({defaultValue:u,description:s,disableClearLogic:n,disabledItemIdKeys:l,endSlot:f,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:m,hideInputFooter:h,hideInputHeader:R,isDisabled:o,isInvalid:E,isLoading:i,isRequired:S,items:v,label:t,labelId:a,name:c,onChange:d,onLoadMore:B,onQueryChange:G,outerEndSlot:O,outerStartSlot:L,placeholder:T,placement:W="bottom start",selectRenderElements:w,startSlot:$,value:b})=>{const{isDisabled:z}=r.useContext(se.FieldGroupContext),F=r.useRef(null),k=r.useRef(null),[J,X]=r.useState(b??u),[_,H]=r.useState(!1),V=()=>{H(!0)},D=r.useCallback(N=>{var A;X(N),d==null||d(N),(A=F.current)==null||A.focus()},[d]),{direction:P}=re.useLocale(),U=r.useMemo(()=>ee.shouldRenderInputHeader({hideHintLabel:m,hideInputHeader:R,label:t}),[m,R,t]),Q=r.useMemo(()=>ee.shouldRenderInputFooter({description:s,errorMessage:x,hideInputFooter:h}),[s,x,h]),{outerSlot:Z,outerSlotsWrapper:g,wrapper:y}=Y.sharedInputStyles({fullWidth:p,isInvalid:E,isDisabled:o||z,hasInputHeader:U,hasLabel:!!t});r.useEffect(()=>{X(b??u)},[u,b]);const C=b??J;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:c,value:C,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:g(),children:[L?e.jsxRuntimeExports.jsx("div",{className:Z(),children:L}):null,e.jsxRuntimeExports.jsxs("div",{className:y(),children:[U?e.jsxRuntimeExports.jsx(xe.InputHeader,{label:t,isRequired:S,hideHintLabel:m,labelId:a}):null,e.jsxRuntimeExports.jsx("div",{ref:k,children:e.jsxRuntimeExports.jsx(ye,{disableClearLogic:n,endSlot:f,fullWidth:p,getLabel:q,getItemId:j,isDisabled:o,isInvalid:E,onChange:D,open:_,openPopover:V,placeholder:T,searchInputRef:F,startSlot:$,value:C})}),Q?e.jsxRuntimeExports.jsx(le.InputFooter,{description:s,errorMessage:x}):null]}),O?e.jsxRuntimeExports.jsx("div",{className:Z(),children:O}):null]}),e.jsxRuntimeExports.jsx(te,{label:t,searchInputRef:F,triggerRef:k,getItemId:j,getLabel:q,items:v,onMultiChange:D,value:C,placement:W,open:_,setOpenPopover:H,selectRenderElements:w,disabledItemIdKeys:l,direction:P,onQueryChange:G,isLoading:i,onLoadMore:B})]})},Oe=({children:u,defaultValue:s,disabledItemIdKeys:n,fullWidth:l=!1,getItemId:f,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:m,label:h,name:R,onChange:o,onLoadMore:E,onQueryChange:i,placement:S="bottom start",selectRenderElements:v,value:t})=>{const{isDisabled:a}=r.useContext(se.FieldGroupContext),c=r.useRef(null),d=r.useRef(null),B=r.useRef(null),[G,O]=r.useState(t??s),[L,T]=r.useState(!1),W=()=>{var k;T(!0),(k=d.current)==null||k.click()},w=()=>T(!1),$=r.useCallback(k=>{O(k),o==null||o(k),w()},[o]),{direction:b}=re.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{O(t??s)},[s,t]);const F=t??G;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>W(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:R,value:F,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:z(),children:e.jsxRuntimeExports.jsx("div",{ref:B,children:u})}),e.jsxRuntimeExports.jsx(te,{triggerRef:B,label:h,getItemId:f,getLabel:x,items:m,open:L,setOpenPopover:T,selectRenderElements:v,disabledItemIdKeys:n,direction:b,onLoadMore:E,onQueryChange:i,isLoading:q,searchInputRef:c,placement:S,value:F,onSingleChange:$})]})})},Te=({children:u,defaultValue:s,disabledItemIdKeys:n,fullWidth:l=!0,getItemId:f,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:m,label:h,name:R,onChange:o,onLoadMore:E,onQueryChange:i,placement:S="bottom start",selectRenderElements:v,value:t})=>{const{isDisabled:a}=r.useContext(se.FieldGroupContext),c=r.useRef(null),d=r.useRef(null),B=r.useRef(null),[G,O]=r.useState(t??s),[L,T]=r.useState(!1),W=()=>{var F;T(!0),(F=d.current)==null||F.click()},w=r.useCallback(F=>{var k;O(F),o==null||o(F),(k=c.current)==null||k.focus()},[o]),{direction:$}=re.useLocale(),{wrapper:b}=Y.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{O(t??s)},[s,t]);const z=t??G;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>W(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:R,value:z,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:b(),children:e.jsxRuntimeExports.jsx("div",{ref:B,children:u})}),e.jsxRuntimeExports.jsx(te,{label:h,searchInputRef:c,triggerRef:B,getItemId:f,getLabel:x,items:m,onLoadMore:E,open:L,setOpenPopover:T,selectRenderElements:v,disabledItemIdKeys:n,direction:$,onQueryChange:i,isLoading:q,value:z,onMultiChange:w,placement:S})]})})};exports.MultiSearchListField=Be;exports.MultiSearchListFieldWithCustomTrigger=Te;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=Oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),M=require("./lyra89.cjs"),ue=require("react-dom"),ae=require("./lyra617.cjs"),pe=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const I=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const se=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const ce=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra456.cjs");const xe=require("./lyra38.cjs"),le=require("./lyra39.cjs"),Y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const je=require("./lyra597.cjs"),fe=require("./lyra457.cjs"),me=require("./lyra458.cjs"),de=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const oe=require("./lyra73.cjs");require("./lyra74.cjs");const ie=require("./lyra459.cjs");require("./lyra460.cjs");const ee=require("./lyra610.cjs"),Re=require("./lyra85.cjs"),Ee=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const qe=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const he=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Se=require("./lyra87.cjs"),re=require("./lyra88.cjs"),ve=({disableClearLogic:u,endSlot:s,fullWidth:n,getLabel:l,isDisabled:f,isInvalid:x,onChange:p,open:j,openPopover:q,placeholder:m,renderCustomElementInValueButton:h,searchInputRef:R,selectRenderElements:o,startSlot:E,value:i})=>{var a;const{buttonExcludedFromTabOrder:S,inputField:v}=Y.sharedInputStyles({isInvalid:x,hasEndSlot:!0,fullWidth:n,isDisabled:f}),t=c=>{(c.key==="Escape"||c.key==="Backspace")&&!u?(c.stopPropagation(),p==null||p(void 0)):c.key==="ArrowDown"||c.key==="ArrowUp"?q==null||q():c.key&&c.key.match(/^[a-zA-Z0-9]$/)&&(ue.flushSync(()=>{q==null||q()}),R.current&&(R.current.focus(),R.current.setSelectionRange(0,R.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E,e.jsxRuntimeExports.jsxs(M.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:c,isHovered:d})=>v({isHovered:d,isFocused:c,className:"min-h-8 grow"}),isDisabled:f,onKeyDown:t,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&i?(a=o(i))==null?void 0:a.customElement:null,i&&l(i)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(i)}):e.jsxRuntimeExports.jsx(oe.Text,{variant:"body-medium",color:"secondary",children:m})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i&&!f&&!u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:S(),role:"button",onPointerDown:c=>{c.stopPropagation(),p==null||p(void 0)},onClick:c=>{c.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},ye=({fullWidth:u,getItemId:s,getLabel:n,isDisabled:l,isInvalid:f,label:x,onChange:p,openPopover:j,placeholder:q,searchInputRef:m,value:h})=>{const{inputField:R}=Y.sharedInputStyles({isInvalid:f,hasEndSlot:!0,fullWidth:u,isDisabled:l}),o=r.useCallback(i=>{i.key==="ArrowDown"||i.key==="ArrowUp"?j():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(ue.flushSync(()=>{j()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))},[j,m]),E=r.useCallback(i=>{h&&p(h.filter(S=>{const v=s(S);return!i.has(v)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(M.Group,{className:({isFocusWithin:i,isHovered:S})=>R({isHovered:S,isFocused:i,className:pe.clsx(S&&!f&&!l&&!i?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(M.Button,{onPress:j,onKeyDown:o,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ie.InputTagGroup,{label:x??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:E,children:h.map(i=>e.jsxRuntimeExports.jsx(ie.InputTag,{id:s(i),isDisabled:l,children:n(i)},s(i)))}):e.jsxRuntimeExports.jsx(oe.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Ne=({endSlot:u,isLoading:s,onKeyDown:n,onQueryChange:l,query:f,searchInputRef:x,setQuery:p})=>{const j=r.useId(),{clear:q,search:m}=ce.useDictionary(),h=Se.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:R}=Y.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var o;(o=x.current)==null||o.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(M.Input,{ref:x,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:o=>{var E,i;p(((E=o.target)==null?void 0:E.value)??""),l==null||l((i=o.target)==null?void 0:i.value)},placeholder:m,value:f??"",onKeyDown:o=>{o.code==="Tab"&&o.preventDefault(),n==null||n(o)}}),f&&f.length?e.jsxRuntimeExports.jsx(M.Button,{"aria-label":q,className:R(),excludeFromTabOrder:!0,onPress:()=>{var o;p(""),(o=x.current)==null||o.focus()},children:e.jsxRuntimeExports.jsx(I.SvgIcon,{name:"clear"})}):null,u,h?e.jsxRuntimeExports.jsx(he.Spinner,{className:"mx-2",size:"small"}):null]})})},Fe=u=>{const s=r.useRef(null),[n,l]=r.useState(!1);return r.useEffect(()=>l(!1),[u]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:n,setIsLoadMoreButtonFocused:l}},ke=({disabledItemIdKeys:u,filteredItems:s,getItemId:n,onMultiChange:l,onSingleChange:f,value:x})=>{const p=r.useMemo(()=>{if(Array.isArray(x))return x.length?s==null?void 0:s.findIndex(t=>n(t)===n(x[0])):0;if(x)return(s==null?void 0:s.findIndex(t=>n(t)===n(x)))??0},[s,n,x]),j=r.useCallback(t=>{if(Number.isInteger(t)){for(let a=t-1;a>=0;a--)if(!(u!=null&&u.includes(n(s[a]))))return Math.max(a,0)}return-1},[u,s,n]),q=r.useCallback(t=>{if(Number.isInteger(t)){for(let a=t+1;a<s.length;a++)if(!(u!=null&&u.includes(n(s[a]))))return Math.min(s.length-1,a)}return-1},[u,s,n]),m=r.useCallback(t=>{if(l){const a=x?[...x]:[],c=a.map(n),d=c!=null&&c.includes(n(t))?a.filter(B=>n(B)!==n(t)):[...a,t];l==null||l(d)}else f&&(f==null||f(t))},[n,l,f,x]),h=r.useCallback(t=>Array.isArray(x)?x.some(a=>n(a)===n(t)):x?n(x)===n(t):!1,[n,x]),[R,o]=r.useState(p??0),E=Ee.useMousePosition(),i=r.useRef(void 0),S=r.useCallback(t=>{const a=R;if(t.key==="ArrowDown"){t.preventDefault();const c=q(a);c>=0&&(o(c),i.current=E)}else if(t.key==="ArrowUp"){t.preventDefault();const c=j(a);c>=0&&(o(c),i.current=E)}else t.key==="Enter"&&m(s[R])},[R,s,q,j,E,m]),v=r.useCallback((t,a)=>{t&&i.current!==E&&(o(a),i.current=E)},[E]);return{activeItem:R,setActiveItem:o,getItemIsSelected:h,onKeyDown:S,onHoverChange:v,selectedItemIndex:p,toggleSelection:m}},we=({selectedItemIndex:u,setActiveItem:s})=>(r.useEffect(()=>{if(u!==void 0&&u>=0)return s(u),()=>{s(0)}},[u,s]),null),te=({direction:u,disabledItemIdKeys:s,getItemId:n,getLabel:l,isLoading:f,items:x,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:m,onSingleChange:h,open:R,placement:o,searchInputRef:E,selectRenderElements:i,setOpenPopover:S,triggerRef:v,value:t})=>{var Q,Z,g;const{loadMore:a,noResultsFound:c}=ce.useDictionary(),{filteredItems:d,query:B,setQuery:G}=Re.useFilterItemsByQuery({getLabel:l,items:x,onQueryChange:m}),{item:O}=fe.sharedListItemStyles(),{isLoadMoreButtonFocused:L,loadMoreButtonRef:T,setIsLoadMoreButtonFocused:W}=Fe(R),{activeItem:w,getItemIsSelected:$,onHoverChange:b,onKeyDown:z,selectedItemIndex:F,setActiveItem:k,toggleSelection:J}=ke({disabledItemIdKeys:s,filteredItems:d,getItemId:n,loadMoreButtonRef:T,onMultiChange:q,onSingleChange:h,value:t}),[X,_]=r.useState((Q=v.current)==null?void 0:Q.offsetWidth);je.default("resize",()=>{var y;_((y=v.current)==null?void 0:y.offsetWidth)});const H=X??((Z=v.current)==null?void 0:Z.offsetWidth),V=r.useRef(null),D=j?((d==null?void 0:d.length)??0)+1:(d==null?void 0:d.length)??0,P=ae.useVirtualizer({count:D,estimateSize:()=>40,getScrollElement:()=>V.current,overscan:6});r.useEffect(()=>{w!==void 0&&w>=0&&(d!=null&&d.length)&&(w===d.length-1&&j?P.scrollToIndex(D):P.scrollToIndex(Math.min(w,D-1)))},[w,D,d.length,j,P]);const U=P.getVirtualItems();return e.jsxRuntimeExports.jsx(de.Popover,{className:"p-1",isOpen:R,disablePadding:!0,triggerRef:v,onOpenChange:S,"aria-label":p,shouldUpdatePosition:!0,placement:o,style:{width:H&&H>280?H+"px":"280px",direction:u},children:R?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Ne,{onQueryChange:m,isLoading:f,query:B,setQuery:y=>{ue.flushSync(()=>{G(y),k(0)}),P.scrollToOffset(0)},searchInputRef:E,onKeyDown:z}),e.jsxRuntimeExports.jsx(we,{selectedItemIndex:F,setActiveItem:k}),e.jsxRuntimeExports.jsx("div",{ref:V,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,P.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:P.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((g=U==null?void 0:U[0])==null?void 0:g.start)??0}px)`},children:U.map(y=>{if(y.index===D-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":y.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(qe.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(M.Button,{isDisabled:f,onFocusChange:W,onHoverChange:W,ref:T,className:O({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var N;j(),(N=E.current)==null||N.focus()},onKeyDown:N=>{var A;N.key==="ArrowUp"&&(N.preventDefault(),(A=E.current)==null||A.focus())},children:a})]})},y.key);{const N=d[y.index];return e.jsxRuntimeExports.jsx("div",{"data-index":y.index,ref:P.measureElement,children:e.jsxRuntimeExports.jsx(M.Button,{className:"w-full text-start outline-none",onHoverChange:A=>{b(A,y.index)},onPress:()=>J(N),isDisabled:(s==null?void 0:s.includes(n(N)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(me.SharedListItem,{hasSelection:!0,item:N,state:{active:w===y.index&&!L,disabled:(s==null?void 0:s.includes(n(N)))??!1,selected:$(N)},selectRenderElements:i},n(N))},n(N))},y.key)}})})})}),D?null:e.jsxRuntimeExports.jsx(oe.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:c})]}):null})},ne=({getItemId:u,name:s,value:n})=>s?Array.isArray(n)?n.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:u(l)},u(l))):n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:u(n)}):null:null,be=({defaultValue:u,description:s,disableClearLogic:n,disabledItemIdKeys:l,endSlot:f,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:m,hideInputFooter:h,hideInputHeader:R,isDisabled:o,isInvalid:E,isLoading:i,isRequired:S,items:v,label:t,name:a,onChange:c,onLoadMore:d,onQueryChange:B,outerEndSlot:G,outerStartSlot:O,placeholder:L,placement:T="bottom start",renderCustomElementInValueButton:W,selectRenderElements:w,startSlot:$,value:b})=>{const{isDisabled:z}=r.useContext(se.FieldGroupContext),F=r.useRef(null),k=r.useRef(null),J=r.useRef(null),[X,_]=r.useState(b??u),[H,V]=r.useState(!1),D=()=>{var K;V(!0),(K=k.current)==null||K.click()},P=()=>V(!1),U=r.useCallback(K=>{_(K),c==null||c(K),P()},[c]),{direction:Q}=re.useLocale(),Z=r.useMemo(()=>ee.shouldRenderInputHeader({hideHintLabel:m,hideInputHeader:R,label:t}),[m,R,t]),g=r.useMemo(()=>ee.shouldRenderInputFooter({description:s,errorMessage:x,hideInputFooter:h}),[s,x,h]),{outerSlot:y,outerSlotsWrapper:C,wrapper:N}=Y.sharedInputStyles({fullWidth:p,isInvalid:E,isDisabled:o||z,hasInputHeader:Z,hasLabel:!!t});r.useEffect(()=>{_(b??u)},[u,b]);const A=b??X;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:a,value:A,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:C(),children:[O?e.jsxRuntimeExports.jsx("div",{className:y(),children:O}):null,e.jsxRuntimeExports.jsxs("div",{className:N(),children:[Z?e.jsxRuntimeExports.jsx(xe.InputHeader,{label:t,hideHintLabel:m,isRequired:S}):null,e.jsxRuntimeExports.jsx("div",{ref:J,children:e.jsxRuntimeExports.jsx(ve,{disableClearLogic:n,endSlot:f,fullWidth:p,getLabel:q,getItemId:j,isDisabled:o,isInvalid:E,open:H,openPopover:D,onChange:U,placeholder:L,searchInputRef:F,startSlot:$,value:A,renderCustomElementInValueButton:W,selectRenderElements:w})}),g?e.jsxRuntimeExports.jsx(le.InputFooter,{description:s,errorMessage:x}):null]}),G?e.jsxRuntimeExports.jsx("div",{className:y(),children:G}):null]}),e.jsxRuntimeExports.jsx(te,{triggerRef:J,label:t,getItemId:j,getLabel:q,items:v,open:H,setOpenPopover:V,selectRenderElements:w,disabledItemIdKeys:l,direction:Q,onQueryChange:B,isLoading:i,searchInputRef:F,onLoadMore:d,placement:T,value:A,onSingleChange:U})]})},Be=({defaultValue:u,description:s,disableClearLogic:n,disabledItemIdKeys:l,endSlot:f,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:m,hideInputFooter:h,hideInputHeader:R,isDisabled:o,isInvalid:E,isLoading:i,isRequired:S,items:v,label:t,labelId:a,name:c,onChange:d,onLoadMore:B,onQueryChange:G,outerEndSlot:O,outerStartSlot:L,placeholder:T,placement:W="bottom start",selectRenderElements:w,startSlot:$,value:b})=>{const{isDisabled:z}=r.useContext(se.FieldGroupContext),F=r.useRef(null),k=r.useRef(null),[J,X]=r.useState(b??u),[_,H]=r.useState(!1),V=()=>{H(!0)},D=r.useCallback(N=>{var A;X(N),d==null||d(N),(A=F.current)==null||A.focus()},[d]),{direction:P}=re.useLocale(),U=r.useMemo(()=>ee.shouldRenderInputHeader({hideHintLabel:m,hideInputHeader:R,label:t}),[m,R,t]),Q=r.useMemo(()=>ee.shouldRenderInputFooter({description:s,errorMessage:x,hideInputFooter:h}),[s,x,h]),{outerSlot:Z,outerSlotsWrapper:g,wrapper:y}=Y.sharedInputStyles({fullWidth:p,isInvalid:E,isDisabled:o||z,hasInputHeader:U,hasLabel:!!t});r.useEffect(()=>{X(b??u)},[u,b]);const C=b??J;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:c,value:C,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:g(),children:[L?e.jsxRuntimeExports.jsx("div",{className:Z(),children:L}):null,e.jsxRuntimeExports.jsxs("div",{className:y(),children:[U?e.jsxRuntimeExports.jsx(xe.InputHeader,{label:t,isRequired:S,hideHintLabel:m,labelId:a}):null,e.jsxRuntimeExports.jsx("div",{ref:k,children:e.jsxRuntimeExports.jsx(ye,{disableClearLogic:n,endSlot:f,fullWidth:p,getLabel:q,getItemId:j,isDisabled:o,isInvalid:E,onChange:D,open:_,openPopover:V,placeholder:T,searchInputRef:F,startSlot:$,value:C})}),Q?e.jsxRuntimeExports.jsx(le.InputFooter,{description:s,errorMessage:x}):null]}),O?e.jsxRuntimeExports.jsx("div",{className:Z(),children:O}):null]}),e.jsxRuntimeExports.jsx(te,{label:t,searchInputRef:F,triggerRef:k,getItemId:j,getLabel:q,items:v,onMultiChange:D,value:C,placement:W,open:_,setOpenPopover:H,selectRenderElements:w,disabledItemIdKeys:l,direction:P,onQueryChange:G,isLoading:i,onLoadMore:B})]})},Oe=({children:u,defaultValue:s,disabledItemIdKeys:n,fullWidth:l=!1,getItemId:f,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:m,label:h,name:R,onChange:o,onLoadMore:E,onQueryChange:i,placement:S="bottom start",selectRenderElements:v,value:t})=>{const{isDisabled:a}=r.useContext(se.FieldGroupContext),c=r.useRef(null),d=r.useRef(null),B=r.useRef(null),[G,O]=r.useState(t??s),[L,T]=r.useState(!1),W=()=>{var k;T(!0),(k=d.current)==null||k.click()},w=()=>T(!1),$=r.useCallback(k=>{O(k),o==null||o(k),w()},[o]),{direction:b}=re.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{O(t??s)},[s,t]);const F=t??G;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>W(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:R,value:F,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:z(),children:e.jsxRuntimeExports.jsx("div",{ref:B,children:u})}),e.jsxRuntimeExports.jsx(te,{triggerRef:B,label:h,getItemId:f,getLabel:x,items:m,open:L,setOpenPopover:T,selectRenderElements:v,disabledItemIdKeys:n,direction:b,onLoadMore:E,onQueryChange:i,isLoading:q,searchInputRef:c,placement:S,value:F,onSingleChange:$})]})})},Te=({children:u,defaultValue:s,disabledItemIdKeys:n,fullWidth:l=!0,getItemId:f,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:m,label:h,name:R,onChange:o,onLoadMore:E,onQueryChange:i,placement:S="bottom start",selectRenderElements:v,value:t})=>{const{isDisabled:a}=r.useContext(se.FieldGroupContext),c=r.useRef(null),d=r.useRef(null),B=r.useRef(null),[G,O]=r.useState(t??s),[L,T]=r.useState(!1),W=()=>{var F;T(!0),(F=d.current)==null||F.click()},w=r.useCallback(F=>{var k;O(F),o==null||o(F),(k=c.current)==null||k.focus()},[o]),{direction:$}=re.useLocale(),{wrapper:b}=Y.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{O(t??s)},[s,t]);const z=t??G;return e.jsxRuntimeExports.jsx(M.Provider,{values:[[M.ButtonContext,{onPress:()=>W(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ne,{name:R,value:z,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:b(),children:e.jsxRuntimeExports.jsx("div",{ref:B,children:u})}),e.jsxRuntimeExports.jsx(te,{label:h,searchInputRef:c,triggerRef:B,getItemId:f,getLabel:x,items:m,onLoadMore:E,open:L,setOpenPopover:T,selectRenderElements:v,disabledItemIdKeys:n,direction:$,onQueryChange:i,isLoading:q,value:z,onMultiChange:w,placement:S})]})})};exports.MultiSearchListField=Be;exports.MultiSearchListFieldWithCustomTrigger=Te;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=Oe;

package/dist/lyra37.js

@@ -34,7 +34,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as xr } from "./lyra95.js";
 import "./lyra80.js";
-import "./lyra452.js";
+import "./lyra456.js";
 import { InputHeader as fr } from "./lyra38.js";
 import { InputFooter as dr } from "./lyra39.js";
 import { sharedInputStyles as q } from "./lyra40.js";
@@ -45,16 +45,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import yr from "./lyra597.js";
-import { sharedListItemStyles as Fr } from "./lyra453.js";
-import { SharedListItem as kr } from "./lyra454.js";
+import { sharedListItemStyles as Fr } from "./lyra457.js";
+import { SharedListItem as kr } from "./lyra458.js";
 import { Popover as Or } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as pr } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as $r, InputTag as Br } from "./lyra455.js";
-import "./lyra456.js";
+import { InputTagGroup as $r, InputTag as Br } from "./lyra459.js";
+import "./lyra460.js";
 import { shouldRenderInputHeader as jr, shouldRenderInputFooter as hr } from "./lyra610.js";
 import { useFilterItemsByQuery as Dr } from "./lyra85.js";
 import { useMousePosition as Pr } from "./lyra84.js";

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),u=require("react"),l=require("./lyra89.cjs"),_=require("./lyra101.cjs"),b=require("./lyra450.cjs"),ne=require("./lyra93.cjs"),ue=require("./lyra95.cjs"),oe=require("./lyra618.cjs"),ie=require("./lyra65.cjs");require("./lyra455.cjs");const le=require("./lyra456.cjs"),ae=require("./lyra38.cjs"),ce=require("./lyra39.cjs"),pe=require("./lyra40.cjs"),A=require("./lyra610.cjs"),G=({defaultValue:x,description:m,fullWidth:C=!0,hideHintLabel:d,hideInputFooter:v,hideInputHeader:q,inputRef:E,label:a,onChange:c,outerEndSlot:T,outerStartSlot:w,value:f,...g},j)=>{[g,j]=l.useContextProps(g,j,l.TextFieldContext);const N=u.useRef(null),p=_.useObjectRef(E?_.mergeRefs(N,E):N),{className:H,errorMessage:R,isDisabled:O=!1,isInvalid:K,isRequired:h,name:k,...W}=g,z=ue.useDictionary(),[J,S]=u.useState(""),[t,B]=u.useState(f??x??[]),D=u.useMemo(()=>A.shouldRenderInputHeader({hideHintLabel:d,hideInputHeader:q,label:a}),[d,q,a]),L=u.useMemo(()=>A.shouldRenderInputFooter({description:m,errorMessage:R,hideInputFooter:v}),[m,R,v]),{inputField:Q,outerSlot:P,outerSlotsWrapper:U,wrapper:X}=pe.sharedInputStyles({fullWidth:C,hasInputHeader:D,hasLabel:!!a});u.useEffect(()=>{B(f??x??[])},[f,x]);const i=u.useCallback(e=>{B(e),c==null||c(e)},[c]),Y=u.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&i([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),i(t.slice(0,-1))))},[i,t]),Z=u.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];i(Array.from(new Set([...t,...s])))}}},[i,t]),$=u.useMemo(()=>h&&t.length===0,[t.length,h]),{removeButton:ee,tag:te}=le.tagStyles(),[se,M]=u.useState(!1),[y,F]=u.useState(0),[re,V]=u.useState(!1);return n.jsxRuntimeExports.jsxs("div",{className:U(),children:[w?n.jsxRuntimeExports.jsx("div",{className:P(),children:w}):null,n.jsxRuntimeExports.jsx(l.TextField,{className:X({className:H}),isDisabled:O,isInvalid:K,isRequired:$,...W,onKeyDown:Y,value:J,onChange:S,onPaste:Z,ref:j,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[D?n.jsxRuntimeExports.jsx(ae.InputHeader,{label:a,isRequired:h,hideHintLabel:d}):null,n.jsxRuntimeExports.jsxs(l.Group,{className:({isFocusWithin:s,isHovered:r})=>Q({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=p==null?void 0:p.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:b.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),F(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),F(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&y!==-1&&i(t.filter((r,I)=>I!==y))},onFocus:()=>{e||M(!0)},onBlur:()=>{e||M(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:te({allowsRemoving:!0,className:b.clsx(se&&r===y&&!re&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||F(r)},children:[s,!e&&n.jsxRuntimeExports.jsx(oe.SpanButton,{className:ee({isDisabled:e}),onPress:()=>i(t.filter(I=>I!==s)),children:n.jsxRuntimeExports.jsx(ie.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(l.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:p,onFocus:()=>{e||V(!0)},onBlur:()=>{e||V(!1)}})]}),k?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:k}):null]}),L?n.jsxRuntimeExports.jsx(ce.InputFooter,{description:m??z.tagInputDescription,errorMessage:R}):null]})}),T?n.jsxRuntimeExports.jsx("div",{className:P(),children:T}):null]})};G.displayName="TagInput";const xe=ne.fixedForwardRef(G);exports.TagInput=xe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),u=require("react"),l=require("./lyra89.cjs"),_=require("./lyra101.cjs"),b=require("./lyra450.cjs"),ne=require("./lyra93.cjs"),ue=require("./lyra95.cjs"),oe=require("./lyra618.cjs"),ie=require("./lyra65.cjs");require("./lyra459.cjs");const le=require("./lyra460.cjs"),ae=require("./lyra38.cjs"),ce=require("./lyra39.cjs"),pe=require("./lyra40.cjs"),A=require("./lyra610.cjs"),G=({defaultValue:x,description:m,fullWidth:C=!0,hideHintLabel:d,hideInputFooter:v,hideInputHeader:q,inputRef:E,label:a,onChange:c,outerEndSlot:T,outerStartSlot:w,value:f,...g},j)=>{[g,j]=l.useContextProps(g,j,l.TextFieldContext);const N=u.useRef(null),p=_.useObjectRef(E?_.mergeRefs(N,E):N),{className:H,errorMessage:R,isDisabled:O=!1,isInvalid:K,isRequired:h,name:k,...W}=g,z=ue.useDictionary(),[J,S]=u.useState(""),[t,B]=u.useState(f??x??[]),D=u.useMemo(()=>A.shouldRenderInputHeader({hideHintLabel:d,hideInputHeader:q,label:a}),[d,q,a]),L=u.useMemo(()=>A.shouldRenderInputFooter({description:m,errorMessage:R,hideInputFooter:v}),[m,R,v]),{inputField:Q,outerSlot:P,outerSlotsWrapper:U,wrapper:X}=pe.sharedInputStyles({fullWidth:C,hasInputHeader:D,hasLabel:!!a});u.useEffect(()=>{B(f??x??[])},[f,x]);const i=u.useCallback(e=>{B(e),c==null||c(e)},[c]),Y=u.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&i([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),i(t.slice(0,-1))))},[i,t]),Z=u.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];i(Array.from(new Set([...t,...s])))}}},[i,t]),$=u.useMemo(()=>h&&t.length===0,[t.length,h]),{removeButton:ee,tag:te}=le.tagStyles(),[se,M]=u.useState(!1),[y,F]=u.useState(0),[re,V]=u.useState(!1);return n.jsxRuntimeExports.jsxs("div",{className:U(),children:[w?n.jsxRuntimeExports.jsx("div",{className:P(),children:w}):null,n.jsxRuntimeExports.jsx(l.TextField,{className:X({className:H}),isDisabled:O,isInvalid:K,isRequired:$,...W,onKeyDown:Y,value:J,onChange:S,onPaste:Z,ref:j,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[D?n.jsxRuntimeExports.jsx(ae.InputHeader,{label:a,isRequired:h,hideHintLabel:d}):null,n.jsxRuntimeExports.jsxs(l.Group,{className:({isFocusWithin:s,isHovered:r})=>Q({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=p==null?void 0:p.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:b.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),F(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),F(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&y!==-1&&i(t.filter((r,I)=>I!==y))},onFocus:()=>{e||M(!0)},onBlur:()=>{e||M(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:te({allowsRemoving:!0,className:b.clsx(se&&r===y&&!re&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||F(r)},children:[s,!e&&n.jsxRuntimeExports.jsx(oe.SpanButton,{className:ee({isDisabled:e}),onPress:()=>i(t.filter(I=>I!==s)),children:n.jsxRuntimeExports.jsx(ie.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(l.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:p,onFocus:()=>{e||V(!0)},onBlur:()=>{e||V(!1)}})]}),k?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:k}):null]}),L?n.jsxRuntimeExports.jsx(ce.InputFooter,{description:m??z.tagInputDescription,errorMessage:R}):null]})}),T?n.jsxRuntimeExports.jsx("div",{className:P(),children:T}):null]})};G.displayName="TagInput";const xe=ne.fixedForwardRef(G);exports.TagInput=xe;

package/dist/lyra43.js

@@ -7,8 +7,8 @@ import { fixedForwardRef as pe } from "./lyra93.js";
 import { useDictionary as me } from "./lyra95.js";
 import { SpanButton as de } from "./lyra618.js";
 import { SvgIcon as xe } from "./lyra65.js";
-import "./lyra455.js";
-import { tagStyles as ge } from "./lyra456.js";
+import "./lyra459.js";
+import { tagStyles as ge } from "./lyra460.js";
 import { InputHeader as he } from "./lyra38.js";
 import { InputFooter as Fe } from "./lyra39.js";
 import { sharedInputStyles as Ie } from "./lyra40.js";

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra451.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;

package/dist/lyra452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra452.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}

package/dist/lyra452.js

@@ -1,33 +1,16 @@
 import { tv as t } from "./lyra451.js";
-const r = t({
+const d = t({
   slots: {
-    box: [
-      "bg-surface-contrast",
-      "rounded-xs",
-      "text-inverted",
-      "text-sm",
-      "px-1.5",
-      "py-1",
-      "text-center"
-    ],
-    beak: ["transform", "text-[--color-neutral-9]"]
-  },
-  variants: {
-    placement: {
-      top: {
-        beak: "rotate-180 relative"
-      },
-      bottom: {},
-      left: {
-        beak: "rotate-90 relative -translate-x-1"
-      },
-      right: {
-        beak: "-rotate-90 relative translate-x-1"
-      },
-      center: {}
-    }
+    kpi: ["flex flex-col items-center gap-3 px-4"],
+    kpiText: ["max-w-full truncate"],
+    list: [
+      "grid gap-y-5 [&>*:last-child]:border-none",
+      "grid-cols-1",
+      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
+      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
+    ]
   }
 });
 export {
-  r as tooltipStyles
+  d as KpiStyles
 };

package/dist/lyra452.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.js","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":";AAEO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,aAAa,0BAA0B;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra452.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra453.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";

package/dist/lyra453.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra453.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}