npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.27 → 0.1.0-alpha.29 - Mend

@mattermost/compass-ui 0.1.0-alpha.27 → 0.1.0-alpha.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/tile-button/TileButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),l=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),d=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),T=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),v=require("./components/checkbox/Checkbox.cjs"),I=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),_=require("./components/emoji-popover/EmojiPopover.cjs"),b=require("./components/empty-state/EmptyState.cjs"),O=require("./components/error-message/ErrorMessage.cjs"),E=require("./components/field-message/FieldMessage.cjs"),G=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),N=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),w=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),H=require("./components/link-preview/LinkPreview.cjs"),k=require("./components/mention-badge/MentionBadge.cjs"),y=require("./components/menu-group-heading/MenuGroupHeading.cjs"),D=require("./components/menu-item/MenuItem.cjs"),F=require("./components/message-actions/MessageActions.cjs"),U=require("./components/message-header/MessageHeader.cjs"),j=require("./components/reactions-row/ReactionsRow.cjs"),Z=require("./components/reaction-button/ReactionButton.cjs"),J=require("./components/message-separator/MessageSeparator.cjs"),L=require("./components/modal/Modal.cjs"),V=require("./components/modal/ModalOverlay.cjs"),K=require("./components/modal/ModalOverlay.module.scss.cjs"),z=require("./components/modal-footer/ModalFooter.cjs"),Q=require("./components/modal-header/ModalHeader.cjs"),W=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),X=require("./components/new-message-banner/NewMessageBanner.cjs"),Y=require("./components/pagination-dots/PaginationDots.cjs"),$=require("./components/permalink-preview/PermalinkPreview.cjs"),ee=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),re=require("./components/popover-notice/PopoverNotice.cjs"),te=require("./components/profile-popover/ProfilePopover.cjs"),oe=require("./components/progress-bar/ProgressBar.cjs"),ae=require("./components/radio/Radio.cjs"),ue=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),ne=require("./components/scrollbar/Scrollbar.cjs"),ie=require("./components/password-input/PasswordInput.cjs"),se=require("./components/search-input/SearchInput.cjs"),le=require("./components/search-tip-banner/SearchTipBanner.cjs"),a=require("./components/shortcut-tag/ShortcutTag.cjs"),de=require("./components/section-notice/SectionNotice.cjs"),ce=require("./components/select/Select.cjs"),fe=require("./components/spinner/Spinner.cjs"),qe=require("./components/status-badge/StatusBadge.cjs"),pe=require("./components/switch/Switch.cjs"),Pe=require("./components/tabs/Tabs.cjs"),Se=require("./components/team-avatar/TeamAvatar.cjs"),Me=require("./components/text-area/TextArea.cjs"),Te=require("./components/text-input/TextInput.cjs"),ve=require("./components/thread-footer/ThreadFooter.cjs"),Ie=require("./components/thread-list-item/ThreadListItem.cjs"),ge=require("./components/toast/Toast.cjs"),me=require("./components/tooltip/Tooltip.cjs"),Ce=require("./components/tour-point/TourPoint.cjs"),Be=require("./components/unread-badge/UnreadBadge.cjs"),he=require("./components/user-avatar/UserAvatar.cjs"),Ae=require("./components/user-avatar-group/UserAvatarGroup.cjs"),_e=require("./hooks/use-controllable.cjs"),be=require("./hooks/use-exit-animation.cjs"),Oe=require("./hooks/use-outside-close.cjs"),u=require("./hooks/use-popover-transition.cjs"),Ee=require("./utils/string.cjs");exports.TileButton=n.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=l.default;exports.AdminPanelFooter=d.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=T.default;exports.Checkbox=v.default;exports.Chip=I.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=_.default;exports.EmptyState=b.default;exports.ErrorMessage=O.default;exports.FieldMessage=E.default;exports.FeatureDiscoveryPanel=G.default;exports.GlobalBanner=N.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=w.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=H.default;exports.MentionBadge=k.default;exports.MenuGroupHeading=y.default;exports.MenuItem=D.default;exports.MessageActions=F.default;exports.MessageHeader=U.default;exports.ReactionsRow=j.default;exports.ReactionButton=Z.default;exports.MessageSeparator=J.default;exports.Modal=L.default;exports.ModalOverlay=V.default;exports.modalOverlayStyles=K.default;exports.ModalFooter=z.default;exports.ModalHeader=Q.default;exports.MoreUnreadsBanner=W.default;exports.NewMessageBanner=X.default;exports.PaginationDots=Y.default;exports.PermalinkPreview=$.default;exports.PinnedSavedIndicators=ee.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=re.default;exports.ProfilePopover=te.default;exports.ProgressBar=oe.default;exports.Radio=ae.default;exports.RightSidebarHeader=ue.default;exports.Scrollbar=ne.default;exports.PasswordInput=ie.default;exports.SearchInput=se.default;exports.SearchTipBanner=le.default;exports.ShortcutTag=a.default;exports.ShortcutTagGroup=a.ShortcutTagGroup;exports.SectionNotice=de.default;exports.Select=ce.default;exports.Spinner=fe.default;exports.StatusBadge=qe.default;exports.Switch=pe.default;exports.Tabs=Pe.default;exports.TeamAvatar=Se.default;exports.TextArea=Me.default;exports.TextInput=Te.default;exports.ThreadFooter=ve.default;exports.ThreadListItem=Ie.default;exports.Toast=ge.default;exports.Tooltip=me.default;exports.TourPoint=Ce.default;exports.UnreadBadge=Be.default;exports.UserAvatar=he.default;exports.UserAvatarGroup=Ae.default;exports.useControllable=_e.useControllable;exports.useExitAnimation=be.useExitAnimation;exports.useOutsideClose=Oe.useOutsideClose;exports.POPOVER_TRANSITION_MS=u.POPOVER_TRANSITION_MS;exports.usePopoverTransition=u.usePopoverTransition;exports.toKebab=Ee.toKebab;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/tile-button/TileButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),l=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),d=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),T=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),v=require("./components/checkbox/Checkbox.cjs"),I=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),_=require("./components/emoji-popover/EmojiPopover.cjs"),b=require("./components/empty-state/EmptyState.cjs"),O=require("./components/error-message/ErrorMessage.cjs"),E=require("./components/field-message/FieldMessage.cjs"),G=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),N=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),w=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),H=require("./components/link-preview/LinkPreview.cjs"),k=require("./components/mention-badge/MentionBadge.cjs"),y=require("./components/menu-group-heading/MenuGroupHeading.cjs"),D=require("./components/menu-item/MenuItem.cjs"),F=require("./components/message-actions/MessageActions.cjs"),U=require("./components/message-header/MessageHeader.cjs"),j=require("./components/reactions-row/ReactionsRow.cjs"),Z=require("./components/reaction-button/ReactionButton.cjs"),J=require("./components/message-separator/MessageSeparator.cjs"),L=require("./components/modal/Modal.cjs"),V=require("./components/modal/ModalOverlay.cjs"),K=require("./components/modal/ModalOverlay.module.scss.cjs"),z=require("./components/modal-footer/ModalFooter.cjs"),Q=require("./components/modal-header/ModalHeader.cjs"),W=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),X=require("./components/new-message-banner/NewMessageBanner.cjs"),Y=require("./components/pagination-dots/PaginationDots.cjs"),$=require("./components/permalink-preview/PermalinkPreview.cjs"),ee=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),re=require("./components/popover-notice/PopoverNotice.cjs"),te=require("./components/profile-popover/ProfilePopover.cjs"),oe=require("./components/progress-bar/ProgressBar.cjs"),ue=require("./components/radio/Radio.cjs"),ae=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),ne=require("./components/scrollbar/Scrollbar.cjs"),ie=require("./components/password-input/PasswordInput.cjs"),se=require("./components/search-input/SearchInput.cjs"),le=require("./components/search-tip-banner/SearchTipBanner.cjs"),u=require("./components/shortcut-tag/ShortcutTag.cjs"),de=require("./components/section-notice/SectionNotice.cjs"),ce=require("./components/segmented-control/SegmentedControl.cjs"),fe=require("./components/select/Select.cjs"),qe=require("./components/spinner/Spinner.cjs"),pe=require("./components/status-badge/StatusBadge.cjs"),Pe=require("./components/switch/Switch.cjs"),Se=require("./components/tabs/Tabs.cjs"),Me=require("./components/team-avatar/TeamAvatar.cjs"),Te=require("./components/text-area/TextArea.cjs"),ve=require("./components/text-input/TextInput.cjs"),Ie=require("./components/thread-footer/ThreadFooter.cjs"),ge=require("./components/thread-list-item/ThreadListItem.cjs"),me=require("./components/toast/Toast.cjs"),Ce=require("./components/tooltip/Tooltip.cjs"),Be=require("./components/tour-point/TourPoint.cjs"),he=require("./components/unread-badge/UnreadBadge.cjs"),Ae=require("./components/user-avatar/UserAvatar.cjs"),_e=require("./components/user-avatar-group/UserAvatarGroup.cjs"),be=require("./hooks/use-controllable.cjs"),Oe=require("./hooks/use-exit-animation.cjs"),Ee=require("./hooks/use-outside-close.cjs"),a=require("./hooks/use-popover-transition.cjs"),Ge=require("./utils/string.cjs");exports.TileButton=n.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=l.default;exports.AdminPanelFooter=d.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=T.default;exports.Checkbox=v.default;exports.Chip=I.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=_.default;exports.EmptyState=b.default;exports.ErrorMessage=O.default;exports.FieldMessage=E.default;exports.FeatureDiscoveryPanel=G.default;exports.GlobalBanner=N.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=w.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=H.default;exports.MentionBadge=k.default;exports.MenuGroupHeading=y.default;exports.MenuItem=D.default;exports.MessageActions=F.default;exports.MessageHeader=U.default;exports.ReactionsRow=j.default;exports.ReactionButton=Z.default;exports.MessageSeparator=J.default;exports.Modal=L.default;exports.ModalOverlay=V.default;exports.modalOverlayStyles=K.default;exports.ModalFooter=z.default;exports.ModalHeader=Q.default;exports.MoreUnreadsBanner=W.default;exports.NewMessageBanner=X.default;exports.PaginationDots=Y.default;exports.PermalinkPreview=$.default;exports.PinnedSavedIndicators=ee.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=re.default;exports.ProfilePopover=te.default;exports.ProgressBar=oe.default;exports.Radio=ue.default;exports.RightSidebarHeader=ae.default;exports.Scrollbar=ne.default;exports.PasswordInput=ie.default;exports.SearchInput=se.default;exports.SearchTipBanner=le.default;exports.ShortcutTag=u.default;exports.ShortcutTagGroup=u.ShortcutTagGroup;exports.SectionNotice=de.default;exports.SegmentedControl=ce.default;exports.Select=fe.default;exports.Spinner=qe.default;exports.StatusBadge=pe.default;exports.Switch=Pe.default;exports.Tabs=Se.default;exports.TeamAvatar=Me.default;exports.TextArea=Te.default;exports.TextInput=ve.default;exports.ThreadFooter=Ie.default;exports.ThreadListItem=ge.default;exports.Toast=me.default;exports.Tooltip=Ce.default;exports.TourPoint=Be.default;exports.UnreadBadge=he.default;exports.UserAvatar=Ae.default;exports.UserAvatarGroup=_e.default;exports.useControllable=be.useControllable;exports.useExitAnimation=Oe.useExitAnimation;exports.useOutsideClose=Ee.useOutsideClose;exports.POPOVER_TRANSITION_MS=a.POPOVER_TRANSITION_MS;exports.usePopoverTransition=a.usePopoverTransition;exports.toKebab=Ge.toKebab;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts CHANGED Viewed

