@mattermost/compass-ui 0.1.0-alpha.20 → 0.1.0-alpha.22

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,mBAAmB,oCAAoC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,mBAAmB,0CAA0C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,mBAAmB,4CAA4C,CAAC;AAChE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/index.js

@@ -1,22 +1,22 @@
-import { default as r } from "./components/action-button/ActionButton.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 u } from "./components/admin-console-footer/AdminConsoleFooter.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 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 M } from "./components/button/Button.module.scss.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 h } from "./components/channel-sidebar-item/ChannelSidebarItem.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 D } from "./components/date-range-picker/DateRangePicker.js";
-import { default as U } from "./components/divider/Divider.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";
@@ -26,65 +26,65 @@ 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 ue } from "./components/icon/Icon.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 ce } from "./components/tag/Tag.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 Ae } from "./components/menu-item/MenuItem.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 Fe } from "./components/modal/Modal.js";
-import { default as ye } from "./components/modal/ModalOverlay.module.scss.js";
-import { default as je } from "./components/modal-footer/ModalFooter.js";
-import { default as Je } from "./components/modal-header/ModalHeader.js";
-import { default as Ve } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
-import { default as qe } from "./components/new-message-banner/NewMessageBanner.js";
-import { default as Qe } from "./components/pagination-dots/PaginationDots.js";
-import { default as Xe } from "./components/permalink-preview/PermalinkPreview.js";
-import { default as $e } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
-import { default as oo, PopoverMenuDivider as ro, PopoverMenuGroup as to, PopoverMenuGroupTitle as ao, PopoverMenuScroll as fo, PopoverMenuTitle as so } from "./components/popover-menu/PopoverMenu.js";
-import { default as lo } from "./components/popover-notice/PopoverNotice.js";
-import { default as mo } from "./components/profile-popover/ProfilePopover.js";
-import { default as no } from "./components/progress-bar/ProgressBar.js";
-import { default as Po } from "./components/radio/Radio.js";
-import { default as co } from "./components/right-sidebar-header/RightSidebarHeader.js";
-import { default as Io } from "./components/scrollbar/Scrollbar.js";
-import { default as vo } from "./components/password-input/PasswordInput.js";
-import { default as Bo } from "./components/search-input/SearchInput.js";
-import { default as Ao } from "./components/search-tip-banner/SearchTipBanner.js";
-import { default as bo, ShortcutTagGroup as Eo } from "./components/shortcut-tag/ShortcutTag.js";
-import { default as _o } from "./components/section-notice/SectionNotice.js";
-import { default as No } from "./components/select/Select.js";
-import { default as Ro } from "./components/spinner/Spinner.js";
-import { default as Do } from "./components/status-badge/StatusBadge.js";
-import { default as Uo } from "./components/switch/Switch.js";
-import { default as ko } from "./components/tabs/Tabs.js";
-import { default as Zo } from "./components/team-avatar/TeamAvatar.js";
-import { default as Lo } from "./components/text-area/TextArea.js";
-import { default as Ko } from "./components/text-input/TextInput.js";
-import { default as zo } from "./components/thread-footer/ThreadFooter.js";
-import { default as Wo } from "./components/thread-list-item/ThreadListItem.js";
-import { default as Yo } from "./components/toast/Toast.js";
-import { default as er } from "./components/tooltip/Tooltip.js";
-import { default as rr } from "./components/tour-point/TourPoint.js";
-import { default as ar } from "./components/unread-badge/UnreadBadge.js";
-import { default as sr } from "./components/user-avatar/UserAvatar.js";
-import { default as ur } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as pr } from "./hooks/use-controllable.js";
-import { useExitAnimation as xr } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as ir } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as Sr, usePopoverTransition as cr } from "./hooks/use-popover-transition.js";
-import { toKebab as Ir } from "./utils/string.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 Po } 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 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";
 export {
-  r as ActionButton,
-  u as AdminConsoleFooter,
+  l as AdminConsoleFooter,
   a as AdminConsoleHeader,
   s as AdminPanel,
   p as AdminPanelFooter,
@@ -94,13 +94,13 @@ export {
   T as CardButton,
   g as CardButtonGroup,
   C as ChannelInfoMsgHeader,
-  h as ChannelSidebarItem,
+  A as ChannelSidebarItem,
   E as Checkbox,
   _ as Chip,
   N as ChipGroup,
   R as Combobox,
-  D as DateRangePicker,
-  U as Divider,
+  y as DateRangePicker,
+  F as Divider,
   k as Dropdown,
   L as EMOJI_BUTTON_EMOJI_SIZES,
   Z as Emoji,
@@ -120,64 +120,66 @@ export {
   Ie as LinkPreview,
   ve as MentionBadge,
   Be as MenuGroupHeading,
-  Ae as MenuItem,
+  he as MenuItem,
   be as MessageActions,
   Oe as MessageHeader,
   He as MessageSeparator,
-  Fe as Modal,
-  je as ModalFooter,
-  Je as ModalHeader,
-  Ve as MoreUnreadsBanner,
-  qe as NewMessageBanner,
-  Sr as POPOVER_TRANSITION_MS,
-  Qe as PaginationDots,
-  vo as PasswordInput,
-  Xe as PermalinkPreview,
-  $e as PinnedSavedIndicators,
-  oo as PopoverMenu,
-  ro as PopoverMenuDivider,
-  to as PopoverMenuGroup,
-  ao as PopoverMenuGroupTitle,
-  fo as PopoverMenuScroll,
-  so as PopoverMenuTitle,
-  lo as PopoverNotice,
-  mo as ProfilePopover,
-  no as ProgressBar,
-  Po as Radio,
+  De as Modal,
+  Je as ModalFooter,
+  Ve as ModalHeader,
+  Ue as ModalOverlay,
+  qe as MoreUnreadsBanner,
+  Qe as NewMessageBanner,
+  cr as POPOVER_TRANSITION_MS,
+  Xe as PaginationDots,
+  Bo 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,
+  Po as ProgressBar,
+  Mo as Radio,
   we as ReactionButton,
   Ge as ReactionsRow,
-  co as RightSidebarHeader,
+  Io as RightSidebarHeader,
   de as SVG_SIZE_MAP,
-  Io as Scrollbar,
-  Bo as SearchInput,
-  Ao as SearchTipBanner,
-  _o as SectionNotice,
-  No as Select,
-  bo as ShortcutTag,
-  Eo as ShortcutTagGroup,
-  Ro as Spinner,
-  Do as StatusBadge,
-  Uo as Switch,
-  ko as Tabs,
-  ce as Tag,
-  Zo as TeamAvatar,
-  Lo as TextArea,
-  Ko as TextInput,
-  zo as ThreadFooter,
-  Wo as ThreadListItem,
-  Yo as Toast,
-  er as Tooltip,
-  rr as TourPoint,
-  ar as UnreadBadge,
-  sr as UserAvatar,
-  ur as UserAvatarGroup,
-  M as btnStyles,
-  ye as modalOverlayStyles,
-  Ir as toKebab,
-  pr as useControllable,
-  xr as useExitAnimation,
-  ue as useIconSlotContext,
-  ir as useOutsideClose,
-  cr as usePopoverTransition
+  vo as Scrollbar,
+  ho as SearchInput,
+  bo as SearchTipBanner,
+  No as SectionNotice,
+  Ro as Select,
+  Oo as ShortcutTag,
+  _o as ShortcutTagGroup,
+  yo as Spinner,
+  Fo as StatusBadge,
+  ko as Switch,
+  Zo as Tabs,
+  Me as Tag,
+  Lo as TeamAvatar,
+  Ko as TextArea,
+  zo as TextInput,
+  Wo as ThreadFooter,
+  Yo as ThreadListItem,
+  r as TileButton,
+  er as Toast,
+  rr as Tooltip,
+  ar as TourPoint,
+  sr as UnreadBadge,
+  lr as UserAvatar,
+  pr as UserAvatarGroup,
+  c as btnStyles,
+  je as modalOverlayStyles,
+  vr as toKebab,
+  xr as useControllable,
+  ir as useExitAnimation,
+  le as useIconSlotContext,
+  Sr as useOutsideClose,
+  Ir 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/scrollLock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=Symbol.for("@mattermost/compass-ui/scroll-lock/v1");function a(o){const e=globalThis;let t=e[s];t||(t=new WeakMap,e[s]=t);let n=t.get(o);return n||(n={count:0,savedOverflow:"",savedPaddingRight:""},t.set(o,n)),n}function r(o){var n;const e=o.documentElement.clientWidth,t=((n=o.defaultView)==null?void 0:n.innerWidth)??0;return e>0&&t>e?t-e:0}function u(o=typeof document>"u"?void 0:document){var i;if(!o)return()=>{};const{body:e}=o,t=a(o);if(t.count===0){const l=r(o);if(t.savedOverflow=e.style.overflow,t.savedPaddingRight=e.style.paddingRight,l>0){const d=parseFloat(((i=o.defaultView)==null?void 0:i.getComputedStyle(e).paddingRight)??"")||0;e.style.paddingRight=`${d+l}px`}e.style.overflow="hidden"}t.count+=1;let n=!1;return()=>{n||(n=!0,t.count-=1,t.count===0&&(e.style.overflow=t.savedOverflow,e.style.paddingRight=t.savedPaddingRight))}}exports.lockBodyScroll=u;
+//# sourceMappingURL=scrollLock.cjs.map

package/dist/utils/scrollLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.cjs","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","viewport","outer","_a","lockBodyScroll","body","gap","base","released"],"mappings":"gFAOA,MAAMA,EAAY,OAAO,IAAI,uCAAuC,EAGpE,SAASC,EAASC,EAAgC,CAChD,MAAMC,EAAO,WAIb,IAAIC,EAASD,EAAKH,CAAS,EACtBI,IACHA,MAAa,QACbD,EAAKH,CAAS,EAAII,GAEpB,IAAIC,EAAQD,EAAO,IAAIF,CAAG,EAC1B,OAAKG,IACHA,EAAQ,CAAE,MAAO,EAAG,cAAe,GAAI,kBAAmB,EAAA,EAC1DD,EAAO,IAAIF,EAAKG,CAAK,GAEhBA,CACT,CAEA,SAASC,EAAeJ,EAAuB,OAC7C,MAAMK,EAAWL,EAAI,gBAAgB,YAC/BM,IAAQC,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,aAAc,EAE7C,OAAOF,EAAW,GAAKC,EAAQD,EAAWC,EAAQD,EAAW,CAC/D,CASO,SAASG,EACdR,EAA4B,OAAO,SAAa,IAC5C,OACA,SACQ,OACZ,GAAI,CAACA,EAAK,MAAO,IAAM,CAAC,EAExB,KAAM,CAAE,KAAAS,GAAST,EACXG,EAAQJ,EAASC,CAAG,EAC1B,GAAIG,EAAM,QAAU,EAAG,CACrB,MAAMO,EAAMN,EAAeJ,CAAG,EAG9B,GAFAG,EAAM,cAAgBM,EAAK,MAAM,SACjCN,EAAM,kBAAoBM,EAAK,MAAM,aACjCC,EAAM,EAAG,CACX,MAAMC,EACJ,aACEJ,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,iBAAiBE,GAAM,eAAgB,EAAA,GACrD,EACPA,EAAK,MAAM,aAAe,GAAGE,EAAOD,CAAG,IACzC,CACAD,EAAK,MAAM,SAAW,QACxB,CACAN,EAAM,OAAS,EAEf,IAAIS,EAAW,GACf,MAAO,IAAM,CACPA,IACJA,EAAW,GACXT,EAAM,OAAS,EACXA,EAAM,QAAU,IAClBM,EAAK,MAAM,SAAWN,EAAM,cAC5BM,EAAK,MAAM,aAAeN,EAAM,mBAEpC,CACF"}

package/dist/utils/scrollLock.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so
+ * stacked locks restore the original `overflow` only once the last one is
+ * released. Pads the body by the scrollbar width so the page doesn't shift
+ * sideways when the scrollbar disappears. Returns the release function; calling
+ * it more than once is a no-op.
+ */
+export declare function lockBodyScroll(doc?: Document | undefined): () => void;
+//# sourceMappingURL=scrollLock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../src/utils/scrollLock.ts"],"names":[],"mappings":"AAmCA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,GAAG,GAAE,QAAQ,GAAG,SAEJ,GACX,MAAM,IAAI,CA8BZ"}

package/dist/utils/scrollLock.js

@@ -0,0 +1,38 @@
+const l = Symbol.for("@mattermost/compass-ui/scroll-lock/v1");
+function d(n) {
+  const e = globalThis;
+  let t = e[l];
+  t || (t = /* @__PURE__ */ new WeakMap(), e[l] = t);
+  let o = t.get(n);
+  return o || (o = { count: 0, savedOverflow: "", savedPaddingRight: "" }, t.set(n, o)), o;
+}
+function r(n) {
+  var o;
+  const e = n.documentElement.clientWidth, t = ((o = n.defaultView) == null ? void 0 : o.innerWidth) ?? 0;
+  return e > 0 && t > e ? t - e : 0;
+}
+function u(n = typeof document > "u" ? void 0 : document) {
+  var i;
+  if (!n) return () => {
+  };
+  const { body: e } = n, t = d(n);
+  if (t.count === 0) {
+    const s = r(n);
+    if (t.savedOverflow = e.style.overflow, t.savedPaddingRight = e.style.paddingRight, s > 0) {
+      const a = parseFloat(
+        ((i = n.defaultView) == null ? void 0 : i.getComputedStyle(e).paddingRight) ?? ""
+      ) || 0;
+      e.style.paddingRight = `${a + s}px`;
+    }
+    e.style.overflow = "hidden";
+  }
+  t.count += 1;
+  let o = !1;
+  return () => {
+    o || (o = !0, t.count -= 1, t.count === 0 && (e.style.overflow = t.savedOverflow, e.style.paddingRight = t.savedPaddingRight));
+  };
+}
+export {
+  u as lockBodyScroll
+};
+//# sourceMappingURL=scrollLock.js.map

package/dist/utils/scrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.js","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","_a","viewport","outer","lockBodyScroll","body","gap","base","released"],"mappings":"AAOA,MAAMA,IAAY,OAAO,IAAI,uCAAuC;AAGpE,SAASC,EAASC,GAAgC;AAChD,QAAMC,IAAO;AAIb,MAAIC,IAASD,EAAKH,CAAS;AAC3B,EAAKI,MACHA,wBAAa,QAAA,GACbD,EAAKH,CAAS,IAAII;AAEpB,MAAIC,IAAQD,EAAO,IAAIF,CAAG;AAC1B,SAAKG,MACHA,IAAQ,EAAE,OAAO,GAAG,eAAe,IAAI,mBAAmB,GAAA,GAC1DD,EAAO,IAAIF,GAAKG,CAAK,IAEhBA;AACT;AAEA,SAASC,EAAeJ,GAAuB;AArB/C,MAAAK;AAsBE,QAAMC,IAAWN,EAAI,gBAAgB,aAC/BO,MAAQF,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,eAAc;AAE7C,SAAOC,IAAW,KAAKC,IAAQD,IAAWC,IAAQD,IAAW;AAC/D;AASO,SAASE,EACdR,IAA4B,OAAO,WAAa,MAC5C,SACA,UACQ;AAvCd,MAAAK;AAwCE,MAAI,CAACL,EAAK,QAAO,MAAM;AAAA,EAAC;AAExB,QAAM,EAAE,MAAAS,MAAST,GACXG,IAAQJ,EAASC,CAAG;AAC1B,MAAIG,EAAM,UAAU,GAAG;AACrB,UAAMO,IAAMN,EAAeJ,CAAG;AAG9B,QAFAG,EAAM,gBAAgBM,EAAK,MAAM,UACjCN,EAAM,oBAAoBM,EAAK,MAAM,cACjCC,IAAM,GAAG;AACX,YAAMC,IACJ;AAAA,UACEN,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,iBAAiBI,GAAM,iBAAgB;AAAA,MAAA,KACrD;AACP,MAAAA,EAAK,MAAM,eAAe,GAAGE,IAAOD,CAAG;AAAA,IACzC;AACA,IAAAD,EAAK,MAAM,WAAW;AAAA,EACxB;AACA,EAAAN,EAAM,SAAS;AAEf,MAAIS,IAAW;AACf,SAAO,MAAM;AACX,IAAIA,MACJA,IAAW,IACXT,EAAM,SAAS,GACXA,EAAM,UAAU,MAClBM,EAAK,MAAM,WAAWN,EAAM,eAC5BM,EAAK,MAAM,eAAeN,EAAM;AAAA,EAEpC;AACF;"}

package/dist/utils/slot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slot.cjs","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, ActionButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":"kIAeA,SAASA,EAAUC,EAAqBC,EAAiB,CACnD,OAAOD,GAAQ,WACjBA,EAAIC,CAAK,EACAD,GAAO,OACfA,EAA8B,QAAUC,EAE7C,CAGO,SAASC,KAAkBC,EAA6C,CAC7E,OAAQC,GAAS,CACf,UAAWJ,KAAOG,EAChBJ,EAAOC,EAAKI,CAAI,CAEpB,CACF,CAMO,SAASC,EAAcC,EAAiD,OAE7E,MAAMC,GAAYC,EAAAF,EAAQ,QAAR,YAAAE,EACd,IACJ,OAAID,IAAa,OACRA,EAEDD,EAAkD,GAC5D,CAIA,SAASG,EAAaC,EAAsB,OAC1C,OACEA,EAAI,OAAS,GAAKA,EAAI,WAAW,IAAI,GAAKA,EAAI,CAAC,MAAMF,EAAAE,EAAI,CAAC,IAAL,YAAAF,EAAQ,cAEjE,CAQO,SAASG,EACdC,EACAC,EACU,CACV,MAAMC,EAAqB,CAAE,GAAGD,CAAA,EAEhC,UAAWE,KAAY,OAAO,KAAKH,CAAS,EAAG,CAC7C,MAAMI,EAAYJ,EAAUG,CAAQ,EAC9BE,EAAaJ,EAAWE,CAAQ,EAElCN,EAAaM,CAAQ,EACnB,OAAOC,GAAc,YAAc,OAAOC,GAAe,WAC3DH,EAASC,CAAQ,EAAI,IAAIG,IAAoB,CAC3C,MAAMC,EAAQD,EAAK,CAAC,EACpBD,EAAW,GAAGC,CAAI,EACbC,GAAA,MAAAA,EAAO,kBACVH,EAAU,GAAGE,CAAI,CAErB,EACS,OAAOF,GAAc,aAC9BF,EAASC,CAAQ,EAAIC,GAEdD,IAAa,QACtBD,EAAS,MAAQ,CACf,GAAI,OAAOE,GAAc,UAAYA,GAAa,KAC7CA,EACD,KACJ,GAAI,OAAOC,GAAe,UAAYA,GAAc,KAC/CA,EACD,IAAA,EAEGF,IAAa,YACtBD,EAAS,UAAYM,EAAAA,gBACnB,OAAOJ,GAAc,SAAWA,EAAY,OAC5C,OAAOC,GAAe,SAAWA,EAAa,MAAA,EAErCF,KAAYF,IACvBC,EAASC,CAAQ,EAAIC,EAEzB,CAEA,OAAOF,CACT,CAEA,SAASO,EAAsBC,EAA8B,CAC3D,OAAIA,GAAY,MAAQA,IAAa,IAASA,IAAa,GAClD,GAEL,OAAOA,GAAa,SACfA,EAAS,OAAS,EAEvB,MAAM,QAAQA,CAAQ,EACjBA,EAAS,KAAKD,CAAqB,EAErC,EACT,CAEA,SAASE,EAAgBJ,EAGtB,CACDA,EAAM,eAAA,EACNA,EAAM,gBAAA,CACR,CA6BO,SAASK,EAAc,CAC5B,MAAAC,EAAA,MACAC,EACA,IAAA1B,EACA,QAAA2B,EACA,SAAAC,EAAW,GACX,kBAAAC,EACA,mBAAAC,EAAqB,EACvB,EAA8C,CAC5C,MAAMC,EAAO,QAAQ,IAAI,WAAa,aAEtC,IAAIC,EAAuB,KAC3B,GAAI,CACFA,EAAYC,EAAAA,SAAS,KAAKR,CAAK,CACjC,MAAQ,CACNO,EAAY,IACd,CAEA,GAAI,CAACE,EAAAA,eAAeF,CAAS,EAC3B,OAAID,GACF,QAAQ,KACN,oEAAA,EAGG,KAGT,MAAMlB,EAAamB,EAAU,MAG3BD,GACAD,GACAT,EAAsBR,EAAW,QAAQ,GAEzC,QAAQ,KACN,oHAAA,EAKJ,MAAMD,EAAsB,CAAE,GAAGc,CAAA,EACjC,OAAOd,EAAU,KAEbgB,IACFhB,EAAU,eAAe,EAAI,GACzBiB,IACFjB,EAAU,UAAYQ,EAAAA,gBACpB,OAAOR,EAAU,WAAc,SAC3BA,EAAU,UACV,OACJiB,CAAA,IAKN,MAAMM,EAASxB,EAAeC,EAAWC,CAAU,EAE/Ce,IACFO,EAAO,QAAUZ,EACjBY,EAAO,WAAaZ,GAGtB,MAAMa,EAAW/B,EAAc2B,CAAS,EAExC,OAAOK,EAAAA,aAAaL,EAAW,CAC7B,GAAGG,EACH,IAAKjC,EAAYF,EAAKoC,CAAQ,EAC9B,SAAUT,CAAA,CACC,CACf"}
+{"version":3,"file":"slot.cjs","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, TileButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":"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"}

package/dist/utils/slot.d.ts

@@ -31,7 +31,7 @@ export interface RenderAsChildOptions {
     /**
      * When true, warn in development if the child already has children (they
      * will be replaced). Use for hosts that own their full anatomy
-     * (IconButton, ActionButton). Leave false when the host wraps the child's
+     * (IconButton, TileButton). Leave false when the host wraps the child's
      * text (Button label).
      */
     warnOnChildContent?: boolean;

package/dist/utils/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, ActionButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":"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"}
+{"version":3,"file":"slot.js","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, TileButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":";;AAeA,SAASA,EAAUC,GAAqBC,GAAiB;AACvD,EAAI,OAAOD,KAAQ,aACjBA,EAAIC,CAAK,IACAD,KAAO,SACfA,EAA8B,UAAUC;AAE7C;AAGO,SAASC,KAAkBC,GAA6C;AAC7E,SAAO,CAACC,MAAS;AACf,eAAWJ,KAAOG;AAChB,MAAAJ,EAAOC,GAAKI,CAAI;AAAA,EAEpB;AACF;AAMO,SAASC,EAAcC,GAAiD;;AAE7E,QAAMC,KAAYC,IAAAF,EAAQ,UAAR,gBAAAE,EACd;AACJ,SAAID,MAAa,SACRA,IAEDD,EAAkD;AAC5D;AAIA,SAASG,EAAaC,GAAsB;;AAC1C,SACEA,EAAI,SAAS,KAAKA,EAAI,WAAW,IAAI,KAAKA,EAAI,CAAC,QAAMF,IAAAE,EAAI,CAAC,MAAL,gBAAAF,EAAQ;AAEjE;AAQO,SAASG,EACdC,GACAC,GACU;AACV,QAAMC,IAAqB,EAAE,GAAGD,EAAA;AAEhC,aAAWE,KAAY,OAAO,KAAKH,CAAS,GAAG;AAC7C,UAAMI,IAAYJ,EAAUG,CAAQ,GAC9BE,IAAaJ,EAAWE,CAAQ;AAEtC,IAAIN,EAAaM,CAAQ,IACnB,OAAOC,KAAc,cAAc,OAAOC,KAAe,aAC3DH,EAASC,CAAQ,IAAI,IAAIG,MAAoB;AAC3C,YAAMC,IAAQD,EAAK,CAAC;AACpB,MAAAD,EAAW,GAAGC,CAAI,GACbC,KAAA,QAAAA,EAAO,oBACVH,EAAU,GAAGE,CAAI;AAAA,IAErB,IACS,OAAOF,KAAc,eAC9BF,EAASC,CAAQ,IAAIC,KAEdD,MAAa,UACtBD,EAAS,QAAQ;AAAA,MACf,GAAI,OAAOE,KAAc,YAAYA,KAAa,OAC7CA,IACD;AAAA,MACJ,GAAI,OAAOC,KAAe,YAAYA,KAAc,OAC/CA,IACD;AAAA,IAAA,IAEGF,MAAa,cACtBD,EAAS,YAAYM;AAAA,MACnB,OAAOJ,KAAc,WAAWA,IAAY;AAAA,MAC5C,OAAOC,KAAe,WAAWA,IAAa;AAAA,IAAA,IAErCF,KAAYF,MACvBC,EAASC,CAAQ,IAAIC;AAAA,EAEzB;AAEA,SAAOF;AACT;AAEA,SAASO,EAAsBC,GAA8B;AAC3D,SAAIA,KAAY,QAAQA,MAAa,MAASA,MAAa,KAClD,KAEL,OAAOA,KAAa,WACfA,EAAS,SAAS,IAEvB,MAAM,QAAQA,CAAQ,IACjBA,EAAS,KAAKD,CAAqB,IAErC;AACT;AAEA,SAASE,EAAgBJ,GAGtB;AACD,EAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AACR;AA6BO,SAASK,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAA1B;AAAA,EACA,SAAA2B;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,mBAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAA8C;AAC5C,QAAMC,IAAO,QAAQ,IAAI,aAAa;AAEtC,MAAIC,IAAuB;AAC3B,MAAI;AACF,IAAAA,IAAYC,EAAS,KAAKR,CAAK;AAAA,EACjC,QAAQ;AACN,IAAAO,IAAY;AAAA,EACd;AAEA,MAAI,CAACE,EAAeF,CAAS;AAC3B,WAAID,KACF,QAAQ;AAAA,MACN;AAAA,IAAA,GAGG;AAGT,QAAMlB,IAAamB,EAAU;AAE7B,EACED,KACAD,KACAT,EAAsBR,EAAW,QAAQ,KAEzC,QAAQ;AAAA,IACN;AAAA,EAAA;AAKJ,QAAMD,IAAsB,EAAE,GAAGc,EAAA;AACjC,SAAOd,EAAU,MAEbgB,MACFhB,EAAU,eAAe,IAAI,IACzBiB,MACFjB,EAAU,YAAYQ;AAAA,IACpB,OAAOR,EAAU,aAAc,WAC3BA,EAAU,YACV;AAAA,IACJiB;AAAA,EAAA;AAKN,QAAMM,IAASxB,EAAeC,GAAWC,CAAU;AAEnD,EAAIe,MACFO,EAAO,UAAUZ,GACjBY,EAAO,aAAaZ;AAGtB,QAAMa,IAAW/B,EAAc2B,CAAS;AAExC,SAAOK,EAAaL,GAAW;AAAA,IAC7B,GAAGG;AAAA,IACH,KAAKjC,EAAYF,GAAKoC,CAAQ;AAAA,IAC9B,UAAUT;AAAA,EAAA,CACC;AACf;"}

package/dist/utils/useOnExited.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(e,u,c=!0){const s=r.useRef(e),t=r.useRef(u);r.useEffect(()=>{t.current=u}),r.useEffect(()=>{var f;s.current&&!e&&c&&((f=t.current)==null||f.call(t)),s.current=e},[e,c])}exports.useOnExited=n;
+//# sourceMappingURL=useOnExited.cjs.map

package/dist/utils/useOnExited.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.cjs","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":"yGAOO,SAASA,EACdC,EACAC,EACAC,EAAU,GACV,CACA,MAAMC,EAAaC,EAAAA,OAAOJ,CAAO,EAC3BK,EAAcD,EAAAA,OAAOH,CAAQ,EAEnCK,EAAAA,UAAU,IAAM,CACdD,EAAY,QAAUJ,CACxB,CAAC,EAEDK,EAAAA,UAAU,IAAM,OACVH,EAAW,SAAW,CAACH,GAAWE,SAAqB,2BAC3DC,EAAW,QAAUH,CACvB,EAAG,CAACA,EAASE,CAAO,CAAC,CACvB"}

package/dist/utils/useOnExited.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Calls `onExited` once `mounted` flips from true to false. Not called if the
+ * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a
+ * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.
+ */
+export declare function useOnExited(mounted: boolean, onExited: (() => void) | undefined, enabled?: boolean): void;
+//# sourceMappingURL=useOnExited.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.d.ts","sourceRoot":"","sources":["../../src/utils/useOnExited.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAClC,OAAO,UAAO,QAaf"}

package/dist/utils/useOnExited.js

@@ -0,0 +1,14 @@
+import { useRef as f, useEffect as n } from "react";
+function o(r, t, u = !0) {
+  const s = f(r), c = f(t);
+  n(() => {
+    c.current = t;
+  }), n(() => {
+    var e;
+    s.current && !r && u && ((e = c.current) == null || e.call(c)), s.current = r;
+  }, [r, u]);
+}
+export {
+  o as useOnExited
+};
+//# sourceMappingURL=useOnExited.js.map

package/dist/utils/useOnExited.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.js","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":";AAOO,SAASA,EACdC,GACAC,GACAC,IAAU,IACV;AACA,QAAMC,IAAaC,EAAOJ,CAAO,GAC3BK,IAAcD,EAAOH,CAAQ;AAEnC,EAAAK,EAAU,MAAM;AACd,IAAAD,EAAY,UAAUJ;AAAA,EACxB,CAAC,GAEDK,EAAU,MAAM;;AACd,IAAIH,EAAW,WAAW,CAACH,KAAWE,aAAqB,gCAC3DC,EAAW,UAAUH;AAAA,EACvB,GAAG,CAACA,GAASE,CAAO,CAAC;AACvB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.22",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -76,6 +76,7 @@
     "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
     "@storybook/test": "^8.6.14",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -107,9 +108,6 @@
       "utils/string": [
         "./dist/utils/string.d.ts"
       ],
-      "components/action-button": [
-        "./dist/components/action-button/index.d.ts"
-      ],
       "components/admin-console-footer": [
         "./dist/components/admin-console-footer/index.d.ts"
       ],
@@ -314,6 +312,9 @@
       "components/thread-list-item": [
         "./dist/components/thread-list-item/index.d.ts"
       ],
+      "components/tile-button": [
+        "./dist/components/tile-button/index.d.ts"
+      ],
       "components/toast": [
         "./dist/components/toast/index.d.ts"
       ],

package/dist/components/action-button/ActionButton.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),s=require("../icon/Icon.cjs"),A=require("../../utils/slot.cjs"),t=require("./ActionButton.module.scss.cjs"),i=q.forwardRef(function(a,o){if(a.asChild){const{icon:m,label:v,destructive:j=!1,className:C,disabled:x,children:N,asChild:S,..._}=a,p=[t.default["action-button"],j?t.default["action-button--destructive"]:"",C??""].filter(Boolean).join(" "),B=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:t.default["action-button__icon"],"aria-hidden":!0,children:e.jsx(s.IconSlotContext.Provider,{value:{size:"20"},children:m})}),e.jsx("span",{className:t.default["action-button__label"],children:v})]});return A.renderAsChild({child:N,props:{..._,className:p},ref:o,content:B,disabled:!!x,disabledClassName:t.default["action-button--disabled"],warnOnChildContent:!0})}const{icon:l,label:c,active:n,destructive:d=!1,className:r,disabled:u,type:b="button",asChild:P,...f}=a,h=[t.default["action-button"],n?t.default["action-button--active"]:"",d?t.default["action-button--destructive"]:"",r??""].filter(Boolean).join(" ");return e.jsxs("button",{ref:o,className:h,type:b,disabled:u,"aria-pressed":n===void 0?void 0:n,...f,children:[e.jsx("span",{className:t.default["action-button__icon"],"aria-hidden":!0,children:e.jsx(s.IconSlotContext.Provider,{value:{size:"20"},children:l})}),e.jsx("span",{className:t.default["action-button__label"],children:c})]})});i.displayName="ActionButton";exports.default=i;
-//# sourceMappingURL=ActionButton.cjs.map

