boreal-ui 0.0.76 → 0.0.78

package/dist/next/Pager.css

@@ -0,0 +1,173 @@
+@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.
+ */
+._wrapper_upza0_85 {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--spacing-sm);
+  width: fit-content;
+  margin: auto;
+  justify-content: center;
+  align-items: center;
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+}
+@media (width <= 767.98px) {
+  ._wrapper_upza0_85 {
+    flex-wrap: wrap;
+  }
+}
+@media (width <= 319.98px) {
+  ._wrapper_upza0_85 {
+    flex-direction: row;
+    gap: var(--spacing-sm);
+  }
+}
+
+._controls_upza0_111 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  list-style: none;
+  margin: auto;
+  padding: 0;
+}
+@media (width <= 319.98px) {
+  ._controls_upza0_111 {
+    gap: clamp(5px, 4vw, var(--spacing-lg));
+    order: -1;
+  }
+}
+
+._buttons_upza0_126 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  list-style-type: none;
+}
+@media (width <= 319.98px) {
+  ._buttons_upza0_126 {
+    flex-grow: 1;
+    flex-direction: row;
+    gap: var(--spacing-xxs);
+    margin-top: var(--spacing-xxs);
+  }
+}
+
+._button_upza0_126 {
+  margin: 2px;
+}
+@media (width <= 319.98px) {
+  ._button_upza0_126 {
+    font-size: var(--font-size-caption);
+  }
+}
+._button_upza0_126:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_upza0_85,
+  ._wrapper_upza0_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._button_upza0_126 {
+    color: ButtonText;
+    border: 1px solid ButtonText;
+    background: Canvas;
+  }
+  ._button_upza0_126:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/Pager.js

@@ -1,4 +1,4 @@
-import { P } from "./Pager-DFKfUn1s.js";
+import { P } from "./Pager-C7n5x44P.js";
 export {
   P as default
 };