@@ -61,6 +61,7 @@ export * from './components/search-input/index';
 export * from './components/search-tip-banner/index';
 export * from './components/shortcut-tag/index';
 export * from './components/section-notice/index';
+export * from './components/segmented-control/index';
 export * from './components/select/index';
 export { default as Spinner } from './components/spinner/Spinner';
 export type * from './components/spinner/Spinner';

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -5,11 +5,11 @@ import { default as l } from "./components/admin-console-footer/AdminConsoleFoot
 import { default as p } from "./components/admin-panel-footer/AdminPanelFooter.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 S } from "./components/button/Button.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 C } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.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";
@@ -29,11 +29,11 @@ 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 Pe } from "./components/image-preview/ImagePreview.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 Be } from "./components/menu-group-heading/MenuGroupHeading.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";
@@ -53,36 +53,37 @@ import { default as oo } from "./components/pinned-saved-indicators/PinnedSavedI
 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 Po } from "./components/progress-bar/ProgressBar.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 Bo } from "./components/password-input/PasswordInput.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/select/Select.js";
-import { default as yo } from "./components/spinner/Spinner.js";
-import { default as Fo } from "./components/status-badge/StatusBadge.js";
-import { default as ko } from "./components/switch/Switch.js";
-import { default as Zo } from "./components/tabs/Tabs.js";
-import { default as Lo } from "./components/team-avatar/TeamAvatar.js";
-import { default as Ko } from "./components/text-area/TextArea.js";
-import { default as zo } from "./components/text-input/TextInput.js";
-import { default as Wo } from "./components/thread-footer/ThreadFooter.js";
-import { default as Yo } from "./components/thread-list-item/ThreadListItem.js";
-import { default as er } from "./components/toast/Toast.js";
-import { default as rr } from "./components/tooltip/Tooltip.js";
-import { default as ar } from "./components/tour-point/TourPoint.js";
-import { default as sr } from "./components/unread-badge/UnreadBadge.js";
-import { default as lr } from "./components/user-avatar/UserAvatar.js";
-import { default as pr } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as xr } from "./hooks/use-controllable.js";
-import { useExitAnimation as ir } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as Sr } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as cr, usePopoverTransition as Ir } from "./hooks/use-popover-transition.js";
-import { toKebab as vr } from "./utils/string.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 {
   l as AdminConsoleFooter,
   a as AdminConsoleHeader,
