@mattermost/compass-ui 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/index.js

@@ -1,190 +1,207 @@
-import { default as a } from "./components/action-button/ActionButton.js";
+import { default as r } from "./components/action-button/ActionButton.js";
 import { default as t } from "./components/admin-console-header/AdminConsoleHeader.js";
-import { default as s } from "./components/admin-console-sidebar/AdminConsoleSidebar.js";
-import { default as d } from "./components/admin-panel/AdminPanel.js";
+import { default as d } from "./components/admin-console-sidebar/AdminConsoleSidebar.js";
+import { default as u } from "./components/admin-panel/AdminPanel.js";
 import { default as p } from "./components/admin-panel-footer/AdminPanelFooter.js";
 import { default as n } from "./components/admin-panel-header/AdminPanelHeader.js";
 import { default as i } from "./components/attachment-card/AttachmentCard.js";
 import { default as M } from "./components/button/Button.js";
 import { default as T } from "./components/button/Button.module.scss.js";
-import { default as c } from "./components/channel-header-menu/ChannelHeaderMenu.js";
-import { default as g } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.js";
-import { default as b } from "./components/channel-menu/ChannelMenu.js";
-import { default as A } from "./components/channel-category-menu/ChannelCategoryMenu.js";
-import { default as O } from "./components/channel-sidebar-item/ChannelSidebarItem.js";
-import { default as N, ChannelsSidebarCategory as _, ChannelsSidebarHeader as D, ChannelsSidebarNavigator as E } from "./components/channels-sidebar/ChannelsSidebar.js";
-import { applyChannelNameOverrides as G } from "./components/channels-sidebar/channelsSidebarModel.js";
-import { default as w } from "./components/channels-sidebar/ChannelsSidebar.module.scss.js";
-import { default as k } from "./components/checkbox/Checkbox.js";
-import { default as L } from "./components/chip/Chip.js";
-import { default as Z } from "./components/chip/ChipGroup.js";
-import { default as K } from "./components/combobox/Combobox.js";
-import { default as q } from "./components/date-range-picker/DateRangePicker.js";
-import { default as J } from "./components/divider/Divider.js";
-import { default as X } from "./components/dropdown/Dropdown.js";
-import { default as $ } from "./components/emoji/Emoji.js";
-import { default as re } from "./components/empty-state/EmptyState.js";
-import { default as oe } from "./components/error-message/ErrorMessage.js";
-import { default as fe } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
-import { default as le } from "./components/global-banner/GlobalBanner.js";
-import { default as ue } from "./components/global-header/GlobalHeader.js";
-import { default as me } from "./components/help-menu/HelpMenu.js";
-import { default as xe, SVG_SIZE_MAP as ie } from "./components/icon/Icon.js";
-import { ICON_BUTTON_ICON_SIZES as Me, default as Pe } from "./components/icon-button/IconButton.js";
-import { default as Ce } from "./components/illustration/Illustration.js";
-import { default as he } from "./components/image-preview/ImagePreview.js";
-import { default as ve } from "./components/tag/Tag.js";
-import { default as Ie } from "./components/link-preview/LinkPreview.js";
-import { default as Be } from "./components/mention-badge/MentionBadge.js";
-import { default as He } from "./components/menu-item/MenuItem.js";
-import { default as _e } from "./components/message-actions/MessageActions.js";
-import { default as Ee } from "./components/message-header/MessageHeader.js";
-import { default as Ge } from "./components/message-more-options-menu/MessageMoreOptionsMenu.js";
-import { default as we } from "./components/message-reactions/MessageReactions.js";
-import { default as ke } from "./components/message-separator/MessageSeparator.js";
-import { default as Le } from "./components/modal/Modal.js";
-import { default as Ze } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
-import { default as Ke } from "./components/new-message-banner/NewMessageBanner.js";
-import { default as qe } from "./components/pagination-dots/PaginationDots.js";
-import { default as Je } from "./components/permalink-preview/PermalinkPreview.js";
-import { default as Xe } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
-import { default as $e } from "./components/plus-menu/PlusMenu.js";
-import { default as rr, PopoverMenuDivider as ar, PopoverMenuGroup as or, PopoverMenuGroupTitle as tr, PopoverMenuScroll as fr, PopoverMenuTitle as sr } from "./components/popover-menu/PopoverMenu.js";
-import { default as dr } from "./components/popover-notice/PopoverNotice.js";
-import { DEFAULT_PRODUCT_SWITCHER_PRODUCTS as pr, default as mr } from "./components/product-switcher-menu/ProductSwitcherMenu.js";
-import { default as xr } from "./components/profile-popover/ProfilePopover.js";
-import { default as Sr } from "./components/progress-bar/ProgressBar.js";
-import { default as Pr } from "./components/radio/Radio.js";
-import { default as Cr } from "./components/right-sidebar-header/RightSidebarHeader.js";
-import { default as hr } from "./components/scrollbar/Scrollbar.js";
-import { default as vr } from "./components/search-input/SearchInput.js";
-import { default as Ir } from "./components/search-tip-banner/SearchTipBanner.js";
-import { default as Br, ShortcutTagGroup as Or } from "./components/shortcut-tag/ShortcutTag.js";
-import { default as Nr } from "./components/section-notice/SectionNotice.js";
-import { default as Dr } from "./components/select/Select.js";
-import { default as Rr } from "./components/spinner/Spinner.js";
-import { default as Ur } from "./components/status-badge/StatusBadge.js";
-import { default as yr } from "./components/switch/Switch.js";
-import { default as Fr } from "./components/tabs/Tabs.js";
-import { default as Vr } from "./components/team-avatar/TeamAvatar.js";
-import { default as jr } from "./components/team-menu/TeamMenu.js";
-import { default as Wr } from "./components/team-sidebar/TeamSidebar.js";
-import { default as zr } from "./components/text-area/TextArea.js";
-import { default as Qr } from "./components/text-input/TextInput.js";
-import { default as Yr } from "./components/thread-actions-menu/ThreadActionsMenu.js";
-import { default as ea } from "./components/thread-footer/ThreadFooter.js";
-import { default as aa } from "./components/thread-list-item/ThreadListItem.js";
-import { default as ta } from "./components/toast/Toast.js";
-import { default as sa } from "./components/tooltip/Tooltip.js";
-import { default as da } from "./components/tour-point/TourPoint.js";
-import { default as pa } from "./components/unread-badge/UnreadBadge.js";
-import { default as na } from "./components/user-avatar/UserAvatar.js";
-import { default as ia } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as Ma } from "./hooks/use-controllable.js";
-import { useExitAnimation as Ta } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as ca } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as ga, usePopoverTransition as va } from "./hooks/use-popover-transition.js";
-import { toKebab as Ia } from "./utils/string.js";
+import { default as c } from "./components/card-button/CardButton.js";
+import { default as g } from "./components/card-button/CardButtonGroup.js";
+import { default as I } from "./components/channel-header-menu/ChannelHeaderMenu.js";
+import { default as A } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.js";
+import { default as E } from "./components/channel-menu/ChannelMenu.js";
+import { default as _ } from "./components/channel-category-menu/ChannelCategoryMenu.js";
+import { default as N } from "./components/channel-sidebar-item/ChannelSidebarItem.js";
+import { default as G, ChannelsSidebarCategory as D, ChannelsSidebarHeader as U, ChannelsSidebarNavigator as w } from "./components/channels-sidebar/ChannelsSidebar.js";
+import { applyChannelNameOverrides as F } from "./components/channels-sidebar/channelsSidebarModel.js";
+import { default as j } from "./components/channels-sidebar/ChannelsSidebar.module.scss.js";
+import { default as Z } from "./components/checkbox/Checkbox.js";
+import { default as V } from "./components/chip/Chip.js";
+import { default as W } from "./components/chip/ChipGroup.js";
+import { default as z } from "./components/combobox/Combobox.js";
+import { default as X } from "./components/date-range-picker/DateRangePicker.js";
+import { default as $ } from "./components/divider/Divider.js";
+import { default as oe } from "./components/dropdown/Dropdown.js";
+import { default as ae } from "./components/emoji/Emoji.js";
+import { EMOJI_BUTTON_EMOJI_SIZES as fe, default as de } from "./components/emoji-button/EmojiButton.js";
+import { default as ue } from "./components/emoji-popover/EmojiPopover.js";
+import { default as pe } from "./components/empty-state/EmptyState.js";
+import { default as ne } from "./components/error-message/ErrorMessage.js";
+import { default as ie } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
+import { default as Me } from "./components/global-banner/GlobalBanner.js";
+import { default as Te } from "./components/global-header/GlobalHeader.js";
+import { default as ce } from "./components/help-menu/HelpMenu.js";
+import { default as ge, SVG_SIZE_MAP as ve } from "./components/icon/Icon.js";
+import { ICON_BUTTON_ICON_SIZES as be, default as Ae } from "./components/icon-button/IconButton.js";
+import { default as Ee } from "./components/illustration/Illustration.js";
+import { default as _e } from "./components/image-preview/ImagePreview.js";
+import { default as Ne } from "./components/tag/Tag.js";
+import { default as Ge } from "./components/link-preview/LinkPreview.js";
+import { default as Ue } from "./components/mention-badge/MentionBadge.js";
+import { default as ye } from "./components/menu-group-heading/MenuGroupHeading.js";
+import { default as ke } from "./components/menu-item/MenuItem.js";
+import { default as Le } from "./components/message-actions/MessageActions.js";
+import { default as Je } from "./components/message-header/MessageHeader.js";
+import { default as Ke } from "./components/message-more-options-menu/MessageMoreOptionsMenu.js";
+import { default as qe } from "./components/reactions-row/ReactionsRow.js";
+import { default as Qe } from "./components/reaction-button/ReactionButton.js";
+import { default as Ye } from "./components/message-separator/MessageSeparator.js";
+import { default as eo } from "./components/modal/Modal.js";
+import { default as ro } from "./components/modal-footer/ModalFooter.js";
+import { default as to } from "./components/modal-header/ModalHeader.js";
+import { default as so } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
+import { default as lo } from "./components/new-message-banner/NewMessageBanner.js";
+import { default as mo } from "./components/pagination-dots/PaginationDots.js";
+import { default as xo } from "./components/permalink-preview/PermalinkPreview.js";
+import { default as So } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
+import { default as Po } from "./components/plus-menu/PlusMenu.js";
+import { default as Co, PopoverMenuDivider as co, PopoverMenuGroup as ho, PopoverMenuGroupTitle as go, PopoverMenuScroll as vo, PopoverMenuTitle as Io } from "./components/popover-menu/PopoverMenu.js";
+import { default as Ao } from "./components/popover-notice/PopoverNotice.js";
+import { DEFAULT_PRODUCT_SWITCHER_PRODUCTS as Eo, default as Oo } from "./components/product-switcher-menu/ProductSwitcherMenu.js";
+import { default as Ho } from "./components/profile-popover/ProfilePopover.js";
+import { default as Ro } from "./components/progress-bar/ProgressBar.js";
+import { default as Do } from "./components/radio/Radio.js";
+import { default as wo } from "./components/right-sidebar-header/RightSidebarHeader.js";
+import { default as Fo } from "./components/scrollbar/Scrollbar.js";
+import { default as jo } from "./components/search-input/SearchInput.js";
+import { default as Zo } from "./components/search-tip-banner/SearchTipBanner.js";
+import { default as Vo, ShortcutTagGroup as Ko } from "./components/shortcut-tag/ShortcutTag.js";
+import { default as qo } from "./components/section-notice/SectionNotice.js";
+import { default as Qo } from "./components/select/Select.js";
+import { default as Yo } from "./components/spinner/Spinner.js";
+import { default as er } from "./components/status-badge/StatusBadge.js";
+import { default as rr } from "./components/switch/Switch.js";
+import { default as tr } from "./components/tabs/Tabs.js";
+import { default as dr } from "./components/team-avatar/TeamAvatar.js";
+import { default as ur } from "./components/team-menu/TeamMenu.js";
+import { default as pr } from "./components/team-sidebar/TeamSidebar.js";
+import { default as nr } from "./components/text-area/TextArea.js";
+import { default as ir } from "./components/text-input/TextInput.js";
+import { default as Mr } from "./components/thread-actions-menu/ThreadActionsMenu.js";
+import { default as Tr } from "./components/thread-footer/ThreadFooter.js";
+import { default as cr } from "./components/thread-list-item/ThreadListItem.js";
+import { default as gr } from "./components/toast/Toast.js";
+import { default as Ir } from "./components/tooltip/Tooltip.js";
+import { default as Ar } from "./components/tour-point/TourPoint.js";
+import { default as Er } from "./components/unread-badge/UnreadBadge.js";
+import { default as _r } from "./components/user-avatar/UserAvatar.js";
+import { default as Nr } from "./components/user-avatar-group/UserAvatarGroup.js";
+import { useControllable as Gr } from "./hooks/use-controllable.js";
+import { useExitAnimation as Ur } from "./hooks/use-exit-animation.js";
+import { useOutsideClose as yr } from "./hooks/use-outside-close.js";
+import { POPOVER_TRANSITION_MS as kr, usePopoverTransition as jr } from "./hooks/use-popover-transition.js";
+import { toKebab as Zr } from "./utils/string.js";
 export {
-  a as ActionButton,
+  r as ActionButton,
   t as AdminConsoleHeader,
-  s as AdminConsoleSidebar,
-  d as AdminPanel,
+  d as AdminConsoleSidebar,
+  u as AdminPanel,
   p as AdminPanelFooter,
   n as AdminPanelHeader,
   i as AttachmentCard,
   M as Button,
-  A as ChannelCategoryMenu,
-  c as ChannelHeaderMenu,
-  g as ChannelInfoMsgHeader,
-  b as ChannelMenu,
-  O as ChannelSidebarItem,
-  N as ChannelsSidebar,
-  _ as ChannelsSidebarCategory,
-  D as ChannelsSidebarHeader,
-  E as ChannelsSidebarNavigator,
-  k as Checkbox,
-  L as Chip,
-  Z as ChipGroup,
-  K as Combobox,
-  pr as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
-  q as DateRangePicker,
-  J as Divider,
-  X as Dropdown,
-  $ as Emoji,
-  re as EmptyState,
-  oe as ErrorMessage,
-  fe as FeatureDiscoveryPanel,
-  le as GlobalBanner,
-  ue as GlobalHeader,
-  me as HelpMenu,
-  Me as ICON_BUTTON_ICON_SIZES,
-  xe as Icon,
-  Pe as IconButton,
-  Ce as Illustration,
-  he as ImagePreview,
-  Ie as LinkPreview,
-  Be as MentionBadge,
-  He as MenuItem,
-  _e as MessageActions,
-  Ee as MessageHeader,
-  Ge as MessageMoreOptionsMenu,
-  we as MessageReactions,
-  ke as MessageSeparator,
-  Le as Modal,
-  Ze as MoreUnreadsBanner,
-  Ke as NewMessageBanner,
-  ga as POPOVER_TRANSITION_MS,
-  qe as PaginationDots,
-  Je as PermalinkPreview,
-  Xe as PinnedSavedIndicators,
-  $e as PlusMenu,
-  rr as PopoverMenu,
-  ar as PopoverMenuDivider,
-  or as PopoverMenuGroup,
-  tr as PopoverMenuGroupTitle,
-  fr as PopoverMenuScroll,
-  sr as PopoverMenuTitle,
-  dr as PopoverNotice,
-  mr as ProductSwitcherMenu,
-  xr as ProfilePopover,
-  Sr as ProgressBar,
-  Pr as Radio,
-  Cr as RightSidebarHeader,
-  ie as SVG_SIZE_MAP,
-  hr as Scrollbar,
-  vr as SearchInput,
-  Ir as SearchTipBanner,
-  Nr as SectionNotice,
-  Dr as Select,
-  Br as ShortcutTag,
-  Or as ShortcutTagGroup,
-  Rr as Spinner,
-  Ur as StatusBadge,
-  yr as Switch,
-  Fr as Tabs,
-  ve as Tag,
-  Vr as TeamAvatar,
-  jr as TeamMenu,
-  Wr as TeamSidebar,
-  zr as TextArea,
-  Qr as TextInput,
-  Yr as ThreadActionsMenu,
-  ea as ThreadFooter,
-  aa as ThreadListItem,
-  ta as Toast,
-  sa as Tooltip,
-  da as TourPoint,
-  pa as UnreadBadge,
-  na as UserAvatar,
-  ia as UserAvatarGroup,
-  G as applyChannelNameOverrides,
+  c as CardButton,
+  g as CardButtonGroup,
+  _ as ChannelCategoryMenu,
+  I as ChannelHeaderMenu,
+  A as ChannelInfoMsgHeader,
+  E as ChannelMenu,
+  N as ChannelSidebarItem,
+  G as ChannelsSidebar,
+  D as ChannelsSidebarCategory,
+  U as ChannelsSidebarHeader,
+  w as ChannelsSidebarNavigator,
+  Z as Checkbox,
+  V as Chip,
+  W as ChipGroup,
+  z as Combobox,
+  Eo as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
+  X as DateRangePicker,
+  $ as Divider,
+  oe as Dropdown,
+  fe as EMOJI_BUTTON_EMOJI_SIZES,
+  ae as Emoji,
+  de as EmojiButton,
+  ue as EmojiPopover,
+  pe as EmptyState,
+  ne as ErrorMessage,
+  ie as FeatureDiscoveryPanel,
+  Me as GlobalBanner,
+  Te as GlobalHeader,
+  ce as HelpMenu,
+  be as ICON_BUTTON_ICON_SIZES,
+  ge as Icon,
+  Ae as IconButton,
+  Ee as Illustration,
+  _e as ImagePreview,
+  Ge as LinkPreview,
+  Ue as MentionBadge,
+  ye as MenuGroupHeading,
+  ke as MenuItem,
+  Le as MessageActions,
+  Je as MessageHeader,
+  Ke as MessageMoreOptionsMenu,
+  Ye as MessageSeparator,
+  eo as Modal,
+  ro as ModalFooter,
+  to as ModalHeader,
+  so as MoreUnreadsBanner,
+  lo as NewMessageBanner,
+  kr as POPOVER_TRANSITION_MS,
+  mo as PaginationDots,
+  xo as PermalinkPreview,
+  So as PinnedSavedIndicators,
+  Po as PlusMenu,
+  Co as PopoverMenu,
+  co as PopoverMenuDivider,
+  ho as PopoverMenuGroup,
+  go as PopoverMenuGroupTitle,
+  vo as PopoverMenuScroll,
+  Io as PopoverMenuTitle,
+  Ao as PopoverNotice,
+  Oo as ProductSwitcherMenu,
+  Ho as ProfilePopover,
+  Ro as ProgressBar,
+  Do as Radio,
+  Qe as ReactionButton,
+  qe as ReactionsRow,
+  wo as RightSidebarHeader,
+  ve as SVG_SIZE_MAP,
+  Fo as Scrollbar,
+  jo as SearchInput,
+  Zo as SearchTipBanner,
+  qo as SectionNotice,
+  Qo as Select,
+  Vo as ShortcutTag,
+  Ko as ShortcutTagGroup,
+  Yo as Spinner,
+  er as StatusBadge,
+  rr as Switch,
+  tr as Tabs,
+  Ne as Tag,
+  dr as TeamAvatar,
+  ur as TeamMenu,
+  pr as TeamSidebar,
+  nr as TextArea,
+  ir as TextInput,
+  Mr as ThreadActionsMenu,
+  Tr as ThreadFooter,
+  cr as ThreadListItem,
+  gr as Toast,
+  Ir as Tooltip,
+  Ar as TourPoint,
+  Er as UnreadBadge,
+  _r as UserAvatar,
+  Nr as UserAvatarGroup,
+  F as applyChannelNameOverrides,
   T as btnStyles,
-  w as channelsSidebarStyles,
-  Ia as toKebab,
-  Ma as useControllable,
-  Ta as useExitAnimation,
-  ca as useOutsideClose,
-  va as usePopoverTransition
+  j as channelsSidebarStyles,
+  Zr as toKebab,
+  Gr as useControllable,
+  Ur as useExitAnimation,
+  yr as useOutsideClose,
+  jr 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.8",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -139,6 +139,9 @@
       "components/button": [
         "./dist/components/button/index.d.ts"
       ],
+      "components/card-button": [
+        "./dist/components/card-button/index.d.ts"
+      ],
       "components/channel-category-menu": [
         "./dist/components/channel-category-menu/index.d.ts"
       ],
@@ -178,6 +181,12 @@
       "components/emoji": [
         "./dist/components/emoji/index.d.ts"
       ],
+      "components/emoji-button": [
+        "./dist/components/emoji-button/index.d.ts"
+      ],
+      "components/emoji-popover": [
+        "./dist/components/emoji-popover/index.d.ts"
+      ],
       "components/empty-state": [
         "./dist/components/empty-state/index.d.ts"
       ],
@@ -214,6 +223,9 @@
       "components/mention-badge": [
         "./dist/components/mention-badge/index.d.ts"
       ],
+      "components/menu-group-heading": [
+        "./dist/components/menu-group-heading/index.d.ts"
+      ],
       "components/menu-item": [
         "./dist/components/menu-item/index.d.ts"
       ],
@@ -226,15 +238,18 @@
       "components/message-more-options-menu": [
         "./dist/components/message-more-options-menu/index.d.ts"
       ],
-      "components/message-reactions": [
-        "./dist/components/message-reactions/index.d.ts"
-      ],
       "components/message-separator": [
         "./dist/components/message-separator/index.d.ts"
       ],
       "components/modal": [
         "./dist/components/modal/index.d.ts"
       ],
+      "components/modal-footer": [
+        "./dist/components/modal-footer/index.d.ts"
+      ],
+      "components/modal-header": [
+        "./dist/components/modal-header/index.d.ts"
+      ],
       "components/more-unreads-banner": [
         "./dist/components/more-unreads-banner/index.d.ts"
       ],
@@ -271,6 +286,12 @@
       "components/radio": [
         "./dist/components/radio/index.d.ts"
       ],
+      "components/reaction-button": [
+        "./dist/components/reaction-button/index.d.ts"
+      ],
+      "components/reactions-row": [
+        "./dist/components/reactions-row/index.d.ts"
+      ],
       "components/right-sidebar-header": [
         "./dist/components/right-sidebar-header/index.d.ts"
       ],

package/dist/components/message-reactions/MessageReactions.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../icon-button/IconButton.cjs"),c=require("../icon/Icon.cjs"),__x=require("@mattermost/compass-icons/components/check-circle-outline.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),h=__h?.default??__h,s=require("./MessageReactions.module.scss.cjs"),N=[{emoji:"👍",count:1},{emoji:"😀",count:4},{emoji:"🙌",count:1}];function b({reactions:o=N,showAddReaction:r=!1,acknowledged:u=!1,acknowledgeCount:d=0,currentUserAcknowledged:l=!1,onAddReaction:m,onReactionClick:t,onAcknowledge:_,className:f="",...j}){const g=[s.default["message-reactions"],f].filter(Boolean).join(" ");return e.jsxs("div",{className:g,...j,children:[u&&e.jsxs("button",{type:"button",className:[s.default["message-reactions__ack"],l?s.default["message-reactions__ack--active"]:""].filter(Boolean).join(" "),onClick:_,"aria-pressed":l,"aria-label":"Acknowledge message",children:[e.jsx("span",{className:s.default["message-reactions__ack-icon"],"aria-hidden":!0,children:e.jsx(c.default,{size:"16",glyph:e.jsx(x,{})})}),l?e.jsx("span",{className:s.default["message-reactions__ack-count"],children:d}):e.jsx("span",{className:s.default["message-reactions__ack-label"],children:"Acknowledge"})]}),e.jsxs("div",{className:s.default["message-reactions__pills"],children:[o.map(({emoji:a,count:i,byCurrentUser:n})=>e.jsxs("button",{type:"button",className:[s.default["message-reactions__pill"],n?s.default["message-reactions__pill--mine"]:""].filter(Boolean).join(" "),onClick:()=>t==null?void 0:t(a),"aria-label":`${a} ${i} reaction${i!==1?"s":""}`,"aria-pressed":n,children:[e.jsx("span",{className:s.default["message-reactions__pill-emoji"],"aria-hidden":!0,children:a}),e.jsx("span",{className:s.default["message-reactions__pill-count"],children:i})]},a)),r&&e.jsx(p.default,{"aria-label":"Add reaction",className:s.default["message-reactions__add-reaction"],size:"x-small",onClick:m,icon:e.jsx(c.default,{size:"16",glyph:e.jsx(h,{})})})]})]})}exports.default=b;
-//# sourceMappingURL=MessageReactions.cjs.map