package/dist/next/{PopOver-CpSdILYS.cjs → PopOver-D8BwV2PM.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./PopOver.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
@@ -192,48 +192,38 @@ const BasePopover = ({
   );
 };
 BasePopover.displayName = "BasePopover";
-const noScroll = "_noScroll_1uqku_109";
-const errorMessage = "_errorMessage_1uqku_110";
-const loadingContainer = "_loadingContainer_1uqku_111";
-const hideScrollbar = "_hideScrollbar_1uqku_103";
-const sr_only = "_sr_only_1uqku_112";
-const container = "_container_1uqku_637";
-const trigger = "_trigger_1uqku_643";
-const popover = "_popover_1uqku_657";
-const primary = "_primary_1uqku_704";
-const secondary = "_secondary_1uqku_709";
-const tertiary = "_tertiary_1uqku_714";
-const quaternary = "_quaternary_1uqku_719";
-const clear = "_clear_1uqku_724";
-const success = "_success_1uqku_729";
-const error = "_error_1uqku_110";
-const warning = "_warning_1uqku_741";
-const top = "_top_1uqku_755";
-const bottom = "_bottom_1uqku_761";
-const left = "_left_1uqku_767";
-const right = "_right_1uqku_773";
-const roundNone = "_roundNone_1uqku_791";
-const roundSmall = "_roundSmall_1uqku_795";
-const roundMedium = "_roundMedium_1uqku_799";
-const roundLarge = "_roundLarge_1uqku_803";
-const roundFull = "_roundFull_1uqku_807";
-const shadowNone = "_shadowNone_1uqku_811";
-const shadowLight = "_shadowLight_1uqku_815";
-const shadowMedium = "_shadowMedium_1uqku_819";
-const shadowStrong = "_shadowStrong_1uqku_823";
-const shadowIntense = "_shadowIntense_1uqku_827";
-const spin = "_spin_1uqku_1";
-const pulse = "_pulse_1uqku_1";
+const container = "_container_4farb_204";
+const trigger = "_trigger_4farb_210";
+const popover = "_popover_4farb_224";
+const primary = "_primary_4farb_271";
+const secondary = "_secondary_4farb_276";
+const tertiary = "_tertiary_4farb_281";
+const quaternary = "_quaternary_4farb_286";
+const clear = "_clear_4farb_291";
+const success = "_success_4farb_296";
+const error = "_error_4farb_302";
+const warning = "_warning_4farb_308";
+const top = "_top_4farb_322";
+const bottom = "_bottom_4farb_328";
+const left = "_left_4farb_334";
+const right = "_right_4farb_340";
+const roundNone = "_roundNone_4farb_358";
+const roundSmall = "_roundSmall_4farb_362";
+const roundMedium = "_roundMedium_4farb_366";
+const roundLarge = "_roundLarge_4farb_370";
+const roundFull = "_roundFull_4farb_374";
+const shadowNone = "_shadowNone_4farb_378";
+const shadowLight = "_shadowLight_4farb_382";
+const shadowMedium = "_shadowMedium_4farb_386";
+const shadowStrong = "_shadowStrong_4farb_390";
+const shadowIntense = "_shadowIntense_4farb_394";
+const spin = "_spin_4farb_1";
+const pulse = "_pulse_4farb_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   trigger,
   popover,
-  "fade-in": "_fade-in_1uqku_1",
+  "fade-in": "_fade-in_4farb_1",
   primary,
   secondary,
   tertiary,
@@ -256,18 +246,18 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "slide-up": "_slide-up_1uqku_1",
-  "spin-3d": "_spin-3d_1uqku_1",
+  "slide-up": "_slide-up_4farb_1",
+  "spin-3d": "_spin-3d_4farb_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1uqku_1",
-  "progress-grow": "_progress-grow_1uqku_1",
-  "indeterminate-move": "_indeterminate-move_1uqku_1",
-  "skeleton-loading": "_skeleton-loading_1uqku_1"
+  "fade-in-up": "_fade-in-up_4farb_1",
+  "progress-grow": "_progress-grow_4farb_1",
+  "indeterminate-move": "_indeterminate-move_4farb_1",
+  "skeleton-loading": "_skeleton-loading_4farb_1"
 };
 const Popover = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BasePopover, { ...props, classMap: styles });
 };
 Popover.displayName = "Popover";
 exports.Popover = Popover;
-//# sourceMappingURL=PopOver-CpSdILYS.cjs.map
+//# sourceMappingURL=PopOver-D8BwV2PM.cjs.map