@@ -90,10 +91,10 @@ export {
   p as AdminPanelFooter,
   x as AdminPanelHeader,
   i as AttachmentCard,
-  S as Button,
+  P as Button,
   T as CardButton,
   g as CardButtonGroup,
-  C as ChannelInfoMsgHeader,
+  B as ChannelInfoMsgHeader,
   A as ChannelSidebarItem,
   E as Checkbox,
   _ as Chip,
@@ -116,10 +117,10 @@ export {
   me as IconButton,
   se as IconSlotContext,
   ne as Illustration,
-  Pe as ImagePreview,
+  Se as ImagePreview,
   Ie as LinkPreview,
   ve as MentionBadge,
-  Be as MenuGroupHeading,
+  Ce as MenuGroupHeading,
   he as MenuItem,
   be as MessageActions,
   Oe as MessageHeader,
@@ -130,9 +131,9 @@ export {
   Ue as ModalOverlay,
   qe as MoreUnreadsBanner,
   Qe as NewMessageBanner,
-  cr as POPOVER_TRANSITION_MS,
+  Tr as POPOVER_TRANSITION_MS,
   Xe as PaginationDots,
-  Bo as PasswordInput,
+  Co as PasswordInput,
   $e as PermalinkPreview,
   oo as PinnedSavedIndicators,
   to as PopoverMenu,
@@ -143,7 +144,7 @@ export {
   uo as PopoverMenuTitle,
   mo as PopoverNotice,
   no as ProfilePopover,
-  Po as ProgressBar,
+  So as ProgressBar,
   Mo as Radio,
   we as ReactionButton,
   Ge as ReactionsRow,
@@ -153,33 +154,34 @@ export {
   ho as SearchInput,
   bo as SearchTipBanner,
   No as SectionNotice,
-  Ro as Select,
+  Ro as SegmentedControl,
+  yo as Select,
   Oo as ShortcutTag,
   _o as ShortcutTagGroup,
-  yo as Spinner,
-  Fo as StatusBadge,
-  ko as Switch,
-  Zo as Tabs,
+  Fo as Spinner,
+  ko as StatusBadge,
+  Zo as Switch,
+  Lo as Tabs,
   Me as Tag,
-  Lo as TeamAvatar,
-  Ko as TextArea,
-  zo as TextInput,
-  Wo as ThreadFooter,
-  Yo as ThreadListItem,
+  Ko as TeamAvatar,
+  zo as TextArea,
+  Wo as TextInput,
+  Yo as ThreadFooter,
+  er as ThreadListItem,
   r as TileButton,
-  er as Toast,
-  rr as Tooltip,
-  ar as TourPoint,
-  sr as UnreadBadge,
-  lr as UserAvatar,
-  pr as UserAvatarGroup,
+  rr as Toast,
+  ar as Tooltip,
+  sr as TourPoint,
+  lr as UnreadBadge,
+  pr as UserAvatar,
+  xr as UserAvatarGroup,
   c as btnStyles,
   je as modalOverlayStyles,
-  vr as toKebab,
-  xr as useControllable,
-  ir as useExitAnimation,
+  Cr as toKebab,
+  ir as useControllable,
+  Pr as useExitAnimation,
   le as useIconSlotContext,
-  Sr as useOutsideClose,
-  Ir as usePopoverTransition
+  cr as useOutsideClose,
+  vr as usePopoverTransition
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

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

package/dist/utils/anchoredPopupPlacement.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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(\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;\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;\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,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"}
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/*\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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,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,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,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,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"}
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;;;;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 CHANGED Viewed

@@ -1,19 +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(
+  ), a = 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;
+  ), 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 },
@@ -27,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")
@@ -64,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

package/dist/utils/anchoredPopupPlacement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"anchoredPopupPlacement.js","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(\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;\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;\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","_a","_b","gap","viewportMargin","minHeight","preferredHeight","boundsTop","boundsBottom","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"AAEO,MAAMA,IAAqB,GACrBC,IAAiC,IACjCC,IAA4B,~~KAE5BC~~,IAAyB;AAyB/B,SAASC,EACdC,GACAC,GACAC,GAI8B;~~AApCzB~~,MAAAC,GAAAC;~~AAqCL~~,QAAMC,IAAMH,EAAQ,OAAO,GACrBI,IACJJ,EAAQ,kBAAkB,IACtBK,IAAYL,EAAQ,aAAa,KACjCM,IAAkB,KAAK,IAAIN,EAAQ,iBAAiB,CAAC,GAErDO,MAAYN,IAAAD,EAAQ,WAAR,gBAAAC,EAAgB,QAAO,GACnCO,MAAeN,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,WAAUH,GAEzCU,IAAa,KAAK;AAAA,IACtB;AAAA,IACAD,IAAeV,EAAW,SAASK,IAAMC;AAAA,EAAA,GAErCM,IAAa,KAAK;AAAA,IACtB;AAAA,IACAZ,EAAW,MAAMS,IAAYJ,IAAMC;AAAA,EAAA,GAG/BO,IACJF,IAAaH,KAAmBI,IAAaD,IAAa,UAAU,SAEhEG,IAAYD,MAAc,UAAUF,IAAaC,GACjDG,IACJb,EAAQ,gBAAgB,OACpB,KAAK,IAAIA,EAAQ,cAAcY,CAAS,IACxCA;AAEN,SAAO;AAAA,IACL,WAAAD;AAAA,IACA,WAAW,KAAK,IAAIN,GAAWQ,CAAM;AAAA,EAAA;AAEzC;AAmCO,SAASC,EACdC,GAC6B;AAC7B,QAAMC,IAAaD,EAAM,sBAAA,GACnBR,IAAYS,EAAW,MAAMD,EAAM,WACnCP,IAAeD,IAAYQ,EAAM;AAEvC,SAAO;AAAA,IACL,QAAQ,EAAE,KAAKR,GAAW,QAAQC,EAAA;AAAA,IAClC,mBAAmB,CACjBV,OACI;AAAA,MACJ,MACEA,EAAW,OAAOkB,EAAW,OAAOD,EAAM,aAAaA,EAAM;AAAA,MAC/D,KAAKjB,EAAW,MAAMkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,QACEjB,EAAW,SAASkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,OAAOjB,EAAW;AAAA,IAAA;AAAA,IAEpB,cAAciB,EAAM;AAAA,IACpB,WAAWA,EAAM;AAAA,EAAA;AAErB;AAYO,SAASE,EACdnB,GACAa,GACAX,GAQyB;AACzB,QAAMG,IAAMH,EAAQ,OAAO,GACrBkB,IAAQlB,EAAQ,SAASF,EAAW,OACpCqB,IAASnB,EAAQ,~~UAAU~~,~~KAC3BoB~~,IAAiBpB,EAAQ;AAE/B,MAAIoB,GAAgB;AAClB,UAAMC,IAASD,EAAe,kBAAkBtB,CAAU;AAC1D,QAAIa,MAAc;AAChB,aAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAKU,EAAO,SAASlB;AAAA,QACrB,MAAMkB,EAAO;AAAA,QACb,OAAAH;AAAA,QACA,QAAAC;AAAA,MAAA;AAGJ,UAAMG,IAAaD,EAAO,MAAMD,EAAe;AAC/C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQA,EAAe,eAAeE,IAAanB;AAAA,MACnD,MAAMkB,EAAO;AAAA,MACb,OAAAH;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAMpB,IAAiBC,EAAQ,kBAAkB,OAAO;AAExD,SAAIW,MAAc,UACT;AAAA,IACL,UAAU;AAAA,IACV,KAAKb,EAAW,SAASK;AAAA,IACzB,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA,IAIG;AAAA,IACL,UAAU;AAAA,IACV,QAAQpB,IAAiBD,EAAW,MAAMK;AAAA,IAC1C,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"anchoredPopupPlacement.js","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","_a","_b","gap","viewportMargin","minHeight","preferredHeight","boundsTop","boundsBottom","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"AAEO,MAAMA,IAAqB,GACrBC,IAAiC,IACjCC,IAA4B,KAM5BC,IAAyB;AAyB/B,SAASC,EACdC,GACAC,GACAC,GAI8B;AAxCzB,MAAAC,GAAAC;AAyCL,QAAMC,IAAMH,EAAQ,OAAO,GACrBI,IACJJ,EAAQ,kBAAkB,IACtBK,IAAYL,EAAQ,aAAa,KACjCM,IAAkB,KAAK,IAAIN,EAAQ,iBAAiB,CAAC,GAErDO,MAAYN,IAAAD,EAAQ,WAAR,gBAAAC,EAAgB,QAAO,GACnCO,MAAeN,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,WAAUH,GAEzCU,IAAa,KAAK;AAAA,IACtB;AAAA,IACAD,IAAeV,EAAW,SAASK,IAAMC;AAAA,EAAA,GAErCM,IAAa,KAAK;AAAA,IACtB;AAAA,IACAZ,EAAW,MAAMS,IAAYJ,IAAMC;AAAA,EAAA,GAG/BO,IACJF,IAAaH,KAAmBI,IAAaD,IAAa,UAAU,SAEhEG,IAAYD,MAAc,UAAUF,IAAaC,GACjDG,IACJb,EAAQ,gBAAgB,OACpB,KAAK,IAAIA,EAAQ,cAAcY,CAAS,IACxCA;AAEN,SAAO;AAAA,IACL,WAAAD;AAAA,IACA,WAAW,KAAK,IAAIN,GAAWQ,CAAM;AAAA,EAAA;AAEzC;AAmCO,SAASC,EACdC,GAC6B;AAC7B,QAAMC,IAAaD,EAAM,sBAAA,GACnBR,IAAYS,EAAW,MAAMD,EAAM,WACnCP,IAAeD,IAAYQ,EAAM;AAEvC,SAAO;AAAA,IACL,QAAQ,EAAE,KAAKR,GAAW,QAAQC,EAAA;AAAA,IAClC,mBAAmB,CACjBV,OACI;AAAA,MACJ,MACEA,EAAW,OAAOkB,EAAW,OAAOD,EAAM,aAAaA,EAAM;AAAA,MAC/D,KAAKjB,EAAW,MAAMkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,QACEjB,EAAW,SAASkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,OAAOjB,EAAW;AAAA,IAAA;AAAA,IAEpB,cAAciB,EAAM;AAAA,IACpB,WAAWA,EAAM;AAAA,EAAA;AAErB;AAYO,SAASE,EACdnB,GACAa,GACAX,GAQyB;AACzB,QAAMG,IAAMH,EAAQ,OAAO,GACrBkB,IAAQlB,EAAQ,SAASF,EAAW,OACpCqB,IAASnB,EAAQ,UAAUJ,GAC3BwB,IAAiBpB,EAAQ;AAE/B,MAAIoB,GAAgB;AAClB,UAAMC,IAASD,EAAe,kBAAkBtB,CAAU;AAC1D,QAAIa,MAAc;AAChB,aAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAKU,EAAO,SAASlB;AAAA,QACrB,MAAMkB,EAAO;AAAA,QACb,OAAAH;AAAA,QACA,QAAAC;AAAA,MAAA;AAGJ,UAAMG,IAAaD,EAAO,MAAMD,EAAe;AAC/C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQA,EAAe,eAAeE,IAAanB;AAAA,MACnD,MAAMkB,EAAO;AAAA,MACb,OAAAH;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAMpB,IAAiBC,EAAQ,kBAAkB,OAAO;AAExD,SAAIW,MAAc,UACT;AAAA,IACL,UAAU;AAAA,IACV,KAAKb,EAAW,SAASK;AAAA,IACzB,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA,IAIG;AAAA,IACL,UAAU;AAAA,IACV,QAAQpB,IAAiBD,EAAW,MAAMK;AAAA,IAC1C,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.27",
+  "version": "0.1.0-alpha.29",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -276,6 +276,9 @@
       "components/section-notice": [
         "./dist/components/section-notice/index.d.ts"
       ],
+      "components/segmented-control": [
+        "./dist/components/segmented-control/index.d.ts"
+      ],
       "components/select": [
         "./dist/components/select/index.d.ts"
       ],