boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Modal-Dre8TMtr.js.map → Modal-BajWiIo7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-Dre8TMtr.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n  useCallback,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n          ),\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isRendered || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden,\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.closeButton}\r\n              state=\"error\"\r\n              size=\"small\"\r\n              icon={CloseIcon}\r\n              aria-label={closeButtonAriaLabel}\r\n              onClick={(e: React.MouseEvent) => {\r\n                e.stopPropagation();\r\n                handleClose();\r\n              }}\r\n              title=\"Close\"\r\n              data-testid={`${testId}-close`}\r\n              type=\"button\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\r\n            onClick={(e: React.MouseEvent) => {\r\n              e.stopPropagation();\r\n              handleClose();\r\n            }}\r\n            title=\"Close\"\r\n            data-testid={`${testId}-close`}\r\n            type=\"button\"\r\n          />\r\n        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["title","header","footer","IconButton","hidden"],"mappings":"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"}
+{"version":3,"file":"Modal-BajWiIo7.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n  useCallback,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n          ),\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isRendered || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden,\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.closeButton}\r\n              state=\"error\"\r\n              size=\"small\"\r\n              icon={CloseIcon}\r\n              aria-label={closeButtonAriaLabel}\r\n              onClick={(e: React.MouseEvent) => {\r\n                e.stopPropagation();\r\n                handleClose();\r\n              }}\r\n              title=\"Close\"\r\n              data-testid={`${testId}-close`}\r\n              type=\"button\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\r\n            onClick={(e: React.MouseEvent) => {\r\n              e.stopPropagation();\r\n              handleClose();\r\n            }}\r\n            title=\"Close\"\r\n            data-testid={`${testId}-close`}\r\n            type=\"button\"\r\n          />\r\n        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["title","header","footer","IconButton","hidden"],"mappings":";;;;;;;;;AAkBA,MAAM,YAAsC,CAAC;AAAA,EAC3C,YAAY;AAAA,EACZ;AAAA,EACA,OAAAA,SAAQ;AAAA,EACR,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,eAAe,SAAS;AAAA,EACxB,YAAAC;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B,IAAI;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,eAAe,eAAe,OAAO;AAE3C,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,cAAc,OAA0B,IAAI;AAClD,QAAM,YAAY,OAA2B,IAAI;AACjD,QAAM,gBAAgB,OAAsB,EAAE;AAE9C,QAAM,MAAM,MAAA;AACZ,QAAM,kBAAkB,GAAG,GAAG;AAE9B,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,KAAK;AAClB,WAAO,WAAW,MAAM,QAAA,GAAW,GAAG;AAAA,EACxC,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,cAAU,UAAW,SAAS,iBAAiC;AAE/D,QAAI,SAAS,SAAS,eAAe,QAAQ;AAC7C,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,KAAK;AACrC,aAAO,KAAK;AACZ,eAAS,KAAK,YAAY,MAAM;AAAA,IAClC;AACA,qBAAiB,MAAM;AACvB,aAAS,KAAK,UAAU,IAAI,UAAU;AAEtC,UAAM,WAAW,MAAM,KAAK,SAAS,KAAK,QAAQ;AAClD,UAAMC,UAAwB,CAAA;AAE9B,aAAS,QAAQ,CAAC,OAAO;AACvB,UAAI,OAAO,UAAU,CAAC,GAAG,aAAa,aAAa,GAAG;AACpD,WAAG,aAAa,eAAe,MAAM;AACrC,QAAAA,QAAO,KAAK,EAAE;AAAA,MAChB;AAAA,IACF,CAAC;AAED,UAAM,YAAY,CAAC,MAAgC;AACjD,UAAI,EAAE,QAAQ,SAAU,aAAA;AAAA,IAC1B;AAEA,aAAS,iBAAiB,WAAW,SAAS;AAE9C,WAAO,MAAM;;AACX,eAAS,KAAK,UAAU,OAAO,UAAU;AACzC,eAAS,oBAAoB,WAAW,SAAS;AACjD,MAAAA,QAAO,QAAQ,CAAC,OAAO,GAAG,gBAAgB,aAAa,CAAC;AACxD,4BAAU,YAAV,mBAAmB,UAAnB;AACA,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,YAAY,UAAU,WAAW,CAAC;AAEtC,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,0BAAsB,MAAM;;AAC1B,mBAAa,IAAI;AAEjB,UAAI,UAAU,SAAS;AACrB,sBAAc,UAAU,MAAM;AAAA,UAC5B,UAAU,QAAQ;AAAA,YAChB;AAAA,UAAA;AAAA,QACF,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,EAAE;AAAA,MACrE;AAEA,OACE,yBAAc,QAAQ,CAAC,KACvB,YAAY,WACZ,UAAU,YAFV,mBAGC,UAHD;AAAA,IAIJ,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AACd,QAAI,cAAc;AAChB,oBAAc,IAAI;AAAA,IACpB,WAAW,cAAc;AACvB,mBAAa,KAAK;AAClB,YAAM,IAAI,OAAO,WAAW,MAAM,cAAc,KAAK,GAAG,GAAG;AAC3D,aAAO,MAAM,OAAO,aAAa,CAAC;AAAA,IACpC,OAAO;AACL,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,QAAM,gBAAgB,CAAC,MAAqC;AAC1D,QAAI,EAAE,QAAQ,MAAO;AAErB,UAAM,OAAO,cAAc;AAC3B,QAAI,CAAC,KAAK,OAAQ;AAElB,UAAM,QAAQ,KAAK,CAAC;AACpB,UAAM,OAAO,KAAK,KAAK,SAAS,CAAC;AAEjC,QAAI,EAAE,YAAY,SAAS,kBAAkB,OAAO;AAClD,QAAE,eAAA;AACF,WAAK,MAAA;AAAA,IACP,WAAW,CAAC,EAAE,YAAY,SAAS,kBAAkB,MAAM;AACzD,QAAE,eAAA;AACF,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,MAAI,CAAC,cAAc,CAAC,cAAe,QAAO;AAE1C,QAAM,mBAAmB;AAAA,IACvB,SAAS;AAAA,IACT;AAAA,IACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,QAAM,YAAY,QAAQH,OAAM,KAAK,QAAQD,MAAK;AAClD,QAAM,YAAY,QAAQE,OAAM;AAEhC,QAAM,yBACJ,mBAAmB,CAAC,aAAa,YAAY,kBAAkB;AAEjE,QAAM,4BAA4B,2BAA2B;AAE7D,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY,SAAS,UAAU,SAAS;AAAA,QAAA;AAAA,QAE1C,SAAS;AAAA,QACT,MAAK;AAAA,QACL,eAAa;AAAA,QAEb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,YACX,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,cAAY;AAAA,YACZ,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB,UAAU;AAAA,YACV,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA,6BACC,oBAAC,MAAA,EAAG,IAAI,iBAAiB,WAAW,SAAS,UAAU,WACpD,UAAA,OAAOF,WAAU,WAAWA,SAAQ,gBACvC;AAAA,cAGD,kCACE,OAAA,EAAI,WAAW,SAAS,QAAQ,eAAa,GAAG,MAAM,WACrD,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,eACtB,UAAAC,WAAU,oBAAC,OAAA,EAAI,WAAW,SAAS,OAAQ,UAAAD,OAAA,CAAM,GACpD;AAAA,gBAEA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,SAAS;AAAA,oBACpB,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,MAAM;AAAA,oBACN,cAAY;AAAA,oBACZ,SAAS,CAAC,MAAwB;AAChC,wBAAE,gBAAA;AACF,kCAAA;AAAA,oBACF;AAAA,oBACA,OAAM;AAAA,oBACN,eAAa,GAAG,MAAM;AAAA,oBACtB,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,GACF;AAAA,cAGD,CAAC,aACA;AAAA,gBAACA;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAW,SAAS,uBAAuB,SAAS;AAAA,kBACpD,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAM;AAAA,kBACN,cAAY;AAAA,kBACZ,SAAS,CAAC,MAAwB;AAChC,sBAAE,gBAAA;AACF,gCAAA;AAAA,kBACF;AAAA,kBACA,OAAM;AAAA,kBACN,eAAa,GAAG,MAAM;AAAA,kBACtB,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIT,oBAAC,SAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SAClD,SAAA,CACH;AAAA,cAEC,aACC,oBAAC,OAAA,EAAI,WAAW,SAAS,QAAQ,eAAa,GAAG,MAAM,WACpD,UAAAD,QAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;AAEA,UAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrPxB,MAAM,QAA8B,CAAC,UAAU;AAC7C,6BAAQ,WAAA,EAAW,GAAG,OAAO,YAAwB,UAAU,QAAQ;AACzE;AACA,MAAM,cAAc;"}

package/dist/next/{Modal-D7hNuMII.cjs → Modal-j59Cj0t1.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./globals.css');require('./Modal.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
@@ -7,7 +7,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-4ySBEhn1.cjs");
+const IconButton = require("./IconButton-C66aQhKe.cjs");
 const BaseModal = ({
   className = "",
   children,
@@ -255,4 +255,4 @@ const Modal = (props) => {
 };
 Modal.displayName = "Modal";
 exports.Modal = Modal;
-//# sourceMappingURL=Modal-D7hNuMII.cjs.map
+//# sourceMappingURL=Modal-j59Cj0t1.cjs.map

package/dist/next/{Modal-D7hNuMII.cjs.map → Modal-j59Cj0t1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-D7hNuMII.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n  useCallback,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n          ),\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isRendered || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden,\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.closeButton}\r\n              state=\"error\"\r\n              size=\"small\"\r\n              icon={CloseIcon}\r\n              aria-label={closeButtonAriaLabel}\r\n              onClick={(e: React.MouseEvent) => {\r\n                e.stopPropagation();\r\n                handleClose();\r\n              }}\r\n              title=\"Close\"\r\n              data-testid={`${testId}-close`}\r\n              type=\"button\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\r\n            onClick={(e: React.MouseEvent) => {\r\n              e.stopPropagation();\r\n              handleClose();\r\n            }}\r\n            title=\"Close\"\r\n            data-testid={`${testId}-close`}\r\n            type=\"button\"\r\n          />\r\n        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["title","header","footer","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"Modal-j59Cj0t1.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n  useCallback,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  title = \"Modal Dialog\",\r\n  header,\r\n  footer,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  open,\r\n  onClose,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  closeButtonAriaLabel = \"Close modal\",\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [isRendered, setIsRendered] = useState(false);\r\n\r\n  const isControlled = typeof open === \"boolean\";\r\n  const shouldBeOpen = isControlled ? open : true;\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const fallbackLabelId = `${uid}-label`;\r\n\r\n  const handleClose = useCallback(() => {\r\n    setIsVisible(false);\r\n    window.setTimeout(() => onClose(), 200);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n      setPortalElement(null);\r\n    };\r\n  }, [isRendered, portalId, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isRendered) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n          ),\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isRendered]);\r\n\r\n  useEffect(() => {\r\n    if (shouldBeOpen) {\r\n      setIsRendered(true);\r\n    } else if (isControlled) {\r\n      setIsVisible(false);\r\n      const t = window.setTimeout(() => setIsRendered(false), 200);\r\n      return () => window.clearTimeout(t);\r\n    } else {\r\n      setIsRendered(false);\r\n    }\r\n  }, [shouldBeOpen, isControlled]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  if (!isRendered || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n  );\r\n\r\n  const hasHeader = Boolean(header) || Boolean(title);\r\n  const hasFooter = Boolean(footer);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel && hasHeader ? fallbackLabelId : undefined);\r\n\r\n  const shouldRenderFallbackLabel = resolvedAriaLabelledBy === fallbackLabelId;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden,\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        {shouldRenderFallbackLabel && (\r\n          <h2 id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n            {typeof title === \"string\" ? title : \"Modal Dialog\"}\r\n          </h2>\r\n        )}\r\n\r\n        {hasHeader && (\r\n          <div className={classMap.header} data-testid={`${testId}-header`}>\r\n            <div className={classMap.headerContent}>\r\n              {header ?? <div className={classMap.title}>{title}</div>}\r\n            </div>\r\n\r\n            <IconButton\r\n              ref={closeBtnRef}\r\n              className={classMap.closeButton}\r\n              state=\"error\"\r\n              size=\"small\"\r\n              icon={CloseIcon}\r\n              aria-label={closeButtonAriaLabel}\r\n              onClick={(e: React.MouseEvent) => {\r\n                e.stopPropagation();\r\n                handleClose();\r\n              }}\r\n              title=\"Close\"\r\n              data-testid={`${testId}-close`}\r\n              type=\"button\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {!hasHeader && (\r\n          <IconButton\r\n            ref={closeBtnRef}\r\n            className={classMap.closeButtonFloating ?? classMap.closeButton}\r\n            state=\"error\"\r\n            size=\"small\"\r\n            icon={CloseIcon}\r\n            aria-label={closeButtonAriaLabel}\r\n            onClick={(e: React.MouseEvent) => {\r\n              e.stopPropagation();\r\n              handleClose();\r\n            }}\r\n            title=\"Close\"\r\n            data-testid={`${testId}-close`}\r\n            type=\"button\"\r\n          />\r\n        )}\r\n\r\n        <div className={classMap.body} data-testid={`${testId}-body`}>\r\n          {children}\r\n        </div>\r\n\r\n        {hasFooter && (\r\n          <div className={classMap.footer} data-testid={`${testId}-footer`}>\r\n            {footer}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["title","header","footer","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useCallback","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}

package/dist/next/Modal.cjs.js

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

package/dist/next/Modal.css

@@ -0,0 +1,320 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._overlay_tnc4u_85 {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
+}
+
+._content_tnc4u_99 {
+  background: var(--background-color-light);
+  color: var(--text-color-primary);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  transform: scale(0.95);
+  opacity: 0;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+  width: 92%;
+  max-width: 560px;
+  max-height: 85vh;
+  overflow: hidden;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+}
+@media (width <= 479.98px) {
+  ._content_tnc4u_99 {
+    width: 90%;
+    max-width: 100%;
+    border-top-left-radius: var(--border-radius-lg);
+    border-top-right-radius: var(--border-radius-lg);
+  }
+}
+@media (min-width: 1024px) {
+  ._content_tnc4u_99 {
+    max-width: 720px;
+  }
+}
+._content_tnc4u_99:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 4px;
+  border-radius: 8px;
+}
+
+._header_tnc4u_137 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--spacing-md);
+  flex-shrink: 0;
+  padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-md);
+  border-bottom: 1px solid var(--border-color);
+}
+@media (width <= 479.98px) {
+  ._header_tnc4u_137 {
+    padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-md);
+  }
+}
+
+._headerContent_tnc4u_152 {
+  flex: 1;
+  min-width: 0;
+}
+
+._title_tnc4u_157 {
+  margin: 0;
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-heading-sm, 1.25rem);
+  font-weight: var(--font-weight-heading, 700);
+  line-height: 1.2;
+  color: inherit;
+}
+
+._body_tnc4u_166 {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--spacing-lg) var(--spacing-xl);
+}
+@media (width <= 479.98px) {
+  ._body_tnc4u_166 {
+    padding: var(--spacing-md) var(--spacing-lg);
+  }
+}
+
+._footer_tnc4u_178 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--spacing-sm);
+  flex-shrink: 0;
+  padding: var(--spacing-md) var(--spacing-xl) var(--spacing-lg);
+  border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
+}
+@media (width <= 479.98px) {
+  ._footer_tnc4u_178 {
+    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
+  }
+}
+
+._closeButton_tnc4u_193 {
+  flex-shrink: 0;
+  border: none;
+}
+
+._closeButtonFloating_tnc4u_198 {
+  position: absolute;
+  top: var(--spacing-sm);
+  right: var(--spacing-sm);
+  z-index: 2;
+  border: none;
+}
+
+._srOnly_tnc4u_206 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+._roundNone_tnc4u_218 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_tnc4u_222 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_tnc4u_226 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_tnc4u_230 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_tnc4u_234 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_tnc4u_238 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_tnc4u_242 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_tnc4u_246 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_tnc4u_250 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_tnc4u_254 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._visible_tnc4u_258 {
+  opacity: 1;
+  pointer-events: auto;
+}
+._visible_tnc4u_258 ._content_tnc4u_99 {
+  opacity: 1;
+  transform: scale(1);
+}
+@media (width <= 479.98px) {
+  ._visible_tnc4u_258 ._content_tnc4u_99 {
+    transform: translateY(0);
+  }
+}
+
+._hidden_tnc4u_272 {
+  opacity: 0;
+  pointer-events: none;
+}
+._hidden_tnc4u_272 ._content_tnc4u_99 {
+  opacity: 0;
+  transform: scale(0.95);
+}
+@media (width <= 479.98px) {
+  ._hidden_tnc4u_272 ._content_tnc4u_99 {
+    transform: translateY(12px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._overlay_tnc4u_85,
+  ._content_tnc4u_99,
+  ._closeButton_tnc4u_193,
+  ._closeButtonFloating_tnc4u_198 {
+    transition: none !important;
+  }
+}
+@media (hover: none) {
+  ._closeButton_tnc4u_193:hover,
+  ._closeButtonFloating_tnc4u_198:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._overlay_tnc4u_85 {
+    background: transparent;
+  }
+  ._content_tnc4u_99 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+    outline-color: Highlight;
+  }
+  ._header_tnc4u_137,
+  ._footer_tnc4u_178 {
+    border-color: ButtonText;
+  }
+  ._closeButton_tnc4u_193,
+  ._closeButtonFloating_tnc4u_198 {
+    color: ButtonText;
+    border: 1px solid ButtonText;
+    border-radius: 4px;
+  }
+}

package/dist/next/Modal.js

@@ -1,4 +1,4 @@
-import { M } from "./Modal-Dre8TMtr.js";
+import { M } from "./Modal-BajWiIo7.js";
 export {
   M as default
 };

package/dist/next/{NavBar-dpbPYT0w.js → NavBar-B0G7ZuqP.js}

@@ -5,7 +5,7 @@ import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 import { L as Link } from "./link-4NcriBFB.js";
 import { n as navigationExports } from "./navigation-BCeRD3ib.js";
-const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
+import './NavBar.css';const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
 const BaseNavBar = ({
   items,
   LinkWrapper,
@@ -93,41 +93,31 @@ const BaseNavBar = ({
   );
 };
 BaseNavBar.displayName = "BaseNavBar";
-const noScroll = "_noScroll_1fbci_109";
-const errorMessage = "_errorMessage_1fbci_110";
-const loadingContainer = "_loadingContainer_1fbci_111";
-const hideScrollbar = "_hideScrollbar_1fbci_103";
-const sr_only = "_sr_only_1fbci_112";
-const container = "_container_1fbci_637";
-const primary = "_primary_1fbci_674";
-const item = "_item_1fbci_674";
-const item_active = "_item_active_1fbci_688";
-const secondary = "_secondary_1fbci_695";
-const tertiary = "_tertiary_1fbci_716";
-const quaternary = "_quaternary_1fbci_737";
-const clear = "_clear_1fbci_758";
-const list = "_list_1fbci_779";
-const linkContent = "_linkContent_1fbci_827";
-const icon = "_icon_1fbci_832";
-const label = "_label_1fbci_853";
-const roundNone = "_roundNone_1fbci_869";
-const roundSmall = "_roundSmall_1fbci_873";
-const roundMedium = "_roundMedium_1fbci_877";
-const roundLarge = "_roundLarge_1fbci_881";
-const roundFull = "_roundFull_1fbci_885";
-const shadowNone = "_shadowNone_1fbci_889";
-const shadowLight = "_shadowLight_1fbci_893";
-const shadowMedium = "_shadowMedium_1fbci_897";
-const shadowStrong = "_shadowStrong_1fbci_901";
-const shadowIntense = "_shadowIntense_1fbci_905";
-const spin = "_spin_1fbci_1";
-const pulse = "_pulse_1fbci_1";
+const container = "_container_rp518_204";
+const primary = "_primary_rp518_241";
+const item = "_item_rp518_241";
+const item_active = "_item_active_rp518_255";
+const secondary = "_secondary_rp518_262";
+const tertiary = "_tertiary_rp518_283";
+const quaternary = "_quaternary_rp518_304";
+const clear = "_clear_rp518_325";
+const list = "_list_rp518_346";
+const linkContent = "_linkContent_rp518_394";
+const icon = "_icon_rp518_399";
+const label = "_label_rp518_420";
+const roundNone = "_roundNone_rp518_436";
+const roundSmall = "_roundSmall_rp518_440";
+const roundMedium = "_roundMedium_rp518_444";
+const roundLarge = "_roundLarge_rp518_448";
+const roundFull = "_roundFull_rp518_452";
+const shadowNone = "_shadowNone_rp518_456";
+const shadowLight = "_shadowLight_rp518_460";
+const shadowMedium = "_shadowMedium_rp518_464";
+const shadowStrong = "_shadowStrong_rp518_468";
+const shadowIntense = "_shadowIntense_rp518_472";
+const spin = "_spin_rp518_1";
+const pulse = "_pulse_rp518_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   primary,
   item,
@@ -150,15 +140,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1fbci_1",
-  "slide-up": "_slide-up_1fbci_1",
-  "spin-3d": "_spin-3d_1fbci_1",
+  "fade-in": "_fade-in_rp518_1",
+  "slide-up": "_slide-up_rp518_1",
+  "spin-3d": "_spin-3d_rp518_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1fbci_1",
-  "progress-grow": "_progress-grow_1fbci_1",
-  "indeterminate-move": "_indeterminate-move_1fbci_1",
-  "skeleton-loading": "_skeleton-loading_1fbci_1"
+  "fade-in-up": "_fade-in-up_rp518_1",
+  "progress-grow": "_progress-grow_rp518_1",
+  "indeterminate-move": "_indeterminate-move_rp518_1",
+  "skeleton-loading": "_skeleton-loading_rp518_1"
 };
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
 const NavBar = ({
@@ -199,4 +189,4 @@ NavBar.displayName = "NavBar";
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-dpbPYT0w.js.map
+//# sourceMappingURL=NavBar-B0G7ZuqP.js.map

package/dist/next/{NavBar-dpbPYT0w.js.map → NavBar-B0G7ZuqP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NavBar-dpbPYT0w.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n  \"aria-label\": ariaLabel = \"Main navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"list-aria-label\": listAriaLabel = \"Main navigation items\",\r\n  getItemAriaLabel,\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul\r\n        className={classMap.list}\r\n        aria-label={listAriaLabel}\r\n        data-testid={`${testId}-nav-list`}\r\n      >\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n          const itemAriaLabel = getItemAriaLabel?.(item) ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              key={`${item.path}-${slug}`}\r\n              className={classMap.listItem}\r\n              data-testid={`${testId}-nav-list-item-${slug}`}\r\n            >\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={itemAriaLabel}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}
+{"version":3,"file":"NavBar-B0G7ZuqP.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n  \"aria-label\": ariaLabel = \"Main navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"list-aria-label\": listAriaLabel = \"Main navigation items\",\r\n  getItemAriaLabel,\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul\r\n        className={classMap.list}\r\n        aria-label={listAriaLabel}\r\n        data-testid={`${testId}-nav-list`}\r\n      >\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n          const itemAriaLabel = getItemAriaLabel?.(item) ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              key={`${item.path}-${slug}`}\r\n              className={classMap.listItem}\r\n              data-testid={`${testId}-nav-list-item-${slug}`}\r\n            >\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={itemAriaLabel}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}