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

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as i, Fragment as u } from "react/jsx-runtime";
-import __h from "@mattermost/compass-icons/components/arrow-right-bold-outline.js";const h=__h&&__h.default?__h.default:__h;
-import __c from "@mattermost/compass-icons/components/bookmark-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __c from "@mattermost/compass-icons/components/arrow-right-bold-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __h from "@mattermost/compass-icons/components/bookmark-outline.js";const h=__h&&__h.default?__h.default:__h;
 import __d from "@mattermost/compass-icons/components/chevron-right.js";const d=__d&&__d.default?__d.default:__d;
 import __V from "@mattermost/compass-icons/components/clock-outline.js";const V=__V&&__V.default?__V.default:__V;
 import __f from "@mattermost/compass-icons/components/content-copy.js";const f=__f&&__f.default?__f.default:__f;
@@ -31,7 +31,7 @@ function W({
     v,
     {
       className: s,
-      style: { width: "236px", ...m },
+      style: m,
       ...p,
       children: [
         /* @__PURE__ */ t(a, { children: [
@@ -48,7 +48,7 @@ function W({
             e,
             {
               label: "Forward",
-              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(h, {}), size: "16" }),
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(c, {}), size: "16" }),
               trailingElement: !0,
               trailingVisual: r("Shift + F")
             }
@@ -75,7 +75,7 @@ function W({
             e,
             {
               label: "Save",
-              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(c, {}), size: "16" }),
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(h, {}), size: "16" }),
               trailingElement: !0,
               trailingVisual: r("S")
             }

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageMoreOptionsMenu.js","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport ArrowRightBoldOutlineIcon from '@mattermost/compass-icons/components/arrow-right-bold-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ClockOutlineIcon from '@mattermost/compass-icons/components/clock-outline';\nimport ContentCopyIcon from '@mattermost/compass-icons/components/content-copy';\nimport FlagOutlineIcon from '@mattermost/compass-icons/components/flag-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageCheckOutlineIcon from '@mattermost/compass-icons/components/message-check-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport TranslateIcon from '@mattermost/compass-icons/components/translate';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface MessageMoreOptionsMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Shows Edit and Delete rows. Default: true. */\n  permissionToEdit?: boolean;\n  /** Shows Flag message row. Default: true. */\n  showFlagOption?: boolean;\n}\n\nfunction shortcutLabel(text: string) {\n  return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Message “more options” menu — actions with keyboard hints, optional edit/flag.\n */\nexport default function MessageMoreOptionsMenu({\n  permissionToEdit = true,\n  showFlagOption = true,\n  className = '',\n  style,\n  ...rest\n}: MessageMoreOptionsMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '236px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Reply\"\n          leadingVisual={<Icon glyph={<ReplyOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('R')}\n        />\n        <MenuItem\n          label=\"Forward\"\n          leadingVisual={\n            <Icon glyph={<ArrowRightBoldOutlineIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={shortcutLabel('Shift + F')}\n        />\n        <MenuItem\n          label=\"Follow thread\"\n          leadingVisual={<Icon glyph={<MessageCheckOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('F')}\n        />\n        <MenuItem\n          label=\"Mark as unread\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('U')}\n        />\n        <MenuItem\n          label=\"Save\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('S')}\n        />\n        <MenuItem\n          label=\"Remind\"\n          leadingVisual={<Icon glyph={<ClockOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Pin to channel\"\n          leadingVisual={<Icon glyph={<PinOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('P')}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy text\"\n          leadingVisual={<Icon glyph={<ContentCopyIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('C')}\n        />\n        <MenuItem\n          label=\"Show translation\"\n          leadingVisual={<Icon glyph={<TranslateIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('K')}\n        />\n      </PopoverMenuGroup>\n      {permissionToEdit && (\n        <>\n          <PopoverMenuDivider />\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Edit\"\n              leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('E')}\n            />\n            <MenuItem\n              label=\"Delete\"\n              destructive\n              leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('delete')}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n      {showFlagOption && (\n        <>\n          {!permissionToEdit && <PopoverMenuDivider />}\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Flag message\"\n              destructive\n              leadingVisual={<Icon glyph={<FlagOutlineIcon />} size=\"16\" />}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n    </PopoverMenu>\n  );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","MessageMoreOptionsMenu","permissionToEdit","showFlagOption","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","ReplyOutlineIcon","ArrowRightBoldOutlineIcon","MessageCheckOutlineIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","ClockOutlineIcon","ChevronRightIcon","PinOutlineIcon","PopoverMenuDivider","ContentCopyIcon","TranslateIcon","LinkVariantIcon","Fragment","PencilOutlineIcon","TrashCanOutlineIcon","FlagOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"MessageMoreOptionsMenu.js","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport ArrowRightBoldOutlineIcon from '@mattermost/compass-icons/components/arrow-right-bold-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ClockOutlineIcon from '@mattermost/compass-icons/components/clock-outline';\nimport ContentCopyIcon from '@mattermost/compass-icons/components/content-copy';\nimport FlagOutlineIcon from '@mattermost/compass-icons/components/flag-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageCheckOutlineIcon from '@mattermost/compass-icons/components/message-check-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport TranslateIcon from '@mattermost/compass-icons/components/translate';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface MessageMoreOptionsMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Shows Edit and Delete rows. Default: true. */\n  permissionToEdit?: boolean;\n  /** Shows Flag message row. Default: true. */\n  showFlagOption?: boolean;\n}\n\nfunction shortcutLabel(text: string) {\n  return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Message “more options” menu — actions with keyboard hints, optional edit/flag.\n */\nexport default function MessageMoreOptionsMenu({\n  permissionToEdit = true,\n  showFlagOption = true,\n  className = '',\n  style,\n  ...rest\n}: MessageMoreOptionsMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Reply\"\n          leadingVisual={<Icon glyph={<ReplyOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('R')}\n        />\n        <MenuItem\n          label=\"Forward\"\n          leadingVisual={\n            <Icon glyph={<ArrowRightBoldOutlineIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={shortcutLabel('Shift + F')}\n        />\n        <MenuItem\n          label=\"Follow thread\"\n          leadingVisual={<Icon glyph={<MessageCheckOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('F')}\n        />\n        <MenuItem\n          label=\"Mark as unread\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('U')}\n        />\n        <MenuItem\n          label=\"Save\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('S')}\n        />\n        <MenuItem\n          label=\"Remind\"\n          leadingVisual={<Icon glyph={<ClockOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Pin to channel\"\n          leadingVisual={<Icon glyph={<PinOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('P')}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy text\"\n          leadingVisual={<Icon glyph={<ContentCopyIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('C')}\n        />\n        <MenuItem\n          label=\"Show translation\"\n          leadingVisual={<Icon glyph={<TranslateIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('K')}\n        />\n      </PopoverMenuGroup>\n      {permissionToEdit && (\n        <>\n          <PopoverMenuDivider />\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Edit\"\n              leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('E')}\n            />\n            <MenuItem\n              label=\"Delete\"\n              destructive\n              leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('delete')}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n      {showFlagOption && (\n        <>\n          {!permissionToEdit && <PopoverMenuDivider />}\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Flag message\"\n              destructive\n              leadingVisual={<Icon glyph={<FlagOutlineIcon />} size=\"16\" />}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n    </PopoverMenu>\n  );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","MessageMoreOptionsMenu","permissionToEdit","showFlagOption","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","ReplyOutlineIcon","ArrowRightBoldOutlineIcon","MessageCheckOutlineIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","ClockOutlineIcon","ChevronRightIcon","PinOutlineIcon","PopoverMenuDivider","ContentCopyIcon","TranslateIcon","LinkVariantIcon","Fragment","PencilOutlineIcon","TrashCanOutlineIcon","FlagOutlineIcon"],"mappings":"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"}

package/dist/components/message-separator/MessageSeparator.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageSeparator.module.css');const e={"message-separator":"_message-separator_1c3en_3","message-separator__line":"_message-separator__line_1c3en_10","message-separator__label":"_message-separator__label_1c3en_16","message-separator__text":"_message-separator__text_1c3en_22","message-separator__summarize":"_message-separator__summarize_1c3en_30","message-separator__summarize-icon":"_message-separator__summarize-icon_1c3en_54","message-separator__reply-gutter":"_message-separator__reply-gutter_1c3en_62","message-separator__reply-line-start":"_message-separator__reply-line-start_1c3en_68","message-separator--date":"_message-separator--date_1c3en_73","message-separator--new":"_message-separator--new_1c3en_76","message-separator--reply":"_message-separator--reply_1c3en_82"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageSeparator.css');const e={"message-separator":"_message-separator_1c3en_3","message-separator__line":"_message-separator__line_1c3en_10","message-separator__label":"_message-separator__label_1c3en_16","message-separator__text":"_message-separator__text_1c3en_22","message-separator__summarize":"_message-separator__summarize_1c3en_30","message-separator__summarize-icon":"_message-separator__summarize-icon_1c3en_54","message-separator__reply-gutter":"_message-separator__reply-gutter_1c3en_62","message-separator__reply-line-start":"_message-separator__reply-line-start_1c3en_68","message-separator--date":"_message-separator--date_1c3en_73","message-separator--new":"_message-separator--new_1c3en_76","message-separator--reply":"_message-separator--reply_1c3en_82"};exports.default=e;
 //# sourceMappingURL=MessageSeparator.module.scss.cjs.map

package/dist/components/message-separator/MessageSeparator.module.scss.js

@@ -1,4 +1,4 @@
-import './MessageSeparator.module.css';const e = {
+import './MessageSeparator.css';const e = {
   "message-separator": "_message-separator_1c3en_3",
   "message-separator__line": "_message-separator__line_1c3en_10",
   "message-separator__label": "_message-separator__label_1c3en_16",

package/dist/components/modal/Modal.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Modal.module.css');const _="_modal_18mtm_2",m="_modal__body_18mtm_20",o={modal:_,"modal--size-small":"_modal--size-small_18mtm_11","modal--size-medium":"_modal--size-medium_18mtm_14","modal--size-large":"_modal--size-large_18mtm_17",modal__body:m,"modal__body-inner":"_modal__body-inner_18mtm_24","modal__body-inner--menu":"_modal__body-inner--menu_18mtm_27","modal__body-inner--none":"_modal__body-inner--none_18mtm_30"};exports.default=o;exports.modal=_;exports.modal__body=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Modal.css');const _="_modal_18mtm_2",m="_modal__body_18mtm_20",o={modal:_,"modal--size-small":"_modal--size-small_18mtm_11","modal--size-medium":"_modal--size-medium_18mtm_14","modal--size-large":"_modal--size-large_18mtm_17",modal__body:m,"modal__body-inner":"_modal__body-inner_18mtm_24","modal__body-inner--menu":"_modal__body-inner--menu_18mtm_27","modal__body-inner--none":"_modal__body-inner--none_18mtm_30"};exports.default=o;exports.modal=_;exports.modal__body=m;
 //# sourceMappingURL=Modal.module.scss.cjs.map

package/dist/components/modal/Modal.module.scss.js

@@ -1,4 +1,4 @@
-import './Modal.module.css';const m = "_modal_18mtm_2", _ = "_modal__body_18mtm_20", o = {
+import './Modal.css';const m = "_modal_18mtm_2", _ = "_modal__body_18mtm_20", o = {
   modal: m,
   "modal--size-small": "_modal--size-small_18mtm_11",
   "modal--size-medium": "_modal--size-medium_18mtm_14",

package/dist/components/modal-footer/ModalFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ModalFooter.module.css');const o={"modal-footer":"_modal-footer_1yi4a_2","modal-footer--divider":"_modal-footer--divider_1yi4a_8","modal-footer--no-divider":"_modal-footer--no-divider_1yi4a_11","modal-footer__content":"_modal-footer__content_1yi4a_11","modal-footer__leading":"_modal-footer__leading_1yi4a_22","modal-footer__actions":"_modal-footer__actions_1yi4a_33","modal-footer--type-2-actions-separated":"_modal-footer--type-2-actions-separated_1yi4a_40","modal-footer--type-pagination":"_modal-footer--type-pagination_1yi4a_47","modal-footer--type-stepped-progress":"_modal-footer--type-stepped-progress_1yi4a_47","modal-footer--type-spacer-small":"_modal-footer--type-spacer-small_1yi4a_50","modal-footer--type-spacer-large":"_modal-footer--type-spacer-large_1yi4a_54"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ModalFooter.css');const o={"modal-footer":"_modal-footer_1yi4a_2","modal-footer--divider":"_modal-footer--divider_1yi4a_8","modal-footer--no-divider":"_modal-footer--no-divider_1yi4a_11","modal-footer__content":"_modal-footer__content_1yi4a_11","modal-footer__leading":"_modal-footer__leading_1yi4a_22","modal-footer__actions":"_modal-footer__actions_1yi4a_33","modal-footer--type-2-actions-separated":"_modal-footer--type-2-actions-separated_1yi4a_40","modal-footer--type-pagination":"_modal-footer--type-pagination_1yi4a_47","modal-footer--type-stepped-progress":"_modal-footer--type-stepped-progress_1yi4a_47","modal-footer--type-spacer-small":"_modal-footer--type-spacer-small_1yi4a_50","modal-footer--type-spacer-large":"_modal-footer--type-spacer-large_1yi4a_54"};exports.default=o;
 //# sourceMappingURL=ModalFooter.module.scss.cjs.map

package/dist/components/modal-footer/ModalFooter.module.scss.js

@@ -1,4 +1,4 @@
-import './ModalFooter.module.css';const o = {
+import './ModalFooter.css';const o = {
   "modal-footer": "_modal-footer_1yi4a_2",
   "modal-footer--divider": "_modal-footer--divider_1yi4a_8",
   "modal-footer--no-divider": "_modal-footer--no-divider_1yi4a_11",

package/dist/components/modal-header/ModalHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ModalHeader.module.css');const e={"modal-header":"_modal-header_1aii1_2","modal-header--no-divider":"_modal-header--no-divider_1aii1_8","modal-header__content":"_modal-header__content_1aii1_11","modal-header--close-only":"_modal-header--close-only_1aii1_14","modal-header__titles":"_modal-header__titles_1aii1_24","modal-header__primary":"_modal-header__primary_1aii1_33","modal-header__title":"_modal-header__title_1aii1_24","modal-header__title-sr":"_modal-header__title-sr_1aii1_50","modal-header__subtitle":"_modal-header__subtitle_1aii1_61","modal-header__subtitle-beside":"_modal-header__subtitle-beside_1aii1_69","modal-header__subtitle-divider":"_modal-header__subtitle-divider_1aii1_79","modal-header__actions":"_modal-header__actions_1aii1_85","modal-header__close":"_modal-header__close_1aii1_93"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ModalHeader.css');const e={"modal-header":"_modal-header_1aii1_2","modal-header--no-divider":"_modal-header--no-divider_1aii1_8","modal-header__content":"_modal-header__content_1aii1_11","modal-header--close-only":"_modal-header--close-only_1aii1_14","modal-header__titles":"_modal-header__titles_1aii1_24","modal-header__primary":"_modal-header__primary_1aii1_33","modal-header__title":"_modal-header__title_1aii1_24","modal-header__title-sr":"_modal-header__title-sr_1aii1_50","modal-header__subtitle":"_modal-header__subtitle_1aii1_61","modal-header__subtitle-beside":"_modal-header__subtitle-beside_1aii1_69","modal-header__subtitle-divider":"_modal-header__subtitle-divider_1aii1_79","modal-header__actions":"_modal-header__actions_1aii1_85","modal-header__close":"_modal-header__close_1aii1_93"};exports.default=e;
 //# sourceMappingURL=ModalHeader.module.scss.cjs.map

package/dist/components/modal-header/ModalHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './ModalHeader.module.css';const e = {
+import './ModalHeader.css';const e = {
   "modal-header": "_modal-header_1aii1_2",
   "modal-header--no-divider": "_modal-header--no-divider_1aii1_8",
   "modal-header__content": "_modal-header__content_1aii1_11",

package/dist/components/more-unreads-banner/MoreUnreadsBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MoreUnreadsBanner.module.css');const e={"more-unreads-banner":"_more-unreads-banner_1jk9k_2","more-unreads-banner__icon":"_more-unreads-banner__icon_1jk9k_28","more-unreads-banner__label":"_more-unreads-banner__label_1jk9k_35","more-unreads-banner--size-small":"_more-unreads-banner--size-small_1jk9k_42","more-unreads-banner--size-large":"_more-unreads-banner--size-large_1jk9k_48"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MoreUnreadsBanner.css');const e={"more-unreads-banner":"_more-unreads-banner_1jk9k_2","more-unreads-banner__icon":"_more-unreads-banner__icon_1jk9k_28","more-unreads-banner__label":"_more-unreads-banner__label_1jk9k_35","more-unreads-banner--size-small":"_more-unreads-banner--size-small_1jk9k_42","more-unreads-banner--size-large":"_more-unreads-banner--size-large_1jk9k_48"};exports.default=e;
 //# sourceMappingURL=MoreUnreadsBanner.module.scss.cjs.map

package/dist/components/more-unreads-banner/MoreUnreadsBanner.module.scss.js

@@ -1,4 +1,4 @@
-import './MoreUnreadsBanner.module.css';const e = {
+import './MoreUnreadsBanner.css';const e = {
   "more-unreads-banner": "_more-unreads-banner_1jk9k_2",
   "more-unreads-banner__icon": "_more-unreads-banner__icon_1jk9k_28",
   "more-unreads-banner__label": "_more-unreads-banner__label_1jk9k_35",

package/dist/components/new-message-banner/NewMessageBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./NewMessageBanner.module.css');const e={"new-message-banner":"_new-message-banner_1we1b_2","new-message-banner__main":"_new-message-banner__main_1we1b_12","new-message-banner__left":"_new-message-banner__left_1we1b_28","new-message-banner__icon":"_new-message-banner__icon_1we1b_35","new-message-banner__jump-label":"_new-message-banner__jump-label_1we1b_42","new-message-banner__count":"_new-message-banner__count_1we1b_50","new-message-banner__dismiss":"_new-message-banner__dismiss_1we1b_64","new-message-banner--type-jump-to-unreads":"_new-message-banner--type-jump-to-unreads_1we1b_90","new-message-banner--type-new-replies":"_new-message-banner--type-new-replies_1we1b_94"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./NewMessageBanner.css');const e={"new-message-banner":"_new-message-banner_1we1b_2","new-message-banner__main":"_new-message-banner__main_1we1b_12","new-message-banner__left":"_new-message-banner__left_1we1b_28","new-message-banner__icon":"_new-message-banner__icon_1we1b_35","new-message-banner__jump-label":"_new-message-banner__jump-label_1we1b_42","new-message-banner__count":"_new-message-banner__count_1we1b_50","new-message-banner__dismiss":"_new-message-banner__dismiss_1we1b_64","new-message-banner--type-jump-to-unreads":"_new-message-banner--type-jump-to-unreads_1we1b_90","new-message-banner--type-new-replies":"_new-message-banner--type-new-replies_1we1b_94"};exports.default=e;
 //# sourceMappingURL=NewMessageBanner.module.scss.cjs.map

package/dist/components/new-message-banner/NewMessageBanner.module.scss.js

@@ -1,4 +1,4 @@
-import './NewMessageBanner.module.css';const e = {
+import './NewMessageBanner.css';const e = {
   "new-message-banner": "_new-message-banner_1we1b_2",
   "new-message-banner__main": "_new-message-banner__main_1we1b_12",
   "new-message-banner__left": "_new-message-banner__left_1we1b_28",

package/dist/components/pagination-dots/PaginationDots.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PaginationDots.module.css');const t={"pagination-dots":"_pagination-dots_1r0u8_2","pagination-dots--horizontal":"_pagination-dots--horizontal_1r0u8_6","pagination-dots--vertical":"_pagination-dots--vertical_1r0u8_10","pagination-dots--inverted":"_pagination-dots--inverted_1r0u8_14","pagination-dots__dot":"_pagination-dots__dot_1r0u8_14","pagination-dots__dot--active":"_pagination-dots__dot--active_1r0u8_17","pagination-dots--on-primary":"_pagination-dots--on-primary_1r0u8_21","pagination-dots__item":"_pagination-dots__item_1r0u8_31"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PaginationDots.css');const t={"pagination-dots":"_pagination-dots_1r0u8_2","pagination-dots--horizontal":"_pagination-dots--horizontal_1r0u8_6","pagination-dots--vertical":"_pagination-dots--vertical_1r0u8_10","pagination-dots--inverted":"_pagination-dots--inverted_1r0u8_14","pagination-dots__dot":"_pagination-dots__dot_1r0u8_14","pagination-dots__dot--active":"_pagination-dots__dot--active_1r0u8_17","pagination-dots--on-primary":"_pagination-dots--on-primary_1r0u8_21","pagination-dots__item":"_pagination-dots__item_1r0u8_31"};exports.default=t;
 //# sourceMappingURL=PaginationDots.module.scss.cjs.map

package/dist/components/pagination-dots/PaginationDots.module.scss.js

@@ -1,4 +1,4 @@
-import './PaginationDots.module.css';const t = {
+import './PaginationDots.css';const t = {
   "pagination-dots": "_pagination-dots_1r0u8_2",
   "pagination-dots--horizontal": "_pagination-dots--horizontal_1r0u8_6",
   "pagination-dots--vertical": "_pagination-dots--vertical_1r0u8_10",

package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PermalinkPreview.module.css');const e={"permalink-preview":"_permalink-preview_wn42x_2","permalink-preview__dismiss-bridge":"_permalink-preview__dismiss-bridge_wn42x_12","permalink-preview__dismiss":"_permalink-preview__dismiss_wn42x_12","permalink-preview__card":"_permalink-preview__card_wn42x_37","permalink-preview__message":"_permalink-preview__message_wn42x_56","permalink-preview__header":"_permalink-preview__header_wn42x_64","permalink-preview__body":"_permalink-preview__body_wn42x_70","permalink-preview__text":"_permalink-preview__text_wn42x_76","permalink-preview__origin":"_permalink-preview__origin_wn42x_83"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PermalinkPreview.css');const e={"permalink-preview":"_permalink-preview_wn42x_2","permalink-preview__dismiss-bridge":"_permalink-preview__dismiss-bridge_wn42x_12","permalink-preview__dismiss":"_permalink-preview__dismiss_wn42x_12","permalink-preview__card":"_permalink-preview__card_wn42x_37","permalink-preview__message":"_permalink-preview__message_wn42x_56","permalink-preview__header":"_permalink-preview__header_wn42x_64","permalink-preview__body":"_permalink-preview__body_wn42x_70","permalink-preview__text":"_permalink-preview__text_wn42x_76","permalink-preview__origin":"_permalink-preview__origin_wn42x_83"};exports.default=e;
 //# sourceMappingURL=PermalinkPreview.module.scss.cjs.map

package/dist/components/permalink-preview/PermalinkPreview.module.scss.js

@@ -1,4 +1,4 @@
-import './PermalinkPreview.module.css';const e = {
+import './PermalinkPreview.css';const e = {
   "permalink-preview": "_permalink-preview_wn42x_2",
   "permalink-preview__dismiss-bridge": "_permalink-preview__dismiss-bridge_wn42x_12",
   "permalink-preview__dismiss": "_permalink-preview__dismiss_wn42x_12",

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PinnedSavedIndicators.module.css');const e={"pinned-saved-indicators":"_pinned-saved-indicators_xrsyx_2","pinned-saved-indicators__icons":"_pinned-saved-indicators__icons_xrsyx_6","pinned-saved-indicators__labels":"_pinned-saved-indicators__labels_xrsyx_14","pinned-saved-indicators__label":"_pinned-saved-indicators__label_xrsyx_14","pinned-saved-indicators__sep":"_pinned-saved-indicators__sep_xrsyx_28"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PinnedSavedIndicators.css');const e={"pinned-saved-indicators":"_pinned-saved-indicators_xrsyx_2","pinned-saved-indicators__icons":"_pinned-saved-indicators__icons_xrsyx_6","pinned-saved-indicators__labels":"_pinned-saved-indicators__labels_xrsyx_14","pinned-saved-indicators__label":"_pinned-saved-indicators__label_xrsyx_14","pinned-saved-indicators__sep":"_pinned-saved-indicators__sep_xrsyx_28"};exports.default=e;
 //# sourceMappingURL=PinnedSavedIndicators.module.scss.cjs.map

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.js

@@ -1,4 +1,4 @@
-import './PinnedSavedIndicators.module.css';const s = {
+import './PinnedSavedIndicators.css';const s = {
   "pinned-saved-indicators": "_pinned-saved-indicators_xrsyx_2",
   "pinned-saved-indicators__icons": "_pinned-saved-indicators__icons_xrsyx_6",
   "pinned-saved-indicators__labels": "_pinned-saved-indicators__labels_xrsyx_14",

package/dist/components/plus-menu/PlusMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__t=require("@mattermost/compass-icons/components/account-outline.js"),t=__t?.default??__t,__i=require("@mattermost/compass-icons/components/account-plus-outline.js"),i=__i?.default??__i,__a=require("@mattermost/compass-icons/components/folder-plus-outline.js"),a=__a?.default??__a,__d=require("@mattermost/compass-icons/components/globe.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/plus.js"),c=__c?.default??__c,s=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),l=require("../popover-menu/PopoverMenu.cjs");function j({className:n="",style:r,...o}){return e.jsxs(l.default,{className:n,style:{width:"260px",...r},...o,children:[e.jsxs(l.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Browse channels",leadingVisual:e.jsx(s.default,{glyph:e.jsx(d,{}),size:"16"})}),e.jsx(u.default,{label:"Create new channel",leadingVisual:e.jsx(s.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(u.default,{label:"Open a direct message",leadingVisual:e.jsx(s.default,{glyph:e.jsx(t,{}),size:"16"})})]}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Create new category",leadingVisual:e.jsx(s.default,{glyph:e.jsx(a,{}),size:"16"})})}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Invite people",secondaryLabel:"Add or invite people to team",leadingVisual:e.jsx(s.default,{glyph:e.jsx(i,{}),size:"16"})})})]})}exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__i=require("@mattermost/compass-icons/components/account-outline.js"),i=__i?.default??__i,__t=require("@mattermost/compass-icons/components/account-plus-outline.js"),t=__t?.default??__t,__a=require("@mattermost/compass-icons/components/folder-plus-outline.js"),a=__a?.default??__a,__c=require("@mattermost/compass-icons/components/globe.js"),c=__c?.default??__c,__d=require("@mattermost/compass-icons/components/plus.js"),d=__d?.default??__d,s=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),l=require("../popover-menu/PopoverMenu.cjs");function j({className:n="",style:r,...o}){return e.jsxs(l.default,{className:n,style:r,...o,children:[e.jsxs(l.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Browse channels",leadingVisual:e.jsx(s.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(u.default,{label:"Create new channel",leadingVisual:e.jsx(s.default,{glyph:e.jsx(d,{}),size:"16"})}),e.jsx(u.default,{label:"Open a direct message",leadingVisual:e.jsx(s.default,{glyph:e.jsx(i,{}),size:"16"})})]}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Create new category",leadingVisual:e.jsx(s.default,{glyph:e.jsx(a,{}),size:"16"})})}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Invite people",secondaryLabel:"Add or invite people to team",leadingVisual:e.jsx(s.default,{glyph:e.jsx(t,{}),size:"16"})})})]})}exports.default=j;
 //# sourceMappingURL=PlusMenu.cjs.map

package/dist/components/plus-menu/PlusMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PlusMenu.cjs","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '260px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":"+jBAkBA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAO,CAAE,MAAO,QAAS,GAAGC,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,wBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAErE,QACCD,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,eAAe,+BACf,oBAAgBC,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"PlusMenu.cjs","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":"+jBAkBA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,wBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAErE,QACCD,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,eAAe,+BACf,oBAAgBC,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/plus-menu/PlusMenu.js

@@ -8,15 +8,15 @@ import l from "../icon/Icon.js";
 import o from "../menu-item/MenuItem.js";
 import g, { PopoverMenuGroup as i, PopoverMenuDivider as r } from "../popover-menu/PopoverMenu.js";
 function V({
-  className: t = "",
-  style: a,
+  className: a = "",
+  style: t,
   ...p
 }) {
   return /* @__PURE__ */ n(
     g,
     {
-      className: t,
-      style: { width: "260px", ...a },
+      className: a,
+      style: t,
       ...p,
       children: [
         /* @__PURE__ */ n(i, { children: [

package/dist/components/plus-menu/PlusMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlusMenu.js","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '260px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":";;;;;;;;;AAkBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAErE;AAAA,0BACCD,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAe;AAAA,YACf,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACpE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PlusMenu.js","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":";;;;;;;;;AAkBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAErE;AAAA,0BACCD,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAe;AAAA,YACf,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACpE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/popover-menu/{PopoverMenu.module.css → PopoverMenu.css}

@@ -1 +1 @@
-._popover-menu_r3s0r_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:144px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);color:var(--center-channel-color)}._popover-menu--parent_r3s0r_16{box-shadow:var(--elevation-4)}._popover-menu--child_r3s0r_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_r3s0r_22{min-height:0}._popover-menu__title_r3s0r_25{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_r3s0r_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_r3s0r_41{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_r3s0r_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_r3s0r_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}
+._popover-menu_1m31t_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:212px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);color:var(--center-channel-color)}._popover-menu--parent_1m31t_16{box-shadow:var(--elevation-4)}._popover-menu--child_1m31t_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_1m31t_22{min-height:0}._popover-menu__title_1m31t_25{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_1m31t_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_1m31t_41{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_1m31t_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_1m31t_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}

package/dist/components/popover-menu/PopoverMenu.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.module.css');const e={"popover-menu":"_popover-menu_r3s0r_2","popover-menu--parent":"_popover-menu--parent_r3s0r_16","popover-menu--child":"_popover-menu--child_r3s0r_19","popover-menu__scroll":"_popover-menu__scroll_r3s0r_22","popover-menu__title":"_popover-menu__title_r3s0r_25","popover-menu__group":"_popover-menu__group_r3s0r_36","popover-menu__group-title":"_popover-menu__group-title_r3s0r_41","popover-menu__divider":"_popover-menu__divider_r3s0r_53"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const e={"popover-menu":"_popover-menu_1m31t_2","popover-menu--parent":"_popover-menu--parent_1m31t_16","popover-menu--child":"_popover-menu--child_1m31t_19","popover-menu__scroll":"_popover-menu__scroll_1m31t_22","popover-menu__title":"_popover-menu__title_1m31t_25","popover-menu__group":"_popover-menu__group_1m31t_36","popover-menu__group-title":"_popover-menu__group-title_1m31t_41","popover-menu__divider":"_popover-menu__divider_1m31t_53"};exports.default=e;
 //# sourceMappingURL=PopoverMenu.module.scss.cjs.map

package/dist/components/popover-menu/PopoverMenu.module.scss.js

@@ -1,12 +1,12 @@
-import './PopoverMenu.module.css';const _ = {
-  "popover-menu": "_popover-menu_r3s0r_2",
-  "popover-menu--parent": "_popover-menu--parent_r3s0r_16",
-  "popover-menu--child": "_popover-menu--child_r3s0r_19",
-  "popover-menu__scroll": "_popover-menu__scroll_r3s0r_22",
-  "popover-menu__title": "_popover-menu__title_r3s0r_25",
-  "popover-menu__group": "_popover-menu__group_r3s0r_36",
-  "popover-menu__group-title": "_popover-menu__group-title_r3s0r_41",
-  "popover-menu__divider": "_popover-menu__divider_r3s0r_53"
+import './PopoverMenu.css';const _ = {
+  "popover-menu": "_popover-menu_1m31t_2",
+  "popover-menu--parent": "_popover-menu--parent_1m31t_16",
+  "popover-menu--child": "_popover-menu--child_1m31t_19",
+  "popover-menu__scroll": "_popover-menu__scroll_1m31t_22",
+  "popover-menu__title": "_popover-menu__title_1m31t_25",
+  "popover-menu__group": "_popover-menu__group_1m31t_36",
+  "popover-menu__group-title": "_popover-menu__group-title_1m31t_41",
+  "popover-menu__divider": "_popover-menu__divider_1m31t_53"
 };
 export {
   _ as default

package/dist/components/popover-notice/PopoverNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.module.css');const o={"popover-notice":"_popover-notice_1dhk2_2","popover-notice__content":"_popover-notice__content_1dhk2_18","popover-notice__icon":"_popover-notice__icon_1dhk2_25","popover-notice__icon--info":"_popover-notice__icon--info_1dhk2_31","popover-notice__icon--success":"_popover-notice__icon--success_1dhk2_34","popover-notice__icon--warning":"_popover-notice__icon--warning_1dhk2_37","popover-notice__icon--danger":"_popover-notice__icon--danger_1dhk2_40","popover-notice__body":"_popover-notice__body_1dhk2_43","popover-notice__title-row":"_popover-notice__title-row_1dhk2_55","popover-notice__title":"_popover-notice__title_1dhk2_55","popover-notice__description":"_popover-notice__description_1dhk2_68","popover-notice__actions":"_popover-notice__actions_1dhk2_77","popover-notice__close":"_popover-notice__close_1dhk2_83"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.css');const o={"popover-notice":"_popover-notice_1dhk2_2","popover-notice__content":"_popover-notice__content_1dhk2_18","popover-notice__icon":"_popover-notice__icon_1dhk2_25","popover-notice__icon--info":"_popover-notice__icon--info_1dhk2_31","popover-notice__icon--success":"_popover-notice__icon--success_1dhk2_34","popover-notice__icon--warning":"_popover-notice__icon--warning_1dhk2_37","popover-notice__icon--danger":"_popover-notice__icon--danger_1dhk2_40","popover-notice__body":"_popover-notice__body_1dhk2_43","popover-notice__title-row":"_popover-notice__title-row_1dhk2_55","popover-notice__title":"_popover-notice__title_1dhk2_55","popover-notice__description":"_popover-notice__description_1dhk2_68","popover-notice__actions":"_popover-notice__actions_1dhk2_77","popover-notice__close":"_popover-notice__close_1dhk2_83"};exports.default=o;
 //# sourceMappingURL=PopoverNotice.module.scss.cjs.map

package/dist/components/popover-notice/PopoverNotice.module.scss.js

@@ -1,4 +1,4 @@
-import './PopoverNotice.module.css';const o = {
+import './PopoverNotice.css';const o = {
   "popover-notice": "_popover-notice_1dhk2_2",
   "popover-notice__content": "_popover-notice__content_1dhk2_18",
   "popover-notice__icon": "_popover-notice__icon_1dhk2_25",

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/application-cog.js"),h=__h?.default??__h,__b=require("@mattermost/compass-icons/components/apps.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/download-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__I=require("@mattermost/compass-icons/components/product-boards.js"),I=__I?.default??__I,__q=require("@mattermost/compass-icons/components/product-channels.js"),q=__q?.default??__q,___=require("@mattermost/compass-icons/components/product-playbooks.js"),_=___?.default??___,__C=require("@mattermost/compass-icons/components/webhook.js"),C=__C?.default??__C,n=require("../icon/Icon.cjs"),l=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),t=require("./ProductSwitcherMenu.module.scss.cjs"),r=[{id:"channels",label:"Channels",icon:e.jsx(q,{})},{id:"boards",label:"Boards",icon:e.jsx(I,{})},{id:"playbooks",label:"Playbooks",icon:e.jsx(_,{})}];function P(a){return e.jsx("span",{className:t.default["product-switcher-menu__product-icon"],children:e.jsx(n.default,{glyph:a,size:"24"})})}function y({selectedProduct:a="channels",additionalProducts:c=[],onProductSelect:o,className:d="",style:j,...x}){const f=[t.default["product-switcher-menu"],d].filter(Boolean).join(" "),p=[...r,...c];return e.jsxs(i.default,{className:f,style:{width:"273px",...j},...x,children:[e.jsx(i.PopoverMenuGroup,{children:p.map(s=>e.jsx(l.default,{className:t.default["product-switcher-menu__product-item"],label:s.label,leadingVisual:P(s.icon),trailingElement:a===s.id,onClick:()=>{var u;(u=s.onClick)==null||u.call(s),o==null||o(s.id)}},s.id))}),e.jsx(i.PopoverMenuDivider,{}),e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(l.default,{label:"System console",leadingVisual:e.jsx(n.default,{glyph:e.jsx(h,{}),size:"16"})}),e.jsx(l.default,{label:"Integrations",leadingVisual:e.jsx(n.default,{glyph:e.jsx(C,{}),size:"16"})}),e.jsx(l.default,{label:"Marketplace",leadingVisual:e.jsx(n.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(l.default,{label:"Download apps",leadingVisual:e.jsx(n.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(l.default,{label:"About Mattermost",leadingVisual:e.jsx(n.default,{glyph:e.jsx(m,{}),size:"16"})})]})]})}exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=r;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/application-cog.js"),h=__h?.default??__h,__b=require("@mattermost/compass-icons/components/apps.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/download-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__I=require("@mattermost/compass-icons/components/product-boards.js"),I=__I?.default??__I,__q=require("@mattermost/compass-icons/components/product-channels.js"),q=__q?.default??__q,___=require("@mattermost/compass-icons/components/product-playbooks.js"),_=___?.default??___,__C=require("@mattermost/compass-icons/components/webhook.js"),C=__C?.default??__C,n=require("../icon/Icon.cjs"),l=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),t=require("./ProductSwitcherMenu.module.scss.cjs"),r=[{id:"channels",label:"Channels",icon:e.jsx(q,{})},{id:"boards",label:"Boards",icon:e.jsx(I,{})},{id:"playbooks",label:"Playbooks",icon:e.jsx(_,{})}];function P(a){return e.jsx("span",{className:t.default["product-switcher-menu__product-icon"],children:e.jsx(n.default,{glyph:a,size:"24"})})}function M({selectedProduct:a="channels",additionalProducts:c=[],onProductSelect:o,className:d="",style:j,...x}){const f=[t.default["product-switcher-menu"],d].filter(Boolean).join(" "),p=[...r,...c];return e.jsxs(i.default,{className:f,style:j,...x,children:[e.jsx(i.PopoverMenuGroup,{children:p.map(s=>e.jsx(l.default,{className:t.default["product-switcher-menu__product-item"],label:s.label,leadingVisual:P(s.icon),trailingElement:a===s.id,onClick:()=>{var u;(u=s.onClick)==null||u.call(s),o==null||o(s.id)}},s.id))}),e.jsx(i.PopoverMenuDivider,{}),e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(l.default,{label:"System console",leadingVisual:e.jsx(n.default,{glyph:e.jsx(h,{}),size:"16"})}),e.jsx(l.default,{label:"Integrations",leadingVisual:e.jsx(n.default,{glyph:e.jsx(C,{}),size:"16"})}),e.jsx(l.default,{label:"Marketplace",leadingVisual:e.jsx(n.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(l.default,{label:"Download apps",leadingVisual:e.jsx(n.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(l.default,{label:"About Mattermost",leadingVisual:e.jsx(n.default,{glyph:e.jsx(m,{}),size:"16"})})]})]})}exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=r;exports.default=M;
 //# sourceMappingURL=ProductSwitcherMenu.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitcherMenu.cjs","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '273px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"wzBAuDaA,EAAkE,CAC7E,CACE,GAAI,WACJ,MAAO,WACP,WAAOC,EAAA,CAAA,CAAoB,CAAA,EAE7B,CACE,GAAI,SACJ,MAAO,SACP,WAAOC,EAAA,CAAA,CAAkB,CAAA,EAE3B,CACE,GAAI,YACJ,MAAO,YACP,WAAOC,EAAA,CAAA,CAAqB,CAAA,CAEhC,EAEA,SAASC,EAAqBC,EAAkB,CAC9C,OACEC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,qCAAqC,EAC3D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAAH,EAAc,KAAK,IAAA,CAAK,CAAA,CAChC,CAEJ,CAWA,SAAwBI,EAAoB,CAC1C,gBAAAC,EAAkB,WAClB,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACT,UAAO,uBAAuB,EAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAELI,EAAW,CAAC,GAAGjB,EAAmC,GAAGW,CAAkB,EAE7E,OACEO,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAO,QAAS,GAAGF,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAT,EAAAA,IAACc,EAAAA,iBAAA,CACE,SAAAH,EAAS,IAAKI,GACbf,EAAAA,IAACgB,EAAAA,QAAA,CAEC,UAAWf,EAAAA,QAAO,qCAAqC,EACvD,MAAOc,EAAQ,MACf,cAAejB,EAAqBiB,EAAQ,IAAI,EAChD,gBAAiBX,IAAoBW,EAAQ,GAC7C,QAAS,IAAM,QACbE,EAAAF,EAAQ,UAAR,MAAAE,EAAA,KAAAF,GACAT,GAAA,MAAAA,EAAkBS,EAAQ,GAC5B,CAAA,EARKA,EAAQ,EAAA,CAUhB,EACH,QACCG,EAAAA,mBAAA,EAAmB,SACnBJ,EAAAA,iBAAA,CACC,SAAA,CAAAd,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQiB,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEnB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQkB,EAAA,CAAA,CAAY,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEzDpB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQmB,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDrB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQoB,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEtB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQqB,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"ProductSwitcherMenu.cjs","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"wzBAuDaA,EAAkE,CAC7E,CACE,GAAI,WACJ,MAAO,WACP,WAAOC,EAAA,CAAA,CAAoB,CAAA,EAE7B,CACE,GAAI,SACJ,MAAO,SACP,WAAOC,EAAA,CAAA,CAAkB,CAAA,EAE3B,CACE,GAAI,YACJ,MAAO,YACP,WAAOC,EAAA,CAAA,CAAqB,CAAA,CAEhC,EAEA,SAASC,EAAqBC,EAAkB,CAC9C,OACEC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,qCAAqC,EAC3D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAAH,EAAc,KAAK,IAAA,CAAK,CAAA,CAChC,CAEJ,CAWA,SAAwBI,EAAoB,CAC1C,gBAAAC,EAAkB,WAClB,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACT,UAAO,uBAAuB,EAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAELI,EAAW,CAAC,GAAGjB,EAAmC,GAAGW,CAAkB,EAE7E,OACEO,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAT,EAAAA,IAACc,EAAAA,iBAAA,CACE,SAAAH,EAAS,IAAKI,GACbf,EAAAA,IAACgB,EAAAA,QAAA,CAEC,UAAWf,EAAAA,QAAO,qCAAqC,EACvD,MAAOc,EAAQ,MACf,cAAejB,EAAqBiB,EAAQ,IAAI,EAChD,gBAAiBX,IAAoBW,EAAQ,GAC7C,QAAS,IAAM,QACbE,EAAAF,EAAQ,UAAR,MAAAE,EAAA,KAAAF,GACAT,GAAA,MAAAA,EAAkBS,EAAQ,GAC5B,CAAA,EARKA,EAAQ,EAAA,CAUhB,EACH,QACCG,EAAAA,mBAAA,EAAmB,SACnBJ,EAAAA,iBAAA,CACC,SAAA,CAAAd,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQiB,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEnB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQkB,EAAA,CAAA,CAAY,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEzDpB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQmB,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDrB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQoB,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEtB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQqB,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js

@@ -1,17 +1,17 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import __b from "@mattermost/compass-icons/components/application-cog.js";const b=__b&&__b.default?__b.default:__b;
 import __g from "@mattermost/compass-icons/components/apps.js";const g=__g&&__g.default?__g.default:__g;
 import __I from "@mattermost/compass-icons/components/download-outline.js";const I=__I&&__I.default?__I.default:__I;
 import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
 import __C from "@mattermost/compass-icons/components/product-boards.js";const C=__C&&__C.default?__C.default:__C;
 import __k from "@mattermost/compass-icons/components/product-channels.js";const k=__k&&__k.default?__k.default:__k;
-import __w from "@mattermost/compass-icons/components/product-playbooks.js";const w=__w&&__w.default?__w.default:__w;
-import __M from "@mattermost/compass-icons/components/webhook.js";const M=__M&&__M.default?__M.default:__M;
-import e from "../icon/Icon.js";
+import __M from "@mattermost/compass-icons/components/product-playbooks.js";const M=__M&&__M.default?__M.default:__M;
+import __P from "@mattermost/compass-icons/components/webhook.js";const P=__P&&__P.default?__P.default:__P;
+import n from "../icon/Icon.js";
 import l from "../menu-item/MenuItem.js";
-import P, { PopoverMenuGroup as m, PopoverMenuDivider as V } from "../popover-menu/PopoverMenu.js";
+import V, { PopoverMenuGroup as t, PopoverMenuDivider as _ } from "../popover-menu/PopoverMenu.js";
 import r from "./ProductSwitcherMenu.module.scss.js";
-const _ = [
+const w = [
   {
     id: "channels",
     label: "Channels",
@@ -25,35 +25,35 @@ const _ = [
   {
     id: "playbooks",
     label: "Playbooks",
-    icon: /* @__PURE__ */ o(w, {})
+    icon: /* @__PURE__ */ o(M, {})
   }
 ];
-function z(n) {
-  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(e, { glyph: n, size: "24" }) });
+function z(e) {
+  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(n, { glyph: e, size: "24" }) });
 }
 function W({
-  selectedProduct: n = "channels",
-  additionalProducts: p = [],
+  selectedProduct: e = "channels",
+  additionalProducts: c = [],
   onProductSelect: a,
-  className: c = "",
+  className: p = "",
   style: d,
   ...u
 }) {
-  const h = [r["product-switcher-menu"], c].filter(Boolean).join(" "), f = [..._, ...p];
-  return /* @__PURE__ */ t(
-    P,
+  const f = [r["product-switcher-menu"], p].filter(Boolean).join(" "), h = [...w, ...c];
+  return /* @__PURE__ */ m(
+    V,
     {
-      className: h,
-      style: { width: "273px", ...d },
+      className: f,
+      style: d,
       ...u,
       children: [
-        /* @__PURE__ */ o(m, { children: f.map((i) => /* @__PURE__ */ o(
+        /* @__PURE__ */ o(t, { children: h.map((i) => /* @__PURE__ */ o(
           l,
           {
             className: r["product-switcher-menu__product-item"],
             label: i.label,
             leadingVisual: z(i.icon),
-            trailingElement: n === i.id,
+            trailingElement: e === i.id,
             onClick: () => {
               var s;
               (s = i.onClick) == null || s.call(i), a == null || a(i.id);
@@ -61,41 +61,41 @@ function W({
           },
           i.id
         )) }),
-        /* @__PURE__ */ o(V, {}),
-        /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ o(_, {}),
+        /* @__PURE__ */ m(t, { children: [
           /* @__PURE__ */ o(
             l,
             {
               label: "System console",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Integrations",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(M, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(P, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Marketplace",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Download apps",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "About Mattermost",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
             }
           )
         ] })
@@ -104,7 +104,7 @@ function W({
   );
 }
 export {
-  _ as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
+  w as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
   W as default
 };
 //# sourceMappingURL=ProductSwitcherMenu.js.map