boreal-ui 0.0.33 → 0.0.35

package/dist/next/{Checkbox-NAEbjhCf.cjs.map → Checkbox-DXRmAtTt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-NAEbjhCf.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox-DXRmAtTt.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/{Chip-CfJ473TI.cjs → Chip-C7w9CTed.cjs}

@@ -6,7 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-C3WpabtT.cjs");
 const ChipBase = ({
   id,
   message: message2,
@@ -212,4 +212,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.Chip = Chip;
-//# sourceMappingURL=Chip-CfJ473TI.cjs.map
+//# sourceMappingURL=Chip-C7w9CTed.cjs.map

package/dist/next/{Chip-CfJ473TI.cjs.map → Chip-C7w9CTed.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-CfJ473TI.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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 ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}
+{"version":3,"file":"Chip-C7w9CTed.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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 ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}

package/dist/next/{Chip-CekCQRke.js → Chip-Qa_1km99.js}

@@ -5,7 +5,7 @@ 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-BILmxkZG.js";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { I as IconButton } from "./IconButton-B_j-S10f.js";
 const ChipBase = ({
   id,
   message: message2,
@@ -213,4 +213,4 @@ const Chip = (props) => /* @__PURE__ */ jsx(
 export {
   Chip as C
 };
-//# sourceMappingURL=Chip-CekCQRke.js.map
+//# sourceMappingURL=Chip-Qa_1km99.js.map

package/dist/next/{Chip-CekCQRke.js.map → Chip-Qa_1km99.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-CekCQRke.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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 ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"Chip-Qa_1km99.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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 ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={styles}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":"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"}

package/dist/next/Chip.cjs.js

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

package/dist/next/Chip.js

@@ -1,4 +1,4 @@
-import { C } from "./Chip-CekCQRke.js";
+import { C } from "./Chip-Qa_1km99.js";
 export {
   C as default
 };

package/dist/next/{CommandPalette-BEDyY7vY.js → CommandPalette-D6ZeGNWl.js}

@@ -4,7 +4,7 @@ import ReactDOM from "react-dom";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { T as TextInput } from "./TextInput-G1Pvtebv.js";
+import { T as TextInput } from "./TextInput-Zywm-WEW.js";
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -311,4 +311,4 @@ const CommandPalette = (props) => /* @__PURE__ */ jsx(
 export {
   CommandPalette as C
 };
-//# sourceMappingURL=CommandPalette-BEDyY7vY.js.map
+//# sourceMappingURL=CommandPalette-D6ZeGNWl.js.map

package/dist/next/{CommandPalette-BEDyY7vY.js.map → CommandPalette-D6ZeGNWl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-BEDyY7vY.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AACzD,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B,IAAI;AAC3E,QAAM,CAAC,cAAc,eAAe,IAAI,SAA0B,CAAA,CAAE;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,cAAc,OAA6C,IAAI;AACrE,QAAM,eAAe,OAA2B,IAAI;AAEpD,QAAM,WAAW,cACb,eACA,SAAS;AAAA,IAAO,CAAC,QACf,IAAI,MAAM,cAAc,SAAS,MAAM,YAAA,CAAa;AAAA,EAAA;AAG1D,YAAU,MAAM;AACd,QAAI,SAAS,WAAW,GAAG;AACzB,qBAAe,EAAE;AAAA,IACnB,WAAW,cAAc,KAAK,eAAe,SAAS,QAAQ;AAC5D,qBAAe,CAAC;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,YAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAElB,QAAI,YAAY,QAAS,cAAa,YAAY,OAAO;AAEzD,UAAM,IAAI,MAAM,KAAA;AAChB,QAAI,CAAC,GAAG;AACN,sBAAgB,CAAA,CAAE;AAClB,mBAAa,KAAK;AAClB;AAAA,IACF;AAEA,iBAAa,IAAI;AACjB,gBAAY,UAAU,WAAW,MAAM;AACrC,kBAAY,CAAC,EACV,KAAK,CAAC,YAAY;AACjB,wBAAgB,OAAO;AACvB,qBAAa,KAAK;AAAA,MACpB,CAAC,EACA,MAAM,MAAM;AACX,wBAAgB,CAAA,CAAE;AAClB,qBAAa,KAAK;AAAA,MACpB,CAAC;AAAA,IACL,GAAG,UAAU;AAEb,WAAO,MAAM;AACX,UAAI,YAAY,QAAS,cAAa,YAAY,OAAO;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,OAAO,aAAa,UAAU,CAAC;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,eAAW,IAAI;AACf,iBAAa,UAAW,SAAS,iBAAiC;AAElE,UAAM,SACJ,SAAS,eAAe,eAAe,MACtC,MAAM;AACL,YAAM,KAAK,SAAS,cAAc,KAAK;AACvC,SAAG,KAAK;AACR,eAAS,KAAK,YAAY,EAAE;AAC5B,aAAO;AAAA,IACT,GAAA;AAEF,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,UAAU;AAEtC,WAAO,MAAM;;AACX,eAAS,KAAK,UAAU,OAAO,UAAU;AACzC,eAAS,EAAE;AACX,qBAAe,EAAE;AACjB,iBAAW,KAAK;AAChB,+BAAa,YAAb,mBAAsB,UAAtB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,UAAU,SAAS,QAAS,UAAS,QAAQ,MAAA;AAAA,EACnD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAuC;AACtC,UAAI,EAAE,QAAQ,aAAa;AACzB,YAAI,SAAS,WAAW,EAAG;AAC3B,UAAE,eAAA;AACF,uBAAe,CAAC,UAAU,OAAO,KAAK,SAAS,MAAM;AAAA,MACvD,WAAW,EAAE,QAAQ,WAAW;AAC9B,YAAI,SAAS,WAAW,EAAG;AAC3B,UAAE,eAAA;AACF;AAAA,UACE,CAAC,UAAU,OAAO,IAAI,SAAS,UAAU,SAAS;AAAA,QAAA;AAAA,MAEtD,WAAW,EAAE,QAAQ,SAAS;AAC5B,YAAI,eAAe,KAAK,SAAS,WAAW,GAAG;AAC7C,mBAAS,WAAW,EAAE,OAAA;AACtB,kBAAA;AAAA,QACF;AAAA,MACF,WAAW,EAAE,QAAQ,UAAU;AAC7B,gBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,UAAU,aAAa,OAAO;AAAA,EAAA;AAGjC,QAAM,yBAAyB;AAAA,IAC7B,CAAC,MAAqC;AACpC,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAGV,MAAI,CAAC,UAAU,CAAC,WAAW,CAAC,cAAe,QAAO;AAElD,QAAM,SAAS,GAAG,MAAM;AAExB,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,SAAS;AAAA,QACT,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,SAAS;AAAA,cACT,SAAS,KAAK;AAAA,cACd,SAAS,KAAK;AAAA,cACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,cAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,cACnD;AAAA,YAAA;AAAA,YAEF,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,WAAW;AAAA,YACX,MAAK;AAAA,YACL,cAAW;AAAA,YACX,cAAW;AAAA,YACX,eAAa;AAAA,YAEb,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAU,CAAC,MACT,SAAS,EAAE,OAAO,KAAK;AAAA,kBAEzB,WAAW;AAAA,kBACX;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,QAAQ;AAAA,kBACR;AAAA,kBACA,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBACtB,MAAK;AAAA,kBACL,qBAAkB;AAAA,kBAClB,iBAAc;AAAA,kBACd,iBAAe,SAAS,SAAS;AAAA,kBACjC,iBAAe;AAAA,kBACf,yBACE,eAAe,IAAI,OAAO,WAAW,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAI9C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAW,SAAS;AAAA,kBACpB,MAAK;AAAA,kBACL,cAAW;AAAA,kBACX,aAAW,aAAa;AAAA,kBAEvB,UAAA,YACC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,kBAAkB,SAAS,MAAM,SAAS,KAAK;AAAA,sBAC1D,MAAK;AAAA,sBACL,iBAAc;AAAA,sBACd,iBAAc;AAAA,sBACf,UAAA;AAAA,oBAAA;AAAA,kBAAA,IAGC,SAAS,SAAS,IACpB,SAAS,IAAI,CAAC,KAAK,UACjB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,IAAI,OAAO,KAAK;AAAA,sBAChB,MAAK;AAAA,sBACL,iBAAe,UAAU;AAAA,sBACzB,WAAW;AAAA,wBACT,SAAS;AAAA,wBACT,SAAS,KAAK;AAAA,wBACd,UAAU,eAAe,SAAS;AAAA,sBAAA;AAAA,sBAEpC,SAAS,MAAM;AACb,4BAAI,OAAA;AACJ,gCAAA;AAAA,sBACF;AAAA,sBAEC,UAAA;AAAA,wBAAA,IAAI,4BACF,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QACzC,UAAA,IAAI,KAAA,CACP;AAAA,wBAED,IAAI;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAnBA,GAAG,IAAI,KAAK,IAAI,KAAK;AAAA,kBAAA,CAqB7B,IAED;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,iBAAc;AAAA,sBACd,iBAAc;AAAA,sBACd,WAAW,kBAAkB,SAAS,MAAM,SAAS,KAAK;AAAA,sBAC3D,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;AACA,mBAAmB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9PjC,MAAM,iBAAgD,CAAC,UACrD;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,oBAAoB;AAAA,EAAA;AACtB;"}
+{"version":3,"file":"CommandPalette-D6ZeGNWl.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}

package/dist/next/{CommandPalette-DhyChRCJ.cjs → CommandPalette-DHTJFymB.cjs}

@@ -5,7 +5,7 @@ const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const TextInput = require("./TextInput-CpbTf99E.cjs");
+const TextInput = require("./TextInput-CUBY6wCB.cjs");
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -310,4 +310,4 @@ const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-DhyChRCJ.cjs.map
+//# sourceMappingURL=CommandPalette-DHTJFymB.cjs.map

package/dist/next/{CommandPalette-DhyChRCJ.cjs.map → CommandPalette-DHTJFymB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-DhyChRCJ.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}
+{"version":3,"file":"CommandPalette-DHTJFymB.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\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\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/next/CommandPalette.cjs.js

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

package/dist/next/CommandPalette.js

@@ -1,4 +1,4 @@
-import { C } from "./CommandPalette-BEDyY7vY.js";
+import { C } from "./CommandPalette-D6ZeGNWl.js";
 export {
   C as default
 };

package/dist/next/{Dropdown-qvuelg8z.cjs → Dropdown-BbdsK4H6.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-C3WpabtT.cjs");
 const MenuIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -296,4 +296,4 @@ const Dropdown = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseDropdown, { ...props, IconButton: IconButton.IconButton, classMap: styles });
 };
 exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown-qvuelg8z.cjs.map
+//# sourceMappingURL=Dropdown-BbdsK4H6.cjs.map

package/dist/next/{Dropdown-qvuelg8z.cjs.map → Dropdown-BbdsK4H6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-qvuelg8z.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  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, DropdownProps } 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  ariaLabel = \"Dropdown menu\",\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  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLElement | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\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    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      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]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\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      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\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      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\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    >\r\n      <IconButton\r\n        ref={triggerRef as any}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\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        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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\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\n\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","useCallback","item","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"Dropdown-BbdsK4H6.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  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, DropdownProps } 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  ariaLabel = \"Dropdown menu\",\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  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLElement | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\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    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      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]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\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      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\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      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\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    >\r\n      <IconButton\r\n        ref={triggerRef as any}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\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        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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\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\n\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","useCallback","item","useMemo","combineClassNames","capitalize"],"mappings":";;;;;;;AAAA,MAAM,WAAoD,CAAC,UACzDA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;ACXF,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQC,kBAAAA,gBAAA;AAAA,EACR,iBAAiBC,kBAAAA,mBAAA;AAAA,EACjB,eAAeA,kBAAAA,mBAAA;AAAA,EACf,eAAeC,kBAAAA,iBAAA;AAAA,EACf,aAAaA,kBAAAA,iBAAA;AAAA,EACb,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,YAAAC;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AACtC,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAiB,EAAE;AACzD,QAAM,cAAcC,MAAAA,OAAuB,IAAI;AAC/C,QAAM,UAAUA,MAAAA,OAAuB,IAAI;AAC3C,QAAM,aAAaA,MAAAA,OAA2B,IAAI;AAClD,QAAM,SAASC,MAAAA,MAAA;AAEf,QAAM,OAAO,eAAe;AAE5B,QAAM,iBAAiB,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI;AACpD,QAAM,gBAAgB,MAAM;;AAC1B,YAAQ,KAAK;AACb,mBAAe,EAAE;AACjB,2BAAW,YAAX,mBAAoB,UAApB;AAAA,EACF;AAEAC,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,KAAM;AACX,UAAM,aACJ,aAAQ,YAAR,mBAAiB,iBAA8B;AACjD,QAAI,aAAa,UAAU,SAAS,GAAG;AACrC,qBAAe,CAAC;AAAA,IAClB,OAAO;AACL,qBAAe,EAAE;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAETA,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,QAAQ,cAAc,EAAG;AAC9B,UAAM,aACJ,aAAQ,YAAR,mBAAiB,iBAA8B;AACjD,iDAAY,iBAAZ,mBAA0B;AAAA,EAC5B,GAAG,CAAC,aAAa,IAAI,CAAC;AAEtBA,QAAAA,UAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,MAAkB;AAC5C,UACE,YAAY,WACZ,CAAC,YAAY,QAAQ,SAAS,EAAE,MAAc,GAC9C;AACA,sBAAA;AAAA,MACF;AAAA,IACF;AACA,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,QAAI,QAAQ,QAAQ,SAAS;AAC3B,YAAM,OAAO,QAAQ,QAAQ,sBAAA;AAC7B,YAAM,QAAQ,KAAK,QAAQ,OAAO;AAClC,YAAM,OAAO,KAAK,OAAO;AACzB,UAAI,OAAO;AACT,gBAAQ,QAAQ,aAAa,uBAAuB,MAAM;AAC1D,gBAAQ,QAAQ,gBAAgB,oBAAoB;AAAA,MACtD,WAAW,MAAM;AACf,gBAAQ,QAAQ,aAAa,sBAAsB,MAAM;AACzD,gBAAQ,QAAQ,gBAAgB,qBAAqB;AAAA,MACvD,OAAO;AACL,gBAAQ,QAAQ,gBAAgB,qBAAqB;AACrD,gBAAQ,QAAQ,gBAAgB,oBAAoB;AAAA,MACtD;AAAA,IACF;AAEA,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,gBAAgBC,MAAAA;AAAAA,IACpB,CAAC,MAAqC;;AACpC,UAAI,CAAC,KAAM;AAEX,YAAM,MAAM,MAAM;AAClB,YAAM,WAAW,MAAM;AAEvB,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAA;AACF,sBAAA;AACA;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,OAAO;AACnB,sBAAA;AACA;AAAA,MACF;AAEA,UAAI,CAAC,SAAU;AAEf,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAA;AACF,uBAAe,CAAC,SAAU,OAAO,IAAI,KAAK,OAAO,KAAK,GAAI;AAAA,MAC5D,WAAW,EAAE,QAAQ,WAAW;AAC9B,UAAE,eAAA;AACF,uBAAe,CAAC,SAAU,OAAO,IAAI,MAAM,KAAK,OAAO,IAAI,OAAO,GAAI;AAAA,MACxE,WAAW,EAAE,QAAQ,QAAQ;AAC3B,UAAE,eAAA;AACF,uBAAe,CAAC;AAAA,MAClB,WAAW,EAAE,QAAQ,OAAO;AAC1B,UAAE,eAAA;AACF,uBAAe,MAAM,CAAC;AAAA,MACxB,YAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,eAAe,GAAG;AACnE,cAAMC,QAAO,MAAM,WAAW;AAC9B,YAAIA,OAAM;AACR,gBAAAA,MAAK,YAAL,wBAAAA;AACA,wBAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO,WAAW;AAAA,EAAA;AAG3B,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,UAAU,SAAS,aAAa,SAAS;AAAA,MACnD,cAAc,SAAS,SAASC,WAAAA,WAAW,UAAU,CAAC,EAAE;AAAA,MACxD,gBAAgB,SAAS,QAAQA,WAAAA,WAAW,YAAY,CAAC,EAAE;AAAA,MAC3D;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,YAAY,cAAc,aAAa;AAAA,EAAA;AAG3D,SACEd,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAWa,WAAAA,kBAAkB,SAAS,SAAS,SAAS;AAAA,MACxD,WAAW;AAAA,MACX,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAZ,2BAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,YACN;AAAA,YACA,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,QACCJ,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,oBAAiB;AAAA,YACjB,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,MAAM;AAAA,cAAI,CAACU,OAAM,UAChBA,MAAK,OACHX,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAMW,MAAK;AAAA,kBACX,WAAW,SAAS;AAAA,kBACpB,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,SAAS,MAAM;;AACb,0BAAAA,MAAK,YAAL,wBAAAA;AACA,kCAAA;AAAA,kBACF;AAAA,kBACA,eAAaA,MAAK,aAAa;AAAA,kBAE9B,UAAA;AAAA,oBAAAA,MAAK,uCACH,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QACzC,UAAAA,MAAK,KAAA,CACR;AAAA,oBAEDA,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAhBD;AAAA,cAAA,IAmBPX,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,WAAW,SAAS;AAAA,kBACpB,SAAS,MAAM;;AACb,0BAAAW,MAAK,YAAL,wBAAAA;AACA,kCAAA;AAAA,kBACF;AAAA,kBACA,eAAaA,MAAK,aAAa;AAAA,kBAE9B,UAAA;AAAA,oBAAAA,MAAK,uCACH,QAAA,EAAK,WAAW,SAAS,MAAM,eAAY,QACzC,UAAAA,MAAK,KAAA,CACR;AAAA,oBAEDA,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAhBD;AAAA,cAAA;AAAA,YAiBP;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;AACA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvO3B,MAAM,WAAoC,CAAC,UAAU;AACnD,wCAAQ,cAAA,EAAc,GAAG,OAAA,YAAON,uBAAwB,UAAU,QAAQ;AAC5E;;"}

package/dist/next/{Dropdown-DqYjIelJ.js → Dropdown-BvUfz8G7.js}

@@ -3,7 +3,7 @@ import { useState, useRef, useId, useEffect, useCallback, 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, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { I as IconButton } from "./IconButton-B_j-S10f.js";
 const MenuIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -297,4 +297,4 @@ const Dropdown = (props) => {
 export {
   Dropdown as D
 };
-//# sourceMappingURL=Dropdown-DqYjIelJ.js.map
+//# sourceMappingURL=Dropdown-BvUfz8G7.js.map

package/dist/next/{Dropdown-DqYjIelJ.js.map → Dropdown-BvUfz8G7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-DqYjIelJ.js","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  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, DropdownProps } 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  ariaLabel = \"Dropdown menu\",\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  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLElement | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\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    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      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]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\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      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\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      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\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    >\r\n      <IconButton\r\n        ref={triggerRef as any}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\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        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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\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\n\r\nexport default Dropdown;\r\n"],"names":["IconButton","item"],"mappings":"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"}
+{"version":3,"file":"Dropdown-BvUfz8G7.js","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  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, DropdownProps } 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  ariaLabel = \"Dropdown menu\",\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  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLElement | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\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    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      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]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\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      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\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      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\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    >\r\n      <IconButton\r\n        ref={triggerRef as any}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\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        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\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\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\n\r\nexport default Dropdown;\r\n"],"names":["IconButton","item"],"mappings":"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"}

package/dist/next/Dropdown.cjs.js

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

package/dist/next/Dropdown.js

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

package/dist/next/{FileUpload-BSqFdKZD.js → FileUpload-BxmKK5BE.js}

@@ -4,7 +4,7 @@ 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-BILmxkZG.js";
 import { B as Button } from "./Button-DN8rTQSp.js";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { I as IconButton } from "./IconButton-B_j-S10f.js";
 import { F as FormGroup } from "./FormGroup-DSDuqKWJ.js";
 import { P as ProgressBar } from "./ProgressBar-BIojCvdG.js";
 const FileIcon = (props) => /* @__PURE__ */ jsxs(
@@ -473,4 +473,4 @@ const FileUpload = (props) => {
 export {
   FileUpload as F
 };
-//# sourceMappingURL=FileUpload-BSqFdKZD.js.map
+//# sourceMappingURL=FileUpload-BxmKK5BE.js.map