boreal-ui 0.0.31 → 0.0.33

package/dist/next/MetricBox-BIWbtopW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricBox-BIWbtopW.js","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { MetricBoxProps } from \"./MetricBox.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\nexport interface BaseMetricBoxProps extends MetricBoxProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const valueId = `${testId}-value`;\r\n  const subtextId = subtext ? `${testId}-subtext` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={subtextId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable=\"false\" />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        <h3\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h3>\r\n\r\n        <div\r\n          id={valueId}\r\n          className={classMap.value}\r\n          data-testid={`${testId}-value`}\r\n          aria-label={`${value} ${title}`}\r\n        >\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","outline"],"mappings":";;;;;AAeA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAYD,WAAU,GAAG,MAAM,aAAa;AAElD,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACTC,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOA,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,8BAAC,MAAA,EAAK,eAAY,QAAO,WAAU,SAAQ,GAC7C;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,cAAY,GAAGC,MAAK,IAAID,MAAK;AAAA,cAE5B,UAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFC,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAO,oBAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;"}

package/dist/next/MetricBox-Cl0r-MUz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricBox-Cl0r-MUz.cjs","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { MetricBoxProps } from \"./MetricBox.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\nexport interface BaseMetricBoxProps extends MetricBoxProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const valueId = `${testId}-value`;\r\n  const subtextId = subtext ? `${testId}-subtext` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={subtextId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable=\"false\" />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        <h3\r\n          id={titleId}\r\n          className={classMap.title}\r\n          data-testid={`${testId}-title`}\r\n        >\r\n          {title}\r\n        </h3>\r\n\r\n        <div\r\n          id={valueId}\r\n          className={classMap.value}\r\n          data-testid={`${testId}-value`}\r\n          aria-label={`${value} ${title}`}\r\n        >\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\n\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","getDefaultTheme","getDefaultShadow","getDefaultRounding","outline","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAeA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAYL,WAAU,GAAG,MAAM,aAAa;AAElD,QAAM,eAAeM,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACTH,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASI,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOJ,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,SACEK,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCC,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAY,QAAO,WAAU,SAAQ,GAC7C;AAAA,QAGFD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAZ;AAAA,YAAA;AAAA,UAAA;AAAA,UAGHY,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,cAAY,GAAGX,MAAK,IAAID,MAAK;AAAA,cAE5B,UAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFC,YACCU,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAOU,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;;"}

package/dist/next/Modal-BOaNai97.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-BOaNai97.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} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { ModalProps } 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\nexport interface BaseModalProps extends ModalProps {\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n  portalId?: string;\r\n}\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const modalRef = useRef<HTMLDivElement>(null);\r\n  const firstFocusable = useRef<HTMLButtonElement>(null);\r\n\r\n  const id = useId();\r\n  const labelId = `${id}-label`;\r\n  const descId = `${id}-desc`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\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    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n    };\r\n  }, [portalId]);\r\n\r\n  useEffect(() => {\r\n    if (isMounted) {\r\n      requestAnimationFrame(() => {\r\n        setIsVisible(true);\r\n        setTimeout(() => {\r\n          modalRef.current?.focus();\r\n        }, 10);\r\n      });\r\n    }\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === \"Escape\") onClose();\r\n    if (e.key === \"Tab\") trapFocus(e);\r\n  };\r\n\r\n  const trapFocus = (e: KeyboardEvent) => {\r\n    const focusableEls = modalRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.length - 1];\r\n\r\n    if (e.shiftKey) {\r\n      if (document.activeElement === first) {\r\n        e.preventDefault();\r\n        last.focus();\r\n      }\r\n    } else {\r\n      if (document.activeElement === last) {\r\n        e.preventDefault();\r\n        first.focus();\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !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  return ReactDOM.createPortal(\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      onKeyDown={handleKeyDown}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={descId}\r\n      tabIndex={-1}\r\n      ref={modalRef}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        data-testid={`${testId}-content`}\r\n        id={descId}\r\n      >\r\n        <h2 id={labelId} className=\"sr-only\">\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={firstFocusable}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          aria-label=\"Close modal\"\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        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\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\n\r\nexport default Modal;\r\n"],"names":["IconButton"],"mappings":"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"}

