@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.31

package/dist/index.js

@@ -1,202 +1,187 @@
-import { default as r } from "./components/action-button/ActionButton.js";
-import { default as t } from "./components/admin-console-header/AdminConsoleHeader.js";
-import { default as s } from "./components/admin-console-sidebar/AdminConsoleSidebar.js";
-import { default as d } from "./components/admin-panel/AdminPanel.js";
+import { default as r } from "./components/tile-button/TileButton.js";
+import { default as a } from "./components/admin-console-header/AdminConsoleHeader.js";
+import { default as s } from "./components/admin-panel/AdminPanel.js";
+import { default as l } from "./components/admin-console-footer/AdminConsoleFooter.js";
 import { default as p } from "./components/admin-panel-footer/AdminPanelFooter.js";
-import { default as n } from "./components/admin-panel-header/AdminPanelHeader.js";
-import { default as i } from "./components/app-bar-item/AppBarItem.js";
-import { default as M } from "./components/attachment-card/AttachmentCard.js";
-import { default as T } from "./components/button/Button.js";
-import { default as g } from "./components/button/Button.module.scss.js";
-import { default as C } from "./components/channel-header/ChannelHeader.js";
-import { default as v } from "./components/channel-header-menu/ChannelHeaderMenu.js";
-import { default as A } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.js";
-import { default as H } from "./components/channel-menu/ChannelMenu.js";
-import { default as R } from "./components/channel-category-menu/ChannelCategoryMenu.js";
-import { default as _ } from "./components/channel-sidebar-item/ChannelSidebarItem.js";
-import { default as E, ChannelsSidebarCategory as y, ChannelsSidebarHeader as U, ChannelsSidebarNavigator as w } from "./components/channels-sidebar/ChannelsSidebar.js";
-import { applyChannelNameOverrides as k } from "./components/channels-sidebar/channelsSidebarModel.js";
-import { default as L } from "./components/channels-sidebar/ChannelsSidebar.module.scss.js";
-import { default as Z } from "./components/checkbox/Checkbox.js";
-import { default as K } from "./components/chip/Chip.js";
-import { default as q } from "./components/combobox/Combobox.js";
-import { default as J } from "./components/date-range-picker/DateRangePicker.js";
-import { default as X } from "./components/divider/Divider.js";
-import { default as $ } from "./components/dropdown/Dropdown.js";
-import { default as ae } from "./components/emoji/Emoji.js";
-import { default as oe } from "./components/empty-state/EmptyState.js";
-import { default as fe } from "./components/error-message/ErrorMessage.js";
-import { default as le } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
-import { default as ue } from "./components/global-banner/GlobalBanner.js";
-import { default as me } from "./components/global-header/GlobalHeader.js";
-import { default as xe } from "./components/help-menu/HelpMenu.js";
-import { default as Se, SVG_SIZE_MAP as Me } from "./components/icon/Icon.js";
-import { ICON_BUTTON_ICON_SIZES as Te, default as ce } from "./components/icon-button/IconButton.js";
-import { default as he } from "./components/illustration/Illustration.js";
-import { default as be } from "./components/image-preview/ImagePreview.js";
-import { default as Ie } from "./components/tag/Tag.js";
-import { default as Be } from "./components/link-preview/LinkPreview.js";
-import { default as Oe } from "./components/mention-badge/MentionBadge.js";
-import { default as Ne } from "./components/menu-item/MenuItem.js";
-import { default as De } from "./components/message/Message.js";
-import { default as ye } from "./components/message-actions/MessageActions.js";
-import { default as we } from "./components/message-header/MessageHeader.js";
-import { default as ke } from "./components/message-input/MessageInput.js";
-import { default as Le } from "./components/message-more-options-menu/MessageMoreOptionsMenu.js";
-import { default as Ze } from "./components/message-reactions/MessageReactions.js";
-import { default as Ke } from "./components/message-separator/MessageSeparator.js";
-import { default as qe } from "./components/modal/Modal.js";
-import { default as Je } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
-import { default as Xe } from "./components/new-message-banner/NewMessageBanner.js";
-import { default as $e } from "./components/pagination-dots/PaginationDots.js";
-import { default as aa } from "./components/permalink-preview/PermalinkPreview.js";
-import { default as oa } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
-import { default as fa } from "./components/plus-menu/PlusMenu.js";
-import { default as la, PopoverMenuDivider as da, PopoverMenuGroup as ua, PopoverMenuGroupTitle as pa, PopoverMenuScroll as ma, PopoverMenuTitle as na } from "./components/popover-menu/PopoverMenu.js";
-import { default as ia } from "./components/popover-notice/PopoverNotice.js";
-import { DEFAULT_PRODUCT_SWITCHER_PRODUCTS as Ma, default as Pa } from "./components/product-switcher-menu/ProductSwitcherMenu.js";
-import { default as ca } from "./components/profile-popover/ProfilePopover.js";
-import { default as ha } from "./components/progress-bar/ProgressBar.js";
-import { default as ba } from "./components/radio/Radio.js";
-import { default as Ia } from "./components/reaction-pill/ReactionPill.js";
-import { default as Ba } from "./components/right-sidebar/RightSidebar.js";
-import { default as Oa } from "./components/scrollbar/Scrollbar.js";
-import { default as Na } from "./components/search-input/SearchInput.js";
-import { default as Da } from "./components/search-tip-banner/SearchTipBanner.js";
-import { default as ya, ShortcutTagGroup as Ua } from "./components/shortcut-tag/ShortcutTag.js";
-import { default as Ga } from "./components/section-notice/SectionNotice.js";
-import { default as Fa } from "./components/select/Select.js";
-import { default as Va } from "./components/spinner/Spinner.js";
-import { default as ja } from "./components/status-badge/StatusBadge.js";
-import { default as Wa } from "./components/switch/Switch.js";
-import { default as za } from "./components/tabs/Tabs.js";
-import { default as Qa } from "./components/team-avatar/TeamAvatar.js";
-import { default as Ya } from "./components/team-menu/TeamMenu.js";
-import { default as er } from "./components/team-sidebar/TeamSidebar.js";
-import { default as rr } from "./components/text-area/TextArea.js";
-import { default as tr } from "./components/text-input/TextInput.js";
-import { default as sr } from "./components/thread-actions-menu/ThreadActionsMenu.js";
-import { default as dr } from "./components/thread-footer/ThreadFooter.js";
-import { default as pr } from "./components/thread-list-item/ThreadListItem.js";
-import { default as nr } from "./components/toast/Toast.js";
-import { default as ir } from "./components/tooltip/Tooltip.js";
-import { default as Mr } from "./components/tour-point/TourPoint.js";
-import { default as Tr } from "./components/unread-badge/UnreadBadge.js";
-import { default as gr } from "./components/user-avatar/UserAvatar.js";
-import { default as Cr } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as vr } from "./hooks/use-controllable.js";
-import { useExitAnimation as Ar } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as Hr } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as Rr, usePopoverTransition as Nr } from "./hooks/use-popover-transition.js";
-import { toKebab as Dr } from "./utils/string.js";
-import { default as yr } from "./components/message/Message.module.scss.js";
-import { default as wr } from "./components/right-sidebar/RightSidebarHeader/RightSidebarHeader.js";
+import { default as x } from "./components/admin-panel-header/AdminPanelHeader.js";
+import { default as i } from "./components/attachment-card/AttachmentCard.js";
+import { default as P } from "./components/button/Button.js";
+import { default as c } from "./components/button/Button.module.scss.js";
+import { default as T } from "./components/card-button/CardButton.js";
+import { default as g } from "./components/card-button/CardButtonGroup.js";
+import { default as B } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.js";
+import { default as A } from "./components/channel-sidebar-item/ChannelSidebarItem.js";
+import { default as E } from "./components/checkbox/Checkbox.js";
+import { default as _ } from "./components/chip/Chip.js";
+import { default as N } from "./components/chip/ChipGroup.js";
+import { default as R } from "./components/combobox/Combobox.js";
+import { default as y } from "./components/date-range-picker/DateRangePicker.js";
+import { default as F } from "./components/divider/Divider.js";
+import { default as k } from "./components/dropdown/Dropdown.js";
+import { default as Z } from "./components/emoji/Emoji.js";
+import { EMOJI_BUTTON_EMOJI_SIZES as L, default as V } from "./components/emoji-button/EmojiButton.js";
+import { default as q } from "./components/emoji-popover/EmojiPopover.js";
+import { default as Q } from "./components/empty-state/EmptyState.js";
+import { default as X } from "./components/error-message/ErrorMessage.js";
+import { default as $ } from "./components/field-message/FieldMessage.js";
+import { default as oe } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
+import { default as te } from "./components/global-banner/GlobalBanner.js";
+import { default as fe, IconSlotContext as se, SVG_SIZE_MAP as de, useIconSlotContext as le } from "./components/icon/Icon.js";
+import { ICON_BUTTON_ICON_SIZES as pe, default as me } from "./components/icon-button/IconButton.js";
+import { default as ne } from "./components/illustration/Illustration.js";
+import { default as Se } from "./components/image-preview/ImagePreview.js";
+import { default as Me } from "./components/tag/Tag.js";
+import { default as Ie } from "./components/link-preview/LinkPreview.js";
+import { default as ve } from "./components/mention-badge/MentionBadge.js";
+import { default as Ce } from "./components/menu-group-heading/MenuGroupHeading.js";
+import { default as he } from "./components/menu-item/MenuItem.js";
+import { default as be } from "./components/message-actions/MessageActions.js";
+import { default as Oe } from "./components/message-header/MessageHeader.js";
+import { default as Ge } from "./components/reactions-row/ReactionsRow.js";
+import { default as we } from "./components/reaction-button/ReactionButton.js";
+import { default as He } from "./components/message-separator/MessageSeparator.js";
+import { default as De } from "./components/modal/Modal.js";
+import { default as Ue } from "./components/modal/ModalOverlay.js";
+import { default as je } from "./components/modal/ModalOverlay.module.scss.js";
+import { default as Je } from "./components/modal-footer/ModalFooter.js";
+import { default as Ve } from "./components/modal-header/ModalHeader.js";
+import { default as qe } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
+import { default as Qe } from "./components/new-message-banner/NewMessageBanner.js";
+import { default as Xe } from "./components/pagination-dots/PaginationDots.js";
+import { default as $e } from "./components/permalink-preview/PermalinkPreview.js";
+import { default as oo } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
+import { default as to, PopoverMenuDivider as ao, PopoverMenuGroup as fo, PopoverMenuGroupTitle as so, PopoverMenuScroll as lo, PopoverMenuTitle as uo } from "./components/popover-menu/PopoverMenu.js";
+import { default as mo } from "./components/popover-notice/PopoverNotice.js";
+import { default as no } from "./components/profile-popover/ProfilePopover.js";
+import { default as So } from "./components/progress-bar/ProgressBar.js";
+import { default as Mo } from "./components/radio/Radio.js";
+import { default as Io } from "./components/right-sidebar-header/RightSidebarHeader.js";
+import { default as vo } from "./components/scrollbar/Scrollbar.js";
+import { default as Co } from "./components/password-input/PasswordInput.js";
+import { default as ho } from "./components/search-input/SearchInput.js";
+import { default as bo } from "./components/search-tip-banner/SearchTipBanner.js";
+import { default as Oo, ShortcutTagGroup as _o } from "./components/shortcut-tag/ShortcutTag.js";
+import { default as No } from "./components/section-notice/SectionNotice.js";
+import { default as Ro } from "./components/segmented-control/SegmentedControl.js";
+import { default as yo } from "./components/select/Select.js";
+import { default as Fo } from "./components/spinner/Spinner.js";
+import { default as ko } from "./components/status-badge/StatusBadge.js";
+import { default as Zo } from "./components/switch/Switch.js";
+import { default as Lo } from "./components/tabs/Tabs.js";
+import { default as Ko } from "./components/team-avatar/TeamAvatar.js";
+import { default as zo } from "./components/text-area/TextArea.js";
+import { default as Wo } from "./components/text-input/TextInput.js";
+import { default as Yo } from "./components/thread-footer/ThreadFooter.js";
+import { default as er } from "./components/thread-list-item/ThreadListItem.js";
+import { default as rr } from "./components/toast/Toast.js";
+import { default as ar } from "./components/tooltip/Tooltip.js";
+import { default as sr } from "./components/tour-point/TourPoint.js";
+import { default as lr } from "./components/unread-badge/UnreadBadge.js";
+import { default as pr } from "./components/user-avatar/UserAvatar.js";
+import { default as xr } from "./components/user-avatar-group/UserAvatarGroup.js";
+import { useControllable as ir } from "./hooks/use-controllable.js";
+import { useExitAnimation as Pr } from "./hooks/use-exit-animation.js";
+import { useOutsideClose as cr } from "./hooks/use-outside-close.js";
+import { POPOVER_TRANSITION_MS as Tr, usePopoverTransition as vr } from "./hooks/use-popover-transition.js";
+import { toKebab as Cr } from "./utils/string.js";
 export {
-  r as ActionButton,
-  t as AdminConsoleHeader,
-  s as AdminConsoleSidebar,
-  d as AdminPanel,
+  l as AdminConsoleFooter,
+  a as AdminConsoleHeader,
+  s as AdminPanel,
   p as AdminPanelFooter,
-  n as AdminPanelHeader,
-  i as AppBarItem,
-  M as AttachmentCard,
-  T as Button,
-  R as ChannelCategoryMenu,
-  C as ChannelHeader,
-  v as ChannelHeaderMenu,
-  A as ChannelInfoMsgHeader,
-  H as ChannelMenu,
-  _ as ChannelSidebarItem,
-  E as ChannelsSidebar,
-  y as ChannelsSidebarCategory,
-  U as ChannelsSidebarHeader,
-  w as ChannelsSidebarNavigator,
-  Z as Checkbox,
-  K as Chip,
-  q as Combobox,
-  Ma as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
-  J as DateRangePicker,
-  X as Divider,
-  $ as Dropdown,
-  ae as Emoji,
-  oe as EmptyState,
-  fe as ErrorMessage,
-  le as FeatureDiscoveryPanel,
-  ue as GlobalBanner,
-  me as GlobalHeader,
-  xe as HelpMenu,
-  Te as ICON_BUTTON_ICON_SIZES,
-  Se as Icon,
-  ce as IconButton,
-  he as Illustration,
-  be as ImagePreview,
-  Be as LinkPreview,
-  Oe as MentionBadge,
-  Ne as MenuItem,
-  De as Message,
-  ye as MessageActions,
-  we as MessageHeader,
-  ke as MessageInput,
-  Le as MessageMoreOptionsMenu,
-  Ze as MessageReactions,
-  Ke as MessageSeparator,
-  qe as Modal,
-  Je as MoreUnreadsBanner,
-  Xe as NewMessageBanner,
-  Rr as POPOVER_TRANSITION_MS,
-  $e as PaginationDots,
-  aa as PermalinkPreview,
-  oa as PinnedSavedIndicators,
-  fa as PlusMenu,
-  la as PopoverMenu,
-  da as PopoverMenuDivider,
-  ua as PopoverMenuGroup,
-  pa as PopoverMenuGroupTitle,
-  ma as PopoverMenuScroll,
-  na as PopoverMenuTitle,
-  ia as PopoverNotice,
-  Pa as ProductSwitcherMenu,
-  ca as ProfilePopover,
-  ha as ProgressBar,
-  ba as Radio,
-  Ia as ReactionPill,
-  Ba as RightSidebar,
-  wr as RightSidebarHeader,
-  Me as SVG_SIZE_MAP,
-  Oa as Scrollbar,
-  Na as SearchInput,
-  Da as SearchTipBanner,
-  Ga as SectionNotice,
-  Fa as Select,
-  ya as ShortcutTag,
-  Ua as ShortcutTagGroup,
-  Va as Spinner,
-  ja as StatusBadge,
-  Wa as Switch,
-  za as Tabs,
-  Ie as Tag,
-  Qa as TeamAvatar,
-  Ya as TeamMenu,
-  er as TeamSidebar,
-  rr as TextArea,
-  tr as TextInput,
-  sr as ThreadActionsMenu,
-  dr as ThreadFooter,
-  pr as ThreadListItem,
-  nr as Toast,
-  ir as Tooltip,
-  Mr as TourPoint,
-  Tr as UnreadBadge,
-  gr as UserAvatar,
-  Cr as UserAvatarGroup,
-  k as applyChannelNameOverrides,
-  g as btnStyles,
-  L as channelsSidebarStyles,
-  yr as messageStyles,
-  Dr as toKebab,
-  vr as useControllable,
-  Ar as useExitAnimation,
-  Hr as useOutsideClose,
-  Nr as usePopoverTransition
+  x as AdminPanelHeader,
+  i as AttachmentCard,
+  P as Button,
+  T as CardButton,
+  g as CardButtonGroup,
+  B as ChannelInfoMsgHeader,
+  A as ChannelSidebarItem,
+  E as Checkbox,
+  _ as Chip,
+  N as ChipGroup,
+  R as Combobox,
+  y as DateRangePicker,
+  F as Divider,
+  k as Dropdown,
+  L as EMOJI_BUTTON_EMOJI_SIZES,
+  Z as Emoji,
+  V as EmojiButton,
+  q as EmojiPopover,
+  Q as EmptyState,
+  X as ErrorMessage,
+  oe as FeatureDiscoveryPanel,
+  $ as FieldMessage,
+  te as GlobalBanner,
+  pe as ICON_BUTTON_ICON_SIZES,
+  fe as Icon,
+  me as IconButton,
+  se as IconSlotContext,
+  ne as Illustration,
+  Se as ImagePreview,
+  Ie as LinkPreview,
+  ve as MentionBadge,
+  Ce as MenuGroupHeading,
+  he as MenuItem,
+  be as MessageActions,
+  Oe as MessageHeader,
+  He as MessageSeparator,
+  De as Modal,
+  Je as ModalFooter,
+  Ve as ModalHeader,
+  Ue as ModalOverlay,
+  qe as MoreUnreadsBanner,
+  Qe as NewMessageBanner,
+  Tr as POPOVER_TRANSITION_MS,
+  Xe as PaginationDots,
+  Co as PasswordInput,
+  $e as PermalinkPreview,
+  oo as PinnedSavedIndicators,
+  to as PopoverMenu,
+  ao as PopoverMenuDivider,
+  fo as PopoverMenuGroup,
+  so as PopoverMenuGroupTitle,
+  lo as PopoverMenuScroll,
+  uo as PopoverMenuTitle,
+  mo as PopoverNotice,
+  no as ProfilePopover,
+  So as ProgressBar,
+  Mo as Radio,
+  we as ReactionButton,
+  Ge as ReactionsRow,
+  Io as RightSidebarHeader,
+  de as SVG_SIZE_MAP,
+  vo as Scrollbar,
+  ho as SearchInput,
+  bo as SearchTipBanner,
+  No as SectionNotice,
+  Ro as SegmentedControl,
+  yo as Select,
+  Oo as ShortcutTag,
+  _o as ShortcutTagGroup,
+  Fo as Spinner,
+  ko as StatusBadge,
+  Zo as Switch,
+  Lo as Tabs,
+  Me as Tag,
+  Ko as TeamAvatar,
+  zo as TextArea,
+  Wo as TextInput,
+  Yo as ThreadFooter,
+  er as ThreadListItem,
+  r as TileButton,
+  rr as Toast,
+  ar as Tooltip,
+  sr as TourPoint,
+  lr as UnreadBadge,
+  pr as UserAvatar,
+  xr as UserAvatarGroup,
+  c as btnStyles,
+  je as modalOverlayStyles,
+  Cr as toKebab,
+  ir as useControllable,
+  Pr as useExitAnimation,
+  le as useIconSlotContext,
+  cr as useOutsideClose,
+  vr as usePopoverTransition
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/anchoredPopupPlacement.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=4,f=48,h=120,u=1e3;function _(t,n,e){var g,H;const i=e.gap??a,o=e.viewportMargin??f,l=e.minHeight??h,p=Math.max(e.preferredHeight,0),s=((g=e.bounds)==null?void 0:g.top)??0,c=((H=e.bounds)==null?void 0:H.bottom)??n,r=Math.max(0,c-t.bottom-i-o),P=Math.max(0,t.top-s-i-o),d=r<p&&P>r?"above":"below",b=d==="below"?r:P,m=e.maxHeightCap!=null?Math.min(e.maxHeightCap,b):b;return{placement:d,maxHeight:Math.max(l,m)}}function A(t){const n=t.getBoundingClientRect(),e=n.top+t.clientTop,i=e+t.clientHeight;return{bounds:{top:e,bottom:i},anchorInContainer:o=>({left:o.left-n.left-t.clientLeft+t.scrollLeft,top:o.top-n.top-t.clientTop+t.scrollTop,bottom:o.bottom-n.top-t.clientTop+t.scrollTop,width:o.width}),clientHeight:t.clientHeight,scrollTop:t.scrollTop}}function O(t,n,e){const i=e.gap??a,o=e.width??t.width,l=e.zIndex??u,p=e.containerFrame;if(p){const c=p.anchorInContainer(t);if(n==="below")return{position:"absolute",top:c.bottom+i,left:c.left,width:o,zIndex:l};const r=c.top-p.scrollTop;return{position:"absolute",bottom:p.clientHeight-r+i,left:c.left,width:o,zIndex:l}}const s=e.viewportHeight??window.innerHeight;return n==="below"?{position:"fixed",top:t.bottom+i,left:t.left,width:o,zIndex:l}:{position:"fixed",bottom:s-t.top+i,left:t.left,width:o,zIndex:l}}exports.ANCHORED_POPUP_GAP=a;exports.ANCHORED_POPUP_MIN_HEIGHT=h;exports.ANCHORED_POPUP_VIEWPORT_MARGIN=f;exports.ANCHORED_POPUP_Z_INDEX=u;exports.computeAnchoredPopupFixedStyle=O;exports.computeAnchoredPopupPlacement=_;exports.getAnchoredPopupContainerFrame=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=4,f=48,h=120,u="var(--z-menu, 1100)";function _(t,n,e){var g,H;const i=e.gap??s,o=e.viewportMargin??f,l=e.minHeight??h,p=Math.max(e.preferredHeight,0),a=((g=e.bounds)==null?void 0:g.top)??0,c=((H=e.bounds)==null?void 0:H.bottom)??n,r=Math.max(0,c-t.bottom-i-o),P=Math.max(0,t.top-a-i-o),d=r<p&&P>r?"above":"below",b=d==="below"?r:P,m=e.maxHeightCap!=null?Math.min(e.maxHeightCap,b):b;return{placement:d,maxHeight:Math.max(l,m)}}function A(t){const n=t.getBoundingClientRect(),e=n.top+t.clientTop,i=e+t.clientHeight;return{bounds:{top:e,bottom:i},anchorInContainer:o=>({left:o.left-n.left-t.clientLeft+t.scrollLeft,top:o.top-n.top-t.clientTop+t.scrollTop,bottom:o.bottom-n.top-t.clientTop+t.scrollTop,width:o.width}),clientHeight:t.clientHeight,scrollTop:t.scrollTop}}function O(t,n,e){const i=e.gap??s,o=e.width??t.width,l=e.zIndex??u,p=e.containerFrame;if(p){const c=p.anchorInContainer(t);if(n==="below")return{position:"absolute",top:c.bottom+i,left:c.left,width:o,zIndex:l};const r=c.top-p.scrollTop;return{position:"absolute",bottom:p.clientHeight-r+i,left:c.left,width:o,zIndex:l}}const a=e.viewportHeight??window.innerHeight;return n==="below"?{position:"fixed",top:t.bottom+i,left:t.left,width:o,zIndex:l}:{position:"fixed",bottom:a-t.top+i,left:t.left,width:o,zIndex:l}}exports.ANCHORED_POPUP_GAP=s;exports.ANCHORED_POPUP_MIN_HEIGHT=h;exports.ANCHORED_POPUP_VIEWPORT_MARGIN=f;exports.ANCHORED_POPUP_Z_INDEX=u;exports.computeAnchoredPopupFixedStyle=O;exports.computeAnchoredPopupPlacement=_;exports.getAnchoredPopupContainerFrame=A;
 //# sourceMappingURL=anchoredPopupPlacement.cjs.map

package/dist/utils/anchoredPopupPlacement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"anchoredPopupPlacement.cjs","sources":["../../src/utils/anchoredPopupPlacement.ts"],"sourcesContent":["export type PopupPlacement = 'above' | 'below';\n\nexport const ANCHORED_POPUP_GAP = 4;\nexport const ANCHORED_POPUP_VIEWPORT_MARGIN = 48;\nexport const ANCHORED_POPUP_MIN_HEIGHT = 120;\n/** Default stacking above typical product chrome; hosts can override via zIndex. */\nexport const ANCHORED_POPUP_Z_INDEX = 1000;\n\nexport interface AnchoredPopupPlacementOptions {\n  /** Gap between trigger and popup. Default: 4. */\n  gap?: number;\n  /** Reserved space at the viewport edge. Default: 48. */\n  viewportMargin?: number;\n  /** Height used to decide whether the popup fits below. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (e.g. Select/Combobox 280). */\n  maxHeightCap?: number;\n  /** Floor so short viewports still show a scrollable list. Default: 120. */\n  minHeight?: number;\n}\n\nexport interface AnchoredPopupPlacementResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n}\n\n/**\n * Prefers opening below the anchor; flips above when there isn’t enough room\n * below and there is more space above. Max-height is the available space in the\n * chosen direction, optionally capped.\n */\nexport function computeAnchoredPopupPlacement(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom'>,\n  viewportHeight: number,\n  options: AnchoredPopupPlacementOptions & {\n    /** When set, flip/max-height use this box instead of the viewport. */\n    bounds?: Pick<DOMRect, 'top' | 'bottom'>;\n  },\n): AnchoredPopupPlacementResult {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const viewportMargin =\n    options.viewportMargin ?? ANCHORED_POPUP_VIEWPORT_MARGIN;\n  const minHeight = options.minHeight ?? ANCHORED_POPUP_MIN_HEIGHT;\n  const preferredHeight = Math.max(options.preferredHeight, 0);\n\n  const boundsTop = options.bounds?.top ?? 0;\n  const boundsBottom = options.bounds?.bottom ?? viewportHeight;\n\n  const spaceBelow = Math.max(\n    0,\n    boundsBottom - anchorRect.bottom - gap - viewportMargin,\n  );\n  const spaceAbove = Math.max(0, anchorRect.top - boundsTop - gap - viewportMargin);\n\n  const placement: PopupPlacement =\n    spaceBelow < preferredHeight && spaceAbove > spaceBelow ? 'above' : 'below';\n\n  const available = placement === 'below' ? spaceBelow : spaceAbove;\n  const capped =\n    options.maxHeightCap != null\n      ? Math.min(options.maxHeightCap, available)\n      : available;\n\n  return {\n    placement,\n    maxHeight: Math.max(minHeight, capped),\n  };\n}\n\nexport interface AnchoredPopupFixedStyle {\n  position: 'fixed' | 'absolute';\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  zIndex: number;\n}\n\nexport type AnchoredPopupBounds = Pick<\n  DOMRect,\n  'top' | 'bottom' | 'left' | 'width' | 'height'\n>;\n\n/** Mount element metrics for portaled absolute positioning. */\nexport interface AnchoredPopupContainerFrame {\n  /** Visible viewport bounds used for flip/max-height. */\n  bounds: Pick<DOMRect, 'top' | 'bottom'>;\n  /** Maps a viewport anchor rect into mount padding-box coordinates. */\n  anchorInContainer: (\n    anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  ) => {\n    left: number;\n    top: number;\n    bottom: number;\n    width: number;\n  };\n  /** Visible padding-box height used for above `bottom` anchoring. */\n  clientHeight: number;\n  /** Current vertical scroll offset of the mount. */\n  scrollTop: number;\n}\n\nexport function getAnchoredPopupContainerFrame(\n  mount: HTMLElement,\n): AnchoredPopupContainerFrame {\n  const borderRect = mount.getBoundingClientRect();\n  const boundsTop = borderRect.top + mount.clientTop;\n  const boundsBottom = boundsTop + mount.clientHeight;\n\n  return {\n    bounds: { top: boundsTop, bottom: boundsBottom },\n    anchorInContainer: (anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>) => ({\n      left:\n        anchorRect.left -\n        borderRect.left -\n        mount.clientLeft +\n        mount.scrollLeft,\n      top:\n        anchorRect.top -\n        borderRect.top -\n        mount.clientTop +\n        mount.scrollTop,\n      bottom:\n        anchorRect.bottom -\n        borderRect.top -\n        mount.clientTop +\n        mount.scrollTop,\n      width: anchorRect.width,\n    }),\n    clientHeight: mount.clientHeight,\n    scrollTop: mount.scrollTop,\n  };\n}\n\n/**\n * Fixed box coords for a portaled popup anchored to a trigger rect.\n * Below: top edge sits `gap` px under the trigger bottom.\n * Above: bottom edge sits `gap` px above the trigger top (uses `bottom` so\n * height does not affect the gap).\n *\n * When `containerFrame` is provided, returns `absolute` coords in the mount\n * padding box (accounts for scroll and client border offsets). Otherwise uses\n * viewport `fixed` coords (document.body default).\n */\nexport function computeAnchoredPopupFixedStyle(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  placement: PopupPlacement,\n  options: {\n    gap?: number;\n    zIndex?: number;\n    /** Override width (defaults to trigger width). */\n    width?: number;\n    viewportHeight?: number;\n    containerFrame?: AnchoredPopupContainerFrame;\n  },\n): AnchoredPopupFixedStyle {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const width = options.width ?? anchorRect.width;\n  const zIndex = options.zIndex ?? ANCHORED_POPUP_Z_INDEX;\n  const containerFrame = options.containerFrame;\n\n  if (containerFrame) {\n    const anchor = containerFrame.anchorInContainer(anchorRect);\n    if (placement === 'below') {\n      return {\n        position: 'absolute',\n        top: anchor.bottom + gap,\n        left: anchor.left,\n        width,\n        zIndex,\n      };\n    }\n    const visibleTop = anchor.top - containerFrame.scrollTop;\n    return {\n      position: 'absolute',\n      bottom: containerFrame.clientHeight - visibleTop + gap,\n      left: anchor.left,\n      width,\n      zIndex,\n    };\n  }\n\n  const viewportHeight = options.viewportHeight ?? window.innerHeight;\n\n  if (placement === 'below') {\n    return {\n      position: 'fixed',\n      top: anchorRect.bottom + gap,\n      left: anchorRect.left,\n      width,\n      zIndex,\n    };\n  }\n\n  return {\n    position: 'fixed',\n    bottom: viewportHeight - anchorRect.top + gap,\n    left: anchorRect.left,\n    width,\n    zIndex,\n  };\n}\n"],"names":["ANCHORED_POPUP_GAP","ANCHORED_POPUP_VIEWPORT_MARGIN","ANCHORED_POPUP_MIN_HEIGHT","ANCHORED_POPUP_Z_INDEX","computeAnchoredPopupPlacement","anchorRect","viewportHeight","options","gap","viewportMargin","minHeight","preferredHeight","boundsTop","_a","boundsBottom","_b","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"gFAEO,MAAMA,EAAqB,EACrBC,EAAiC,GACjCC,EAA4B,IAE5BC,EAAyB,IAyB/B,SAASC,EACdC,EACAC,EACAC,EAI8B,SAC9B,MAAMC,EAAMD,EAAQ,KAAOP,EACrBS,EACJF,EAAQ,gBAAkBN,EACtBS,EAAYH,EAAQ,WAAaL,EACjCS,EAAkB,KAAK,IAAIJ,EAAQ,gBAAiB,CAAC,EAErDK,IAAYC,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,MAAO,EACnCC,IAAeC,EAAAR,EAAQ,SAAR,YAAAQ,EAAgB,SAAUT,EAEzCU,EAAa,KAAK,IACtB,EACAF,EAAeT,EAAW,OAASG,EAAMC,CAAA,EAErCQ,EAAa,KAAK,IAAI,EAAGZ,EAAW,IAAMO,EAAYJ,EAAMC,CAAc,EAE1ES,EACJF,EAAaL,GAAmBM,EAAaD,EAAa,QAAU,QAEhEG,EAAYD,IAAc,QAAUF,EAAaC,EACjDG,EACJb,EAAQ,cAAgB,KACpB,KAAK,IAAIA,EAAQ,aAAcY,CAAS,EACxCA,EAEN,MAAO,CACL,UAAAD,EACA,UAAW,KAAK,IAAIR,EAAWU,CAAM,CAAA,CAEzC,CAmCO,SAASC,EACdC,EAC6B,CAC7B,MAAMC,EAAaD,EAAM,sBAAA,EACnBV,EAAYW,EAAW,IAAMD,EAAM,UACnCR,EAAeF,EAAYU,EAAM,aAEvC,MAAO,CACL,OAAQ,CAAE,IAAKV,EAAW,OAAQE,CAAA,EAClC,kBAAoBT,IAAoE,CACtF,KACEA,EAAW,KACXkB,EAAW,KACXD,EAAM,WACNA,EAAM,WACR,IACEjB,EAAW,IACXkB,EAAW,IACXD,EAAM,UACNA,EAAM,UACR,OACEjB,EAAW,OACXkB,EAAW,IACXD,EAAM,UACNA,EAAM,UACR,MAAOjB,EAAW,KAAA,GAEpB,aAAciB,EAAM,aACpB,UAAWA,EAAM,SAAA,CAErB,CAYO,SAASE,EACdnB,EACAa,EACAX,EAQyB,CACzB,MAAMC,EAAMD,EAAQ,KAAOP,EACrByB,EAAQlB,EAAQ,OAASF,EAAW,MACpCqB,EAASnB,EAAQ,QAAUJ,EAC3BwB,EAAiBpB,EAAQ,eAE/B,GAAIoB,EAAgB,CAClB,MAAMC,EAASD,EAAe,kBAAkBtB,CAAU,EAC1D,GAAIa,IAAc,QAChB,MAAO,CACL,SAAU,WACV,IAAKU,EAAO,OAASpB,EACrB,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,EAGJ,MAAMG,EAAaD,EAAO,IAAMD,EAAe,UAC/C,MAAO,CACL,SAAU,WACV,OAAQA,EAAe,aAAeE,EAAarB,EACnD,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,CAEJ,CAEA,MAAMpB,EAAiBC,EAAQ,gBAAkB,OAAO,YAExD,OAAIW,IAAc,QACT,CACL,SAAU,QACV,IAAKb,EAAW,OAASG,EACzB,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,EAIG,CACL,SAAU,QACV,OAAQpB,EAAiBD,EAAW,IAAMG,EAC1C,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,CAEJ"}
+{"version":3,"file":"anchoredPopupPlacement.cjs","sources":["../../src/utils/anchoredPopupPlacement.ts"],"sourcesContent":["export type PopupPlacement = 'above' | 'below';\n\nexport const ANCHORED_POPUP_GAP = 4;\nexport const ANCHORED_POPUP_VIEWPORT_MARGIN = 48;\nexport const ANCHORED_POPUP_MIN_HEIGHT = 120;\n/**\n * Default stacking for portaled menus: the `--z-menu` layer, which sits above\n * modals (`--z-modal`). The fallback keeps it working when tokens aren't loaded.\n * Hosts can override per use via `zIndex` or by redefining the token.\n */\nexport const ANCHORED_POPUP_Z_INDEX = 'var(--z-menu, 1100)';\n\nexport interface AnchoredPopupPlacementOptions {\n  /** Gap between trigger and popup. Default: 4. */\n  gap?: number;\n  /** Reserved space at the viewport edge. Default: 48. */\n  viewportMargin?: number;\n  /** Height used to decide whether the popup fits below. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (e.g. Select/Combobox 280). */\n  maxHeightCap?: number;\n  /** Floor so short viewports still show a scrollable list. Default: 120. */\n  minHeight?: number;\n}\n\nexport interface AnchoredPopupPlacementResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n}\n\n/**\n * Prefers opening below the anchor; flips above when there isn’t enough room\n * below and there is more space above. Max-height is the available space in the\n * chosen direction, optionally capped.\n */\nexport function computeAnchoredPopupPlacement(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom'>,\n  viewportHeight: number,\n  options: AnchoredPopupPlacementOptions & {\n    /** When set, flip/max-height use this box instead of the viewport. */\n    bounds?: Pick<DOMRect, 'top' | 'bottom'>;\n  },\n): AnchoredPopupPlacementResult {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const viewportMargin =\n    options.viewportMargin ?? ANCHORED_POPUP_VIEWPORT_MARGIN;\n  const minHeight = options.minHeight ?? ANCHORED_POPUP_MIN_HEIGHT;\n  const preferredHeight = Math.max(options.preferredHeight, 0);\n\n  const boundsTop = options.bounds?.top ?? 0;\n  const boundsBottom = options.bounds?.bottom ?? viewportHeight;\n\n  const spaceBelow = Math.max(\n    0,\n    boundsBottom - anchorRect.bottom - gap - viewportMargin,\n  );\n  const spaceAbove = Math.max(\n    0,\n    anchorRect.top - boundsTop - gap - viewportMargin,\n  );\n\n  const placement: PopupPlacement =\n    spaceBelow < preferredHeight && spaceAbove > spaceBelow ? 'above' : 'below';\n\n  const available = placement === 'below' ? spaceBelow : spaceAbove;\n  const capped =\n    options.maxHeightCap != null\n      ? Math.min(options.maxHeightCap, available)\n      : available;\n\n  return {\n    placement,\n    maxHeight: Math.max(minHeight, capped),\n  };\n}\n\nexport interface AnchoredPopupFixedStyle {\n  position: 'fixed' | 'absolute';\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  zIndex: number | string;\n}\n\nexport type AnchoredPopupBounds = Pick<\n  DOMRect,\n  'top' | 'bottom' | 'left' | 'width' | 'height'\n>;\n\n/** Mount element metrics for portaled absolute positioning. */\nexport interface AnchoredPopupContainerFrame {\n  /** Visible viewport bounds used for flip/max-height. */\n  bounds: Pick<DOMRect, 'top' | 'bottom'>;\n  /** Maps a viewport anchor rect into mount padding-box coordinates. */\n  anchorInContainer: (\n    anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  ) => {\n    left: number;\n    top: number;\n    bottom: number;\n    width: number;\n  };\n  /** Visible padding-box height used for above `bottom` anchoring. */\n  clientHeight: number;\n  /** Current vertical scroll offset of the mount. */\n  scrollTop: number;\n}\n\nexport function getAnchoredPopupContainerFrame(\n  mount: HTMLElement,\n): AnchoredPopupContainerFrame {\n  const borderRect = mount.getBoundingClientRect();\n  const boundsTop = borderRect.top + mount.clientTop;\n  const boundsBottom = boundsTop + mount.clientHeight;\n\n  return {\n    bounds: { top: boundsTop, bottom: boundsBottom },\n    anchorInContainer: (\n      anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n    ) => ({\n      left:\n        anchorRect.left - borderRect.left - mount.clientLeft + mount.scrollLeft,\n      top: anchorRect.top - borderRect.top - mount.clientTop + mount.scrollTop,\n      bottom:\n        anchorRect.bottom - borderRect.top - mount.clientTop + mount.scrollTop,\n      width: anchorRect.width,\n    }),\n    clientHeight: mount.clientHeight,\n    scrollTop: mount.scrollTop,\n  };\n}\n\n/**\n * Fixed box coords for a portaled popup anchored to a trigger rect.\n * Below: top edge sits `gap` px under the trigger bottom.\n * Above: bottom edge sits `gap` px above the trigger top (uses `bottom` so\n * height does not affect the gap).\n *\n * When `containerFrame` is provided, returns `absolute` coords in the mount\n * padding box (accounts for scroll and client border offsets). Otherwise uses\n * viewport `fixed` coords (document.body default).\n */\nexport function computeAnchoredPopupFixedStyle(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  placement: PopupPlacement,\n  options: {\n    gap?: number;\n    zIndex?: number | string;\n    /** Override width (defaults to trigger width). */\n    width?: number;\n    viewportHeight?: number;\n    containerFrame?: AnchoredPopupContainerFrame;\n  },\n): AnchoredPopupFixedStyle {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const width = options.width ?? anchorRect.width;\n  const zIndex = options.zIndex ?? ANCHORED_POPUP_Z_INDEX;\n  const containerFrame = options.containerFrame;\n\n  if (containerFrame) {\n    const anchor = containerFrame.anchorInContainer(anchorRect);\n    if (placement === 'below') {\n      return {\n        position: 'absolute',\n        top: anchor.bottom + gap,\n        left: anchor.left,\n        width,\n        zIndex,\n      };\n    }\n    const visibleTop = anchor.top - containerFrame.scrollTop;\n    return {\n      position: 'absolute',\n      bottom: containerFrame.clientHeight - visibleTop + gap,\n      left: anchor.left,\n      width,\n      zIndex,\n    };\n  }\n\n  const viewportHeight = options.viewportHeight ?? window.innerHeight;\n\n  if (placement === 'below') {\n    return {\n      position: 'fixed',\n      top: anchorRect.bottom + gap,\n      left: anchorRect.left,\n      width,\n      zIndex,\n    };\n  }\n\n  return {\n    position: 'fixed',\n    bottom: viewportHeight - anchorRect.top + gap,\n    left: anchorRect.left,\n    width,\n    zIndex,\n  };\n}\n"],"names":["ANCHORED_POPUP_GAP","ANCHORED_POPUP_VIEWPORT_MARGIN","ANCHORED_POPUP_MIN_HEIGHT","ANCHORED_POPUP_Z_INDEX","computeAnchoredPopupPlacement","anchorRect","viewportHeight","options","gap","viewportMargin","minHeight","preferredHeight","boundsTop","_a","boundsBottom","_b","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"gFAEO,MAAMA,EAAqB,EACrBC,EAAiC,GACjCC,EAA4B,IAM5BC,EAAyB,sBAyB/B,SAASC,EACdC,EACAC,EACAC,EAI8B,SAC9B,MAAMC,EAAMD,EAAQ,KAAOP,EACrBS,EACJF,EAAQ,gBAAkBN,EACtBS,EAAYH,EAAQ,WAAaL,EACjCS,EAAkB,KAAK,IAAIJ,EAAQ,gBAAiB,CAAC,EAErDK,IAAYC,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,MAAO,EACnCC,IAAeC,EAAAR,EAAQ,SAAR,YAAAQ,EAAgB,SAAUT,EAEzCU,EAAa,KAAK,IACtB,EACAF,EAAeT,EAAW,OAASG,EAAMC,CAAA,EAErCQ,EAAa,KAAK,IACtB,EACAZ,EAAW,IAAMO,EAAYJ,EAAMC,CAAA,EAG/BS,EACJF,EAAaL,GAAmBM,EAAaD,EAAa,QAAU,QAEhEG,EAAYD,IAAc,QAAUF,EAAaC,EACjDG,EACJb,EAAQ,cAAgB,KACpB,KAAK,IAAIA,EAAQ,aAAcY,CAAS,EACxCA,EAEN,MAAO,CACL,UAAAD,EACA,UAAW,KAAK,IAAIR,EAAWU,CAAM,CAAA,CAEzC,CAmCO,SAASC,EACdC,EAC6B,CAC7B,MAAMC,EAAaD,EAAM,sBAAA,EACnBV,EAAYW,EAAW,IAAMD,EAAM,UACnCR,EAAeF,EAAYU,EAAM,aAEvC,MAAO,CACL,OAAQ,CAAE,IAAKV,EAAW,OAAQE,CAAA,EAClC,kBACET,IACI,CACJ,KACEA,EAAW,KAAOkB,EAAW,KAAOD,EAAM,WAAaA,EAAM,WAC/D,IAAKjB,EAAW,IAAMkB,EAAW,IAAMD,EAAM,UAAYA,EAAM,UAC/D,OACEjB,EAAW,OAASkB,EAAW,IAAMD,EAAM,UAAYA,EAAM,UAC/D,MAAOjB,EAAW,KAAA,GAEpB,aAAciB,EAAM,aACpB,UAAWA,EAAM,SAAA,CAErB,CAYO,SAASE,EACdnB,EACAa,EACAX,EAQyB,CACzB,MAAMC,EAAMD,EAAQ,KAAOP,EACrByB,EAAQlB,EAAQ,OAASF,EAAW,MACpCqB,EAASnB,EAAQ,QAAUJ,EAC3BwB,EAAiBpB,EAAQ,eAE/B,GAAIoB,EAAgB,CAClB,MAAMC,EAASD,EAAe,kBAAkBtB,CAAU,EAC1D,GAAIa,IAAc,QAChB,MAAO,CACL,SAAU,WACV,IAAKU,EAAO,OAASpB,EACrB,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,EAGJ,MAAMG,EAAaD,EAAO,IAAMD,EAAe,UAC/C,MAAO,CACL,SAAU,WACV,OAAQA,EAAe,aAAeE,EAAarB,EACnD,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,CAEJ,CAEA,MAAMpB,EAAiBC,EAAQ,gBAAkB,OAAO,YAExD,OAAIW,IAAc,QACT,CACL,SAAU,QACV,IAAKb,EAAW,OAASG,EACzB,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,EAIG,CACL,SAAU,QACV,OAAQpB,EAAiBD,EAAW,IAAMG,EAC1C,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,CAEJ"}

package/dist/utils/anchoredPopupPlacement.d.ts

@@ -2,8 +2,12 @@ export type PopupPlacement = 'above' | 'below';
 export declare const ANCHORED_POPUP_GAP = 4;
 export declare const ANCHORED_POPUP_VIEWPORT_MARGIN = 48;
 export declare const ANCHORED_POPUP_MIN_HEIGHT = 120;
-/** Default stacking above typical product chrome; hosts can override via zIndex. */
-export declare const ANCHORED_POPUP_Z_INDEX = 1000;
+/**
+ * Default stacking for portaled menus: the `--z-menu` layer, which sits above
+ * modals (`--z-modal`). The fallback keeps it working when tokens aren't loaded.
+ * Hosts can override per use via `zIndex` or by redefining the token.
+ */
+export declare const ANCHORED_POPUP_Z_INDEX = "var(--z-menu, 1100)";
 export interface AnchoredPopupPlacementOptions {
     /** Gap between trigger and popup. Default: 4. */
     gap?: number;
@@ -35,7 +39,7 @@ export interface AnchoredPopupFixedStyle {
     bottom?: number;
     left: number;
     width: number;
-    zIndex: number;
+    zIndex: number | string;
 }
 export type AnchoredPopupBounds = Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width' | 'height'>;
 /** Mount element metrics for portaled absolute positioning. */
@@ -67,7 +71,7 @@ export declare function getAnchoredPopupContainerFrame(mount: HTMLElement): Anch
  */
 export declare function computeAnchoredPopupFixedStyle(anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>, placement: PopupPlacement, options: {
     gap?: number;
-    zIndex?: number;
+    zIndex?: number | string;
     /** Override width (defaults to trigger width). */
     width?: number;
     viewportHeight?: number;

package/dist/utils/anchoredPopupPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchoredPopupPlacement.d.ts","sourceRoot":"","sources":["../../src/utils/anchoredPopupPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,MAAM,WAAW,6BAA6B;IAC5C,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,EAC3C,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,6BAA6B,GAAG;IACvC,sEAAsE;IACtE,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC1C,GACA,4BAA4B,CA6B9B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,OAAO,EACP,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC/C,CAAC;AAEF,+DAA+D;AAC/D,MAAM,WAAW,2BAA2B;IAC1C,wDAAwD;IACxD,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACxC,sEAAsE;IACtE,iBAAiB,EAAE,CACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,KAC3D;QACH,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,WAAW,GACjB,2BAA2B,CA4B7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,EAC9D,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC9C,GACA,uBAAuB,CA8CzB"}
+{"version":3,"file":"anchoredPopupPlacement.d.ts","sourceRoot":"","sources":["../../src/utils/anchoredPopupPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,MAAM,WAAW,6BAA6B;IAC5C,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,EAC3C,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,6BAA6B,GAAG;IACvC,sEAAsE;IACtE,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC1C,GACA,4BAA4B,CAgC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,OAAO,EACP,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC/C,CAAC;AAEF,+DAA+D;AAC/D,MAAM,WAAW,2BAA2B;IAC1C,wDAAwD;IACxD,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACxC,sEAAsE;IACtE,iBAAiB,EAAE,CACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,KAC3D;QACH,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,WAAW,GACjB,2BAA2B,CAoB7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,EAC9D,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC9C,GACA,uBAAuB,CA8CzB"}

package/dist/utils/anchoredPopupPlacement.js

@@ -1,16 +1,19 @@
-const f = 4, g = 48, h = 120, O = 1e3;
-function A(t, n, e) {
-  var H, d;
-  const i = e.gap ?? 4, o = e.viewportMargin ?? 48, l = e.minHeight ?? 120, p = Math.max(e.preferredHeight, 0), s = ((H = e.bounds) == null ? void 0 : H.top) ?? 0, c = ((d = e.bounds) == null ? void 0 : d.bottom) ?? n, r = Math.max(
+const h = 4, _ = 48, m = 120, g = "var(--z-menu, 1100)";
+function O(t, n, e) {
+  var d, H;
+  const i = e.gap ?? 4, o = e.viewportMargin ?? 48, l = e.minHeight ?? 120, p = Math.max(e.preferredHeight, 0), s = ((d = e.bounds) == null ? void 0 : d.top) ?? 0, c = ((H = e.bounds) == null ? void 0 : H.bottom) ?? n, r = Math.max(
     0,
     c - t.bottom - i - o
-  ), P = Math.max(0, t.top - s - i - o), a = r < p && P > r ? "above" : "below", b = a === "below" ? r : P, _ = e.maxHeightCap != null ? Math.min(e.maxHeightCap, b) : b;
+  ), a = Math.max(
+    0,
+    t.top - s - i - o
+  ), P = r < p && a > r ? "above" : "below", b = P === "below" ? r : a, f = e.maxHeightCap != null ? Math.min(e.maxHeightCap, b) : b;
   return {
-    placement: a,
-    maxHeight: Math.max(l, _)
+    placement: P,
+    maxHeight: Math.max(l, f)
   };
 }
-function m(t) {
+function A(t) {
   const n = t.getBoundingClientRect(), e = n.top + t.clientTop, i = e + t.clientHeight;
   return {
     bounds: { top: e, bottom: i },
@@ -24,8 +27,8 @@ function m(t) {
     scrollTop: t.scrollTop
   };
 }
-function w(t, n, e) {
-  const i = e.gap ?? 4, o = e.width ?? t.width, l = e.zIndex ?? 1e3, p = e.containerFrame;
+function u(t, n, e) {
+  const i = e.gap ?? 4, o = e.width ?? t.width, l = e.zIndex ?? g, p = e.containerFrame;
   if (p) {
     const c = p.anchorInContainer(t);
     if (n === "below")
@@ -61,12 +64,12 @@ function w(t, n, e) {
   };
 }
 export {
-  f as ANCHORED_POPUP_GAP,
-  h as ANCHORED_POPUP_MIN_HEIGHT,
-  g as ANCHORED_POPUP_VIEWPORT_MARGIN,
-  O as ANCHORED_POPUP_Z_INDEX,
-  w as computeAnchoredPopupFixedStyle,
-  A as computeAnchoredPopupPlacement,
-  m as getAnchoredPopupContainerFrame
+  h as ANCHORED_POPUP_GAP,
+  m as ANCHORED_POPUP_MIN_HEIGHT,
+  _ as ANCHORED_POPUP_VIEWPORT_MARGIN,
+  g as ANCHORED_POPUP_Z_INDEX,
+  u as computeAnchoredPopupFixedStyle,
+  O as computeAnchoredPopupPlacement,
+  A as getAnchoredPopupContainerFrame
 };
 //# sourceMappingURL=anchoredPopupPlacement.js.map