package/dist/components/message-reactions/MessageReactions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageReactions.cjs","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n  emoji: string;\n  count: number;\n  /** Whether the current user reacted with this emoji. */\n  byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** List of reactions to display. */\n  reactions?: ReactionItem[];\n  /** Whether to show the add-reaction button. Default: false. */\n  showAddReaction?: boolean;\n  /** Whether to show the acknowledge button. */\n  acknowledged?: boolean;\n  /** Acknowledge count. */\n  acknowledgeCount?: number;\n  /** Whether the current user has acknowledged. Default: false. */\n  currentUserAcknowledged?: boolean;\n  /** Called when add-reaction is clicked. */\n  onAddReaction?: () => void;\n  /** Called when a reaction pill is clicked. */\n  onReactionClick?: (emoji: string) => void;\n  /** Called when the acknowledge button is clicked. */\n  onAcknowledge?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n  { emoji: '👍', count: 1 },\n  { emoji: '😀', count: 4 },\n  { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n  reactions = DEFAULT_REACTIONS,\n  showAddReaction = false,\n  acknowledged = false,\n  acknowledgeCount = 0,\n  currentUserAcknowledged = false,\n  onAddReaction,\n  onReactionClick,\n  onAcknowledge,\n  className = '',\n  ...rest\n}: MessageReactionsProps) {\n  const rootClass = [styles['message-reactions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {/* Acknowledge button */}\n      {acknowledged && (\n        <button\n          type=\"button\"\n          className={[\n            styles['message-reactions__ack'],\n            currentUserAcknowledged\n              ? styles['message-reactions__ack--active']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onAcknowledge}\n          aria-pressed={currentUserAcknowledged}\n          aria-label=\"Acknowledge message\"\n        >\n          <span className={styles['message-reactions__ack-icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n          </span>\n          {currentUserAcknowledged ? (\n            <span className={styles['message-reactions__ack-count']}>\n              {acknowledgeCount}\n            </span>\n          ) : (\n            <span className={styles['message-reactions__ack-label']}>\n              Acknowledge\n            </span>\n          )}\n        </button>\n      )}\n\n      {/* Reaction pills */}\n      <div className={styles['message-reactions__pills']}>\n        {reactions.map(({ emoji, count, byCurrentUser }) => (\n          <button\n            key={emoji}\n            type=\"button\"\n            className={[\n              styles['message-reactions__pill'],\n              byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => onReactionClick?.(emoji)}\n            aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n            aria-pressed={byCurrentUser}\n          >\n            <span\n              className={styles['message-reactions__pill-emoji']}\n              aria-hidden\n            >\n              {emoji}\n            </span>\n            <span className={styles['message-reactions__pill-count']}>\n              {count}\n            </span>\n          </button>\n        ))}\n\n        {/* Add reaction button */}\n        {showAddReaction && (\n          <IconButton\n            aria-label=\"Add reaction\"\n            className={styles['message-reactions__add-reaction']}\n            size=\"x-small\"\n            onClick={onAddReaction}\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":"wZAmCMA,EAAoC,CACxC,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,CACxB,EAOA,SAAwBC,EAAiB,CACvC,UAAAC,EAAYF,EACZ,gBAAAG,EAAkB,GAClB,aAAAC,EAAe,GACf,iBAAAC,EAAmB,EACnB,wBAAAC,EAA0B,GAC1B,cAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAY,CAACC,UAAO,mBAAmB,EAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAY,GAAGD,EAE5B,SAAA,CAAAP,GACCU,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,wBAAwB,EAC/BP,EACIO,EAAAA,QAAO,gCAAgC,EACvC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASJ,EACT,eAAcH,EACd,aAAW,sBAEX,SAAA,CAAAS,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAuB,EAAI,EACrD,EACCX,EACCS,EAAAA,IAAC,OAAA,CAAK,UAAWF,UAAO,8BAA8B,EACnD,SAAAR,CAAA,CACH,QAEC,OAAA,CAAK,UAAWQ,EAAAA,QAAO,8BAA8B,EAAG,SAAA,aAAA,CAEzD,CAAA,CAAA,CAAA,EAMNC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,0BAA0B,EAC9C,SAAA,CAAAX,EAAU,IAAI,CAAC,CAAE,MAAAgB,EAAO,MAAAC,EAAO,cAAAC,KAC9BN,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,yBAAyB,EAChCO,EAAgBP,EAAAA,QAAO,+BAA+B,EAAI,EAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,IAAML,GAAA,YAAAA,EAAkBU,GACjC,aAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,IAAU,EAAI,IAAM,EAAE,GAC/D,eAAcC,EAEd,SAAA,CAAAL,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,+BAA+B,EACjD,cAAW,GAEV,SAAAK,CAAA,CAAA,QAEF,OAAA,CAAK,UAAWL,EAAAA,QAAO,+BAA+B,EACpD,SAAAM,CAAA,CACH,CAAA,CAAA,EApBKD,CAAA,CAsBR,EAGAf,GACCY,EAAAA,IAACM,EAAAA,QAAA,CACC,aAAW,eACX,UAAWR,EAAAA,QAAO,iCAAiC,EACnD,KAAK,UACL,QAASN,EACT,WAAOS,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACO,IAAwB,CAAA,CAAI,CAAA,CAAA,CAC5D,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/message-reactions/MessageReactions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oCAAoC;IACpC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAA6B,EAC7B,eAAuB,EACvB,YAAoB,EACpB,gBAAoB,EACpB,uBAA+B,EAC/B,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+EvB"}

package/dist/components/message-reactions/MessageReactions.js

@@ -1,85 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import N from "../icon-button/IconButton.js";
-import t from "../icon/Icon.js";
-import __b from "@mattermost/compass-icons/components/check-circle-outline.js";const b=__b&&__b.default?__b.default:__b;
-import __j from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const j=__j&&__j.default?__j.default:__j;
-import e from "./MessageReactions.module.scss.js";
-const k = [
-  { emoji: "👍", count: 1 },
-  { emoji: "😀", count: 4 },
-  { emoji: "🙌", count: 1 }
-];
-function A({
-  reactions: r = k,
-  showAddReaction: m = !1,
-  acknowledged: p = !1,
-  acknowledgeCount: _ = 0,
-  currentUserAcknowledged: l = !1,
-  onAddReaction: d,
-  onReactionClick: o,
-  onAcknowledge: g,
-  className: f = "",
-  ...h
-}) {
-  const u = [e["message-reactions"], f].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { className: u, ...h, children: [
-    p && /* @__PURE__ */ i(
-      "button",
-      {
-        type: "button",
-        className: [
-          e["message-reactions__ack"],
-          l ? e["message-reactions__ack--active"] : ""
-        ].filter(Boolean).join(" "),
-        onClick: g,
-        "aria-pressed": l,
-        "aria-label": "Acknowledge message",
-        children: [
-          /* @__PURE__ */ a("span", { className: e["message-reactions__ack-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(b, {}) }) }),
-          l ? /* @__PURE__ */ a("span", { className: e["message-reactions__ack-count"], children: _ }) : /* @__PURE__ */ a("span", { className: e["message-reactions__ack-label"], children: "Acknowledge" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i("div", { className: e["message-reactions__pills"], children: [
-      r.map(({ emoji: s, count: n, byCurrentUser: c }) => /* @__PURE__ */ i(
-        "button",
-        {
-          type: "button",
-          className: [
-            e["message-reactions__pill"],
-            c ? e["message-reactions__pill--mine"] : ""
-          ].filter(Boolean).join(" "),
-          onClick: () => o == null ? void 0 : o(s),
-          "aria-label": `${s} ${n} reaction${n !== 1 ? "s" : ""}`,
-          "aria-pressed": c,
-          children: [
-            /* @__PURE__ */ a(
-              "span",
-              {
-                className: e["message-reactions__pill-emoji"],
-                "aria-hidden": !0,
-                children: s
-              }
-            ),
-            /* @__PURE__ */ a("span", { className: e["message-reactions__pill-count"], children: n })
-          ]
-        },
-        s
-      )),
-      m && /* @__PURE__ */ a(
-        N,
-        {
-          "aria-label": "Add reaction",
-          className: e["message-reactions__add-reaction"],
-          size: "x-small",
-          onClick: d,
-          icon: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(j, {}) })
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  A as default
-};
-//# sourceMappingURL=MessageReactions.js.map

package/dist/components/message-reactions/MessageReactions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageReactions.js","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n  emoji: string;\n  count: number;\n  /** Whether the current user reacted with this emoji. */\n  byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** List of reactions to display. */\n  reactions?: ReactionItem[];\n  /** Whether to show the add-reaction button. Default: false. */\n  showAddReaction?: boolean;\n  /** Whether to show the acknowledge button. */\n  acknowledged?: boolean;\n  /** Acknowledge count. */\n  acknowledgeCount?: number;\n  /** Whether the current user has acknowledged. Default: false. */\n  currentUserAcknowledged?: boolean;\n  /** Called when add-reaction is clicked. */\n  onAddReaction?: () => void;\n  /** Called when a reaction pill is clicked. */\n  onReactionClick?: (emoji: string) => void;\n  /** Called when the acknowledge button is clicked. */\n  onAcknowledge?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n  { emoji: '👍', count: 1 },\n  { emoji: '😀', count: 4 },\n  { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n  reactions = DEFAULT_REACTIONS,\n  showAddReaction = false,\n  acknowledged = false,\n  acknowledgeCount = 0,\n  currentUserAcknowledged = false,\n  onAddReaction,\n  onReactionClick,\n  onAcknowledge,\n  className = '',\n  ...rest\n}: MessageReactionsProps) {\n  const rootClass = [styles['message-reactions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {/* Acknowledge button */}\n      {acknowledged && (\n        <button\n          type=\"button\"\n          className={[\n            styles['message-reactions__ack'],\n            currentUserAcknowledged\n              ? styles['message-reactions__ack--active']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onAcknowledge}\n          aria-pressed={currentUserAcknowledged}\n          aria-label=\"Acknowledge message\"\n        >\n          <span className={styles['message-reactions__ack-icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n          </span>\n          {currentUserAcknowledged ? (\n            <span className={styles['message-reactions__ack-count']}>\n              {acknowledgeCount}\n            </span>\n          ) : (\n            <span className={styles['message-reactions__ack-label']}>\n              Acknowledge\n            </span>\n          )}\n        </button>\n      )}\n\n      {/* Reaction pills */}\n      <div className={styles['message-reactions__pills']}>\n        {reactions.map(({ emoji, count, byCurrentUser }) => (\n          <button\n            key={emoji}\n            type=\"button\"\n            className={[\n              styles['message-reactions__pill'],\n              byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => onReactionClick?.(emoji)}\n            aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n            aria-pressed={byCurrentUser}\n          >\n            <span\n              className={styles['message-reactions__pill-emoji']}\n              aria-hidden\n            >\n              {emoji}\n            </span>\n            <span className={styles['message-reactions__pill-count']}>\n              {count}\n            </span>\n          </button>\n        ))}\n\n        {/* Add reaction button */}\n        {showAddReaction && (\n          <IconButton\n            aria-label=\"Add reaction\"\n            className={styles['message-reactions__add-reaction']}\n            size=\"x-small\"\n            onClick={onAddReaction}\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":";;;;;;AAmCA,MAAMA,IAAoC;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AACxB;AAOA,SAAwBC,EAAiB;AAAA,EACvC,WAAAC,IAAYF;AAAA,EACZ,iBAAAG,IAAkB;AAAA,EAClB,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,yBAAAC,IAA0B;AAAA,EAC1B,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAY,CAACC,EAAO,mBAAmB,GAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAY,GAAGD,GAE5B,UAAA;AAAA,IAAAP,KACC,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACTD,EAAO,wBAAwB;AAAA,UAC/BP,IACIO,EAAO,gCAAgC,IACvC;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,SAASJ;AAAA,QACT,gBAAcH;AAAA,QACd,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAE,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAuB,GAAI,GACrD;AAAA,UACCX,IACC,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,8BAA8B,GACnD,UAAAR,EAAA,CACH,sBAEC,QAAA,EAAK,WAAWQ,EAAO,8BAA8B,GAAG,UAAA,cAAA,CAEzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAMN,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,0BAA0B,GAC9C,UAAA;AAAA,MAAAX,EAAU,IAAI,CAAC,EAAE,OAAAgB,GAAO,OAAAC,GAAO,eAAAC,QAC9B,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAW;AAAA,YACTD,EAAO,yBAAyB;AAAA,YAChCO,IAAgBP,EAAO,+BAA+B,IAAI;AAAA,UAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAAS,MAAML,KAAA,gBAAAA,EAAkBU;AAAA,UACjC,cAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,MAAU,IAAI,MAAM,EAAE;AAAA,UAC/D,gBAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAO,+BAA+B;AAAA,gBACjD,eAAW;AAAA,gBAEV,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEF,QAAA,EAAK,WAAWL,EAAO,+BAA+B,GACpD,UAAAM,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QApBKD;AAAA,MAAA,CAsBR;AAAA,MAGAf,KACC,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAWR,EAAO,iCAAiC;AAAA,UACnD,MAAK;AAAA,UACL,SAASN;AAAA,UACT,wBAAOS,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACO,KAAwB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5D,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/message-reactions/MessageReactions.module.css

@@ -1 +0,0 @@
-._message-reactions_7zl3e_2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._message-reactions__pills_7zl3e_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}._message-reactions__pill_7zl3e_9{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._message-reactions__pill_7zl3e_9:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._message-reactions__pill_7zl3e_9:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}._message-reactions__pill--mine_7zl3e_33{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._message-reactions__pill--mine_7zl3e_33:hover{background-color:rgba(var(--link-color-rgb),.12)}._message-reactions__pill--mine_7zl3e_33 ._message-reactions__pill-count_7zl3e_40{color:var(--link-color)}._message-reactions__pill-emoji_7zl3e_43{font-size:var(--font-size-200);line-height:var(--line-height-50)}._message-reactions__pill-count_7zl3e_40{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}@media(hover:hover)and (pointer:fine){._message-reactions__add-reaction_7zl3e_55{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._message-reactions_7zl3e_2:hover ._message-reactions__add-reaction_7zl3e_55,._message-reactions_7zl3e_2:focus-within ._message-reactions__add-reaction_7zl3e_55{opacity:1;pointer-events:auto}}._message-reactions__ack_7zl3e_65{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._message-reactions__ack_7zl3e_65:hover{background-color:rgba(var(--color-success-rgb),.2)}._message-reactions__ack_7zl3e_65:focus-visible{outline:2px solid var(--color-success);outline-offset:1px}._message-reactions__ack--active_7zl3e_84{background-color:var(--color-success);color:var(--button-color)}._message-reactions__ack--active_7zl3e_84:hover{background-color:color-mix(in srgb,black 8%,var(--color-success))}._message-reactions__ack-icon_7zl3e_91{display:inline-flex;align-items:center}._message-reactions__ack-count_7zl3e_95,._message-reactions__ack-label_7zl3e_101{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}