boreal-ui 0.0.73 → 0.0.75

package/dist/next/{Dropdown-BfvCn_20.cjs.map → Dropdown-kQLhr7_M.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-BfvCn_20.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  \"aria-label\": ariaLabel = \"Dropdown menu\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  menuAriaLabel,\r\n  menuAriaLabelledby,\r\n  menuAriaDescribedby,\r\n  menuId: menuIdProp,\r\n  triggerId,\r\n  focusFirstItemOnOpen = true,\r\n  closeOnSelect = true,\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  title,\r\n  triggerProps,\r\n  menuProps,\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n  ...rest\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n\r\n  const generatedMenuId = useId();\r\n  const resolvedMenuId = menuIdProp ?? generatedMenuId;\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const getEnabledItemIndexes = useCallback(() => {\r\n    return items.reduce<number[]>((acc, item, index) => {\r\n      if (!item.disabled) {\r\n        acc.push(index);\r\n      }\r\n      return acc;\r\n    }, []);\r\n  }, [items]);\r\n\r\n  const focusItemAtIndex = useCallback((index: number) => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>(\"a, button\");\r\n\r\n    const target = menuItems?.[index];\r\n\r\n    if (target instanceof HTMLButtonElement && target.disabled) {\r\n      return;\r\n    }\r\n\r\n    target?.focus();\r\n  }, []);\r\n\r\n  const toggleDropdown = () => {\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const closeDropdown = useCallback(() => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  }, []);\r\n\r\n  const handleItemSelect = useCallback(\r\n    (item: BaseDropdownProps[\"items\"][number]) => {\r\n      if (item.disabled) return;\r\n\r\n      item.onClick?.();\r\n\r\n      if (closeOnSelect) {\r\n        closeDropdown();\r\n      }\r\n    },\r\n    [closeDropdown, closeOnSelect],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const enabledIndexes = getEnabledItemIndexes();\r\n\r\n    if (!focusFirstItemOnOpen || enabledIndexes.length === 0) {\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    setActiveIndex(enabledIndexes[0] ?? -1);\r\n  }, [open, focusFirstItemOnOpen, getEnabledItemIndexes]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    focusItemAtIndex(activeIndex);\r\n  }, [activeIndex, open, focusItemAtIndex]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, closeDropdown]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const enabledIndexes = getEnabledItemIndexes();\r\n      const hasItems = enabledIndexes.length > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      const currentEnabledPosition = enabledIndexes.indexOf(activeIndex);\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[0] ?? -1);\r\n        } else {\r\n          const nextPosition =\r\n            (currentEnabledPosition + 1) % enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[nextPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n        } else {\r\n          const prevPosition =\r\n            (currentEnabledPosition - 1 + enabledIndexes.length) %\r\n            enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[prevPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[0] ?? -1);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        e.preventDefault();\r\n        const item = items[activeIndex];\r\n        if (item && !item.disabled) {\r\n          handleItemSelect(item);\r\n        }\r\n      }\r\n    },\r\n    [\r\n      open,\r\n      items,\r\n      activeIndex,\r\n      getEnabledItemIndexes,\r\n      closeDropdown,\r\n      handleItemSelect,\r\n    ],\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName,\r\n        menuProps?.className,\r\n      ),\r\n    [\r\n      classMap,\r\n      align,\r\n      menuShadow,\r\n      menuRounding,\r\n      menuClassName,\r\n      menuProps?.className,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        id={triggerId}\r\n        icon={Icon}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={resolvedMenuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        title={title}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerProps}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={resolvedMenuId}\r\n          ref={menuRef}\r\n          aria-label={\r\n            menuAriaLabelledby ? undefined : (menuAriaLabel ?? ariaLabel)\r\n          }\r\n          aria-labelledby={menuAriaLabelledby}\r\n          aria-describedby={menuAriaDescribedby}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n          {...menuProps}\r\n        >\r\n          {items.map((item, index) => {\r\n            const commonProps = {\r\n              id: item.id,\r\n              className: combineClassNames(\r\n                classMap.item,\r\n                item.disabled ? classMap.disabled : \"\",\r\n              ),\r\n              \"aria-label\": item[\"aria-label\"],\r\n              \"aria-describedby\": item[\"aria-describedby\"],\r\n              \"aria-current\": item[\"aria-current\"],\r\n              \"aria-disabled\": item.disabled || undefined,\r\n              title: item.title,\r\n              \"data-testid\": item[\"data-testid\"],\r\n              onClick: () => handleItemSelect(item),\r\n            };\r\n\r\n            if (item.href) {\r\n              return (\r\n                <a\r\n                  key={item.id ?? index}\r\n                  href={item.disabled ? undefined : item.href}\r\n                  {...commonProps}\r\n                  onClick={(e) => {\r\n                    if (item.disabled) {\r\n                      e.preventDefault();\r\n                      return;\r\n                    }\r\n                    item.onClick?.();\r\n                    if (closeOnSelect) {\r\n                      closeDropdown();\r\n                    }\r\n                  }}\r\n                >\r\n                  {item.icon && (\r\n                    <span className={classMap.icon} aria-hidden=\"true\">\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  {item.label}\r\n                </a>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <button\r\n                key={item.id ?? index}\r\n                type=\"button\"\r\n                disabled={item.disabled}\r\n                {...commonProps}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"Dropdown-kQLhr7_M.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 12H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 19H21\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  \"aria-label\": ariaLabel = \"Dropdown menu\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  menuAriaLabel,\r\n  menuAriaLabelledby,\r\n  menuAriaDescribedby,\r\n  menuId: menuIdProp,\r\n  triggerId,\r\n  focusFirstItemOnOpen = true,\r\n  closeOnSelect = true,\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  title,\r\n  triggerProps,\r\n  menuProps,\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n  ...rest\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n\r\n  const generatedMenuId = useId();\r\n  const resolvedMenuId = menuIdProp ?? generatedMenuId;\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const getEnabledItemIndexes = useCallback(() => {\r\n    return items.reduce<number[]>((acc, item, index) => {\r\n      if (!item.disabled) {\r\n        acc.push(index);\r\n      }\r\n      return acc;\r\n    }, []);\r\n  }, [items]);\r\n\r\n  const focusItemAtIndex = useCallback((index: number) => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>(\"a, button\");\r\n\r\n    const target = menuItems?.[index];\r\n\r\n    if (target instanceof HTMLButtonElement && target.disabled) {\r\n      return;\r\n    }\r\n\r\n    target?.focus();\r\n  }, []);\r\n\r\n  const toggleDropdown = () => {\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const closeDropdown = useCallback(() => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  }, []);\r\n\r\n  const handleItemSelect = useCallback(\r\n    (item: BaseDropdownProps[\"items\"][number]) => {\r\n      if (item.disabled) return;\r\n\r\n      item.onClick?.();\r\n\r\n      if (closeOnSelect) {\r\n        closeDropdown();\r\n      }\r\n    },\r\n    [closeDropdown, closeOnSelect],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const enabledIndexes = getEnabledItemIndexes();\r\n\r\n    if (!focusFirstItemOnOpen || enabledIndexes.length === 0) {\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    setActiveIndex(enabledIndexes[0] ?? -1);\r\n  }, [open, focusFirstItemOnOpen, getEnabledItemIndexes]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    focusItemAtIndex(activeIndex);\r\n  }, [activeIndex, open, focusItemAtIndex]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, closeDropdown]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const enabledIndexes = getEnabledItemIndexes();\r\n      const hasItems = enabledIndexes.length > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      const currentEnabledPosition = enabledIndexes.indexOf(activeIndex);\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[0] ?? -1);\r\n        } else {\r\n          const nextPosition =\r\n            (currentEnabledPosition + 1) % enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[nextPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n\r\n        if (currentEnabledPosition < 0) {\r\n          setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n        } else {\r\n          const prevPosition =\r\n            (currentEnabledPosition - 1 + enabledIndexes.length) %\r\n            enabledIndexes.length;\r\n          setActiveIndex(enabledIndexes[prevPosition] ?? -1);\r\n        }\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[0] ?? -1);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(enabledIndexes[enabledIndexes.length - 1] ?? -1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        e.preventDefault();\r\n        const item = items[activeIndex];\r\n        if (item && !item.disabled) {\r\n          handleItemSelect(item);\r\n        }\r\n      }\r\n    },\r\n    [\r\n      open,\r\n      items,\r\n      activeIndex,\r\n      getEnabledItemIndexes,\r\n      closeDropdown,\r\n      handleItemSelect,\r\n    ],\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName,\r\n        menuProps?.className,\r\n      ),\r\n    [\r\n      classMap,\r\n      align,\r\n      menuShadow,\r\n      menuRounding,\r\n      menuClassName,\r\n      menuProps?.className,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        id={triggerId}\r\n        icon={Icon}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={resolvedMenuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        title={title}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerProps}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={resolvedMenuId}\r\n          ref={menuRef}\r\n          aria-label={\r\n            menuAriaLabelledby ? undefined : (menuAriaLabel ?? ariaLabel)\r\n          }\r\n          aria-labelledby={menuAriaLabelledby}\r\n          aria-describedby={menuAriaDescribedby}\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n          {...menuProps}\r\n        >\r\n          {items.map((item, index) => {\r\n            const commonProps = {\r\n              id: item.id,\r\n              className: combineClassNames(\r\n                classMap.item,\r\n                item.disabled ? classMap.disabled : \"\",\r\n              ),\r\n              \"aria-label\": item[\"aria-label\"],\r\n              \"aria-describedby\": item[\"aria-describedby\"],\r\n              \"aria-current\": item[\"aria-current\"],\r\n              \"aria-disabled\": item.disabled || undefined,\r\n              title: item.title,\r\n              \"data-testid\": item[\"data-testid\"],\r\n              onClick: () => handleItemSelect(item),\r\n            };\r\n\r\n            if (item.href) {\r\n              return (\r\n                <a\r\n                  key={item.id ?? index}\r\n                  href={item.disabled ? undefined : item.href}\r\n                  {...commonProps}\r\n                  onClick={(e) => {\r\n                    if (item.disabled) {\r\n                      e.preventDefault();\r\n                      return;\r\n                    }\r\n                    item.onClick?.();\r\n                    if (closeOnSelect) {\r\n                      closeDropdown();\r\n                    }\r\n                  }}\r\n                >\r\n                  {item.icon && (\r\n                    <span className={classMap.icon} aria-hidden=\"true\">\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  {item.label}\r\n                </a>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <button\r\n                key={item.id ?? index}\r\n                type=\"button\"\r\n                disabled={item.disabled}\r\n                {...commonProps}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/Dropdown.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Dropdown = require("./Dropdown-BfvCn_20.cjs");
+const Dropdown = require("./Dropdown-kQLhr7_M.cjs");
 module.exports = Dropdown.Dropdown;
 //# sourceMappingURL=Dropdown.cjs.js.map

package/dist/next/Dropdown.js

@@ -1,4 +1,4 @@
-import { D } from "./Dropdown-79ZIBUjB.js";
+import { D } from "./Dropdown-B7PgWHlY.js";
 export {
   D as default
 };

package/dist/next/{EmptyState-Dy1Xeyzp.cjs → EmptyState-BH1X81TH.cjs}

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const Button = require("./Button-DMCOgi4K.cjs");
+const Button = require("./Button-BZmph-Qr.cjs");
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -179,4 +179,4 @@ const EmptyState = (props) => {
 };
 EmptyState.displayName = "EmptyState";
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-Dy1Xeyzp.cjs.map
+//# sourceMappingURL=EmptyState-BH1X81TH.cjs.map

package/dist/next/{EmptyState-Dy1Xeyzp.cjs.map → EmptyState-BH1X81TH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-Dy1Xeyzp.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","outline","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"EmptyState-BH1X81TH.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","outline","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/{EmptyState-oXCSBosz.js → EmptyState-DCCDQWOQ.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 /* empty css                 */
-import { B as Button } from "./Button-BfgUzkgN.js";
+import { B as Button } from "./Button-DWpImTmr.js";
 const BaseEmptyState = ({
   icon: Icon,
   title: title2 = "Nothing Here Yet",
@@ -180,4 +180,4 @@ EmptyState.displayName = "EmptyState";
 export {
   EmptyState as E
 };
-//# sourceMappingURL=EmptyState-oXCSBosz.js.map
+//# sourceMappingURL=EmptyState-DCCDQWOQ.js.map

package/dist/next/{EmptyState-oXCSBosz.js.map → EmptyState-DCCDQWOQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-oXCSBosz.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":"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"}
+{"version":3,"file":"EmptyState-DCCDQWOQ.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  id,\r\n  role,\r\n  iconDecorative = true,\r\n  iconAriaLabel,\r\n  actionAriaLabel,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const titleId =\r\n    title && !ariaLabelledBy ? `${testId}-title-${uid}` : undefined;\r\n  const messageId =\r\n    message && !ariaDescribedBy ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const resolvedRole = role ?? (title ? \"region\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && titleId ? titleId : undefined);\r\n\r\n  const resolvedAriaDescribedBy = ariaDescribedBy ?? messageId;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className],\r\n  );\r\n\r\n  const resolvedActionAriaLabel =\r\n    actionAriaLabel ??\r\n    (typeof actionLabel === \"string\" ? undefined : \"Perform action\");\r\n\r\n  return (\r\n    <section\r\n      id={id}\r\n      className={sectionClassNames}\r\n      role={resolvedRole}\r\n      aria-label={ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={resolvedAriaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      {Icon && (\r\n        <div\r\n          className={classMap.icon}\r\n          data-testid={`${testId}-icon`}\r\n          aria-hidden={iconDecorative ? true : undefined}\r\n        >\r\n          <Icon\r\n            aria-hidden={iconDecorative ? true : undefined}\r\n            aria-label={!iconDecorative ? iconAriaLabel : undefined}\r\n            focusable={false}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {title && (\r\n        <h2\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h2>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={messageId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={resolvedActionAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":"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"}

package/dist/next/EmptyState.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const EmptyState = require("./EmptyState-Dy1Xeyzp.cjs");
+const EmptyState = require("./EmptyState-BH1X81TH.cjs");
 module.exports = EmptyState.EmptyState;
 //# sourceMappingURL=EmptyState.cjs.js.map

package/dist/next/EmptyState.js

@@ -1,4 +1,4 @@
-import { E } from "./EmptyState-oXCSBosz.js";
+import { E } from "./EmptyState-DCCDQWOQ.js";
 export {
   E as default
 };

package/dist/next/{FileUpload-qiY8YpDz.js → FileUpload-BQW5ol7P.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useId, useState, useRef, useMemo, useEffect } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 /* empty css                 */
-import { B as Button } from "./Button-BfgUzkgN.js";
-import { I as IconButton } from "./IconButton-CNiln4Qf.js";
+import { B as Button } from "./Button-DWpImTmr.js";
+import { I as IconButton } from "./IconButton-BWw3WPaS.js";
 import { F as FormGroup } from "./FormGroup-AHYiWnkX.js";
-import { P as ProgressBar } from "./ProgressBar-Bf_ZzYzI.js";
+import { P as ProgressBar } from "./ProgressBar-CMYDs8uL.js";
 const FileIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -617,4 +617,4 @@ FileUpload.displayName = "FileUpload";
 export {
   FileUpload as F
 };
-//# sourceMappingURL=FileUpload-qiY8YpDz.js.map
+//# sourceMappingURL=FileUpload-BQW5ol7P.js.map

package/dist/next/{FileUpload-qiY8YpDz.js.map → FileUpload-BQW5ol7P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FileUpload-qiY8YpDz.js","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/FileUpload.tsx"],"sourcesContent":["const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FileIcon;\r\n","const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect, useId } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  onFilesChange,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  id,\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n\r\n  // a11y props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-live\": ariaLive,\r\n\r\n  inputAriaLabel,\r\n  selectButtonAriaLabel,\r\n  uploadButtonAriaLabel,\r\n  removeFileAriaLabel,\r\n  fileListAriaLabel,\r\n  rejectedFilesAriaLabel,\r\n  successMessage = \"Upload successful.\",\r\n  failureMessage = \"Upload failed. Please try again.\",\r\n  filesSelectedMessage,\r\n  fileRemovedMessage,\r\n  rejectedFilesMessage,\r\n  liveRegionPoliteness = \"polite\",\r\n  dropzoneDescription,\r\n  dropzoneRole = \"group\",\r\n  enableDragAndDrop = true,\r\n\r\n  inputProps,\r\n  selectButtonProps,\r\n  uploadButtonProps,\r\n  removeButtonProps,\r\n  progressBarProps,\r\n\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const baseId = id || testId || `file-upload-${reactId.replace(/:/g, \"\")}`;\r\n\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const descriptionId = `${baseId}-description`;\r\n  const errorId = `${baseId}-error`;\r\n  const dropzoneDescriptionId = `${baseId}-dropzone-description`;\r\n  const liveRegionId = `${baseId}-live-region`;\r\n  const fileListId = `${baseId}-file-list`;\r\n  const rejectedListId = `${baseId}-rejected-list`;\r\n  const inputId = `${baseId}-input`;\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const announce = (message: string | null) => {\r\n    setUploadMessage(message);\r\n  };\r\n\r\n  const buildSelectedMessage = (selectedFiles: File[]) => {\r\n    if (filesSelectedMessage) return filesSelectedMessage(selectedFiles);\r\n    const count = selectedFiles.length;\r\n    return count === 1\r\n      ? `${selectedFiles[0].name} selected.`\r\n      : `${count} files selected.`;\r\n  };\r\n\r\n  const buildRejectedMessage = (\r\n    nextRejectedFiles: { name: string; reason: string }[],\r\n  ) => {\r\n    if (nextRejectedFiles.length === 0) return null;\r\n    if (rejectedFilesMessage) return rejectedFilesMessage(nextRejectedFiles);\r\n    return nextRejectedFiles.length === 1\r\n      ? `${nextRejectedFiles[0].name} was rejected: ${nextRejectedFiles[0].reason}.`\r\n      : `${nextRejectedFiles.length} files were rejected.`;\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    const selectedMessage =\r\n      valid.length > 0 ? buildSelectedMessage(updatedFiles) : null;\r\n    const rejectedMessage = buildRejectedMessage(rejected);\r\n\r\n    announce(\r\n      [selectedMessage, rejectedMessage].filter(Boolean).join(\" \") || null,\r\n    );\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const removedFile = files[index];\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    if (removedFile) {\r\n      announce(\r\n        fileRemovedMessage\r\n          ? fileRemovedMessage(removedFile.name, index)\r\n          : `${removedFile.name} removed.`,\r\n      );\r\n    }\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading || disabled) return;\r\n\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    announce(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      announce(successMessage);\r\n    } catch {\r\n      announce(failureMessage);\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? descriptionId : undefined,\r\n      error ? errorId : undefined,\r\n      dropzoneDescription ? dropzoneDescriptionId : undefined,\r\n      ariaDescribedBy,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined ? ariaInvalid : error ? true : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        {...rest}\r\n        className={containerClassName}\r\n        onDragOver={enableDragAndDrop ? handleDragOver : undefined}\r\n        onDragLeave={enableDragAndDrop ? handleDragLeave : undefined}\r\n        onDrop={enableDragAndDrop ? handleDrop : undefined}\r\n        role={dropzoneRole}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={describedBy}\r\n        aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n        aria-invalid={computedAriaInvalid}\r\n        aria-required={computedAriaRequired}\r\n        aria-busy={ariaBusy !== undefined ? ariaBusy : uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {dropzoneDescription && (\r\n          <div id={dropzoneDescriptionId} className=\"sr_only\">\r\n            {dropzoneDescription}\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          {...inputProps}\r\n          ref={fileInput}\r\n          id={inputProps?.id || inputId}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={combineClassNames(\r\n            classMap.hiddenInput,\r\n            inputProps?.className,\r\n          )}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-label={inputAriaLabel || label || \"Choose file\"}\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            {...selectButtonProps}\r\n            icon={FileIcon}\r\n            size={selectButtonProps?.size ?? \"small\"}\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={combineClassNames(\r\n              classMap.fileInput,\r\n              selectButtonProps?.className,\r\n            )}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => {\r\n              fileInput.current?.click();\r\n            }}\r\n            aria-label={\r\n              selectButtonProps?.[\"aria-label\"] ||\r\n              selectButtonAriaLabel ||\r\n              \"Choose file\"\r\n            }\r\n            aria-describedby={fileNames.length > 0 ? fileListId : undefined}\r\n            data-testid={`${testId}-file-button`}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div\r\n            className={classMap.rejectedFiles}\r\n            aria-label={rejectedFilesAriaLabel}\r\n            data-testid={testId ? `${testId}-rejected-files` : undefined}\r\n          >\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul\r\n              id={rejectedListId}\r\n              className={classMap.rejectedList}\r\n              aria-label={rejectedFilesAriaLabel || \"Rejected files\"}\r\n            >\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul\r\n              id={fileListId}\r\n              className={classMap.fileList}\r\n              aria-label={fileListAriaLabel || \"Selected files\"}\r\n            >\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    {...removeButtonProps}\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size={removeButtonProps?.size ?? \"small\"}\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={\r\n                      removeFileAriaLabel?.(name, index) || `Remove ${name}`\r\n                    }\r\n                    onClick={() => removeFile(index)}\r\n                    className={combineClassNames(\r\n                      classMap.removeButton,\r\n                      removeButtonProps?.className,\r\n                    )}\r\n                    data-testid={`${testId}-remove-${index}`}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {uploading && (\r\n              <ProgressBar\r\n                {...progressBarProps}\r\n                theme={theme}\r\n                className={combineClassNames(\r\n                  classMap.uploadProgress,\r\n                  progressBarProps?.className,\r\n                )}\r\n                value={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={\r\n                  progressBarProps?.[\"data-testid\"] || `${testId}-progress`\r\n                }\r\n              />\r\n            )}\r\n\r\n            {!uploading && (\r\n              <Button\r\n                {...uploadButtonProps}\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={() => {\r\n                  void handleUpload();\r\n                }}\r\n                loading={uploading}\r\n                size={uploadButtonProps?.size ?? \"small\"}\r\n                className={combineClassNames(\r\n                  classMap.uploadButton,\r\n                  uploadButtonProps?.className,\r\n                )}\r\n                aria-label={uploadButtonAriaLabel || \"Upload selected files\"}\r\n                data-testid={`${testId}-upload-button`}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          id={liveRegionId}\r\n          className=\"sr_only\"\r\n          aria-live={ariaLive || liveRegionPoliteness}\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={Progressbar}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["error","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","rejectedFiles"],"mappings":"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"}
+{"version":3,"file":"FileUpload-BQW5ol7P.js","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/FileUpload.tsx"],"sourcesContent":["const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FileIcon;\r\n","const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect, useId } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  onFilesChange,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  id,\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n\r\n  // a11y props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-live\": ariaLive,\r\n\r\n  inputAriaLabel,\r\n  selectButtonAriaLabel,\r\n  uploadButtonAriaLabel,\r\n  removeFileAriaLabel,\r\n  fileListAriaLabel,\r\n  rejectedFilesAriaLabel,\r\n  successMessage = \"Upload successful.\",\r\n  failureMessage = \"Upload failed. Please try again.\",\r\n  filesSelectedMessage,\r\n  fileRemovedMessage,\r\n  rejectedFilesMessage,\r\n  liveRegionPoliteness = \"polite\",\r\n  dropzoneDescription,\r\n  dropzoneRole = \"group\",\r\n  enableDragAndDrop = true,\r\n\r\n  inputProps,\r\n  selectButtonProps,\r\n  uploadButtonProps,\r\n  removeButtonProps,\r\n  progressBarProps,\r\n\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const baseId = id || testId || `file-upload-${reactId.replace(/:/g, \"\")}`;\r\n\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const descriptionId = `${baseId}-description`;\r\n  const errorId = `${baseId}-error`;\r\n  const dropzoneDescriptionId = `${baseId}-dropzone-description`;\r\n  const liveRegionId = `${baseId}-live-region`;\r\n  const fileListId = `${baseId}-file-list`;\r\n  const rejectedListId = `${baseId}-rejected-list`;\r\n  const inputId = `${baseId}-input`;\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const announce = (message: string | null) => {\r\n    setUploadMessage(message);\r\n  };\r\n\r\n  const buildSelectedMessage = (selectedFiles: File[]) => {\r\n    if (filesSelectedMessage) return filesSelectedMessage(selectedFiles);\r\n    const count = selectedFiles.length;\r\n    return count === 1\r\n      ? `${selectedFiles[0].name} selected.`\r\n      : `${count} files selected.`;\r\n  };\r\n\r\n  const buildRejectedMessage = (\r\n    nextRejectedFiles: { name: string; reason: string }[],\r\n  ) => {\r\n    if (nextRejectedFiles.length === 0) return null;\r\n    if (rejectedFilesMessage) return rejectedFilesMessage(nextRejectedFiles);\r\n    return nextRejectedFiles.length === 1\r\n      ? `${nextRejectedFiles[0].name} was rejected: ${nextRejectedFiles[0].reason}.`\r\n      : `${nextRejectedFiles.length} files were rejected.`;\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    const selectedMessage =\r\n      valid.length > 0 ? buildSelectedMessage(updatedFiles) : null;\r\n    const rejectedMessage = buildRejectedMessage(rejected);\r\n\r\n    announce(\r\n      [selectedMessage, rejectedMessage].filter(Boolean).join(\" \") || null,\r\n    );\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const removedFile = files[index];\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    if (removedFile) {\r\n      announce(\r\n        fileRemovedMessage\r\n          ? fileRemovedMessage(removedFile.name, index)\r\n          : `${removedFile.name} removed.`,\r\n      );\r\n    }\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading || disabled) return;\r\n\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    announce(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      announce(successMessage);\r\n    } catch {\r\n      announce(failureMessage);\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? descriptionId : undefined,\r\n      error ? errorId : undefined,\r\n      dropzoneDescription ? dropzoneDescriptionId : undefined,\r\n      ariaDescribedBy,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined ? ariaInvalid : error ? true : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        {...rest}\r\n        className={containerClassName}\r\n        onDragOver={enableDragAndDrop ? handleDragOver : undefined}\r\n        onDragLeave={enableDragAndDrop ? handleDragLeave : undefined}\r\n        onDrop={enableDragAndDrop ? handleDrop : undefined}\r\n        role={dropzoneRole}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={describedBy}\r\n        aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n        aria-invalid={computedAriaInvalid}\r\n        aria-required={computedAriaRequired}\r\n        aria-busy={ariaBusy !== undefined ? ariaBusy : uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {dropzoneDescription && (\r\n          <div id={dropzoneDescriptionId} className=\"sr_only\">\r\n            {dropzoneDescription}\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          {...inputProps}\r\n          ref={fileInput}\r\n          id={inputProps?.id || inputId}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={combineClassNames(\r\n            classMap.hiddenInput,\r\n            inputProps?.className,\r\n          )}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-label={inputAriaLabel || label || \"Choose file\"}\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            {...selectButtonProps}\r\n            icon={FileIcon}\r\n            size={selectButtonProps?.size ?? \"small\"}\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={combineClassNames(\r\n              classMap.fileInput,\r\n              selectButtonProps?.className,\r\n            )}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => {\r\n              fileInput.current?.click();\r\n            }}\r\n            aria-label={\r\n              selectButtonProps?.[\"aria-label\"] ||\r\n              selectButtonAriaLabel ||\r\n              \"Choose file\"\r\n            }\r\n            aria-describedby={fileNames.length > 0 ? fileListId : undefined}\r\n            data-testid={`${testId}-file-button`}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div\r\n            className={classMap.rejectedFiles}\r\n            aria-label={rejectedFilesAriaLabel}\r\n            data-testid={testId ? `${testId}-rejected-files` : undefined}\r\n          >\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul\r\n              id={rejectedListId}\r\n              className={classMap.rejectedList}\r\n              aria-label={rejectedFilesAriaLabel || \"Rejected files\"}\r\n            >\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul\r\n              id={fileListId}\r\n              className={classMap.fileList}\r\n              aria-label={fileListAriaLabel || \"Selected files\"}\r\n            >\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    {...removeButtonProps}\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size={removeButtonProps?.size ?? \"small\"}\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={\r\n                      removeFileAriaLabel?.(name, index) || `Remove ${name}`\r\n                    }\r\n                    onClick={() => removeFile(index)}\r\n                    className={combineClassNames(\r\n                      classMap.removeButton,\r\n                      removeButtonProps?.className,\r\n                    )}\r\n                    data-testid={`${testId}-remove-${index}`}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {uploading && (\r\n              <ProgressBar\r\n                {...progressBarProps}\r\n                theme={theme}\r\n                className={combineClassNames(\r\n                  classMap.uploadProgress,\r\n                  progressBarProps?.className,\r\n                )}\r\n                value={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={\r\n                  progressBarProps?.[\"data-testid\"] || `${testId}-progress`\r\n                }\r\n              />\r\n            )}\r\n\r\n            {!uploading && (\r\n              <Button\r\n                {...uploadButtonProps}\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={() => {\r\n                  void handleUpload();\r\n                }}\r\n                loading={uploading}\r\n                size={uploadButtonProps?.size ?? \"small\"}\r\n                className={combineClassNames(\r\n                  classMap.uploadButton,\r\n                  uploadButtonProps?.className,\r\n                )}\r\n                aria-label={uploadButtonAriaLabel || \"Upload selected files\"}\r\n                data-testid={`${testId}-upload-button`}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          id={liveRegionId}\r\n          className=\"sr_only\"\r\n          aria-live={ariaLive || liveRegionPoliteness}\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={Progressbar}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["error","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","rejectedFiles"],"mappings":"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"}

package/dist/next/{FileUpload-C1DVXFK7.cjs → FileUpload-C9Ke2cTs.cjs}

@@ -5,8 +5,8 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const Button = require("./Button-DMCOgi4K.cjs");
-const IconButton = require("./IconButton-C4OC99ig.cjs");
+const Button = require("./Button-BZmph-Qr.cjs");
+const IconButton = require("./IconButton-4ySBEhn1.cjs");
 const FormGroup = require("./FormGroup-B4Xb3X61.cjs");
 const ProgressBar = require("./ProgressBar-sg1jxDfy.cjs");
 const FileIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
@@ -616,4 +616,4 @@ const FileUpload = (props) => {
 };
 FileUpload.displayName = "FileUpload";
 exports.FileUpload = FileUpload;
-//# sourceMappingURL=FileUpload-C1DVXFK7.cjs.map
+//# sourceMappingURL=FileUpload-C9Ke2cTs.cjs.map

package/dist/next/{FileUpload-C1DVXFK7.cjs.map → FileUpload-C9Ke2cTs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FileUpload-C1DVXFK7.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/FileUpload.tsx"],"sourcesContent":["const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FileIcon;\r\n","const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect, useId } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  onFilesChange,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  id,\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n\r\n  // a11y props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-live\": ariaLive,\r\n\r\n  inputAriaLabel,\r\n  selectButtonAriaLabel,\r\n  uploadButtonAriaLabel,\r\n  removeFileAriaLabel,\r\n  fileListAriaLabel,\r\n  rejectedFilesAriaLabel,\r\n  successMessage = \"Upload successful.\",\r\n  failureMessage = \"Upload failed. Please try again.\",\r\n  filesSelectedMessage,\r\n  fileRemovedMessage,\r\n  rejectedFilesMessage,\r\n  liveRegionPoliteness = \"polite\",\r\n  dropzoneDescription,\r\n  dropzoneRole = \"group\",\r\n  enableDragAndDrop = true,\r\n\r\n  inputProps,\r\n  selectButtonProps,\r\n  uploadButtonProps,\r\n  removeButtonProps,\r\n  progressBarProps,\r\n\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const baseId = id || testId || `file-upload-${reactId.replace(/:/g, \"\")}`;\r\n\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const descriptionId = `${baseId}-description`;\r\n  const errorId = `${baseId}-error`;\r\n  const dropzoneDescriptionId = `${baseId}-dropzone-description`;\r\n  const liveRegionId = `${baseId}-live-region`;\r\n  const fileListId = `${baseId}-file-list`;\r\n  const rejectedListId = `${baseId}-rejected-list`;\r\n  const inputId = `${baseId}-input`;\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const announce = (message: string | null) => {\r\n    setUploadMessage(message);\r\n  };\r\n\r\n  const buildSelectedMessage = (selectedFiles: File[]) => {\r\n    if (filesSelectedMessage) return filesSelectedMessage(selectedFiles);\r\n    const count = selectedFiles.length;\r\n    return count === 1\r\n      ? `${selectedFiles[0].name} selected.`\r\n      : `${count} files selected.`;\r\n  };\r\n\r\n  const buildRejectedMessage = (\r\n    nextRejectedFiles: { name: string; reason: string }[],\r\n  ) => {\r\n    if (nextRejectedFiles.length === 0) return null;\r\n    if (rejectedFilesMessage) return rejectedFilesMessage(nextRejectedFiles);\r\n    return nextRejectedFiles.length === 1\r\n      ? `${nextRejectedFiles[0].name} was rejected: ${nextRejectedFiles[0].reason}.`\r\n      : `${nextRejectedFiles.length} files were rejected.`;\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    const selectedMessage =\r\n      valid.length > 0 ? buildSelectedMessage(updatedFiles) : null;\r\n    const rejectedMessage = buildRejectedMessage(rejected);\r\n\r\n    announce(\r\n      [selectedMessage, rejectedMessage].filter(Boolean).join(\" \") || null,\r\n    );\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const removedFile = files[index];\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    if (removedFile) {\r\n      announce(\r\n        fileRemovedMessage\r\n          ? fileRemovedMessage(removedFile.name, index)\r\n          : `${removedFile.name} removed.`,\r\n      );\r\n    }\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading || disabled) return;\r\n\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    announce(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      announce(successMessage);\r\n    } catch {\r\n      announce(failureMessage);\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? descriptionId : undefined,\r\n      error ? errorId : undefined,\r\n      dropzoneDescription ? dropzoneDescriptionId : undefined,\r\n      ariaDescribedBy,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined ? ariaInvalid : error ? true : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        {...rest}\r\n        className={containerClassName}\r\n        onDragOver={enableDragAndDrop ? handleDragOver : undefined}\r\n        onDragLeave={enableDragAndDrop ? handleDragLeave : undefined}\r\n        onDrop={enableDragAndDrop ? handleDrop : undefined}\r\n        role={dropzoneRole}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={describedBy}\r\n        aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n        aria-invalid={computedAriaInvalid}\r\n        aria-required={computedAriaRequired}\r\n        aria-busy={ariaBusy !== undefined ? ariaBusy : uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {dropzoneDescription && (\r\n          <div id={dropzoneDescriptionId} className=\"sr_only\">\r\n            {dropzoneDescription}\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          {...inputProps}\r\n          ref={fileInput}\r\n          id={inputProps?.id || inputId}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={combineClassNames(\r\n            classMap.hiddenInput,\r\n            inputProps?.className,\r\n          )}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-label={inputAriaLabel || label || \"Choose file\"}\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            {...selectButtonProps}\r\n            icon={FileIcon}\r\n            size={selectButtonProps?.size ?? \"small\"}\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={combineClassNames(\r\n              classMap.fileInput,\r\n              selectButtonProps?.className,\r\n            )}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => {\r\n              fileInput.current?.click();\r\n            }}\r\n            aria-label={\r\n              selectButtonProps?.[\"aria-label\"] ||\r\n              selectButtonAriaLabel ||\r\n              \"Choose file\"\r\n            }\r\n            aria-describedby={fileNames.length > 0 ? fileListId : undefined}\r\n            data-testid={`${testId}-file-button`}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div\r\n            className={classMap.rejectedFiles}\r\n            aria-label={rejectedFilesAriaLabel}\r\n            data-testid={testId ? `${testId}-rejected-files` : undefined}\r\n          >\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul\r\n              id={rejectedListId}\r\n              className={classMap.rejectedList}\r\n              aria-label={rejectedFilesAriaLabel || \"Rejected files\"}\r\n            >\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul\r\n              id={fileListId}\r\n              className={classMap.fileList}\r\n              aria-label={fileListAriaLabel || \"Selected files\"}\r\n            >\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    {...removeButtonProps}\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size={removeButtonProps?.size ?? \"small\"}\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={\r\n                      removeFileAriaLabel?.(name, index) || `Remove ${name}`\r\n                    }\r\n                    onClick={() => removeFile(index)}\r\n                    className={combineClassNames(\r\n                      classMap.removeButton,\r\n                      removeButtonProps?.className,\r\n                    )}\r\n                    data-testid={`${testId}-remove-${index}`}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {uploading && (\r\n              <ProgressBar\r\n                {...progressBarProps}\r\n                theme={theme}\r\n                className={combineClassNames(\r\n                  classMap.uploadProgress,\r\n                  progressBarProps?.className,\r\n                )}\r\n                value={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={\r\n                  progressBarProps?.[\"data-testid\"] || `${testId}-progress`\r\n                }\r\n              />\r\n            )}\r\n\r\n            {!uploading && (\r\n              <Button\r\n                {...uploadButtonProps}\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={() => {\r\n                  void handleUpload();\r\n                }}\r\n                loading={uploading}\r\n                size={uploadButtonProps?.size ?? \"small\"}\r\n                className={combineClassNames(\r\n                  classMap.uploadButton,\r\n                  uploadButtonProps?.className,\r\n                )}\r\n                aria-label={uploadButtonAriaLabel || \"Upload selected files\"}\r\n                data-testid={`${testId}-upload-button`}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          id={liveRegionId}\r\n          className=\"sr_only\"\r\n          aria-live={ariaLive || liveRegionPoliteness}\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={Progressbar}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","error","getDefaultTheme","getDefaultRounding","getDefaultShadow","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","useId","useState","rejectedFiles","useRef","useMemo","useEffect","combineClassNames","capitalize","Progressbar"],"mappings":"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"}
+{"version":3,"file":"FileUpload-C9Ke2cTs.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/FileUpload.tsx"],"sourcesContent":["const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FileIcon;\r\n","const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect, useId } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  onFilesChange,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  id,\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n\r\n  // a11y props\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-live\": ariaLive,\r\n\r\n  inputAriaLabel,\r\n  selectButtonAriaLabel,\r\n  uploadButtonAriaLabel,\r\n  removeFileAriaLabel,\r\n  fileListAriaLabel,\r\n  rejectedFilesAriaLabel,\r\n  successMessage = \"Upload successful.\",\r\n  failureMessage = \"Upload failed. Please try again.\",\r\n  filesSelectedMessage,\r\n  fileRemovedMessage,\r\n  rejectedFilesMessage,\r\n  liveRegionPoliteness = \"polite\",\r\n  dropzoneDescription,\r\n  dropzoneRole = \"group\",\r\n  enableDragAndDrop = true,\r\n\r\n  inputProps,\r\n  selectButtonProps,\r\n  uploadButtonProps,\r\n  removeButtonProps,\r\n  progressBarProps,\r\n\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const baseId = id || testId || `file-upload-${reactId.replace(/:/g, \"\")}`;\r\n\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const descriptionId = `${baseId}-description`;\r\n  const errorId = `${baseId}-error`;\r\n  const dropzoneDescriptionId = `${baseId}-dropzone-description`;\r\n  const liveRegionId = `${baseId}-live-region`;\r\n  const fileListId = `${baseId}-file-list`;\r\n  const rejectedListId = `${baseId}-rejected-list`;\r\n  const inputId = `${baseId}-input`;\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const announce = (message: string | null) => {\r\n    setUploadMessage(message);\r\n  };\r\n\r\n  const buildSelectedMessage = (selectedFiles: File[]) => {\r\n    if (filesSelectedMessage) return filesSelectedMessage(selectedFiles);\r\n    const count = selectedFiles.length;\r\n    return count === 1\r\n      ? `${selectedFiles[0].name} selected.`\r\n      : `${count} files selected.`;\r\n  };\r\n\r\n  const buildRejectedMessage = (\r\n    nextRejectedFiles: { name: string; reason: string }[],\r\n  ) => {\r\n    if (nextRejectedFiles.length === 0) return null;\r\n    if (rejectedFilesMessage) return rejectedFilesMessage(nextRejectedFiles);\r\n    return nextRejectedFiles.length === 1\r\n      ? `${nextRejectedFiles[0].name} was rejected: ${nextRejectedFiles[0].reason}.`\r\n      : `${nextRejectedFiles.length} files were rejected.`;\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    const selectedMessage =\r\n      valid.length > 0 ? buildSelectedMessage(updatedFiles) : null;\r\n    const rejectedMessage = buildRejectedMessage(rejected);\r\n\r\n    announce(\r\n      [selectedMessage, rejectedMessage].filter(Boolean).join(\" \") || null,\r\n    );\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const removedFile = files[index];\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    onFilesChange?.(updatedFiles);\r\n\r\n    if (removedFile) {\r\n      announce(\r\n        fileRemovedMessage\r\n          ? fileRemovedMessage(removedFile.name, index)\r\n          : `${removedFile.name} removed.`,\r\n      );\r\n    }\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    if (!enableDragAndDrop || disabled) return;\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading || disabled) return;\r\n\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    announce(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      announce(successMessage);\r\n    } catch {\r\n      announce(failureMessage);\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? descriptionId : undefined,\r\n      error ? errorId : undefined,\r\n      dropzoneDescription ? dropzoneDescriptionId : undefined,\r\n      ariaDescribedBy,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined ? ariaInvalid : error ? true : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        {...rest}\r\n        className={containerClassName}\r\n        onDragOver={enableDragAndDrop ? handleDragOver : undefined}\r\n        onDragLeave={enableDragAndDrop ? handleDragLeave : undefined}\r\n        onDrop={enableDragAndDrop ? handleDrop : undefined}\r\n        role={dropzoneRole}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={describedBy}\r\n        aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n        aria-invalid={computedAriaInvalid}\r\n        aria-required={computedAriaRequired}\r\n        aria-busy={ariaBusy !== undefined ? ariaBusy : uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {dropzoneDescription && (\r\n          <div id={dropzoneDescriptionId} className=\"sr_only\">\r\n            {dropzoneDescription}\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          {...inputProps}\r\n          ref={fileInput}\r\n          id={inputProps?.id || inputId}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={combineClassNames(\r\n            classMap.hiddenInput,\r\n            inputProps?.className,\r\n          )}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-label={inputAriaLabel || label || \"Choose file\"}\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? ariaErrorMessage || errorId : undefined}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            {...selectButtonProps}\r\n            icon={FileIcon}\r\n            size={selectButtonProps?.size ?? \"small\"}\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={combineClassNames(\r\n              classMap.fileInput,\r\n              selectButtonProps?.className,\r\n            )}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => {\r\n              fileInput.current?.click();\r\n            }}\r\n            aria-label={\r\n              selectButtonProps?.[\"aria-label\"] ||\r\n              selectButtonAriaLabel ||\r\n              \"Choose file\"\r\n            }\r\n            aria-describedby={fileNames.length > 0 ? fileListId : undefined}\r\n            data-testid={`${testId}-file-button`}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div\r\n            className={classMap.rejectedFiles}\r\n            aria-label={rejectedFilesAriaLabel}\r\n            data-testid={testId ? `${testId}-rejected-files` : undefined}\r\n          >\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul\r\n              id={rejectedListId}\r\n              className={classMap.rejectedList}\r\n              aria-label={rejectedFilesAriaLabel || \"Rejected files\"}\r\n            >\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul\r\n              id={fileListId}\r\n              className={classMap.fileList}\r\n              aria-label={fileListAriaLabel || \"Selected files\"}\r\n            >\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    {...removeButtonProps}\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size={removeButtonProps?.size ?? \"small\"}\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={\r\n                      removeFileAriaLabel?.(name, index) || `Remove ${name}`\r\n                    }\r\n                    onClick={() => removeFile(index)}\r\n                    className={combineClassNames(\r\n                      classMap.removeButton,\r\n                      removeButtonProps?.className,\r\n                    )}\r\n                    data-testid={`${testId}-remove-${index}`}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {uploading && (\r\n              <ProgressBar\r\n                {...progressBarProps}\r\n                theme={theme}\r\n                className={combineClassNames(\r\n                  classMap.uploadProgress,\r\n                  progressBarProps?.className,\r\n                )}\r\n                value={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={\r\n                  progressBarProps?.[\"data-testid\"] || `${testId}-progress`\r\n                }\r\n              />\r\n            )}\r\n\r\n            {!uploading && (\r\n              <Button\r\n                {...uploadButtonProps}\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={() => {\r\n                  void handleUpload();\r\n                }}\r\n                loading={uploading}\r\n                size={uploadButtonProps?.size ?? \"small\"}\r\n                className={combineClassNames(\r\n                  classMap.uploadButton,\r\n                  uploadButtonProps?.className,\r\n                )}\r\n                aria-label={uploadButtonAriaLabel || \"Upload selected files\"}\r\n                data-testid={`${testId}-upload-button`}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          id={liveRegionId}\r\n          className=\"sr_only\"\r\n          aria-live={ariaLive || liveRegionPoliteness}\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\n\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={Progressbar}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","error","getDefaultTheme","getDefaultRounding","getDefaultShadow","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","useId","useState","rejectedFiles","useRef","useMemo","useEffect","combineClassNames","capitalize","Progressbar"],"mappings":"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"}