package/dist/next/Modal-BmAYw3X9.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-BmAYw3X9.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} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { ModalProps } 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\nexport interface BaseModalProps extends ModalProps {\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n  portalId?: string;\r\n}\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const modalRef = useRef<HTMLDivElement>(null);\r\n  const firstFocusable = useRef<HTMLButtonElement>(null);\r\n\r\n  const id = useId();\r\n  const labelId = `${id}-label`;\r\n  const descId = `${id}-desc`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\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    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n    };\r\n  }, [portalId]);\r\n\r\n  useEffect(() => {\r\n    if (isMounted) {\r\n      requestAnimationFrame(() => {\r\n        setIsVisible(true);\r\n        setTimeout(() => {\r\n          modalRef.current?.focus();\r\n        }, 10);\r\n      });\r\n    }\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === \"Escape\") onClose();\r\n    if (e.key === \"Tab\") trapFocus(e);\r\n  };\r\n\r\n  const trapFocus = (e: KeyboardEvent) => {\r\n    const focusableEls = modalRef.current?.querySelectorAll<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n    );\r\n    if (!focusableEls || focusableEls.length === 0) return;\r\n\r\n    const first = focusableEls[0];\r\n    const last = focusableEls[focusableEls.length - 1];\r\n\r\n    if (e.shiftKey) {\r\n      if (document.activeElement === first) {\r\n        e.preventDefault();\r\n        last.focus();\r\n      }\r\n    } else {\r\n      if (document.activeElement === last) {\r\n        e.preventDefault();\r\n        first.focus();\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !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  return ReactDOM.createPortal(\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      onKeyDown={handleKeyDown}\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={descId}\r\n      tabIndex={-1}\r\n      ref={modalRef}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        data-testid={`${testId}-content`}\r\n        id={descId}\r\n      >\r\n        <h2 id={labelId} className=\"sr-only\">\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={firstFocusable}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          aria-label=\"Close modal\"\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        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\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\n\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}

package/dist/next/NavBar-CKo-nom2.js

@@ -1,173 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { L as Link } from "./link-Bik5xH00.js";
-import { n as navigation } from "./navigation-DTwYCgCL.js";
-const BaseNavBar = ({
-  items,
-  currentPath,
-  LinkWrapper,
-  classMap,
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  className,
-  "data-testid": testId = "nav-bar"
-}) => {
-  const wrapperClass = useMemo(
-    () => combineClassNames(classMap.container, classMap[theme], className),
-    [classMap, theme]
-  );
-  const itemClass = useMemo(
-    () => combineClassNames(
-      classMap.item,
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`]
-    ),
-    [classMap, shadow, rounding]
-  );
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "Main navigation",
-      className: wrapperClass,
-      "data-testid": `${testId}-nav-bar`,
-      children: items.map((item2, index) => {
-        const isActive = currentPath === item2.path;
-        console.log(
-          "Nav item className:",
-          combineClassNames(classMap.item, isActive && classMap.active)
-        );
-        return /* @__PURE__ */ jsx(
-          LinkWrapper,
-          {
-            href: item2.path,
-            isActive,
-            className: combineClassNames(
-              itemClass,
-              isActive && classMap["item--active"]
-            ),
-            testId: `${testId}-nav-item-${item2.label.toLowerCase()}`,
-            "aria-current": isActive ? "page" : void 0,
-            children: /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: classMap.linkContent,
-                style: { display: "flex", alignItems: "center" },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: classMap.icon,
-                      "aria-hidden": "true",
-                      "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
-                      children: item2.icon
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: classMap.label, children: item2.label })
-                ]
-              }
-            )
-          },
-          `${item2.label}-${index}`
-        );
-      })
-    }
-  );
-};
-const noScroll = "_noScroll_ilff1_91";
-const errorMessage = "_errorMessage_ilff1_92";
-const loadingContainer = "_loadingContainer_ilff1_93";
-const hideScrollbar = "_hideScrollbar_ilff1_85";
-const sr_only = "_sr_only_ilff1_94";
-const container = "_container_ilff1_539";
-const primary = "_primary_ilff1_566";
-const item = "_item_ilff1_566";
-const secondary = "_secondary_ilff1_578";
-const tertiary = "_tertiary_ilff1_590";
-const quaternary = "_quaternary_ilff1_602";
-const clear = "_clear_ilff1_614";
-const linkContent = "_linkContent_ilff1_646";
-const icon = "_icon_ilff1_650";
-const label = "_label_ilff1_661";
-const roundNone = "_roundNone_ilff1_673";
-const roundSmall = "_roundSmall_ilff1_677";
-const roundMedium = "_roundMedium_ilff1_681";
-const roundLarge = "_roundLarge_ilff1_685";
-const roundFull = "_roundFull_ilff1_689";
-const shadowNone = "_shadowNone_ilff1_693";
-const shadowLight = "_shadowLight_ilff1_697";
-const shadowMedium = "_shadowMedium_ilff1_701";
-const shadowStrong = "_shadowStrong_ilff1_705";
-const shadowIntense = "_shadowIntense_ilff1_709";
-const spin = "_spin_ilff1_1";
-const pulse = "_pulse_ilff1_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  container,
-  primary,
-  item,
-  "item--active": "_item--active_ilff1_573",
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  linkContent,
-  icon,
-  label,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_ilff1_1",
-  "slide-up": "_slide-up_ilff1_1",
-  "spin-3d": "_spin-3d_ilff1_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_ilff1_1",
-  "progress-grow": "_progress-grow_ilff1_1",
-  "indeterminate-move": "_indeterminate-move_ilff1_1",
-  "skeleton-loading": "_skeleton-loading_ilff1_1"
-};
-const NavBar = ({
-  mockPath,
-  ...props
-}) => {
-  const pathname = navigation.usePathname();
-  const resolvedPath = mockPath ?? pathname;
-  return /* @__PURE__ */ jsx(
-    BaseNavBar,
-    {
-      ...props,
-      currentPath: resolvedPath || "/",
-      LinkWrapper: ({ href, children, className, isActive, testId }) => /* @__PURE__ */ jsx(
-        Link,
-        {
-          href,
-          className,
-          "aria-current": isActive ? "page" : void 0,
-          "data-testid": testId,
-          children
-        }
-      ),
-      classMap: styles
-    }
-  );
-};
-export {
-  NavBar as N
-};
-//# sourceMappingURL=NavBar-CKo-nom2.js.map

package/dist/next/NavBar-CKo-nom2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavBar-CKo-nom2.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\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      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\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            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <span\r\n              className={classMap.linkContent}\r\n              style={{ display: \"flex\", alignItems: \"center\" }}\r\n            >\r\n              <span\r\n                className={classMap.icon}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n              >\r\n                {item.icon}\r\n              </span>\r\n              <span className={classMap.label}>{item.label}</span>\r\n            </span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\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 } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\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\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":";;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAY;AAAA,IAChB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMA,MAAK;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,SAAS;AAAA,gBACpB,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAA;AAAA,gBAEtC,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAY;AAAA,sBACZ,eAAa,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,sBAE1D,UAAAA,MAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,sCAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,UAtBK,GAAGA,MAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAyBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrFA,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWC,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/next/NavBar-CO4v6_28.cjs

@@ -1,172 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-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 link = require("./link-hxAaLm0Q.cjs");
-const navigation = require("./navigation-m012syo9.cjs");
-const BaseNavBar = ({
-  items,
-  currentPath,
-  LinkWrapper,
-  classMap,
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  className,
-  "data-testid": testId = "nav-bar"
-}) => {
-  const wrapperClass = React.useMemo(
-    () => classNames.combineClassNames(classMap.container, classMap[theme], className),
-    [classMap, theme]
-  );
-  const itemClass = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.item,
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-    ),
-    [classMap, shadow, rounding]
-  );
-  return /* @__PURE__ */ require$$2.jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "Main navigation",
-      className: wrapperClass,
-      "data-testid": `${testId}-nav-bar`,
-      children: items.map((item2, index) => {
-        const isActive = currentPath === item2.path;
-        console.log(
-          "Nav item className:",
-          classNames.combineClassNames(classMap.item, isActive && classMap.active)
-        );
-        return /* @__PURE__ */ require$$2.jsx(
-          LinkWrapper,
-          {
-            href: item2.path,
-            isActive,
-            className: classNames.combineClassNames(
-              itemClass,
-              isActive && classMap["item--active"]
-            ),
-            testId: `${testId}-nav-item-${item2.label.toLowerCase()}`,
-            "aria-current": isActive ? "page" : void 0,
-            children: /* @__PURE__ */ require$$2.jsxs(
-              "span",
-              {
-                className: classMap.linkContent,
-                style: { display: "flex", alignItems: "center" },
-                children: [
-                  /* @__PURE__ */ require$$2.jsx(
-                    "span",
-                    {
-                      className: classMap.icon,
-                      "aria-hidden": "true",
-                      "data-testid": `${testId}-nav-icon-${item2.label.toLowerCase()}`,
-                      children: item2.icon
-                    }
-                  ),
-                  /* @__PURE__ */ require$$2.jsx("span", { className: classMap.label, children: item2.label })
-                ]
-              }
-            )
-          },
-          `${item2.label}-${index}`
-        );
-      })
-    }
-  );
-};
-const noScroll = "_noScroll_ilff1_91";
-const errorMessage = "_errorMessage_ilff1_92";
-const loadingContainer = "_loadingContainer_ilff1_93";
-const hideScrollbar = "_hideScrollbar_ilff1_85";
-const sr_only = "_sr_only_ilff1_94";
-const container = "_container_ilff1_539";
-const primary = "_primary_ilff1_566";
-const item = "_item_ilff1_566";
-const secondary = "_secondary_ilff1_578";
-const tertiary = "_tertiary_ilff1_590";
-const quaternary = "_quaternary_ilff1_602";
-const clear = "_clear_ilff1_614";
-const linkContent = "_linkContent_ilff1_646";
-const icon = "_icon_ilff1_650";
-const label = "_label_ilff1_661";
-const roundNone = "_roundNone_ilff1_673";
-const roundSmall = "_roundSmall_ilff1_677";
-const roundMedium = "_roundMedium_ilff1_681";
-const roundLarge = "_roundLarge_ilff1_685";
-const roundFull = "_roundFull_ilff1_689";
-const shadowNone = "_shadowNone_ilff1_693";
-const shadowLight = "_shadowLight_ilff1_697";
-const shadowMedium = "_shadowMedium_ilff1_701";
-const shadowStrong = "_shadowStrong_ilff1_705";
-const shadowIntense = "_shadowIntense_ilff1_709";
-const spin = "_spin_ilff1_1";
-const pulse = "_pulse_ilff1_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  container,
-  primary,
-  item,
-  "item--active": "_item--active_ilff1_573",
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  linkContent,
-  icon,
-  label,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_ilff1_1",
-  "slide-up": "_slide-up_ilff1_1",
-  "spin-3d": "_spin-3d_ilff1_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_ilff1_1",
-  "progress-grow": "_progress-grow_ilff1_1",
-  "indeterminate-move": "_indeterminate-move_ilff1_1",
-  "skeleton-loading": "_skeleton-loading_ilff1_1"
-};
-const NavBar = ({
-  mockPath,
-  ...props
-}) => {
-  const pathname = navigation.navigation.usePathname();
-  const resolvedPath = mockPath ?? pathname;
-  return /* @__PURE__ */ require$$2.jsx(
-    BaseNavBar,
-    {
-      ...props,
-      currentPath: resolvedPath || "/",
-      LinkWrapper: ({ href, children, className, isActive, testId }) => /* @__PURE__ */ require$$2.jsx(
-        link.Link,
-        {
-          href,
-          className,
-          "aria-current": isActive ? "page" : void 0,
-          "data-testid": testId,
-          children
-        }
-      ),
-      classMap: styles
-    }
-  );
-};
-exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-CO4v6_28.cjs.map

package/dist/next/NavBar-CO4v6_28.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavBar-CO4v6_28.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\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      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\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            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <span\r\n              className={classMap.linkContent}\r\n              style={{ display: \"flex\", alignItems: \"center\" }}\r\n            >\r\n              <span\r\n                className={classMap.icon}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n              >\r\n                {item.icon}\r\n              </span>\r\n              <span className={classMap.label}>{item.label}</span>\r\n            </span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\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 } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\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\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":";;;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACAH,WAAAA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACEE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMC,MAAK;AAAA,YACX;AAAA,YACA,WAAWH,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaG,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,SAAS;AAAA,gBACpB,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAA;AAAA,gBAEtC,UAAA;AAAA,kBAAAF,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,eAAY;AAAA,sBACZ,eAAa,GAAG,MAAM,aAAaC,MAAK,MAAM,aAAa;AAAA,sBAE1D,UAAAA,MAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,iDAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/C;AAAA,UAtBK,GAAGA,MAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAyBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrFA,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWE,WAAAA,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnDA,2BAAAA;AAAAA,QAACI,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}

package/dist/next/Pager-BADOS4cm.cjs

@@ -1,166 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-G1PFBSqU.cjs");
-const IconButton = require("./IconButton-SZdNlqIZ.cjs");
-const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
-  "svg",
-  {
-    width: "24px",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    color: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ require$$2.jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
-const BasePager = ({
-  totalItems,
-  itemsPerPage,
-  currentPage,
-  serverControlled = false,
-  onPageChange,
-  className = "",
-  size = borealStyleConfig.getDefaultSize(),
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  state = "",
-  "data-testid": testId = "pager",
-  Button: Button2,
-  IconButton: IconButton2,
-  classMap
-}) => {
-  const totalPages = Math.ceil(totalItems / itemsPerPage);
-  const pages = serverControlled ? [] : Array.from({ length: totalPages }, (_, i) => i + 1);
-  return /* @__PURE__ */ require$$2.jsxs(
-    "nav",
-    {
-      className: `${classMap.wrapper} ${className}`,
-      "aria-label": "Pagination Navigation",
-      role: "navigation",
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ require$$2.jsx(
-          IconButton2,
-          {
-            icon: ArrowLeftIcon,
-            theme,
-            state,
-            size,
-            shadow,
-            rounding,
-            className: classMap.controlButton,
-            disabled: currentPage === 1,
-            "aria-label": "Go to previous page",
-            title: "Previous Page",
-            onClick: () => onPageChange(currentPage - 1),
-            "data-testid": `${testId}-prev`
-          }
-        ) }),
-        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, role: "list", children: serverControlled ? /* @__PURE__ */ require$$2.jsx(
-          "div",
-          {
-            className: classMap.buttonWrapper,
-            role: "listitem",
-            "data-testid": `${testId}-page-${currentPage}`,
-            children: /* @__PURE__ */ require$$2.jsx(
-              Button2,
-              {
-                theme,
-                state,
-                size,
-                rounding,
-                shadow,
-                onClick: () => onPageChange(currentPage),
-                "aria-label": `Page ${currentPage}`,
-                "aria-current": "page",
-                disabled: true,
-                className: `${classMap.button} ${classMap.active}`,
-                "data-testid": `${testId}-button-${currentPage}`,
-                children: currentPage
-              }
-            )
-          }
-        ) : pages.map((page) => /* @__PURE__ */ require$$2.jsx(
-          "div",
-          {
-            className: classMap.buttonWrapper,
-            "data-testid": `${testId}-page-${page}`,
-            role: "listitem",
-            children: /* @__PURE__ */ require$$2.jsx(
-              Button2,
-              {
-                theme,
-                state,
-                size,
-                rounding,
-                shadow,
-                onClick: () => onPageChange(page),
-                "aria-label": `Go to page ${page}`,
-                "aria-current": page === currentPage ? "page" : void 0,
-                disabled: page === currentPage,
-                className: `${classMap.button} ${page === currentPage ? classMap.active : ""}`,
-                "data-testid": `${testId}-button-${page}`,
-                children: page
-              }
-            )
-          },
-          page
-        )) }),
-        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.controls, children: /* @__PURE__ */ require$$2.jsx(
-          IconButton2,
-          {
-            icon: ArrowRightIcon.ArrowRightIcon,
-            theme,
-            state,
-            rounding,
-            shadow,
-            size,
-            className: classMap.controlButton,
-            disabled: currentPage === totalPages,
-            "aria-label": "Go to next page",
-            title: "Next Page",
-            onClick: () => onPageChange(currentPage + 1),
-            "data-testid": `${testId}-next`
-          }
-        ) })
-      ]
-    }
-  );
-};
-const wrapper = "_wrapper_mx3zn_68";
-const controls = "_controls_mx3zn_84";
-const controlButton = "_controlButton_mx3zn_100";
-const button = "_button_mx3zn_115";
-const styles = {
-  wrapper,
-  controls,
-  controlButton,
-  button
-};
-const Pager = (props) => {
-  return /* @__PURE__ */ require$$2.jsx(
-    BasePager,
-    {
-      ...props,
-      Button: Button.Button,
-      IconButton: IconButton.IconButton,
-      classMap: styles
-    }
-  );
-};
-exports.Pager = Pager;
-//# sourceMappingURL=Pager-BADOS4cm.cjs.map

package/dist/next/Pager-BADOS4cm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pager-BADOS4cm.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport { PaginationProps } from \"./Pager.types\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePagerProps extends PaginationProps {\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n  totalItems,\r\n  itemsPerPage,\r\n  currentPage,\r\n  serverControlled = false,\r\n  onPageChange,\r\n  className = \"\",\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  \"data-testid\": testId = \"pager\",\r\n  Button,\r\n  IconButton,\r\n  classMap,\r\n}) => {\r\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\r\n  const pages = serverControlled\r\n    ? []\r\n    : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n  return (\r\n    <nav\r\n      className={`${classMap.wrapper} ${className}`}\r\n      aria-label=\"Pagination Navigation\"\r\n      role=\"navigation\"\r\n      data-testid={testId}\r\n    >\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowLeftIcon}\r\n          theme={theme}\r\n          state={state}\r\n          size={size}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          className={classMap.controlButton}\r\n          disabled={currentPage === 1}\r\n          aria-label=\"Go to previous page\"\r\n          title=\"Previous Page\"\r\n          onClick={() => onPageChange(currentPage - 1)}\r\n          data-testid={`${testId}-prev`}\r\n        />\r\n      </div>\r\n\r\n      <div className={classMap.controls} role=\"list\">\r\n        {serverControlled ? (\r\n          <div\r\n            className={classMap.buttonWrapper}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-page-${currentPage}`}\r\n          >\r\n            <Button\r\n              theme={theme}\r\n              state={state}\r\n              size={size}\r\n              rounding={rounding}\r\n              shadow={shadow}\r\n              onClick={() => onPageChange(currentPage)}\r\n              aria-label={`Page ${currentPage}`}\r\n              aria-current=\"page\"\r\n              disabled\r\n              className={`${classMap.button} ${classMap.active}`}\r\n              data-testid={`${testId}-button-${currentPage}`}\r\n            >\r\n              {currentPage}\r\n            </Button>\r\n          </div>\r\n        ) : (\r\n          pages.map((page) => (\r\n            <div\r\n              key={page}\r\n              className={classMap.buttonWrapper}\r\n              data-testid={`${testId}-page-${page}`}\r\n              role=\"listitem\"\r\n            >\r\n              <Button\r\n                theme={theme}\r\n                state={state}\r\n                size={size}\r\n                rounding={rounding}\r\n                shadow={shadow}\r\n                onClick={() => onPageChange(page)}\r\n                aria-label={`Go to page ${page}`}\r\n                aria-current={page === currentPage ? \"page\" : undefined}\r\n                disabled={page === currentPage}\r\n                className={`${classMap.button} ${\r\n                  page === currentPage ? classMap.active : \"\"\r\n                }`}\r\n                data-testid={`${testId}-button-${page}`}\r\n              >\r\n                {page}\r\n              </Button>\r\n            </div>\r\n          ))\r\n        )}\r\n      </div>\r\n\r\n      <div className={classMap.controls}>\r\n        <IconButton\r\n          icon={ArrowRightIcon}\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          size={size}\r\n          className={classMap.controlButton}\r\n          disabled={currentPage === totalPages}\r\n          aria-label=\"Go to next page\"\r\n          title=\"Next Page\"\r\n          onClick={() => onPageChange(currentPage + 1)}\r\n          data-testid={`${testId}-next`}\r\n        />\r\n      </div>\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BasePager;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n  return (\r\n    <BasePager\r\n      {...props}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","jsxs","ArrowRightIcon"],"mappings":";;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACDF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,KAAK,KAAK,aAAa,YAAY;AACtD,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,WAAA,GAAc,CAAC,GAAG,MAAM,IAAI,CAAC;AAEtD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,MAAK;AAAA,MACL,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAP,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,uCAEC,OAAA,EAAI,WAAW,SAAS,UAAU,MAAK,QACrC,UAAA,mBACCN,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM,SAAS,WAAW;AAAA,YAE1C,UAAAA,2BAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,WAAW;AAAA,gBACvC,cAAY,QAAQ,WAAW;AAAA,gBAC/B,gBAAa;AAAA,gBACb,UAAQ;AAAA,gBACR,WAAW,GAAG,SAAS,MAAM,IAAI,SAAS,MAAM;AAAA,gBAChD,eAAa,GAAG,MAAM,WAAW,WAAW;AAAA,gBAE3C,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,IAGF,MAAM,IAAI,CAAC,SACTL,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,YACnC,MAAK;AAAA,YAEL,UAAAA,2BAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,SAAS,MAAM,aAAa,IAAI;AAAA,gBAChC,cAAY,cAAc,IAAI;AAAA,gBAC9B,gBAAc,SAAS,cAAc,SAAS;AAAA,gBAC9C,UAAU,SAAS;AAAA,gBACnB,WAAW,GAAG,SAAS,MAAM,IAC3B,SAAS,cAAc,SAAS,SAAS,EAC3C;AAAA,gBACA,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,gBAEpC,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UArBK;AAAA,QAAA,CAuBR,GAEL;AAAA,QAEAL,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAME,eAAAA;AAAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB,UAAU,gBAAgB;AAAA,YAC1B,cAAW;AAAA,YACX,OAAM;AAAA,YACN,SAAS,MAAM,aAAa,cAAc,CAAC;AAAA,YAC3C,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA,EACxB,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;;;;;;;AC7HA,MAAM,QAAmC,CAAC,UAAU;AAClD,SACER,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJK,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}