package/dist/next/{PopOver-CpSdILYS.cjs.map → PopOver-D8BwV2PM.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PopOver-CpSdILYS.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"PopOver-D8BwV2PM.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/{PopOver-CUON_Abe.js → PopOver-Dmf41W2o.js}

@@ -3,7 +3,7 @@ import { useState, useRef, useId, useEffect, 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-DsaRlxmw.js";
-const BasePopover = ({
+import './PopOver.css';const BasePopover = ({
   trigger: trigger2,
   content,
   placement = "bottom",
@@ -191,48 +191,38 @@ const BasePopover = ({
   );
 };
 BasePopover.displayName = "BasePopover";
-const noScroll = "_noScroll_1uqku_109";
-const errorMessage = "_errorMessage_1uqku_110";
-const loadingContainer = "_loadingContainer_1uqku_111";
-const hideScrollbar = "_hideScrollbar_1uqku_103";
-const sr_only = "_sr_only_1uqku_112";
-const container = "_container_1uqku_637";
-const trigger = "_trigger_1uqku_643";
-const popover = "_popover_1uqku_657";
-const primary = "_primary_1uqku_704";
-const secondary = "_secondary_1uqku_709";
-const tertiary = "_tertiary_1uqku_714";
-const quaternary = "_quaternary_1uqku_719";
-const clear = "_clear_1uqku_724";
-const success = "_success_1uqku_729";
-const error = "_error_1uqku_110";
-const warning = "_warning_1uqku_741";
-const top = "_top_1uqku_755";
-const bottom = "_bottom_1uqku_761";
-const left = "_left_1uqku_767";
-const right = "_right_1uqku_773";
-const roundNone = "_roundNone_1uqku_791";
-const roundSmall = "_roundSmall_1uqku_795";
-const roundMedium = "_roundMedium_1uqku_799";
-const roundLarge = "_roundLarge_1uqku_803";
-const roundFull = "_roundFull_1uqku_807";
-const shadowNone = "_shadowNone_1uqku_811";
-const shadowLight = "_shadowLight_1uqku_815";
-const shadowMedium = "_shadowMedium_1uqku_819";
-const shadowStrong = "_shadowStrong_1uqku_823";
-const shadowIntense = "_shadowIntense_1uqku_827";
-const spin = "_spin_1uqku_1";
-const pulse = "_pulse_1uqku_1";
+const container = "_container_4farb_204";
+const trigger = "_trigger_4farb_210";
+const popover = "_popover_4farb_224";
+const primary = "_primary_4farb_271";
+const secondary = "_secondary_4farb_276";
+const tertiary = "_tertiary_4farb_281";
+const quaternary = "_quaternary_4farb_286";
+const clear = "_clear_4farb_291";
+const success = "_success_4farb_296";
+const error = "_error_4farb_302";
+const warning = "_warning_4farb_308";
+const top = "_top_4farb_322";
+const bottom = "_bottom_4farb_328";
+const left = "_left_4farb_334";
+const right = "_right_4farb_340";
+const roundNone = "_roundNone_4farb_358";
+const roundSmall = "_roundSmall_4farb_362";
+const roundMedium = "_roundMedium_4farb_366";
+const roundLarge = "_roundLarge_4farb_370";
+const roundFull = "_roundFull_4farb_374";
+const shadowNone = "_shadowNone_4farb_378";
+const shadowLight = "_shadowLight_4farb_382";
+const shadowMedium = "_shadowMedium_4farb_386";
+const shadowStrong = "_shadowStrong_4farb_390";
+const shadowIntense = "_shadowIntense_4farb_394";
+const spin = "_spin_4farb_1";
+const pulse = "_pulse_4farb_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   trigger,
   popover,
-  "fade-in": "_fade-in_1uqku_1",
+  "fade-in": "_fade-in_4farb_1",
   primary,
   secondary,
   tertiary,
@@ -255,14 +245,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "slide-up": "_slide-up_1uqku_1",
-  "spin-3d": "_spin-3d_1uqku_1",
+  "slide-up": "_slide-up_4farb_1",
+  "spin-3d": "_spin-3d_4farb_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1uqku_1",
-  "progress-grow": "_progress-grow_1uqku_1",
-  "indeterminate-move": "_indeterminate-move_1uqku_1",
-  "skeleton-loading": "_skeleton-loading_1uqku_1"
+  "fade-in-up": "_fade-in-up_4farb_1",
+  "progress-grow": "_progress-grow_4farb_1",
+  "indeterminate-move": "_indeterminate-move_4farb_1",
+  "skeleton-loading": "_skeleton-loading_4farb_1"
 };
 const Popover = (props) => {
   return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: styles });
@@ -271,4 +261,4 @@ Popover.displayName = "Popover";
 export {
   Popover as P
 };
-//# sourceMappingURL=PopOver-CUON_Abe.js.map
+//# sourceMappingURL=PopOver-Dmf41W2o.js.map

package/dist/next/{PopOver-CUON_Abe.js.map → PopOver-Dmf41W2o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PopOver-CUON_Abe.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
+{"version":3,"file":"PopOver-Dmf41W2o.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}

package/dist/next/PopOver.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const PopOver = require("./PopOver-CpSdILYS.cjs");
+const PopOver = require("./PopOver-D8BwV2PM.cjs");
 module.exports = PopOver.Popover;
 //# sourceMappingURL=PopOver.cjs.js.map