package/dist/components/action-button/ActionButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.cjs","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n} from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { renderAsChild } from '@/utils/slot';\nimport styles from './ActionButton.module.scss';\n\ninterface ActionButtonOwnProps {\n  /** Pass `<Icon glyph={<SomeIcon />} />` — ActionButton provides the correct size (20) via context. */\n  icon: ReactNode;\n  /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  destructive?: boolean;\n  className?: string;\n  /**\n   * When true, disables the control. On a native `<button>`, sets the `disabled`\n   * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and\n   * blocks click / middle-click navigation (the link stays focusable).\n   */\n  disabled?: boolean;\n}\n\nexport interface ActionButtonProps\n  extends ActionButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * When true, merges ActionButton props onto the single child element instead of\n   * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.\n   */\n  asChild?: false;\n  /**\n   * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native\n   * `<button>`; not available with `asChild`.\n   */\n  active?: boolean;\n}\n\nexport interface ActionButtonAsChildProps\n  extends\n    ActionButtonOwnProps,\n    Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {\n  /**\n   * Merges ActionButton props onto the single child element instead of rendering a\n   * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the\n   * child. Do not pass `type` or `active` — they are not available on links.\n   * Pass an empty child; ActionButton supplies the icon and label anatomy.\n   */\n  asChild: true;\n  /** Single empty element to render as the ActionButton (e.g. `<a href=\"…\" />`). */\n  children: ReactElement;\n}\n\ntype ActionButtonComponent = {\n  (\n    props: ActionButtonAsChildProps & RefAttributes<HTMLElement>,\n  ): ReactElement | null;\n  (\n    props: ActionButtonProps & RefAttributes<HTMLButtonElement>,\n  ): ReactElement | null;\n  displayName?: string;\n};\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n *\n * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational\n * action with Action Button styling (no nested `<button>`).\n */\nconst ActionButton = forwardRef(function ActionButton(\n  props: ActionButtonProps | ActionButtonAsChildProps,\n  ref: Ref<HTMLButtonElement | HTMLElement>,\n) {\n  if (props.asChild) {\n    const {\n      icon,\n      label,\n      destructive = false,\n      className,\n      disabled,\n      children,\n      asChild,\n      ...rest\n    } = props;\n    void asChild;\n\n    const rootClass = [\n      styles['action-button'],\n      destructive ? styles['action-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const anatomy = (\n      <>\n        <span className={styles['action-button__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '20' }}>\n            {icon}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['action-button__label']}>{label}</span>\n      </>\n    );\n\n    return renderAsChild({\n      child: children,\n      props: {\n        ...rest,\n        className: rootClass,\n      },\n      ref,\n      content: anatomy,\n      disabled: Boolean(disabled),\n      disabledClassName: styles['action-button--disabled'],\n      warnOnChildContent: true,\n    });\n  }\n\n  const {\n    icon,\n    label,\n    active,\n    destructive = false,\n    className,\n    disabled,\n    type = 'button',\n    asChild,\n    ...htmlProps\n  } = props;\n  void asChild;\n\n  const rootClass = [\n    styles['action-button'],\n    active ? styles['action-button--active'] : '',\n    destructive ? styles['action-button--destructive'] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      aria-pressed={active === undefined ? undefined : active}\n      {...htmlProps}\n    >\n      <span className={styles['action-button__icon']} aria-hidden>\n        <IconSlotContext.Provider value={{ size: '20' }}>\n          {icon}\n        </IconSlotContext.Provider>\n      </span>\n      <span className={styles['action-button__label']}>{label}</span>\n    </button>\n  );\n}) as ActionButtonComponent;\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"names":["ActionButton","forwardRef","props","ref","icon","label","destructive","className","disabled","children","asChild","rest","rootClass","styles","anatomy","jsxs","Fragment","jsx","IconSlotContext","renderAsChild","active","type","htmlProps"],"mappings":"gRA2EMA,EAAeC,EAAAA,WAAW,SAC9BC,EACAC,EACA,CACA,GAAID,EAAM,QAAS,CACjB,KAAM,CACJ,KAAAE,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EACDT,EAGEU,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBP,EAAcO,EAAAA,QAAO,4BAA4B,EAAI,GACrDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAELO,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAAC,QAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,MACtC,SAAAd,EACH,EACF,QACC,OAAA,CAAK,UAAWS,EAAAA,QAAO,sBAAsB,EAAI,SAAAR,CAAAA,CAAM,CAAA,EAC1D,EAGF,OAAOc,gBAAc,CACnB,MAAOV,EACP,MAAO,CACL,GAAGE,EACH,UAAWC,CAAA,EAEb,IAAAT,EACA,QAASW,EACT,SAAU,EAAQN,EAClB,kBAAmBK,EAAAA,QAAO,yBAAyB,EACnD,mBAAoB,EAAA,CACrB,CACH,CAEA,KAAM,CACJ,KAAAT,EACA,MAAAC,EACA,OAAAe,EACA,YAAAd,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,KAAAa,EAAO,SACP,QAAAX,EACA,GAAGY,CAAA,EACDpB,EAGEU,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBO,EAASP,EAAAA,QAAO,uBAAuB,EAAI,GAC3CP,EAAcO,EAAAA,QAAO,4BAA4B,EAAI,GACrDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,SAAA,CACC,IAAAZ,EACA,UAAWS,EACX,KAAAS,EACA,SAAAb,EACA,eAAcY,IAAW,OAAY,OAAYA,EAChD,GAAGE,EAEJ,SAAA,CAAAL,MAAC,QAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QACC,OAAA,CAAK,UAAWL,EAAAA,QAAO,sBAAsB,EAAI,SAAAR,CAAA,CAAM,CAAA,CAAA,CAAA,CAG9D,CAAC,EAEDL,EAAa,YAAc"}