@uva-glass/component-library 3.56.0 → 3.57.1

package/dist/{MultiSelectBox-BmBxa6PH.js.map → MultiSelectBox-D34qAgzc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox-BmBxa6PH.js","names":[],"sources":["../src/components/MultiSelectBox/MultiSelectBox.module.css","../src/components/MultiSelectBox/MultiSelectBox.tsx"],"sourcesContent":[".multi-select-box-wrapper {\n  position: relative;\n}\n\n.multi-select-box-trigger {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-500);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  height: 2.75rem;\n  justify-content: space-between;\n  line-height: inherit;\n  overflow: hidden;\n  padding: 0.4rem 2rem 0.4rem 1rem;\n  position: relative;\n  width: 100%;\n}\n\n.multi-select-box-trigger--darkBorder {\n  border-color: var(--color-uva-black);\n}\n\n.multi-select-box-trigger--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.multi-select-box-trigger:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-300);\n}\n\n.multi-select-box-trigger:focus-visible,\n.multi-select-box-trigger:hover {\n  background-color: var(--color-grey-300);\n}\n\n.multi-select-box-trigger-label {\n  min-height: 0.65rem;\n  overflow: hidden;\n  text-align: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.multi-select-box-trigger:disabled:hover {\n  background-color: var(--color-uva-white);\n  cursor: not-allowed;\n}\n\n.multi-select-box-trigger-icon {\n  position: absolute;\n  right: 0.875rem;\n}\n\n.multi-select-box-trigger-icon--open {\n  transform: rotate(180deg);\n}\n\n.multi-select-box-listbox--wrapper {\n  border-radius: 0.5rem;\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  display: flex;\n  height: auto;\n  margin: 0.25rem 0;\n  overflow: hidden;\n  position: fixed;\n  width: auto;\n  z-index: 20;\n}\n\n.multi-select-box-listbox {\n  background-color: var(--color-uva-white);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  list-style: none;\n  margin: 0;\n  min-width: 100%;\n  overflow-y: auto;\n  padding: 0.25rem;\n  white-space: nowrap;\n  width: fit-content;\n}\n\n.multi-select-box-listbox-option {\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  height: 2.5rem;\n  justify-content: flex-start;\n  position: relative;\n  user-select: none;\n  width: 100%;\n}\n\n.multi-select-box-listbox-option--active,\n.multi-select-box-listbox-option:hover {\n  background-color: var(--color-grey-300);\n  box-shadow: 0 0 0 1px var(--color-uva-white);\n}\n\n.multi-select-box-listbox-option:focus-visible,\n.multi-select-box-listbox-option:hover {\n  background-color: var(--color-grey-300);\n}\n\n.multi-select-box-listbox-option-content {\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  gap: 1rem;\n  padding: 0.75rem;\n  width: 100%;\n}\n\n.multi-select-box-listbox-option:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.multi-select-box-listbox-option--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n","import { useRef, useState, useId, useEffect, useCallback } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { KeyboardEvent, ChangeEvent, MouseEvent } from 'react';\n\nimport styles from './MultiSelectBox.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from 'components/Checkbox';\nimport { usePositionedFloaters } from 'components/hooks/usePositionedFloaters';\n\nexport type MultiSelectData = {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n};\n\nexport interface MultiSelectBoxProps {\n  /** Array of label, values pairs */\n  selectData: MultiSelectData[];\n  /** Retuns selected label, values */\n  onChange: (values: MultiSelectData[]) => void;\n  /** Array of label, value pairs that should be check by default */\n  defaultSelectedItems?: MultiSelectData[];\n  /** Suffix label in the selectbutton '[count] selected' */\n  labelSuffix?: string;\n  /** Disables the multiselect */\n  disabled?: boolean;\n  /** If true sets the option dropdown min-width to the width of the select button. */\n  fullWidth?: boolean;\n  /** Dark border. */\n  darkBorder?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** The max height of the options. */\n  maxOptionHeight?: `${number}${'px' | 'rem'}`;\n  /** `true` to align the right side of the options with the select box; otherwise, `false` to align on the left side. */\n  optionPositionRight?: boolean;\n}\n\nexport const MultiSelectBox = ({\n  selectData,\n  onChange,\n  defaultSelectedItems,\n  labelSuffix = 'geselecteerd',\n  disabled = false,\n  fullWidth = false,\n  darkBorder = false,\n  notValid = false,\n  maxOptionHeight,\n  optionPositionRight,\n}: MultiSelectBoxProps) => {\n  const multiselectboxId = useId();\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(defaultSelectedItems || []);\n  const [selectedItemsCount, setSelectedItemsCount] = useState(defaultSelectedItems?.length || 0);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const optionListRef = useRef<HTMLUListElement>(null);\n\n  const [positionElement, setPositionElement] = useState<HTMLElement | null>(null);\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const { style: positionStyle, updatePosition } = usePositionedFloaters(positionElement, referenceElement, {\n    mouseEvent: 'click',\n    position: 'bottomLeft',\n    offset: 4,\n    maxFixedHeight: maxOptionHeight,\n    horizontalPosition: optionPositionRight ? 'right' : 'left',\n    mobileBreakpoint: '28rem',\n    fullWidth,\n  });\n\n  const onMouseEventOutside = useCallback(\n    ({ target }: Event | MouseEvent) => {\n      if (!target || !wrapperRef.current) return;\n\n      if (!wrapperRef.current.contains(target as Node)) {\n        setIsOpen(false);\n      }\n    },\n    [setIsOpen]\n  );\n\n  const onTriggerKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      switch (event.key) {\n        case 'Enter':\n          event.preventDefault();\n          setIsOpen(true);\n          break;\n        case 'Escape':\n          if (isOpen) {\n            event.stopPropagation();\n            setIsOpen(false);\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [isOpen]\n  );\n\n  const onOptionKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLLIElement>) => {\n      if (!isOpen) return;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          setActiveIndex((prev) => {\n            let nextIndex = prev;\n            do {\n              nextIndex = nextIndex < selectData.length - 1 ? nextIndex + 1 : 0;\n            } while (selectData[nextIndex]?.disabled);\n            return nextIndex;\n          });\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          setActiveIndex((prev) => {\n            let nextIndex = prev;\n            do {\n              nextIndex = nextIndex <= 0 ? selectData.length - 1 : nextIndex - 1;\n            } while (selectData[nextIndex]?.disabled);\n            return nextIndex;\n          });\n          break;\n        case 'Enter': {\n          event.preventDefault();\n          const selectedItem = selectData[activeIndex];\n          if (!selectedItem || selectedItem.disabled) break;\n          const isAlreadySelected = selectedItems.some((item) => item.value === selectedItem.value);\n          const updatedSelectedItems = isAlreadySelected\n            ? selectedItems.filter((item) => item.value !== selectedItem.value)\n            : [...selectedItems, selectedItem];\n\n          setSelectedItems(updatedSelectedItems);\n          setSelectedItemsCount(updatedSelectedItems.length);\n          onChange(updatedSelectedItems);\n          break;\n        }\n        case 'Tab':\n          event.preventDefault();\n          setIsOpen(false);\n          break;\n        case 'Escape':\n          event.stopPropagation();\n          setIsOpen(false);\n          break;\n        default:\n          break;\n      }\n    },\n    [activeIndex, isOpen, selectData, selectedItems, onChange]\n  );\n\n  const onOptionClick = (event: MouseEvent<HTMLLIElement>, option: MultiSelectData) => {\n    if (option.disabled) return;\n\n    // Prevent toggle if click originated from the checkbox\n    if ((event.target as HTMLElement).tagName === 'INPUT') return;\n\n    const isAlreadySelected = selectedItems.some((item) => item.value === option.value);\n    const updatedSelectedItems = isAlreadySelected\n      ? selectedItems.filter((item) => item.value !== option.value)\n      : [...selectedItems, option];\n\n    setSelectedItems(updatedSelectedItems);\n    setSelectedItemsCount(updatedSelectedItems.length);\n    onChange(updatedSelectedItems);\n    updatePosition();\n  };\n\n  const handleSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { checked, value } = event.target;\n      let updatedSelectedItems = [...selectedItems];\n\n      if (checked) {\n        const selectedItem = selectData.find((item) => item.value === value);\n        if (selectedItem) {\n          updatedSelectedItems.push(selectedItem);\n        }\n      } else {\n        updatedSelectedItems = updatedSelectedItems.filter((item) => item.value !== value);\n      }\n\n      setSelectedItems(updatedSelectedItems);\n      setSelectedItemsCount(updatedSelectedItems.length);\n      onChange(updatedSelectedItems);\n      updatePosition();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectData, selectedItems, onChange]\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      setActiveIndex(0);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const activeOption = optionListRef.current?.children[activeIndex] as HTMLElement;\n    activeOption?.focus();\n  }, [activeIndex]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    document.addEventListener('click', onMouseEventOutside, true);\n    document.addEventListener('scroll', onMouseEventOutside, true);\n\n    return () => {\n      document.removeEventListener('click', onMouseEventOutside, true);\n      document.removeEventListener('scroll', onMouseEventOutside, true);\n    };\n  }, [onMouseEventOutside, isOpen]);\n\n  return (\n    <div className={styles['multi-select-box-wrapper']} ref={wrapperRef}>\n      <button\n        className={clsx(styles['multi-select-box-trigger'], {\n          [styles['multi-select-box-trigger--darkBorder']]: darkBorder,\n          [styles['multi-select-box-trigger--not-valid']]: notValid,\n        })}\n        type=\"button\"\n        onClick={() => {\n          setIsOpen(!isOpen);\n        }}\n        onKeyDown={onTriggerKeyDown}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-label={`${selectedItemsCount} ${labelSuffix}`}\n        disabled={disabled}\n        {...(isOpen && { 'aria-controls': multiselectboxId })}\n        ref={setReferenceElement}\n      >\n        <span className={styles['multi-select-box-trigger-label']}>\n          {selectedItemsCount} {labelSuffix}\n        </span>\n        <Icon\n          className={clsx(styles['multi-select-box-trigger-icon'], {\n            [styles['multi-select-box-trigger-icon--open']]: isOpen,\n          })}\n          name=\"CheveronDown\"\n          size={16}\n        />\n      </button>\n\n      <div\n        id={multiselectboxId}\n        className={clsx(styles['multi-select-box-listbox--wrapper'])}\n        style={{ ...positionStyle.style, visibility: isOpen ? 'visible' : 'hidden' }}\n        role=\"listbox\"\n        ref={setPositionElement}\n      >\n        <ul className={styles['multi-select-box-listbox']} ref={optionListRef}>\n          {selectData.map(({ label, value, disabled }, index) => (\n            <li\n              className={clsx(styles['multi-select-box-listbox-option'], {\n                [styles['multi-select-box-listbox-option--active']]: index === activeIndex,\n                [styles['multi-select-box-listbox-option--disabled']]: disabled,\n              })}\n              key={value}\n              role=\"option\"\n              onKeyDown={onOptionKeyDown}\n              onClick={(event) => onOptionClick(event, { label, value, disabled })}\n              onMouseOver={() => setActiveIndex(index)}\n              onFocus={() => setActiveIndex(index)}\n              tabIndex={0}\n              aria-selected={selectedItems.some((item) => item.value === value)}\n            >\n              <label htmlFor={label} className={styles['multi-select-box-listbox-option-content']} tabIndex={-1}>\n                <Checkbox\n                  id={`${label}-${multiselectboxId}`}\n                  onChange={handleSelect}\n                  value={value}\n                  tabIndex={-1}\n                  disabled={disabled}\n                  checked={selectedItems.some((item) => item.value === value)}\n                />\n                <span>{label}</span>\n              </label>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MultiSelectBox-D34qAgzc.js","names":[],"sources":["../src/components/MultiSelectBox/MultiSelectBox.module.css","../src/components/MultiSelectBox/MultiSelectBox.tsx"],"sourcesContent":[".multi-select-box-wrapper {\n  position: relative;\n}\n\n.multi-select-box-trigger {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-500);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  height: 2.75rem;\n  justify-content: space-between;\n  line-height: inherit;\n  overflow: hidden;\n  padding: 0.4rem 2rem 0.4rem 1rem;\n  position: relative;\n  width: 100%;\n}\n\n.multi-select-box-trigger--darkBorder {\n  border-color: var(--color-uva-black);\n}\n\n.multi-select-box-trigger--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.multi-select-box-trigger:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-300);\n}\n\n.multi-select-box-trigger:focus-visible,\n.multi-select-box-trigger:hover {\n  background-color: var(--color-grey-300);\n}\n\n.multi-select-box-trigger-label {\n  min-height: 0.65rem;\n  overflow: hidden;\n  text-align: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.multi-select-box-trigger:disabled:hover {\n  background-color: var(--color-uva-white);\n  cursor: not-allowed;\n}\n\n.multi-select-box-trigger-icon {\n  position: absolute;\n  right: 0.875rem;\n}\n\n.multi-select-box-trigger-icon--open {\n  transform: rotate(180deg);\n}\n\n.multi-select-box-listbox--wrapper {\n  border-radius: 0.5rem;\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  display: flex;\n  height: auto;\n  margin: 0.25rem 0;\n  overflow: hidden;\n  position: fixed;\n  width: auto;\n  z-index: 20;\n}\n\n.multi-select-box-listbox {\n  background-color: var(--color-uva-white);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  list-style: none;\n  margin: 0;\n  min-width: 100%;\n  overflow-y: auto;\n  padding: 0.25rem;\n  white-space: nowrap;\n  width: fit-content;\n}\n\n.multi-select-box-listbox-option {\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  height: 2.5rem;\n  justify-content: flex-start;\n  position: relative;\n  user-select: none;\n  width: 100%;\n}\n\n.multi-select-box-listbox-option--active,\n.multi-select-box-listbox-option:hover {\n  background-color: var(--color-grey-300);\n  box-shadow: 0 0 0 1px var(--color-uva-white);\n}\n\n.multi-select-box-listbox-option:focus-visible,\n.multi-select-box-listbox-option:hover {\n  background-color: var(--color-grey-300);\n}\n\n.multi-select-box-listbox-option-content {\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  gap: 1rem;\n  padding: 0.75rem;\n  width: 100%;\n}\n\n.multi-select-box-listbox-option:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.multi-select-box-listbox-option--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n","import { useRef, useState, useId, useEffect, useCallback } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { KeyboardEvent, ChangeEvent, MouseEvent } from 'react';\n\nimport styles from './MultiSelectBox.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from 'components/Checkbox';\nimport { usePositionedFloaters } from 'components/hooks/usePositionedFloaters';\n\nexport type MultiSelectData = {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n};\n\nexport interface MultiSelectBoxProps {\n  /** Array of label, values pairs */\n  selectData: MultiSelectData[];\n  /** Retuns selected label, values */\n  onChange: (values: MultiSelectData[]) => void;\n  /** Array of label, value pairs that should be check by default */\n  defaultSelectedItems?: MultiSelectData[];\n  /** Suffix label in the selectbutton '[count] selected' */\n  labelSuffix?: string;\n  /** Disables the multiselect */\n  disabled?: boolean;\n  /** If true sets the option dropdown min-width to the width of the select button. */\n  fullWidth?: boolean;\n  /** Dark border. */\n  darkBorder?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** The max height of the options. */\n  maxOptionHeight?: `${number}${'px' | 'rem'}`;\n  /** `true` to align the right side of the options with the select box; otherwise, `false` to align on the left side. */\n  optionPositionRight?: boolean;\n}\n\nexport const MultiSelectBox = ({\n  selectData,\n  onChange,\n  defaultSelectedItems,\n  labelSuffix = 'geselecteerd',\n  disabled = false,\n  fullWidth = false,\n  darkBorder = false,\n  notValid = false,\n  maxOptionHeight,\n  optionPositionRight,\n}: MultiSelectBoxProps) => {\n  const multiselectboxId = useId();\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>(defaultSelectedItems || []);\n  const [selectedItemsCount, setSelectedItemsCount] = useState(defaultSelectedItems?.length || 0);\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const optionListRef = useRef<HTMLUListElement>(null);\n\n  const [positionElement, setPositionElement] = useState<HTMLElement | null>(null);\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const { style: positionStyle, updatePosition } = usePositionedFloaters(positionElement, referenceElement, {\n    mouseEvent: 'click',\n    position: 'bottomLeft',\n    offset: 4,\n    maxFixedHeight: maxOptionHeight,\n    horizontalPosition: optionPositionRight ? 'right' : 'left',\n    mobileBreakpoint: '28rem',\n    fullWidth,\n  });\n\n  const onMouseEventOutside = useCallback(\n    ({ target }: Event | MouseEvent) => {\n      if (!target || !wrapperRef.current) return;\n\n      if (!wrapperRef.current.contains(target as Node)) {\n        setIsOpen(false);\n      }\n    },\n    [setIsOpen]\n  );\n\n  const onTriggerKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      switch (event.key) {\n        case 'Enter':\n          event.preventDefault();\n          setIsOpen(true);\n          break;\n        case 'Escape':\n          if (isOpen) {\n            event.stopPropagation();\n            setIsOpen(false);\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [isOpen]\n  );\n\n  const onOptionKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLLIElement>) => {\n      if (!isOpen) return;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          setActiveIndex((prev) => {\n            let nextIndex = prev;\n            do {\n              nextIndex = nextIndex < selectData.length - 1 ? nextIndex + 1 : 0;\n            } while (selectData[nextIndex]?.disabled);\n            return nextIndex;\n          });\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          setActiveIndex((prev) => {\n            let nextIndex = prev;\n            do {\n              nextIndex = nextIndex <= 0 ? selectData.length - 1 : nextIndex - 1;\n            } while (selectData[nextIndex]?.disabled);\n            return nextIndex;\n          });\n          break;\n        case 'Enter': {\n          event.preventDefault();\n          const selectedItem = selectData[activeIndex];\n          if (!selectedItem || selectedItem.disabled) break;\n          const isAlreadySelected = selectedItems.some((item) => item.value === selectedItem.value);\n          const updatedSelectedItems = isAlreadySelected\n            ? selectedItems.filter((item) => item.value !== selectedItem.value)\n            : [...selectedItems, selectedItem];\n\n          setSelectedItems(updatedSelectedItems);\n          setSelectedItemsCount(updatedSelectedItems.length);\n          onChange(updatedSelectedItems);\n          break;\n        }\n        case 'Tab':\n          event.preventDefault();\n          setIsOpen(false);\n          break;\n        case 'Escape':\n          event.stopPropagation();\n          setIsOpen(false);\n          break;\n        default:\n          break;\n      }\n    },\n    [activeIndex, isOpen, selectData, selectedItems, onChange]\n  );\n\n  const onOptionClick = (event: MouseEvent<HTMLLIElement>, option: MultiSelectData) => {\n    if (option.disabled) return;\n\n    // Prevent toggle if click originated from the checkbox\n    if ((event.target as HTMLElement).tagName === 'INPUT') return;\n\n    const isAlreadySelected = selectedItems.some((item) => item.value === option.value);\n    const updatedSelectedItems = isAlreadySelected\n      ? selectedItems.filter((item) => item.value !== option.value)\n      : [...selectedItems, option];\n\n    setSelectedItems(updatedSelectedItems);\n    setSelectedItemsCount(updatedSelectedItems.length);\n    onChange(updatedSelectedItems);\n    updatePosition();\n  };\n\n  const handleSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { checked, value } = event.target;\n      let updatedSelectedItems = [...selectedItems];\n\n      if (checked) {\n        const selectedItem = selectData.find((item) => item.value === value);\n        if (selectedItem) {\n          updatedSelectedItems.push(selectedItem);\n        }\n      } else {\n        updatedSelectedItems = updatedSelectedItems.filter((item) => item.value !== value);\n      }\n\n      setSelectedItems(updatedSelectedItems);\n      setSelectedItemsCount(updatedSelectedItems.length);\n      onChange(updatedSelectedItems);\n      updatePosition();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectData, selectedItems, onChange]\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      setActiveIndex(0);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const activeOption = optionListRef.current?.children[activeIndex] as HTMLElement;\n    activeOption?.focus();\n  }, [activeIndex]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    document.addEventListener('click', onMouseEventOutside, true);\n    document.addEventListener('scroll', onMouseEventOutside, true);\n\n    return () => {\n      document.removeEventListener('click', onMouseEventOutside, true);\n      document.removeEventListener('scroll', onMouseEventOutside, true);\n    };\n  }, [onMouseEventOutside, isOpen]);\n\n  return (\n    <div className={styles['multi-select-box-wrapper']} ref={wrapperRef}>\n      <button\n        className={clsx(styles['multi-select-box-trigger'], {\n          [styles['multi-select-box-trigger--darkBorder']]: darkBorder,\n          [styles['multi-select-box-trigger--not-valid']]: notValid,\n        })}\n        type=\"button\"\n        onClick={() => {\n          setIsOpen(!isOpen);\n        }}\n        onKeyDown={onTriggerKeyDown}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-label={`${selectedItemsCount} ${labelSuffix}`}\n        disabled={disabled}\n        {...(isOpen && { 'aria-controls': multiselectboxId })}\n        ref={setReferenceElement}\n      >\n        <span className={styles['multi-select-box-trigger-label']}>\n          {selectedItemsCount} {labelSuffix}\n        </span>\n        <Icon\n          className={clsx(styles['multi-select-box-trigger-icon'], {\n            [styles['multi-select-box-trigger-icon--open']]: isOpen,\n          })}\n          name=\"CheveronDown\"\n          size={16}\n        />\n      </button>\n\n      <div\n        id={multiselectboxId}\n        className={clsx(styles['multi-select-box-listbox--wrapper'])}\n        style={{ ...positionStyle.style, visibility: isOpen ? 'visible' : 'hidden' }}\n        role=\"listbox\"\n        ref={setPositionElement}\n      >\n        <ul className={styles['multi-select-box-listbox']} ref={optionListRef}>\n          {selectData.map(({ label, value, disabled }, index) => (\n            <li\n              className={clsx(styles['multi-select-box-listbox-option'], {\n                [styles['multi-select-box-listbox-option--active']]: index === activeIndex,\n                [styles['multi-select-box-listbox-option--disabled']]: disabled,\n              })}\n              key={value}\n              role=\"option\"\n              onKeyDown={onOptionKeyDown}\n              onClick={(event) => onOptionClick(event, { label, value, disabled })}\n              onMouseOver={() => setActiveIndex(index)}\n              onFocus={() => setActiveIndex(index)}\n              tabIndex={0}\n              aria-selected={selectedItems.some((item) => item.value === value)}\n            >\n              <label htmlFor={label} className={styles['multi-select-box-listbox-option-content']} tabIndex={-1}>\n                <Checkbox\n                  id={`${label}-${multiselectboxId}`}\n                  onChange={handleSelect}\n                  value={value}\n                  tabIndex={-1}\n                  disabled={disabled}\n                  checked={selectedItems.some((item) => item.value === value)}\n                />\n                <span>{label}</span>\n              </label>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{MultiSelectItem-6d8kQgFs.js → MultiSelectItem-hx3Y4Lmk.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./Checkbox-sAt4To2B.js";
-import { t } from "./Label-D0ACrYG3.js";
+import { t } from "./Label-52ny6d06.js";
 import { useId as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import './assets/MultiSelectItem.css';//#region src/components/MultiSelect/MultiSelect.module.css
@@ -33,4 +33,4 @@ function o({ label: o, value: s, checked: c, disabled: l = !1, onChange: u }) {
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=MultiSelectItem-6d8kQgFs.js.map
+//# sourceMappingURL=MultiSelectItem-hx3Y4Lmk.js.map

package/dist/{MultiSelectItem-6d8kQgFs.js.map → MultiSelectItem-hx3Y4Lmk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectItem-6d8kQgFs.js","names":[],"sources":["../src/components/MultiSelect/MultiSelect.module.css","../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":[".multi-select {\n  border: 1px solid var(--color-uva-black);\n  border-radius: var(--border-radius-default);\n  padding: 0.75rem;\n}\n\n.multi-select--no-border {\n  border: none;\n  padding: 0;\n}\n\n.multi-select__header {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n}\n\n.multi-select__list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.multi-select__list--scrollable {\n  max-height: 8.75rem;\n  overflow: auto;\n}\n\n.multi-select__item {\n  align-items: start;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  user-select: none;\n}\n\n.multi-select__item input[type=\"checkbox\"] {\n  margin-right: 0.75rem;\n  margin-top: 0.25rem;\n}\n\n.multi-select__item input[type=\"checkbox\"]:disabled + label {\n  color: var(--color-grey-500);\n}\n","import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACgBA,SAAgB,EAAgB,EAAE,UAAO,UAAO,YAAS,cAAW,IAAO,eAAkC;CAC3G,IAAM,IAAK,EAAM;CAEjB,OACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YAAtB,CACE,kBAAC,GAAD;GAAc;GAAW;GAAgB;GAAmB;GAAoB;EAAW,CAAA,GAC3F,kBAAC,GAAD;GAAO,SAAS;GAAI,cAAc,CAAC;aAChC;EACI,CAAA,CACL;;AAER"}
+{"version":3,"file":"MultiSelectItem-hx3Y4Lmk.js","names":[],"sources":["../src/components/MultiSelect/MultiSelect.module.css","../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":[".multi-select {\n  border: 1px solid var(--color-uva-black);\n  border-radius: var(--border-radius-default);\n  padding: 0.75rem;\n}\n\n.multi-select--no-border {\n  border: none;\n  padding: 0;\n}\n\n.multi-select__header {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n}\n\n.multi-select__list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.multi-select__list--scrollable {\n  max-height: 8.75rem;\n  overflow: auto;\n}\n\n.multi-select__item {\n  align-items: start;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  user-select: none;\n}\n\n.multi-select__item input[type=\"checkbox\"] {\n  margin-right: 0.75rem;\n  margin-top: 0.25rem;\n}\n\n.multi-select__item input[type=\"checkbox\"]:disabled + label {\n  color: var(--color-grey-500);\n}\n","import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACgBA,SAAgB,EAAgB,EAAE,UAAO,UAAO,YAAS,cAAW,IAAO,eAAkC;CAC3G,IAAM,IAAK,EAAM;CAEjB,OACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YAAtB,CACE,kBAAC,GAAD;GAAc;GAAW;GAAgB;GAAmB;GAAoB;EAAW,CAAA,GAC3F,kBAAC,GAAD;GAAO,SAAS;GAAI,cAAc,CAAC;aAChC;EACI,CAAA,CACL;;AAER"}

package/dist/{Notification-BAqCenxt.js → Notification-BhqWENfu.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/Notification.css';var i = {
@@ -65,4 +65,4 @@ import './assets/Notification.css';var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=Notification-BAqCenxt.js.map
+//# sourceMappingURL=Notification-BhqWENfu.js.map

package/dist/{Notification-BAqCenxt.js.map → Notification-BhqWENfu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Notification-BAqCenxt.js","names":[],"sources":["../src/components/Notification/Notification.module.css","../src/components/Notification/Notification.tsx"],"sourcesContent":[".notification {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.notification--default {\n  padding: 1rem;\n}\n.notification--bar {\n  border: none;\n  padding: 0.5rem 1rem;\n}\n\n.notification--neutral {\n  background-color: var(--color-grey-300);\n  border-left: 0.25rem solid var(--color-grey-600);\n}\n.notification--information {\n  background-color: var(--color-navy-200);\n  border-left: 0.25rem solid var(--color-navy-600);\n}\n.notification--success {\n  background-color: var(--color-forest-200);\n  border-left: 0.25rem solid var(--color-forest-600);\n}\n.notification--warning {\n  background-color: var(--color-orange-200);\n  border-left: 0.25rem solid var(--color-orange-600);\n}\n.notification--danger {\n  background-color: var(--color-red-200);\n  border-left: 0.25rem solid var(--color-red-600);\n}\n\n.notification--bar.notification--neutral {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--information {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--success {\n  background-color: var(--color-forest-600);\n}\n.notification--bar.notification--warning {\n  background-color: var(--color-orange-600);\n}\n.notification--bar.notification--danger {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-content {\n  display: flex;\n  gap: 1rem;\n}\n.notification-content--text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.notification-title {\n  font-weight: var(--semibold);\n  margin: 0;\n}\n.notification-subtitle {\n  margin: 0;\n}\n\n.notification-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: relative;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.notification-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.notification-close-button:hover {\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.notification-close-button::after {\n  bottom: -0.625rem;\n  content: \"\";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n.notification-close-button--bar--neutral,\n.notification-close-button--bar--information,\n.notification-close-button--bar--danger {\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--neutral:hover {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--information:hover {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--success:hover {\n  background-color: var(--color-forest-600);\n}\n.notification-close-button--warning:hover {\n  background-color: var(--color-orange-600);\n}\n.notification-close-button--danger:hover {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--bar--neutral:hover {\n  background-color: var(--color-grey-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--information:hover {\n  background-color: var(--color-navy-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--success:hover {\n  background-color: var(--color-forest-300);\n}\n.notification-close-button--bar--warning:hover {\n  background-color: var(--color-orange-300);\n}\n.notification-close-button--bar--danger:hover {\n  background-color: var(--color-red-300);\n  color: var(--color-uva-black);\n}\n","import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Notification.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type NotificationVariant = 'default' | 'bar';\nexport type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationProps {\n  title?: string;\n  subtitle?: string;\n  action?: ReactNode;\n  variant?: NotificationVariant;\n  level: NotificationLevel;\n  onClose?: () => void;\n}\n\nexport const Notification = ({ title, subtitle, action, variant = 'default', level, onClose }: NotificationProps) => {\n  const isBar = variant === 'bar';\n\n  function setIconName(toastType: NotificationLevel) {\n    if (toastType === 'neutral') return 'CalendarEdit';\n    if (toastType === 'information') return 'SquareInfo';\n    if (toastType === 'success') return 'CheckCircle';\n    return 'ExclamationTriangleMini';\n  }\n\n  return (\n    <div className={clsx(styles['notification'], styles[`notification--${variant}`], styles[`notification--${level}`])}>\n      <div className={styles['notification-content']}>\n        <Icon name={setIconName(level)} />\n        <div className={styles['notification-content--text']}>\n          {title && <p className={styles['notification-title']}>{title}</p>}\n          {subtitle && <p className={styles['notification-subtitle']}>{subtitle}</p>}\n          {action && <div className={styles['notification-action']}>{action}</div>}\n        </div>\n      </div>\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label=\"close\"\n          className={clsx(styles['notification-close-button'], styles[`notification-close-button--${level}`], {\n            [styles[`notification-close-button--bar--${level}`]]: isBar,\n          })}\n        >\n          <Icon name=\"Cross\" size={24} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GCoBa,KAAgB,EAAE,UAAO,aAAU,WAAQ,aAAU,WAAW,UAAO,iBAAiC;CACnH,IAAM,IAAQ,MAAY;CAE1B,SAAS,EAAY,GAA8B;EAIjD,OAHI,MAAc,YAAkB,iBAChC,MAAc,gBAAsB,eACpC,MAAc,YAAkB,gBAC7B;CACT;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,cAAiB,EAAO,iBAAiB,MAAY,EAAO,iBAAiB,IAAQ;YAAjH,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD,EAAM,MAAM,EAAY,CAAK,EAAI,CAAA,GACjC,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACG,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAwB;KAAS,CAAA;KAC/D,KAAY,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAA2B;KAAY,CAAA;KACxE,KAAU,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAyB;KAAY,CAAA;IACpE;KACF;MACJ,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,WAAW,EAAK,EAAO,8BAA8B,EAAO,8BAA8B,MAAU,GACjG,EAAO,mCAAmC,OAAW,EACxD,CAAC;aAED,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;GAAK,CAAA;EACxB,CAAA,CAEP;;AAET"}
+{"version":3,"file":"Notification-BhqWENfu.js","names":[],"sources":["../src/components/Notification/Notification.module.css","../src/components/Notification/Notification.tsx"],"sourcesContent":[".notification {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.notification--default {\n  padding: 1rem;\n}\n.notification--bar {\n  border: none;\n  padding: 0.5rem 1rem;\n}\n\n.notification--neutral {\n  background-color: var(--color-grey-300);\n  border-left: 0.25rem solid var(--color-grey-600);\n}\n.notification--information {\n  background-color: var(--color-navy-200);\n  border-left: 0.25rem solid var(--color-navy-600);\n}\n.notification--success {\n  background-color: var(--color-forest-200);\n  border-left: 0.25rem solid var(--color-forest-600);\n}\n.notification--warning {\n  background-color: var(--color-orange-200);\n  border-left: 0.25rem solid var(--color-orange-600);\n}\n.notification--danger {\n  background-color: var(--color-red-200);\n  border-left: 0.25rem solid var(--color-red-600);\n}\n\n.notification--bar.notification--neutral {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--information {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification--bar.notification--success {\n  background-color: var(--color-forest-600);\n}\n.notification--bar.notification--warning {\n  background-color: var(--color-orange-600);\n}\n.notification--bar.notification--danger {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-content {\n  display: flex;\n  gap: 1rem;\n}\n.notification-content--text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.notification-title {\n  font-weight: var(--semibold);\n  margin: 0;\n}\n.notification-subtitle {\n  margin: 0;\n}\n\n.notification-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: relative;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.notification-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.notification-close-button:hover {\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.notification-close-button::after {\n  bottom: -0.625rem;\n  content: \"\";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n.notification-close-button--bar--neutral,\n.notification-close-button--bar--information,\n.notification-close-button--bar--danger {\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--neutral:hover {\n  background-color: var(--color-grey-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--information:hover {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n.notification-close-button--success:hover {\n  background-color: var(--color-forest-600);\n}\n.notification-close-button--warning:hover {\n  background-color: var(--color-orange-600);\n}\n.notification-close-button--danger:hover {\n  background-color: var(--color-red-600);\n  color: var(--color-uva-white);\n}\n\n.notification-close-button--bar--neutral:hover {\n  background-color: var(--color-grey-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--information:hover {\n  background-color: var(--color-navy-300);\n  color: var(--color-uva-black);\n}\n.notification-close-button--bar--success:hover {\n  background-color: var(--color-forest-300);\n}\n.notification-close-button--bar--warning:hover {\n  background-color: var(--color-orange-300);\n}\n.notification-close-button--bar--danger:hover {\n  background-color: var(--color-red-300);\n  color: var(--color-uva-black);\n}\n","import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Notification.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type NotificationVariant = 'default' | 'bar';\nexport type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationProps {\n  title?: string;\n  subtitle?: string;\n  action?: ReactNode;\n  variant?: NotificationVariant;\n  level: NotificationLevel;\n  onClose?: () => void;\n}\n\nexport const Notification = ({ title, subtitle, action, variant = 'default', level, onClose }: NotificationProps) => {\n  const isBar = variant === 'bar';\n\n  function setIconName(toastType: NotificationLevel) {\n    if (toastType === 'neutral') return 'CalendarEdit';\n    if (toastType === 'information') return 'SquareInfo';\n    if (toastType === 'success') return 'CheckCircle';\n    return 'ExclamationTriangleMini';\n  }\n\n  return (\n    <div className={clsx(styles['notification'], styles[`notification--${variant}`], styles[`notification--${level}`])}>\n      <div className={styles['notification-content']}>\n        <Icon name={setIconName(level)} />\n        <div className={styles['notification-content--text']}>\n          {title && <p className={styles['notification-title']}>{title}</p>}\n          {subtitle && <p className={styles['notification-subtitle']}>{subtitle}</p>}\n          {action && <div className={styles['notification-action']}>{action}</div>}\n        </div>\n      </div>\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label=\"close\"\n          className={clsx(styles['notification-close-button'], styles[`notification-close-button--${level}`], {\n            [styles[`notification-close-button--bar--${level}`]]: isBar,\n          })}\n        >\n          <Icon name=\"Cross\" size={24} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GCoBa,KAAgB,EAAE,UAAO,aAAU,WAAQ,aAAU,WAAW,UAAO,iBAAiC;CACnH,IAAM,IAAQ,MAAY;CAE1B,SAAS,EAAY,GAA8B;EAIjD,OAHI,MAAc,YAAkB,iBAChC,MAAc,gBAAsB,eACpC,MAAc,YAAkB,gBAC7B;CACT;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,cAAiB,EAAO,iBAAiB,MAAY,EAAO,iBAAiB,IAAQ;YAAjH,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD,EAAM,MAAM,EAAY,CAAK,EAAI,CAAA,GACjC,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACG,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAAwB;KAAS,CAAA;KAC/D,KAAY,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAA2B;KAAY,CAAA;KACxE,KAAU,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAyB;KAAY,CAAA;IACpE;KACF;MACJ,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cAAW;GACX,WAAW,EAAK,EAAO,8BAA8B,EAAO,8BAA8B,MAAU,GACjG,EAAO,mCAAmC,OAAW,EACxD,CAAC;aAED,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;GAAK,CAAA;EACxB,CAAA,CAEP;;AAET"}

package/dist/{OverlayCloseButton-j-7mC4Zz.js → OverlayCloseButton-Dt6Yec8G.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
@@ -19,4 +19,4 @@ var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=OverlayCloseButton-j-7mC4Zz.js.map
+//# sourceMappingURL=OverlayCloseButton-Dt6Yec8G.js.map

package/dist/{OverlayCloseButton-j-7mC4Zz.js.map → OverlayCloseButton-Dt6Yec8G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverlayCloseButton-j-7mC4Zz.js","names":[],"sources":["../src/components/OverlayCloseButton/OverlayCloseButton.module.css","../src/components/OverlayCloseButton/OverlayCloseButton.tsx"],"sourcesContent":[".overlay-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: absolute;\n  right: 0.125rem;\n  top: 0.125rem;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.overlay-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.overlay-close-button:hover {\n  background-color: var(--color-grey-300);\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.overlay-close-button::after {\n  bottom: -0.625rem;\n  content: \" \";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .overlay-close-button--padded {\n    right: 1rem;\n    top: 1rem;\n  }\n}\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './OverlayCloseButton.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface OverlayCloseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  /** The `aria-label` value of the button. */\n  'aria-label': string; // mandatory\n  /** `true` to add padding around the button; otherwise, `false`. The default is `false`. */\n  paddedModal?: boolean;\n}\n\n/** Represents a component to render a close button in the top right corner of a container. */\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  ({ paddedModal, ...restProps }, forwardedRef) => (\n    <button\n      {...restProps}\n      type=\"button\"\n      ref={forwardedRef}\n      className={clsx(styles['overlay-close-button'], {\n        [styles['overlay-close-button--padded']]: paddedModal,\n      })}\n    >\n      <Icon name=\"Cross\" size={24} />\n    </button>\n  )\n);\n"],"mappings":";;;;;;;;GCiBa,IAAqB,GAC/B,EAAE,gBAAa,GAAG,KAAa,MAC9B,kBAAC,UAAD;CACE,GAAI;CACJ,MAAK;CACL,KAAK;CACL,WAAW,EAAK,EAAO,yBAAyB,GAC7C,EAAO,kCAAkC,EAC5C,CAAC;WAED,kBAAC,GAAD;EAAM,MAAK;EAAQ,MAAM;CAAK,CAAA;AACxB,CAAA,CAEZ"}
+{"version":3,"file":"OverlayCloseButton-Dt6Yec8G.js","names":[],"sources":["../src/components/OverlayCloseButton/OverlayCloseButton.module.css","../src/components/OverlayCloseButton/OverlayCloseButton.tsx"],"sourcesContent":[".overlay-close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  position: absolute;\n  right: 0.125rem;\n  top: 0.125rem;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.overlay-close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.overlay-close-button:hover {\n  background-color: var(--color-grey-300);\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n.overlay-close-button::after {\n  bottom: -0.625rem;\n  content: \" \";\n  left: -0.625rem;\n  position: absolute;\n  right: -0.625rem;\n  top: -0.625rem;\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .overlay-close-button--padded {\n    right: 1rem;\n    top: 1rem;\n  }\n}\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './OverlayCloseButton.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface OverlayCloseButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  /** The `aria-label` value of the button. */\n  'aria-label': string; // mandatory\n  /** `true` to add padding around the button; otherwise, `false`. The default is `false`. */\n  paddedModal?: boolean;\n}\n\n/** Represents a component to render a close button in the top right corner of a container. */\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  ({ paddedModal, ...restProps }, forwardedRef) => (\n    <button\n      {...restProps}\n      type=\"button\"\n      ref={forwardedRef}\n      className={clsx(styles['overlay-close-button'], {\n        [styles['overlay-close-button--padded']]: paddedModal,\n      })}\n    >\n      <Icon name=\"Cross\" size={24} />\n    </button>\n  )\n);\n"],"mappings":";;;;;;;;GCiBa,IAAqB,GAC/B,EAAE,gBAAa,GAAG,KAAa,MAC9B,kBAAC,UAAD;CACE,GAAI;CACJ,MAAK;CACL,KAAK;CACL,WAAW,EAAK,EAAO,yBAAyB,GAC7C,EAAO,kCAAkC,EAC5C,CAAC;WAED,kBAAC,GAAD;EAAM,MAAK;EAAQ,MAAM;CAAK,CAAA;AACxB,CAAA,CAEZ"}

package/dist/{OverlayStepBar-Cj_-0waE.js → OverlayStepBar-BiC06Itd.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import './assets/OverlayStepBar.css';//#region src/components/OverlayStepBar/OverlayStepBar.module.css
 var r = {
@@ -42,4 +42,4 @@ var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=OverlayStepBar-Cj_-0waE.js.map
+//# sourceMappingURL=OverlayStepBar-BiC06Itd.js.map

package/dist/{OverlayStepBar-Cj_-0waE.js.map → OverlayStepBar-BiC06Itd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OverlayStepBar-Cj_-0waE.js","names":[],"sources":["../src/components/OverlayStepBar/OverlayStepBar.module.css","../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":[".overlay-step-bar__container {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  display: flex;\n  height: 2.5rem;\n  justify-content: center;\n  overflow-y: hidden;\n}\n\n.overlay-step-bar__step-wrapper {\n  background-color: var(--color-grey-200);\n  height: 100%;\n  position: relative;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::after {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-grey-200);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: -0.25rem;\n  top: -0.25rem;\n  z-index: 10;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::before {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-uva-white);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: calc(-0.25rem - 0.25rem);\n  top: -0.25rem;\n  z-index: 5;\n}\n\n.overlay-step-bar__step {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--color-grey-700);\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  height: 100%;\n  margin-left: 0.5rem;\n  padding: 0 2rem 0 1.5rem;\n  position: relative;\n  width: calc(100% - 0.75rem);\n}\n\n.overlay-step-bar__step--label {\n  display: none;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.overlay-step-bar__step--label-show {\n  display: block;\n}\n\n.overlay-step-bar__step--index {\n  margin-right: 0.5rem;\n}\n\n.overlay-step-bar__step--label:hover {\n  text-decoration: underline;\n}\n\n.overlay-step-bar__step--active .overlay-step-bar__step--label {\n  display: block;\n}\n\n.overlay-step-bar__step:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step:hover .overlay-step-bar__step--label {\n  text-decoration: underline;\n}\n\n@media (min-width: 70rem) {\n  .overlay-step-bar__step--label {\n    display: block;\n  }\n\n  .overlay-step-bar__step:hover .overlay-step-bar__step--index {\n    text-decoration: none;\n  }\n}\n\n.overlay-step-bar__step:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: -0.25rem;\n  z-index: 15;\n}\n\n.overlay-step-bar__step--active {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n}\n\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--label {\n  cursor: default;\n  text-decoration: none;\n}\n","import { clsx } from 'clsx';\n\nimport styles from './OverlayStepBar.module.css';\n\nexport interface OverlayStepBarProps {\n  /** Array of strings. */\n  stepLabels: string[];\n  /** activeStep number starting with 1. */\n  activeStep: number;\n  /** Array of prefix numbers to not show in the steplabels */\n  disabledCountPrefix?: number[];\n  /** navigate to step. */\n  onStepClick?: (step: number) => void;\n}\n\nexport const OverlayStepBar = ({\n  stepLabels,\n  activeStep = 0,\n  disabledCountPrefix = [],\n  onStepClick,\n}: OverlayStepBarProps) => {\n  if (activeStep > stepLabels.length) {\n    console.error('activeStep is greater than the number of steps');\n  }\n\n  const getStepDisplayNumber = (stepIndex: number): string => {\n    const stepNumber = stepIndex + 1;\n\n    if (disabledCountPrefix.includes(stepNumber)) {\n      return '';\n    }\n\n    const enabledStepsBefore = Array.from({ length: stepIndex }, (_, count) => count + 1).filter(\n      (step) => !disabledCountPrefix.includes(step)\n    ).length;\n\n    return String(enabledStepsBefore + 1);\n  };\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {stepLabels.length &&\n        stepLabels.map((label, index) => (\n          <span key={`${index}_${label}`} className={styles[`overlay-step-bar__step-wrapper`]}>\n            <button\n              className={clsx(styles[`overlay-step-bar__step`], [\n                index === activeStep - 1 && styles[`overlay-step-bar__step--active`],\n              ])}\n              {...(onStepClick && { onClick: () => onStepClick(index + 1) })}\n              type=\"button\"\n              aria-label={`Step ${index + 1}`}\n              aria-current={index === activeStep - 1 ? 'step' : undefined}\n              disabled={index === activeStep - 1}\n            >\n              <span className={styles[`overlay-step-bar__step--index`]}>{getStepDisplayNumber(index)}</span>\n              <span\n                className={clsx(\n                  styles[`overlay-step-bar__step--label`],\n                  disabledCountPrefix.includes(index + 1) && styles[`overlay-step-bar__step--label-show`]\n                )}\n              >\n                {label}\n              </span>\n            </button>\n          </span>\n        ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCea,KAAkB,EAC7B,eACA,gBAAa,GACb,yBAAsB,CAAC,GACvB,qBACyB;CACzB,AAAI,IAAa,EAAW,UAC1B,QAAQ,MAAM,gDAAgD;CAGhE,IAAM,KAAwB,MAA8B;EAC1D,IAAM,IAAa,IAAY;EAE/B,IAAI,EAAoB,SAAS,CAAU,GACzC,OAAO;EAGT,IAAM,IAAqB,MAAM,KAAK,EAAE,QAAQ,EAAU,IAAI,GAAG,MAAU,IAAQ,CAAC,EAAE,QACnF,MAAS,CAAC,EAAoB,SAAS,CAAI,CAC9C,EAAE;EAEF,OAAO,OAAO,IAAqB,CAAC;CACtC;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACpB,EAAW,UACV,EAAW,KAAK,GAAO,MACrB,kBAAC,QAAD;GAAgC,WAAW,EAAO;aAChD,kBAAC,UAAD;IACE,WAAW,EAAK,EAAO,2BAA2B,CAChD,MAAU,IAAa,KAAK,EAAO,iCACrC,CAAC;IACD,GAAK,KAAe,EAAE,eAAe,EAAY,IAAQ,CAAC,EAAE;IAC5D,MAAK;IACL,cAAY,QAAQ,IAAQ;IAC5B,gBAAc,MAAU,IAAa,IAAI,SAAS,KAAA;IAClD,UAAU,MAAU,IAAa;cARnC,CAUE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAmC,EAAqB,CAAK;IAAQ,CAAA,GAC7F,kBAAC,QAAD;KACE,WAAW,EACT,EAAO,kCACP,EAAoB,SAAS,IAAQ,CAAC,KAAK,EAAO,qCACpD;eAEC;IACG,CAAA,CACA;;EACJ,GArBK,GAAG,EAAM,GAAG,GAqBjB,CACP;CACA,CAAA;AAET"}
+{"version":3,"file":"OverlayStepBar-BiC06Itd.js","names":[],"sources":["../src/components/OverlayStepBar/OverlayStepBar.module.css","../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":[".overlay-step-bar__container {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  display: flex;\n  height: 2.5rem;\n  justify-content: center;\n  overflow-y: hidden;\n}\n\n.overlay-step-bar__step-wrapper {\n  background-color: var(--color-grey-200);\n  height: 100%;\n  position: relative;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::after {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-grey-200);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: -0.25rem;\n  top: -0.25rem;\n  z-index: 10;\n}\n\n.overlay-step-bar__step-wrapper:not(:last-child)::before {\n  border-bottom: 1.5rem solid transparent;\n  border-left: 1rem solid var(--color-uva-white);\n  border-top: 1.5rem solid transparent;\n  content: \"\";\n  position: absolute;\n  right: calc(-0.25rem - 0.25rem);\n  top: -0.25rem;\n  z-index: 5;\n}\n\n.overlay-step-bar__step {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--color-grey-700);\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  height: 100%;\n  margin-left: 0.5rem;\n  padding: 0 2rem 0 1.5rem;\n  position: relative;\n  width: calc(100% - 0.75rem);\n}\n\n.overlay-step-bar__step--label {\n  display: none;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.overlay-step-bar__step--label-show {\n  display: block;\n}\n\n.overlay-step-bar__step--index {\n  margin-right: 0.5rem;\n}\n\n.overlay-step-bar__step--label:hover {\n  text-decoration: underline;\n}\n\n.overlay-step-bar__step--active .overlay-step-bar__step--label {\n  display: block;\n}\n\n.overlay-step-bar__step:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step:hover .overlay-step-bar__step--label {\n  text-decoration: underline;\n}\n\n@media (min-width: 70rem) {\n  .overlay-step-bar__step--label {\n    display: block;\n  }\n\n  .overlay-step-bar__step:hover .overlay-step-bar__step--index {\n    text-decoration: none;\n  }\n}\n\n.overlay-step-bar__step:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: -0.25rem;\n  z-index: 15;\n}\n\n.overlay-step-bar__step--active {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n}\n\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--index,\n.overlay-step-bar__step--active:hover .overlay-step-bar__step--label {\n  cursor: default;\n  text-decoration: none;\n}\n","import { clsx } from 'clsx';\n\nimport styles from './OverlayStepBar.module.css';\n\nexport interface OverlayStepBarProps {\n  /** Array of strings. */\n  stepLabels: string[];\n  /** activeStep number starting with 1. */\n  activeStep: number;\n  /** Array of prefix numbers to not show in the steplabels */\n  disabledCountPrefix?: number[];\n  /** navigate to step. */\n  onStepClick?: (step: number) => void;\n}\n\nexport const OverlayStepBar = ({\n  stepLabels,\n  activeStep = 0,\n  disabledCountPrefix = [],\n  onStepClick,\n}: OverlayStepBarProps) => {\n  if (activeStep > stepLabels.length) {\n    console.error('activeStep is greater than the number of steps');\n  }\n\n  const getStepDisplayNumber = (stepIndex: number): string => {\n    const stepNumber = stepIndex + 1;\n\n    if (disabledCountPrefix.includes(stepNumber)) {\n      return '';\n    }\n\n    const enabledStepsBefore = Array.from({ length: stepIndex }, (_, count) => count + 1).filter(\n      (step) => !disabledCountPrefix.includes(step)\n    ).length;\n\n    return String(enabledStepsBefore + 1);\n  };\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {stepLabels.length &&\n        stepLabels.map((label, index) => (\n          <span key={`${index}_${label}`} className={styles[`overlay-step-bar__step-wrapper`]}>\n            <button\n              className={clsx(styles[`overlay-step-bar__step`], [\n                index === activeStep - 1 && styles[`overlay-step-bar__step--active`],\n              ])}\n              {...(onStepClick && { onClick: () => onStepClick(index + 1) })}\n              type=\"button\"\n              aria-label={`Step ${index + 1}`}\n              aria-current={index === activeStep - 1 ? 'step' : undefined}\n              disabled={index === activeStep - 1}\n            >\n              <span className={styles[`overlay-step-bar__step--index`]}>{getStepDisplayNumber(index)}</span>\n              <span\n                className={clsx(\n                  styles[`overlay-step-bar__step--label`],\n                  disabledCountPrefix.includes(index + 1) && styles[`overlay-step-bar__step--label-show`]\n                )}\n              >\n                {label}\n              </span>\n            </button>\n          </span>\n        ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCea,KAAkB,EAC7B,eACA,gBAAa,GACb,yBAAsB,CAAC,GACvB,qBACyB;CACzB,AAAI,IAAa,EAAW,UAC1B,QAAQ,MAAM,gDAAgD;CAGhE,IAAM,KAAwB,MAA8B;EAC1D,IAAM,IAAa,IAAY;EAE/B,IAAI,EAAoB,SAAS,CAAU,GACzC,OAAO;EAGT,IAAM,IAAqB,MAAM,KAAK,EAAE,QAAQ,EAAU,IAAI,GAAG,MAAU,IAAQ,CAAC,EAAE,QACnF,MAAS,CAAC,EAAoB,SAAS,CAAI,CAC9C,EAAE;EAEF,OAAO,OAAO,IAAqB,CAAC;CACtC;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACpB,EAAW,UACV,EAAW,KAAK,GAAO,MACrB,kBAAC,QAAD;GAAgC,WAAW,EAAO;aAChD,kBAAC,UAAD;IACE,WAAW,EAAK,EAAO,2BAA2B,CAChD,MAAU,IAAa,KAAK,EAAO,iCACrC,CAAC;IACD,GAAK,KAAe,EAAE,eAAe,EAAY,IAAQ,CAAC,EAAE;IAC5D,MAAK;IACL,cAAY,QAAQ,IAAQ;IAC5B,gBAAc,MAAU,IAAa,IAAI,SAAS,KAAA;IAClD,UAAU,MAAU,IAAa;cARnC,CAUE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAmC,EAAqB,CAAK;IAAQ,CAAA,GAC7F,kBAAC,QAAD;KACE,WAAW,EACT,EAAO,kCACP,EAAoB,SAAS,IAAQ,CAAC,KAAK,EAAO,qCACpD;eAEC;IACG,CAAA,CACA;;EACJ,GArBK,GAAG,EAAM,GAAG,GAqBjB,CACP;CACA,CAAA;AAET"}

package/dist/{PageOverlay-DqwdG5ve.js → PageOverlay-BR9ypiar.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { t } from "./Backdrop-bQ8kXsge.js";
-import { t as n } from "./OverlayCloseButton-j-7mC4Zz.js";
+import { t as n } from "./OverlayCloseButton-Dt6Yec8G.js";
 import { t as r } from "./Spinner-BmPjd2Bv.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -105,4 +105,4 @@ function _({ buttons: _, children: v, isLoading: y, spinnerAriaValueText: b = "L
 //#endregion
 export { _ as t };
 
-//# sourceMappingURL=PageOverlay-DqwdG5ve.js.map
+//# sourceMappingURL=PageOverlay-BR9ypiar.js.map

package/dist/{PageOverlay-DqwdG5ve.js.map → PageOverlay-BR9ypiar.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageOverlay-DqwdG5ve.js","names":[],"sources":["../src/components/PageOverlay/PageOverlay.module.css","../src/components/PageOverlay/PageOverlay.tsx"],"sourcesContent":[".page-overlay__container {\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 50;\n}\n\n.page-overlay {\n  background: var(--color-uva-white);\n  display: flex;\n  flex-direction: column;\n\n  /* dynamic view height needed to adapt for possible auto hiding of mobile address bar */\n  height: 100dvh;\n}\n\n.page-overlay--full-screen {\n  width: 100vw;\n}\n\n.page-overlay--with-gutters {\n  max-width: 87.5rem;\n  width: 100%;\n}\n\n.page-overlay__content {\n  display: flex;\n  flex-direction: column;\n  height: 100svh;\n  justify-content: space-between;\n  overflow: hidden;\n  overflow-y: auto;\n  padding: 0 1.5rem;\n  width: 100%;\n}\n\n.page-overlay__content--grey {\n  background-color: var(--color-grey-200);\n}\n\n.page-overlay__content--white {\n  background-color: var(--color-uva-white);\n}\n\n.page-overlay__children {\n  padding-bottom: 1rem;\n}\n\n.page-overlay__title-wrapper {\n  position: relative;\n}\n\n.page-overlay__title {\n  font-size: var(--font-size-s);\n  line-height: var(--line-height-m);\n  margin: 0 1.5rem 0 0;\n  padding: 1rem 1.5rem;\n}\n\n.page-overlay__buttons-bar {\n  background-color: var(--color-uva-white);\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  justify-content: flex-start;\n  margin: 0 calc(-1 * 1.5rem);\n  padding: 0.5rem 1rem;\n  position: sticky;\n  right: 0;\n}\n\n.page-overlay__buttons-bar::before {\n  background: linear-gradient(to top, rgba(0 0 0 / 30%), rgba(0 0 0 / 0%));\n  bottom: 100%;\n  content: \"\";\n  height: 10px;\n  left: 0;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  transition: opacity 0.4s ease-out;\n}\n\n.page-overlay__buttons-bar--shadow::before {\n  opacity: 1;\n\n  /* Show the shadow when content is scrollable and not scrolled to the bottom */\n}\n\n.page-overlay__close {\n  height: 1.5rem;\n  position: absolute;\n  right: 1rem;\n  top: calc(50% - 0.125rem);\n  transform: translateY(-50%);\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .page-overlay--with-gutters {\n    margin: 0 calc(1.5rem / 2);\n  }\n}\n","import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames, { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './PageOverlay.module.css';\n\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\nimport { Backdrop } from 'components/Backdrop';\n\nexport interface PageOverlayProps {\n  /** The buttons of the dialog. */\n  buttons?: ReactNode;\n  /** `true` to show a spinner, if the contents of the dialog is lazy loaded; otherwise, `false`. */\n  isLoading?: boolean;\n  /** The `aria-valuetext` value of the [Spinner](/story/atoms-spinner--spinner-example) component. Used together with `isLoading`. */\n  spinnerAriaValueText?: string;\n  /** The `aria-label` value of the [OverlayCloseButton](/story/atoms-overlayclosebutton--overlay-close-button-example) component. */\n  closeButtonAriaValueText?: string;\n  /** `true` to render the dialog opened; otherwise, `false`. */\n  isOpen: boolean;\n  /** `true` to disable form validation; otherwise, `false`. */\n  noValidate?: boolean;\n  /** The callback function that is invoked when the dialog is closed. */\n  onClose?(): void;\n  /** The callback function that is invoked when the form is submitted. */\n  onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n  /** The title of the dialog. */\n  title?: string;\n  /** The contents of the dialog header. */\n  headerContent?: ReactNode;\n  /** The variant styling of the dialog. */\n  variant?: 'full-screen' | 'with-gutters';\n  /** The content background color of the dialog. Default grey-300*/\n  contentBackgroundColor?: 'grey' | 'white';\n}\n\n/** Represents a component for a modal dialog. */\nexport function PageOverlay({\n  buttons,\n  children,\n  isLoading,\n  spinnerAriaValueText = 'Loading',\n  closeButtonAriaValueText = 'Close',\n  isOpen,\n  noValidate = false,\n  onClose,\n  onSubmit,\n  title,\n  headerContent,\n  variant = 'full-screen',\n  contentBackgroundColor = 'grey',\n}: PropsWithChildren<PageOverlayProps>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const formRef = useRef<HTMLFormElement>(null);\n  const [isScrollable, setIsScrollable] = useState(false);\n  const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);\n\n  const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, ref);\n  const { modalProps } = useModal({ isDisabled: !isOpen });\n  const { overlayProps, underlayProps } = useOverlay({ isOpen, onClose }, ref);\n\n  usePreventScroll({ isDisabled: !isOpen });\n\n  useEffect(() => {\n    const formElement = formRef.current;\n\n    if (!formElement) return;\n\n    function checkScrollable() {\n      const scrollHeight = formElement!.scrollHeight;\n      const clientHeight = formElement!.clientHeight;\n      const scrollTop = formElement!.scrollTop;\n\n      setIsScrollable(scrollHeight > clientHeight);\n      setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight);\n    }\n\n    function handleScrollAndResize() {\n      checkScrollable();\n    }\n\n    formElement.addEventListener('scroll', handleScrollAndResize);\n    window.addEventListener('resize', handleScrollAndResize);\n\n    const timeoutId = setTimeout(() => {\n      checkScrollable();\n    }, 0);\n\n    return () => {\n      formElement.removeEventListener('scroll', handleScrollAndResize);\n\n      window.removeEventListener('resize', handleScrollAndResize);\n      clearTimeout(timeoutId);\n    };\n  }, [isOpen, headerContent]);\n\n  function onKeyUp(event: KeyboardEvent) {\n    event.stopPropagation();\n  }\n\n  if (!isOpen) return null;\n\n  return (\n    <OverlayContainer className={styles['page-overlay__container']}>\n      <Backdrop {...underlayProps}>\n        {isLoading ? (\n          <Spinner ariaValueText={spinnerAriaValueText} />\n        ) : (\n          <>\n            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n            <FocusScope autoFocus contain restoreFocus>\n              <div\n                {...dialogProps}\n                {...modalProps}\n                {...overlayProps}\n                className={clsx(styles['page-overlay'], {\n                  [styles[`page-overlay--${variant}`]]: variant,\n                })}\n                onKeyUp={onKeyUp}\n                role=\"presentation\"\n                ref={ref}\n              >\n                {(title || headerContent) && (\n                  <div className={styles['page-overlay__title-wrapper']}>\n                    {title && (\n                      <h1 {...titleProps} className={styles['page-overlay__title']}>\n                        {title}\n                      </h1>\n                    )}\n                    {headerContent}\n                    {\n                      <span className={styles['page-overlay__close']}>\n                        <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onClose} />\n                      </span>\n                    }\n                  </div>\n                )}\n                <form\n                  className={classNames(\n                    styles['page-overlay__content'],\n                    styles[`page-overlay__content--${contentBackgroundColor}`],\n                    {\n                      [styles['page-overlay--content-with-buttons']]: buttons,\n                    }\n                  )}\n                  onSubmit={onSubmit}\n                  noValidate={noValidate}\n                  ref={formRef}\n                >\n                  <div className={styles['page-overlay__children']}>{children}</div>\n                  {buttons && (\n                    <div\n                      className={classNames(styles['page-overlay__buttons-bar'], {\n                        [styles['page-overlay__buttons-bar--shadow']]: isScrollable && !isScrolledToBottom,\n                      })}\n                    >\n                      {buttons}\n                    </div>\n                  )}\n                </form>\n              </div>\n            </FocusScope>\n          </>\n        )}\n      </Backdrop>\n    </OverlayContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AC0CA,SAAgB,EAAY,EAC1B,YACA,aACA,cACA,0BAAuB,WACvB,8BAA2B,SAC3B,WACA,gBAAa,IACb,YACA,aACA,UACA,kBACA,aAAU,eACV,4BAAyB,UACa;CACtC,IAAM,IAAM,EAAuB,IAAI,GACjC,IAAU,EAAwB,IAAI,GACtC,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAE5D,EAAE,gBAAa,kBAAe,EAAU,EAAE,MAAM,SAAS,GAAG,CAAG,GAC/D,EAAE,kBAAe,EAAS,EAAE,YAAY,CAAC,EAAO,CAAC,GACjD,EAAE,iBAAc,qBAAkB,EAAW;EAAE;EAAQ;CAAQ,GAAG,CAAG;CAI3E,AAFA,EAAiB,EAAE,YAAY,CAAC,EAAO,CAAC,GAExC,QAAgB;EACd,IAAM,IAAc,EAAQ;EAE5B,IAAI,CAAC,GAAa;EAElB,SAAS,IAAkB;GACzB,IAAM,IAAe,EAAa,cAC5B,IAAe,EAAa,cAC5B,IAAY,EAAa;GAG/B,AADA,EAAgB,IAAe,CAAY,GAC3C,EAAsB,IAAY,KAAgB,CAAY;EAChE;EAEA,SAAS,IAAwB;GAC/B,EAAgB;EAClB;EAGA,AADA,EAAY,iBAAiB,UAAU,CAAqB,GAC5D,OAAO,iBAAiB,UAAU,CAAqB;EAEvD,IAAM,IAAY,iBAAiB;GACjC,EAAgB;EAClB,GAAG,CAAC;EAEJ,aAAa;GAIX,AAHA,EAAY,oBAAoB,UAAU,CAAqB,GAE/D,OAAO,oBAAoB,UAAU,CAAqB,GAC1D,aAAa,CAAS;EACxB;CACF,GAAG,CAAC,GAAQ,CAAa,CAAC;CAE1B,SAAS,EAAQ,GAAsB;EACrC,EAAM,gBAAgB;CACxB;CAIA,OAFK,IAGH,kBAAC,GAAD;EAAkB,WAAW,EAAO;YAClC,kBAAC,GAAD;GAAU,GAAI;aACX,IACC,kBAAC,GAAD,EAAS,eAAe,EAAuB,CAAA,IAE/C,kBAAA,GAAA,EAAA,UAEE,kBAAC,GAAD;IAAY,WAAA;IAAU,SAAA;IAAQ,cAAA;cAC5B,kBAAC,OAAD;KACE,GAAI;KACJ,GAAI;KACJ,GAAI;KACJ,WAAW,EAAK,EAAO,iBAAiB,GACrC,EAAO,iBAAiB,OAAa,EACxC,CAAC;KACQ;KACT,MAAK;KACA;eATP,EAWI,KAAS,MACT,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACG,KACC,kBAAC,MAAD;QAAI,GAAI;QAAY,WAAW,EAAO;kBACnC;OACC,CAAA;OAEL;OAEC,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACtB,kBAAC,GAAD;SAAoB,cAAY;SAA0B,SAAS;QAAU,CAAA;OACzE,CAAA;MAEL;SAEP,kBAAC,QAAD;MACE,WAAW,EACT,EAAO,0BACP,EAAO,0BAA0B,MACjC,GACG,EAAO,wCAAwC,EAClD,CACF;MACU;MACE;MACZ,KAAK;gBAVP,CAYE,kBAAC,OAAD;OAAK,WAAW,EAAO;OAA4B;MAAc,CAAA,GAChE,KACC,kBAAC,OAAD;OACE,WAAW,EAAW,EAAO,8BAA8B,GACxD,EAAO,uCAAuC,KAAgB,CAAC,EAClE,CAAC;iBAEA;MACE,CAAA,CAEH;OACH;;GACK,CAAA,EACZ,CAAA;EAEI,CAAA;CACM,CAAA,IAjEA;AAmEtB"}
+{"version":3,"file":"PageOverlay-BR9ypiar.js","names":[],"sources":["../src/components/PageOverlay/PageOverlay.module.css","../src/components/PageOverlay/PageOverlay.tsx"],"sourcesContent":[".page-overlay__container {\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 50;\n}\n\n.page-overlay {\n  background: var(--color-uva-white);\n  display: flex;\n  flex-direction: column;\n\n  /* dynamic view height needed to adapt for possible auto hiding of mobile address bar */\n  height: 100dvh;\n}\n\n.page-overlay--full-screen {\n  width: 100vw;\n}\n\n.page-overlay--with-gutters {\n  max-width: 87.5rem;\n  width: 100%;\n}\n\n.page-overlay__content {\n  display: flex;\n  flex-direction: column;\n  height: 100svh;\n  justify-content: space-between;\n  overflow: hidden;\n  overflow-y: auto;\n  padding: 0 1.5rem;\n  width: 100%;\n}\n\n.page-overlay__content--grey {\n  background-color: var(--color-grey-200);\n}\n\n.page-overlay__content--white {\n  background-color: var(--color-uva-white);\n}\n\n.page-overlay__children {\n  padding-bottom: 1rem;\n}\n\n.page-overlay__title-wrapper {\n  position: relative;\n}\n\n.page-overlay__title {\n  font-size: var(--font-size-s);\n  line-height: var(--line-height-m);\n  margin: 0 1.5rem 0 0;\n  padding: 1rem 1.5rem;\n}\n\n.page-overlay__buttons-bar {\n  background-color: var(--color-uva-white);\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  justify-content: flex-start;\n  margin: 0 calc(-1 * 1.5rem);\n  padding: 0.5rem 1rem;\n  position: sticky;\n  right: 0;\n}\n\n.page-overlay__buttons-bar::before {\n  background: linear-gradient(to top, rgba(0 0 0 / 30%), rgba(0 0 0 / 0%));\n  bottom: 100%;\n  content: \"\";\n  height: 10px;\n  left: 0;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  transition: opacity 0.4s ease-out;\n}\n\n.page-overlay__buttons-bar--shadow::before {\n  opacity: 1;\n\n  /* Show the shadow when content is scrollable and not scrolled to the bottom */\n}\n\n.page-overlay__close {\n  height: 1.5rem;\n  position: absolute;\n  right: 1rem;\n  top: calc(50% - 0.125rem);\n  transform: translateY(-50%);\n}\n\n@media (min-width: 28rem) and (min-height: 28rem) {\n  .page-overlay--with-gutters {\n    margin: 0 calc(1.5rem / 2);\n  }\n}\n","import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames, { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './PageOverlay.module.css';\n\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\nimport { Backdrop } from 'components/Backdrop';\n\nexport interface PageOverlayProps {\n  /** The buttons of the dialog. */\n  buttons?: ReactNode;\n  /** `true` to show a spinner, if the contents of the dialog is lazy loaded; otherwise, `false`. */\n  isLoading?: boolean;\n  /** The `aria-valuetext` value of the [Spinner](/story/atoms-spinner--spinner-example) component. Used together with `isLoading`. */\n  spinnerAriaValueText?: string;\n  /** The `aria-label` value of the [OverlayCloseButton](/story/atoms-overlayclosebutton--overlay-close-button-example) component. */\n  closeButtonAriaValueText?: string;\n  /** `true` to render the dialog opened; otherwise, `false`. */\n  isOpen: boolean;\n  /** `true` to disable form validation; otherwise, `false`. */\n  noValidate?: boolean;\n  /** The callback function that is invoked when the dialog is closed. */\n  onClose?(): void;\n  /** The callback function that is invoked when the form is submitted. */\n  onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n  /** The title of the dialog. */\n  title?: string;\n  /** The contents of the dialog header. */\n  headerContent?: ReactNode;\n  /** The variant styling of the dialog. */\n  variant?: 'full-screen' | 'with-gutters';\n  /** The content background color of the dialog. Default grey-300*/\n  contentBackgroundColor?: 'grey' | 'white';\n}\n\n/** Represents a component for a modal dialog. */\nexport function PageOverlay({\n  buttons,\n  children,\n  isLoading,\n  spinnerAriaValueText = 'Loading',\n  closeButtonAriaValueText = 'Close',\n  isOpen,\n  noValidate = false,\n  onClose,\n  onSubmit,\n  title,\n  headerContent,\n  variant = 'full-screen',\n  contentBackgroundColor = 'grey',\n}: PropsWithChildren<PageOverlayProps>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const formRef = useRef<HTMLFormElement>(null);\n  const [isScrollable, setIsScrollable] = useState(false);\n  const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);\n\n  const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, ref);\n  const { modalProps } = useModal({ isDisabled: !isOpen });\n  const { overlayProps, underlayProps } = useOverlay({ isOpen, onClose }, ref);\n\n  usePreventScroll({ isDisabled: !isOpen });\n\n  useEffect(() => {\n    const formElement = formRef.current;\n\n    if (!formElement) return;\n\n    function checkScrollable() {\n      const scrollHeight = formElement!.scrollHeight;\n      const clientHeight = formElement!.clientHeight;\n      const scrollTop = formElement!.scrollTop;\n\n      setIsScrollable(scrollHeight > clientHeight);\n      setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight);\n    }\n\n    function handleScrollAndResize() {\n      checkScrollable();\n    }\n\n    formElement.addEventListener('scroll', handleScrollAndResize);\n    window.addEventListener('resize', handleScrollAndResize);\n\n    const timeoutId = setTimeout(() => {\n      checkScrollable();\n    }, 0);\n\n    return () => {\n      formElement.removeEventListener('scroll', handleScrollAndResize);\n\n      window.removeEventListener('resize', handleScrollAndResize);\n      clearTimeout(timeoutId);\n    };\n  }, [isOpen, headerContent]);\n\n  function onKeyUp(event: KeyboardEvent) {\n    event.stopPropagation();\n  }\n\n  if (!isOpen) return null;\n\n  return (\n    <OverlayContainer className={styles['page-overlay__container']}>\n      <Backdrop {...underlayProps}>\n        {isLoading ? (\n          <Spinner ariaValueText={spinnerAriaValueText} />\n        ) : (\n          <>\n            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n            <FocusScope autoFocus contain restoreFocus>\n              <div\n                {...dialogProps}\n                {...modalProps}\n                {...overlayProps}\n                className={clsx(styles['page-overlay'], {\n                  [styles[`page-overlay--${variant}`]]: variant,\n                })}\n                onKeyUp={onKeyUp}\n                role=\"presentation\"\n                ref={ref}\n              >\n                {(title || headerContent) && (\n                  <div className={styles['page-overlay__title-wrapper']}>\n                    {title && (\n                      <h1 {...titleProps} className={styles['page-overlay__title']}>\n                        {title}\n                      </h1>\n                    )}\n                    {headerContent}\n                    {\n                      <span className={styles['page-overlay__close']}>\n                        <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onClose} />\n                      </span>\n                    }\n                  </div>\n                )}\n                <form\n                  className={classNames(\n                    styles['page-overlay__content'],\n                    styles[`page-overlay__content--${contentBackgroundColor}`],\n                    {\n                      [styles['page-overlay--content-with-buttons']]: buttons,\n                    }\n                  )}\n                  onSubmit={onSubmit}\n                  noValidate={noValidate}\n                  ref={formRef}\n                >\n                  <div className={styles['page-overlay__children']}>{children}</div>\n                  {buttons && (\n                    <div\n                      className={classNames(styles['page-overlay__buttons-bar'], {\n                        [styles['page-overlay__buttons-bar--shadow']]: isScrollable && !isScrolledToBottom,\n                      })}\n                    >\n                      {buttons}\n                    </div>\n                  )}\n                </form>\n              </div>\n            </FocusScope>\n          </>\n        )}\n      </Backdrop>\n    </OverlayContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AC0CA,SAAgB,EAAY,EAC1B,YACA,aACA,cACA,0BAAuB,WACvB,8BAA2B,SAC3B,WACA,gBAAa,IACb,YACA,aACA,UACA,kBACA,aAAU,eACV,4BAAyB,UACa;CACtC,IAAM,IAAM,EAAuB,IAAI,GACjC,IAAU,EAAwB,IAAI,GACtC,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAE5D,EAAE,gBAAa,kBAAe,EAAU,EAAE,MAAM,SAAS,GAAG,CAAG,GAC/D,EAAE,kBAAe,EAAS,EAAE,YAAY,CAAC,EAAO,CAAC,GACjD,EAAE,iBAAc,qBAAkB,EAAW;EAAE;EAAQ;CAAQ,GAAG,CAAG;CAI3E,AAFA,EAAiB,EAAE,YAAY,CAAC,EAAO,CAAC,GAExC,QAAgB;EACd,IAAM,IAAc,EAAQ;EAE5B,IAAI,CAAC,GAAa;EAElB,SAAS,IAAkB;GACzB,IAAM,IAAe,EAAa,cAC5B,IAAe,EAAa,cAC5B,IAAY,EAAa;GAG/B,AADA,EAAgB,IAAe,CAAY,GAC3C,EAAsB,IAAY,KAAgB,CAAY;EAChE;EAEA,SAAS,IAAwB;GAC/B,EAAgB;EAClB;EAGA,AADA,EAAY,iBAAiB,UAAU,CAAqB,GAC5D,OAAO,iBAAiB,UAAU,CAAqB;EAEvD,IAAM,IAAY,iBAAiB;GACjC,EAAgB;EAClB,GAAG,CAAC;EAEJ,aAAa;GAIX,AAHA,EAAY,oBAAoB,UAAU,CAAqB,GAE/D,OAAO,oBAAoB,UAAU,CAAqB,GAC1D,aAAa,CAAS;EACxB;CACF,GAAG,CAAC,GAAQ,CAAa,CAAC;CAE1B,SAAS,EAAQ,GAAsB;EACrC,EAAM,gBAAgB;CACxB;CAIA,OAFK,IAGH,kBAAC,GAAD;EAAkB,WAAW,EAAO;YAClC,kBAAC,GAAD;GAAU,GAAI;aACX,IACC,kBAAC,GAAD,EAAS,eAAe,EAAuB,CAAA,IAE/C,kBAAA,GAAA,EAAA,UAEE,kBAAC,GAAD;IAAY,WAAA;IAAU,SAAA;IAAQ,cAAA;cAC5B,kBAAC,OAAD;KACE,GAAI;KACJ,GAAI;KACJ,GAAI;KACJ,WAAW,EAAK,EAAO,iBAAiB,GACrC,EAAO,iBAAiB,OAAa,EACxC,CAAC;KACQ;KACT,MAAK;KACA;eATP,EAWI,KAAS,MACT,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACG,KACC,kBAAC,MAAD;QAAI,GAAI;QAAY,WAAW,EAAO;kBACnC;OACC,CAAA;OAEL;OAEC,kBAAC,QAAD;QAAM,WAAW,EAAO;kBACtB,kBAAC,GAAD;SAAoB,cAAY;SAA0B,SAAS;QAAU,CAAA;OACzE,CAAA;MAEL;SAEP,kBAAC,QAAD;MACE,WAAW,EACT,EAAO,0BACP,EAAO,0BAA0B,MACjC,GACG,EAAO,wCAAwC,EAClD,CACF;MACU;MACE;MACZ,KAAK;gBAVP,CAYE,kBAAC,OAAD;OAAK,WAAW,EAAO;OAA4B;MAAc,CAAA,GAChE,KACC,kBAAC,OAAD;OACE,WAAW,EAAW,EAAO,8BAA8B,GACxD,EAAO,uCAAuC,KAAgB,CAAC,EAClE,CAAC;iBAEA;MACE,CAAA,CAEH;OACH;;GACK,CAAA,EACZ,CAAA;EAEI,CAAA;CACM,CAAA,IAjEA;AAmEtB"}

package/dist/{PasteHandlerPlugin-Bc6n-G35.js → PasteHandlerPlugin-DyTXcFsj.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./chunk-CWhphoD1.js";
-import { t } from "./LexicalComposerContext.prod-y_BRxu3Z.js";
-import { Rt as n, ot as r } from "./Lexical.prod-8zZnpGo4.js";
-import { r as i } from "./LexicalUtils.prod-BWhWP8es.js";
-import { n as a } from "./LexicalClipboard.prod-hbxbsROy.js";
+import { t } from "./LexicalComposerContext.prod-DumMmRBt.js";
+import { M as n, gt as r } from "./Lexical.prod-nAj5fF96.js";
+import { c as i } from "./LexicalUtils.prod-7S6iuu9A.js";
+import { t as a } from "./LexicalClipboard.prod-B9sWgdS2.js";
 import { useEffect as o } from "react";
-//#region node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js
+//#region node_modules/.pnpm/@staartwind.nl+lexical-paste-from-word@1.0.2/node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js
 var s = /* @__PURE__ */ e(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.normalizeSpacerunSpans = e.normalizeSpacing = e.parseHtml = e.MSWordNormalizer = void 0;
 	var t = [/<meta\s*name="?generator"?\s*content="?microsoft\s*word\s*\d+"?\/?>/i, /xmlns:o="urn:schemas-microsoft-com/i];
@@ -232,4 +232,4 @@ var s = /* @__PURE__ */ e(((e) => {
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=PasteHandlerPlugin-Bc6n-G35.js.map
+//# sourceMappingURL=PasteHandlerPlugin-DyTXcFsj.js.map

package/dist/{PasteHandlerPlugin-Bc6n-G35.js.map → PasteHandlerPlugin-DyTXcFsj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PasteHandlerPlugin-Bc6n-G35.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n    /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i,\n    /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n    isActive(htmlString) {\n        return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n    }\n    normalize(htmlString) {\n        const { bodyString, stylesString } = parseHtml(htmlString);\n        const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n        this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n        this.removeMSAttributes(doc);\n        return doc.body.innerHTML;\n    }\n    findAllItemLikeElements(doc) {\n        const items = doc.querySelectorAll('*');\n        const res = [];\n        for (const item of items) {\n            const tagName = item.tagName.toLowerCase();\n            // Find all the possible list items\n            if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) || !(item instanceof HTMLElement)) {\n                continue;\n            }\n            const style = convertStyleToObject(item.getAttribute('style') || '');\n            // Keep items that are part of a list.\n            if ('mso-list' in style) {\n                if (!item.parentElement)\n                    continue;\n                if (isList(item.parentElement))\n                    continue;\n                const itemData = getListItemData(style);\n                res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n            }\n        }\n        return res;\n    }\n    transformListItemLikeLElementsIntoLists(doc, stylesString) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        const itemLikeElements = this.findAllItemLikeElements(doc);\n        if (!itemLikeElements.length) {\n            return;\n        }\n        const encounteredLists = {};\n        const stack = [];\n        for (const itemLikeElement of itemLikeElements) {\n            if (itemLikeElement.indent != null) {\n                // Reset the current stack if the previous used list does not continue with itemLikeElement\n                if (!isListContinuation(itemLikeElement)) {\n                    stack.length = 0;\n                }\n                // Combined list ID for addressing encounter lists counters.\n                const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n                // Normalized list item indentation.\n                const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n                // Trimming of the list stack on list ID change.\n                if (indent < stack.length && ((_a = stack[indent]) === null || _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n                    stack.length = indent;\n                }\n                // Trimming of the list stack on lower indent list encountered.\n                if (indent < stack.length - 1) {\n                    stack.length = indent + 1;\n                }\n                else {\n                    const listStyle = detectListStyle(itemLikeElement, stylesString);\n                    // Create a new OL/UL if required (greater indent or different list type).\n                    if (indent > stack.length - 1 || ((_b = stack[indent]) === null || _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n                        if (indent == 0 &&\n                            listStyle.type == 'ol' &&\n                            itemLikeElement.id !== undefined &&\n                            encounteredLists[originalListId]) {\n                            listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n                        }\n                        const listElement = createNewEmptyList(listStyle, false);\n                        // Insert the new OL/UL.\n                        if (stack.length == 0) {\n                            const parent = itemLikeElement.element.parentNode;\n                            const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n                            if (index === parent.children.length) {\n                                parent.appendChild(listElement);\n                            }\n                            else {\n                                parent.insertBefore(listElement, itemLikeElement.element);\n                            }\n                        }\n                        else {\n                            const parentListItems = (_d = stack[indent - 1]) === null || _d === void 0 ? void 0 : _d.listItemElements;\n                            if (parentListItems) {\n                                (_e = parentListItems[parentListItems.length - 1]) === null || _e === void 0 ? void 0 : _e.appendChild(listElement);\n                            }\n                        }\n                        // Update the list stack for other items to reference.\n                        stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n                        // Prepare list counter for start index.\n                        if (indent == 0 && itemLikeElement.id !== undefined) {\n                            encounteredLists[originalListId] = listStyle.startIndex || 1;\n                        }\n                    }\n                }\n                // Use LI if it is already it or create a new LI element.\n                const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n                // Append the LI to OL/UL.\n                (_f = stack[indent]) === null || _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n                (_g = stack[indent]) === null || _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n                // Increment list counter.\n                if (indent == 0 && itemLikeElement.id !== undefined) {\n                    encounteredLists[originalListId]++;\n                }\n                // Append list block to LI.\n                if (itemLikeElement.element != listItem) {\n                    listItem.appendChild(itemLikeElement.element);\n                }\n                // Clean list block.\n                removeMsoListIgnoreSpans(itemLikeElement.element);\n            }\n        }\n    }\n    removeMSAttributes(doc) {\n        const items = doc.querySelectorAll('*');\n        const elementsToUnwrap = [];\n        for (const item of items) {\n            // Eliminate all classes that include mso.\n            for (const className of item.classList) {\n                if (/\\bmso/gi.exec(className)) {\n                    item.classList.remove(className);\n                }\n            }\n            // Eliminate all useless mso styling\n            if (item instanceof HTMLElement) {\n                removeMSOStyles(item);\n            }\n            // Push word specific elements to an array\n            if (item.tagName === 'W:SDT' || item.tagName === 'W:SDTPR' && isElementEmpty(item) || item.tagName === 'O:P' && isElementEmpty(item)) {\n                elementsToUnwrap.push(item);\n            }\n        }\n        // Eliminate word specific elements\n        for (const item of elementsToUnwrap) {\n            const itemParent = item.parentNode;\n            itemParent.removeChild(item);\n        }\n    }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    const stylesString = extractStyles(htmlDocument);\n    return {\n        bodyString,\n        stylesString\n    };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags) {\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n        // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n        .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2')\n        .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n        .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n        .replace(/ <\\//g, '\\u00A0</')\n        .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n        // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n        .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')\n        // Remove all whitespaces when they contain any \\r or \\n.\n        .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n    });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach(el => {\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n    });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n        (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n    const styleObject = {};\n    if (!styleString) {\n        return styleObject;\n    }\n    // Split the style string into individual declarations\n    const declarations = styleString.split(';').map(declaration => declaration.trim());\n    // Iterate over each declaration and split it into property and value\n    declarations.forEach(declaration => {\n        const [property, value] = declaration.split(':').map(part => part.trim());\n        if (property && value) {\n            // Add the property and value to the style object\n            styleObject[property] = value;\n        }\n    });\n    return styleObject;\n}\nfunction isElementEmpty(element) {\n    return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n    // Get the current style string of the paragraph node\n    const currentStyle = element.getAttribute('style') || '';\n    // Parse the style string to extract individual style properties\n    const styleProperties = currentStyle.split(';').map(property => property.trim());\n    // Remove the 'mso-bidi-font-family' property from the list of style properties\n    const filteredProperties = styleProperties.filter(property => {\n        var _a;\n        const [key] = property.split(':');\n        return !(/\\bmso/gi.exec((_a = key === null || key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n    });\n    // Reconstruct the style string without the removed property\n    const updatedStyle = filteredProperties.join(';');\n    // Set the updated style string back to the paragraph node\n    element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n    var _a;\n    const listStyle = styles['mso-list'];\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n        };\n    }\n    return {\n        indent: 1\n    };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        }\n        else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\nfunction findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n        return element.parentElement.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement.textContent;\n    if (listMarker === 'o') {\n        return 'circle';\n    }\n    else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n        return 'disc';\n    }\n    // Word returns '§' instead of '■' for the square list style.\n    else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\nfunction findListMarkerNode(element) {\n    var _a;\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (((_a = Array.from(element.children)[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n        return null;\n    }\n    for (const childNode of Array.from(element.children)) {\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n            continue;\n        }\n        return childNode;\n    }\n    return null;\n}\nfunction mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch (value) {\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n    const list = document.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        list.style.setProperty('list-style-type', listStyle.style);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        list.setAttribute('start', listStyle.startIndex.toString());\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        list.classList.add('legal-list');\n    }\n    return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n    // Get all <span> elements inside the parentElement\n    const spans = parentElement.querySelectorAll('span');\n    // Iterate over each <span> element\n    spans.forEach(span => {\n        var _a;\n        // Get the value of the 'style' attribute\n        const style = span.getAttribute('style');\n        // Check if the 'style' attribute contains 'mso-list: Ignore'\n        if (style && style.includes('mso-list:Ignore')) {\n            // Remove the <span> element\n            (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);\n        }\n    });\n}\nfunction isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        return isList(currentItem.element.parentElement);\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    // @ts-expect-error\n    return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const content = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', content);\n        if (wordNormalizer.isActive(content)) {\n          newData.setData('text/html', wordNormalizer.normalize(content));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"PasteHandlerPlugin-DyTXcFsj.js","names":[],"sources":["../node_modules/.pnpm/@staartwind.nl+lexical-paste-from-word@1.0.2/node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/.pnpm/@staartwind.nl+lexical-paste-from-word@1.0.2/node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n    /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i,\n    /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n    isActive(htmlString) {\n        return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n    }\n    normalize(htmlString) {\n        const { bodyString, stylesString } = parseHtml(htmlString);\n        const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n        this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n        this.removeMSAttributes(doc);\n        return doc.body.innerHTML;\n    }\n    findAllItemLikeElements(doc) {\n        const items = doc.querySelectorAll('*');\n        const res = [];\n        for (const item of items) {\n            const tagName = item.tagName.toLowerCase();\n            // Find all the possible list items\n            if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) || !(item instanceof HTMLElement)) {\n                continue;\n            }\n            const style = convertStyleToObject(item.getAttribute('style') || '');\n            // Keep items that are part of a list.\n            if ('mso-list' in style) {\n                if (!item.parentElement)\n                    continue;\n                if (isList(item.parentElement))\n                    continue;\n                const itemData = getListItemData(style);\n                res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n            }\n        }\n        return res;\n    }\n    transformListItemLikeLElementsIntoLists(doc, stylesString) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        const itemLikeElements = this.findAllItemLikeElements(doc);\n        if (!itemLikeElements.length) {\n            return;\n        }\n        const encounteredLists = {};\n        const stack = [];\n        for (const itemLikeElement of itemLikeElements) {\n            if (itemLikeElement.indent != null) {\n                // Reset the current stack if the previous used list does not continue with itemLikeElement\n                if (!isListContinuation(itemLikeElement)) {\n                    stack.length = 0;\n                }\n                // Combined list ID for addressing encounter lists counters.\n                const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n                // Normalized list item indentation.\n                const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n                // Trimming of the list stack on list ID change.\n                if (indent < stack.length && ((_a = stack[indent]) === null || _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n                    stack.length = indent;\n                }\n                // Trimming of the list stack on lower indent list encountered.\n                if (indent < stack.length - 1) {\n                    stack.length = indent + 1;\n                }\n                else {\n                    const listStyle = detectListStyle(itemLikeElement, stylesString);\n                    // Create a new OL/UL if required (greater indent or different list type).\n                    if (indent > stack.length - 1 || ((_b = stack[indent]) === null || _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n                        if (indent == 0 &&\n                            listStyle.type == 'ol' &&\n                            itemLikeElement.id !== undefined &&\n                            encounteredLists[originalListId]) {\n                            listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n                        }\n                        const listElement = createNewEmptyList(listStyle, false);\n                        // Insert the new OL/UL.\n                        if (stack.length == 0) {\n                            const parent = itemLikeElement.element.parentNode;\n                            const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n                            if (index === parent.children.length) {\n                                parent.appendChild(listElement);\n                            }\n                            else {\n                                parent.insertBefore(listElement, itemLikeElement.element);\n                            }\n                        }\n                        else {\n                            const parentListItems = (_d = stack[indent - 1]) === null || _d === void 0 ? void 0 : _d.listItemElements;\n                            if (parentListItems) {\n                                (_e = parentListItems[parentListItems.length - 1]) === null || _e === void 0 ? void 0 : _e.appendChild(listElement);\n                            }\n                        }\n                        // Update the list stack for other items to reference.\n                        stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n                        // Prepare list counter for start index.\n                        if (indent == 0 && itemLikeElement.id !== undefined) {\n                            encounteredLists[originalListId] = listStyle.startIndex || 1;\n                        }\n                    }\n                }\n                // Use LI if it is already it or create a new LI element.\n                const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n                // Append the LI to OL/UL.\n                (_f = stack[indent]) === null || _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n                (_g = stack[indent]) === null || _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n                // Increment list counter.\n                if (indent == 0 && itemLikeElement.id !== undefined) {\n                    encounteredLists[originalListId]++;\n                }\n                // Append list block to LI.\n                if (itemLikeElement.element != listItem) {\n                    listItem.appendChild(itemLikeElement.element);\n                }\n                // Clean list block.\n                removeMsoListIgnoreSpans(itemLikeElement.element);\n            }\n        }\n    }\n    removeMSAttributes(doc) {\n        const items = doc.querySelectorAll('*');\n        const elementsToUnwrap = [];\n        for (const item of items) {\n            // Eliminate all classes that include mso.\n            for (const className of item.classList) {\n                if (/\\bmso/gi.exec(className)) {\n                    item.classList.remove(className);\n                }\n            }\n            // Eliminate all useless mso styling\n            if (item instanceof HTMLElement) {\n                removeMSOStyles(item);\n            }\n            // Push word specific elements to an array\n            if (item.tagName === 'W:SDT' || item.tagName === 'W:SDTPR' && isElementEmpty(item) || item.tagName === 'O:P' && isElementEmpty(item)) {\n                elementsToUnwrap.push(item);\n            }\n        }\n        // Eliminate word specific elements\n        for (const item of elementsToUnwrap) {\n            const itemParent = item.parentNode;\n            itemParent.removeChild(item);\n        }\n    }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    const stylesString = extractStyles(htmlDocument);\n    return {\n        bodyString,\n        stylesString\n    };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags) {\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n        // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n        .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2')\n        .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n        .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n        .replace(/ <\\//g, '\\u00A0</')\n        .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n        // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n        .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')\n        // Remove all whitespaces when they contain any \\r or \\n.\n        .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n    });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach(el => {\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n    });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n        (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n    const styleObject = {};\n    if (!styleString) {\n        return styleObject;\n    }\n    // Split the style string into individual declarations\n    const declarations = styleString.split(';').map(declaration => declaration.trim());\n    // Iterate over each declaration and split it into property and value\n    declarations.forEach(declaration => {\n        const [property, value] = declaration.split(':').map(part => part.trim());\n        if (property && value) {\n            // Add the property and value to the style object\n            styleObject[property] = value;\n        }\n    });\n    return styleObject;\n}\nfunction isElementEmpty(element) {\n    return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n    // Get the current style string of the paragraph node\n    const currentStyle = element.getAttribute('style') || '';\n    // Parse the style string to extract individual style properties\n    const styleProperties = currentStyle.split(';').map(property => property.trim());\n    // Remove the 'mso-bidi-font-family' property from the list of style properties\n    const filteredProperties = styleProperties.filter(property => {\n        var _a;\n        const [key] = property.split(':');\n        return !(/\\bmso/gi.exec((_a = key === null || key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n    });\n    // Reconstruct the style string without the removed property\n    const updatedStyle = filteredProperties.join(';');\n    // Set the updated style string back to the paragraph node\n    element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n    var _a;\n    const listStyle = styles['mso-list'];\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n        };\n    }\n    return {\n        indent: 1\n    };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        }\n        else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\nfunction findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n        return element.parentElement.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement.textContent;\n    if (listMarker === 'o') {\n        return 'circle';\n    }\n    else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n        return 'disc';\n    }\n    // Word returns '§' instead of '■' for the square list style.\n    else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\nfunction findListMarkerNode(element) {\n    var _a;\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (((_a = Array.from(element.children)[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n        return null;\n    }\n    for (const childNode of Array.from(element.children)) {\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n            continue;\n        }\n        return childNode;\n    }\n    return null;\n}\nfunction mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch (value) {\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n    const list = document.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        list.style.setProperty('list-style-type', listStyle.style);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        list.setAttribute('start', listStyle.startIndex.toString());\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        list.classList.add('legal-list');\n    }\n    return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n    // Get all <span> elements inside the parentElement\n    const spans = parentElement.querySelectorAll('span');\n    // Iterate over each <span> element\n    spans.forEach(span => {\n        var _a;\n        // Get the value of the 'style' attribute\n        const style = span.getAttribute('style');\n        // Check if the 'style' attribute contains 'mso-list: Ignore'\n        if (style && style.includes('mso-list:Ignore')) {\n            // Remove the <span> element\n            (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);\n        }\n    });\n}\nfunction isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        return isList(currentItem.element.parentElement);\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    // @ts-expect-error\n    return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const content = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', content);\n        if (wordNormalizer.isActive(content)) {\n          newData.setData('text/html', wordNormalizer.normalize(content));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/{Periods-C5cxLlWt.js → Periods-B4ms3N24.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { useId as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import './assets/Periods.css';var r = {
@@ -37,4 +37,4 @@ import './assets/Periods.css';var r = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=Periods-C5cxLlWt.js.map
+//# sourceMappingURL=Periods-B4ms3N24.js.map

package/dist/{Periods-C5cxLlWt.js.map → Periods-B4ms3N24.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Periods-C5cxLlWt.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.periods__item {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-500);\n  display: inline-block;\n  height: 0.75rem;\n  margin-right: 0.125rem;\n  width: 0.5rem;\n}\n\n.periods__item:last-child {\n  margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n  margin-right: 0.5rem;\n}\n\n.periods__item--active {\n  background-color: var(--color-grey-600);\n  border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 3 | 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            data-period-item\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MAAU,IAAQ,CAAC,GAC3E,IAAW,EAAM,GAEjB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,QACzB,GAEK,KAAa,MAAqD;EACtE,IAAM,IAA4C,CAAC;EA+CnD,OA5CA,IACI,EAAQ,SAAS,MAAW;GAC1B,IAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,CAAC,GAE/B,KAAgB,IAAS,KAAK,IAAK;IAKzC,AAHK,EAAgB,OACnB,EAAgB,KAAY,CAAC,IAE/B,EAAgB,GAAU,KAAK,CAAW;GAC5C;EACF,CAAC,IACD,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;GAK7C,AAHK,EAAgB,OACnB,EAAgB,KAAkB,CAAC,IAErC,EAAgB,GAAgB,KAAK,CAAgB;EACvD,CAAC,GAGS,OAAO,KAAK,CAAe,EAAE,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,CAAW,GACnC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;GAGnG,IAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,IAAI;IACzC,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,IAAI,EAAE,GAAG,EAAoB,IAAI,GAAG;GACtH,OACE,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;GAI7E,OAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;EAC1C,GAAG,EAEI,EAAM,KAAK,IAAI;CACxB,GAEM,KAAkB,MAClB,IACM,EAAqB,SAAS,CAAW,IAE1C,IAAQ,MAAM,MAAY,EAAkB,WAAW,CAAW;CAI7E,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,CAAmB,IAAI;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,CAAW,IAAI,EAAO,2BAA2B,EAClE;GACA,oBAAA;EAED,GADM,GAAG,EAAS,GAAG,GACrB,CAEJ;CACE,CAAA;AAET"}
+{"version":3,"file":"Periods-B4ms3N24.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.periods__item {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-500);\n  display: inline-block;\n  height: 0.75rem;\n  margin-right: 0.125rem;\n  width: 0.5rem;\n}\n\n.periods__item:last-child {\n  margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n  margin-right: 0.5rem;\n}\n\n.periods__item--active {\n  background-color: var(--color-grey-600);\n  border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 3 | 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            data-period-item\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MAAU,IAAQ,CAAC,GAC3E,IAAW,EAAM,GAEjB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,QACzB,GAEK,KAAa,MAAqD;EACtE,IAAM,IAA4C,CAAC;EA+CnD,OA5CA,IACI,EAAQ,SAAS,MAAW;GAC1B,IAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,CAAC,GAE/B,KAAgB,IAAS,KAAK,IAAK;IAKzC,AAHK,EAAgB,OACnB,EAAgB,KAAY,CAAC,IAE/B,EAAgB,GAAU,KAAK,CAAW;GAC5C;EACF,CAAC,IACD,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;GAK7C,AAHK,EAAgB,OACnB,EAAgB,KAAkB,CAAC,IAErC,EAAgB,GAAgB,KAAK,CAAgB;EACvD,CAAC,GAGS,OAAO,KAAK,CAAe,EAAE,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,CAAW,GACnC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;GAGnG,IAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,IAAI;IACzC,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,IAAI,EAAE,GAAG,EAAoB,IAAI,GAAG;GACtH,OACE,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;GAI7E,OAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;EAC1C,GAAG,EAEI,EAAM,KAAK,IAAI;CACxB,GAEM,KAAkB,MAClB,IACM,EAAqB,SAAS,CAAW,IAE1C,IAAQ,MAAM,MAAY,EAAkB,WAAW,CAAW;CAI7E,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,CAAmB,IAAI;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,CAAW,IAAI,EAAO,2BAA2B,EAClE;GACA,oBAAA;EAED,GADM,GAAG,EAAS,GAAG,GACrB,CAEJ;CACE,CAAA;AAET"}

package/dist/{ProgrammeCard-CAAOSWKa.js → ProgrammeCard-DdCFNx0d.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useNavigate as r } from "react-router";
 import './assets/ProgrammeCard.css';//#region src/components/ProgrammeCard/ProgrammeCard.module.css
@@ -24,4 +24,4 @@ var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=ProgrammeCard-CAAOSWKa.js.map
+//# sourceMappingURL=ProgrammeCard-DdCFNx0d.js.map

package/dist/{ProgrammeCard-CAAOSWKa.js.map → ProgrammeCard-DdCFNx0d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard-CAAOSWKa.js","names":[],"sources":["../src/components/ProgrammeCard/ProgrammeCard.module.css","../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":[".programme-card {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-300);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  position: relative;\n  text-decoration: none;\n}\n\n.programme-card--new::before {\n  background-color: var(--color-purple-600);\n  border-radius: 0.18rem 0 0 0.18rem;\n  content: \"\";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 0.25rem;\n  z-index: 1;\n}\n\n.programme-card:hover {\n  background-color: var(--color-grey-200);\n  border-color: var(--color-grey-600);\n  cursor: pointer;\n}\n\n.programme-card__divider {\n  border: none;\n  border-top: 1px solid var(--color-grey-400);\n  width: 100%;\n}\n","import { useNavigate } from 'react-router';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The URL to navigate to when the card is clicked. */\n  href: string;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n  isNew?: boolean;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details, isNew }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={clsx(styles['programme-card'], isNew && styles['programme-card--new'])}\n      href={href}\n      onClick={(event) => {\n        // lets browser handle new tab\n        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {\n          return;\n        }\n        event.preventDefault();\n        // lets react-router handle SPA-style navigation\n        navigate(href);\n      }}\n    >\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </a>\n  );\n};\n"],"mappings":";;;;;;;;GCkBa,KAAiB,EAAE,SAAM,WAAQ,YAAS,eAAgC;CACrF,IAAM,IAAW,EAAY;CAE7B,OACE,kBAAC,KAAD;EACE,WAAW,EAAK,EAAO,mBAAmB,KAAS,EAAO,sBAAsB;EAC1E;EACN,UAAU,MAAU;GAEd,EAAM,WAAW,EAAM,WAAW,EAAM,YAAY,EAAM,UAAU,EAAM,WAAW,MAGzF,EAAM,eAAe,GAErB,EAAS,CAAI;EACf;YAXF;GAaG;GACA,KAAW,kBAAC,MAAD,EAAI,WAAW,EAAO,2BAA6B,CAAA;GAC9D;EACA;;AAEP"}
+{"version":3,"file":"ProgrammeCard-DdCFNx0d.js","names":[],"sources":["../src/components/ProgrammeCard/ProgrammeCard.module.css","../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":[".programme-card {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-300);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  position: relative;\n  text-decoration: none;\n}\n\n.programme-card--new::before {\n  background-color: var(--color-purple-600);\n  border-radius: 0.18rem 0 0 0.18rem;\n  content: \"\";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 0.25rem;\n  z-index: 1;\n}\n\n.programme-card:hover {\n  background-color: var(--color-grey-200);\n  border-color: var(--color-grey-600);\n  cursor: pointer;\n}\n\n.programme-card__divider {\n  border: none;\n  border-top: 1px solid var(--color-grey-400);\n  width: 100%;\n}\n","import { useNavigate } from 'react-router';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The URL to navigate to when the card is clicked. */\n  href: string;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n  isNew?: boolean;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details, isNew }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={clsx(styles['programme-card'], isNew && styles['programme-card--new'])}\n      href={href}\n      onClick={(event) => {\n        // lets browser handle new tab\n        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {\n          return;\n        }\n        event.preventDefault();\n        // lets react-router handle SPA-style navigation\n        navigate(href);\n      }}\n    >\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </a>\n  );\n};\n"],"mappings":";;;;;;;;GCkBa,KAAiB,EAAE,SAAM,WAAQ,YAAS,eAAgC;CACrF,IAAM,IAAW,EAAY;CAE7B,OACE,kBAAC,KAAD;EACE,WAAW,EAAK,EAAO,mBAAmB,KAAS,EAAO,sBAAsB;EAC1E;EACN,UAAU,MAAU;GAEd,EAAM,WAAW,EAAM,WAAW,EAAM,YAAY,EAAM,UAAU,EAAM,WAAW,MAGzF,EAAM,eAAe,GAErB,EAAS,CAAI;EACf;YAXF;GAaG;GACA,KAAW,kBAAC,MAAD,EAAI,WAAW,EAAO,2BAA6B,CAAA;GAC9D;EACA;;AAEP"}

package/dist/{RadioButton-CKALsbBb.js → RadioButton-DmBpXwIS.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BWCAbrjV.js";
+import { t as e } from "./clsx-C67XSbzZ.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import './assets/RadioButton2.css';//#region src/components/RadioButton/RadioButton.module.css
 var r = {
@@ -32,4 +32,4 @@ var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=RadioButton-CKALsbBb.js.map
+//# sourceMappingURL=RadioButton-DmBpXwIS.js.map