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

package/dist/components/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { toKebab } from '@/utils/string';\nimport styles from './IconButton.module.scss';\n\nexport type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\n/** Figma \"Style\": Default (light context) | Inverted (dark context). */\nexport type IconButtonStyle = 'default' | 'inverted';\n\nexport type IconButtonPadding = 'default' | 'compact';\n\nexport interface IconButtonProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'style'\n> {\n  /** When true, forces the subtler pressed/active visual (lighter than toggled). */\n  active?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Numeric count shown inline after the icon. Figma: Count. */\n  count?: number;\n  /** When true, uses destructive (danger) styling. Figma: Destructive. */\n  destructive?: boolean;\n  /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size=\"16\" />`. */\n  icon: ReactNode;\n  /** Padding variant. Figma: Padding = Default | Compact. */\n  padding?: IconButtonPadding;\n  /** When true, uses full border radius (pill). Figma: Rounded = On. */\n  rounded?: boolean;\n  /** Size variant. Figma: Size. Default: Medium. */\n  size?: IconButtonSize;\n  /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */\n  style?: IconButtonStyle;\n  /** When true, shows toggled/selected state. Figma: Toggled = On. When omitted, the control is not a toggle. */\n  toggled?: boolean;\n  /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */\n  unreadBadge?: boolean;\n}\n\n/** Icon size (px) per IconButton size. Use with Icon: size=\"12\" | \"16\" | \"20\" | \"24\". */\nexport const ICON_BUTTON_ICON_SIZES: Record<\n  IconButtonSize,\n  '12' | '16' | '20' | '24'\n> = {\n  'x-small': '12',\n  small: '16',\n  medium: '20',\n  large: '24',\n};\n\n/**\n * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message\n * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate\n * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the\n * action explicit.\n */\nexport default function IconButton({\n  active = false,\n  className = '',\n  count,\n  destructive = false,\n  icon,\n  padding = 'default',\n  rounded = false,\n  size = 'medium',\n  style = 'default',\n  toggled,\n  unreadBadge = false,\n  disabled,\n  type = 'button',\n  'aria-label': ariaLabel,\n  ...rest\n}: IconButtonProps) {\n  const sizeClass = styles[`icon-button--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['icon-button--padding-compact'] : '';\n  const styleClass =\n    style === 'inverted' ? styles['icon-button--style-inverted'] : '';\n  const destructiveClass = destructive\n    ? styles['icon-button--destructive']\n    : '';\n  const roundedClass = rounded ? styles['icon-button--rounded'] : '';\n  const toggledClass = toggled ? styles['icon-button--toggled'] : '';\n  const activeClass = active ? styles['icon-button--active'] : '';\n  const hasCount = count !== undefined;\n  const hasCountClass = hasCount ? styles['icon-button--has-count'] : '';\n\n  const rootClass = [\n    styles['icon-button'],\n    sizeClass,\n    paddingClass,\n    styleClass,\n    destructiveClass,\n    roundedClass,\n    toggledClass,\n    activeClass,\n    hasCountClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      data-active={active ? 'true' : undefined}\n      {...rest}\n    >\n      <span className={styles['icon-button__icon-slot']} aria-hidden>\n        {icon}\n        {unreadBadge && (\n          <span className={styles['icon-button__unread-badge']} />\n        )}\n      </span>\n      {hasCount && (\n        <span className={styles['icon-button__count']}>{count}</span>\n      )}\n    </button>\n  );\n}\n"],"names":["ICON_BUTTON_ICON_SIZES","IconButton","active","className","count","destructive","icon","padding","rounded","size","style","toggled","unreadBadge","disabled","type","ariaLabel","rest","sizeClass","styles","toKebab","paddingClass","styleClass","destructiveClass","roundedClass","toggledClass","activeClass","hasCount","hasCountClass","rootClass","jsxs","jsx"],"mappings":";;;AAwCO,MAAMA,IAGT;AAAA,EACF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAQA,SAAwBC,EAAW;AAAA,EACjC,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAYC,EAAO,qBAAqBC,EAAQV,CAAI,CAAC,EAAE,GACvDW,IACJb,MAAY,YAAYW,EAAO,8BAA8B,IAAI,IAC7DG,IACJX,MAAU,aAAaQ,EAAO,6BAA6B,IAAI,IAC3DI,IAAmBjB,IACrBa,EAAO,0BAA0B,IACjC,IACEK,IAAef,IAAUU,EAAO,sBAAsB,IAAI,IAC1DM,IAAeb,IAAUO,EAAO,sBAAsB,IAAI,IAC1DO,IAAcvB,IAASgB,EAAO,qBAAqB,IAAI,IACvDQ,IAAWtB,MAAU,QACrBuB,IAAgBD,IAAWR,EAAO,wBAAwB,IAAI,IAE9DU,IAAY;AAAA,IAChBV,EAAO,aAAa;AAAA,IACpBD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAE;AAAA,IACAxB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,MAAAd;AAAA,MACA,UAAAD;AAAA,MACA,cAAYE;AAAA,MACZ,gBAAcJ,MAAY,SAAY,SAAYA;AAAA,MAClD,eAAaT,IAAS,SAAS;AAAA,MAC9B,GAAGc;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAa,EAAC,UAAK,WAAWX,EAAO,wBAAwB,GAAG,eAAW,IAC3D,UAAA;AAAA,UAAAZ;AAAA,UACAM,KACC,gBAAAkB,EAAC,QAAA,EAAK,WAAWZ,EAAO,2BAA2B,EAAA,CAAG;AAAA,QAAA,GAE1D;AAAA,QACCQ,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAWZ,EAAO,oBAAoB,GAAI,UAAAd,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI9D;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Spinner from '@/components/spinner/Spinner';\nimport { toKebab } from '@/utils/string';\nimport styles from './IconButton.module.scss';\n\nexport type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\n/** Figma \"Style\": Default (light context) | Inverted (dark context). */\nexport type IconButtonStyle = 'default' | 'inverted';\n\nexport type IconButtonPadding = 'default' | 'compact';\n\nexport interface IconButtonProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'style'\n> {\n  /** When true, forces the subtler pressed/active visual (lighter than toggled). */\n  active?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Numeric count shown inline after the icon. Figma: Count. */\n  count?: number;\n  /** When true, uses destructive (danger) styling. Figma: Destructive. */\n  destructive?: boolean;\n  /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size=\"16\" />`. */\n  icon: ReactNode;\n  /** When true, shows a Spinner in place of the icon and disables the button. */\n  loading?: boolean;\n  /** Padding variant. Figma: Padding = Default | Compact. */\n  padding?: IconButtonPadding;\n  /** When true, uses full border radius (pill). Figma: Rounded = On. */\n  rounded?: boolean;\n  /** Size variant. Figma: Size. Default: Medium. */\n  size?: IconButtonSize;\n  /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */\n  style?: IconButtonStyle;\n  /** When true, shows toggled/selected state. Figma: Toggled = On. When omitted, the control is not a toggle. */\n  toggled?: boolean;\n  /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */\n  unreadBadge?: boolean;\n}\n\n/** Icon size (px) per IconButton size. Use with Icon: size=\"12\" | \"16\" | \"20\" | \"24\". */\nexport const ICON_BUTTON_ICON_SIZES: Record<\n  IconButtonSize,\n  '12' | '16' | '20' | '24'\n> = {\n  'x-small': '12',\n  small: '16',\n  medium: '20',\n  large: '24',\n};\n\n/**\n * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message\n * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate\n * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the\n * action explicit.\n */\nexport default function IconButton({\n  active = false,\n  className = '',\n  count,\n  destructive = false,\n  icon,\n  loading = false,\n  padding = 'default',\n  rounded = false,\n  size = 'medium',\n  style = 'default',\n  toggled,\n  unreadBadge = false,\n  disabled,\n  type = 'button',\n  'aria-label': ariaLabel,\n  ...rest\n}: IconButtonProps) {\n  const sizeClass = styles[`icon-button--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['icon-button--padding-compact'] : '';\n  const styleClass =\n    style === 'inverted' ? styles['icon-button--style-inverted'] : '';\n  const destructiveClass = destructive\n    ? styles['icon-button--destructive']\n    : '';\n  const roundedClass = rounded ? styles['icon-button--rounded'] : '';\n  const toggledClass = toggled ? styles['icon-button--toggled'] : '';\n  const activeClass = active ? styles['icon-button--active'] : '';\n  const hasCount = count !== undefined;\n  const hasCountClass = hasCount ? styles['icon-button--has-count'] : '';\n\n  const rootClass = [\n    styles['icon-button'],\n    sizeClass,\n    paddingClass,\n    styleClass,\n    destructiveClass,\n    roundedClass,\n    toggledClass,\n    activeClass,\n    hasCountClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const spinnerSize = ICON_BUTTON_ICON_SIZES[size];\n\n  return (\n    <button\n      className={rootClass}\n      type={type}\n      disabled={disabled || loading}\n      aria-label={ariaLabel}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      data-active={active ? 'true' : undefined}\n      {...rest}\n    >\n      <span className={styles['icon-button__icon-slot']} aria-hidden>\n        {loading\n          ? <Spinner size={spinnerSize} inverted={style === 'inverted'} />\n          : icon}\n        {unreadBadge && !loading && (\n          <span className={styles['icon-button__unread-badge']} />\n        )}\n      </span>\n      {hasCount && (\n        <span className={styles['icon-button__count']}>{count}</span>\n      )}\n    </button>\n  );\n}\n"],"names":["ICON_BUTTON_ICON_SIZES","IconButton","active","className","count","destructive","icon","loading","padding","rounded","size","style","toggled","unreadBadge","disabled","type","ariaLabel","rest","sizeClass","styles","toKebab","paddingClass","styleClass","destructiveClass","roundedClass","toggledClass","activeClass","hasCount","hasCountClass","rootClass","spinnerSize","jsxs","Spinner","jsx"],"mappings":";;;;AA2CO,MAAMA,IAGT;AAAA,EACF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAQA,SAAwBC,EAAW;AAAA,EACjC,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAYC,EAAO,qBAAqBC,EAAQV,CAAI,CAAC,EAAE,GACvDW,IACJb,MAAY,YAAYW,EAAO,8BAA8B,IAAI,IAC7DG,IACJX,MAAU,aAAaQ,EAAO,6BAA6B,IAAI,IAC3DI,IAAmBlB,IACrBc,EAAO,0BAA0B,IACjC,IACEK,IAAef,IAAUU,EAAO,sBAAsB,IAAI,IAC1DM,IAAeb,IAAUO,EAAO,sBAAsB,IAAI,IAC1DO,IAAcxB,IAASiB,EAAO,qBAAqB,IAAI,IACvDQ,IAAWvB,MAAU,QACrBwB,IAAgBD,IAAWR,EAAO,wBAAwB,IAAI,IAE9DU,IAAY;AAAA,IAChBV,EAAO,aAAa;AAAA,IACpBD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAE;AAAA,IACAzB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAEL2B,IAAc9B,EAAuBU,CAAI;AAE/C,SACE,gBAAAqB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAAd;AAAA,MACA,UAAUD,KAAYP;AAAA,MACtB,cAAYS;AAAA,MACZ,gBAAcJ,MAAY,SAAY,SAAYA;AAAA,MAClD,eAAaV,IAAS,SAAS;AAAA,MAC9B,GAAGe;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAc,EAAC,UAAK,WAAWZ,EAAO,wBAAwB,GAAG,eAAW,IAC3D,UAAA;AAAA,UAAAZ,sBACIyB,GAAA,EAAQ,MAAMF,GAAa,UAAUnB,MAAU,YAAY,IAC5DL;AAAA,UACHO,KAAe,CAACN,KACf,gBAAA0B,EAAC,UAAK,WAAWd,EAAO,2BAA2B,EAAA,CAAG;AAAA,QAAA,GAE1D;AAAA,QACCQ,KACC,gBAAAM,EAAC,QAAA,EAAK,WAAWd,EAAO,oBAAoB,GAAI,UAAAf,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI9D;"}

package/dist/components/icon-button/IconButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./IconButton.module.css');const t={"icon-button":"_icon-button_u2ufj_2","icon-button--active":"_icon-button--active_u2ufj_25","icon-button--toggled":"_icon-button--toggled_u2ufj_25","icon-button__icon-slot":"_icon-button__icon-slot_u2ufj_33","icon-button__unread-badge":"_icon-button__unread-badge_u2ufj_40","icon-button__count":"_icon-button__count_u2ufj_51","icon-button--size-x-small":"_icon-button--size-x-small_u2ufj_55","icon-button--padding-compact":"_icon-button--padding-compact_u2ufj_64","icon-button--size-small":"_icon-button--size-small_u2ufj_69","icon-button--size-medium":"_icon-button--size-medium_u2ufj_83","icon-button--size-large":"_icon-button--size-large_u2ufj_97","icon-button--has-count":"_icon-button--has-count_u2ufj_111","icon-button--rounded":"_icon-button--rounded_u2ufj_115","icon-button--style-inverted":"_icon-button--style-inverted_u2ufj_145","icon-button--destructive":"_icon-button--destructive_u2ufj_187"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./IconButton.css');const t={"icon-button":"_icon-button_u2ufj_2","icon-button--active":"_icon-button--active_u2ufj_25","icon-button--toggled":"_icon-button--toggled_u2ufj_25","icon-button__icon-slot":"_icon-button__icon-slot_u2ufj_33","icon-button__unread-badge":"_icon-button__unread-badge_u2ufj_40","icon-button__count":"_icon-button__count_u2ufj_51","icon-button--size-x-small":"_icon-button--size-x-small_u2ufj_55","icon-button--padding-compact":"_icon-button--padding-compact_u2ufj_64","icon-button--size-small":"_icon-button--size-small_u2ufj_69","icon-button--size-medium":"_icon-button--size-medium_u2ufj_83","icon-button--size-large":"_icon-button--size-large_u2ufj_97","icon-button--has-count":"_icon-button--has-count_u2ufj_111","icon-button--rounded":"_icon-button--rounded_u2ufj_115","icon-button--style-inverted":"_icon-button--style-inverted_u2ufj_145","icon-button--destructive":"_icon-button--destructive_u2ufj_187"};exports.default=t;
 //# sourceMappingURL=IconButton.module.scss.cjs.map

package/dist/components/icon-button/IconButton.module.scss.js

@@ -1,4 +1,4 @@
-import './IconButton.module.css';const t = {
+import './IconButton.css';const t = {
   "icon-button": "_icon-button_u2ufj_2",
   "icon-button--active": "_icon-button--active_u2ufj_25",
   "icon-button--toggled": "_icon-button--toggled_u2ufj_25",

package/dist/components/illustration/Illustration.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Illustration.module.css');const t="_illustration_xetnl_2",l={illustration:t};exports.default=l;exports.illustration=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Illustration.css');const t="_illustration_xetnl_2",l={illustration:t};exports.default=l;exports.illustration=t;
 //# sourceMappingURL=Illustration.module.scss.cjs.map

package/dist/components/illustration/Illustration.module.scss.js

@@ -1,4 +1,4 @@
-import './Illustration.module.css';const t = "_illustration_xetnl_2", l = {
+import './Illustration.css';const t = "_illustration_xetnl_2", l = {
   illustration: t
 };
 export {

package/dist/components/image-preview/ImagePreview.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ImagePreview.module.css');const e={"image-preview":"_image-preview_nf3bn_2","image-preview__stage":"_image-preview__stage_nf3bn_9","image-preview__frame":"_image-preview__frame_nf3bn_19","image-preview__frame--visible":"_image-preview__frame--visible_nf3bn_33","image-preview__media":"_image-preview__media_nf3bn_50","image-preview--ratio-4-3":"_image-preview--ratio-4-3_nf3bn_56","image-preview--ratio-1-1":"_image-preview--ratio-1-1_nf3bn_62","image-preview__img":"_image-preview__img_nf3bn_68","image-preview__actions":"_image-preview__actions_nf3bn_77","image-preview__collapse-btn":"_image-preview__collapse-btn_nf3bn_94","image-preview--collapsed":"_image-preview--collapsed_nf3bn_114","image-preview__collapsed-trigger":"_image-preview__collapsed-trigger_nf3bn_117","image-preview__collapsed-trigger--visible":"_image-preview__collapsed-trigger--visible_nf3bn_126","image-preview__show-label":"_image-preview__show-label_nf3bn_131","image-preview__show-icon":"_image-preview__show-icon_nf3bn_142"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ImagePreview.css');const e={"image-preview":"_image-preview_nf3bn_2","image-preview__stage":"_image-preview__stage_nf3bn_9","image-preview__frame":"_image-preview__frame_nf3bn_19","image-preview__frame--visible":"_image-preview__frame--visible_nf3bn_33","image-preview__media":"_image-preview__media_nf3bn_50","image-preview--ratio-4-3":"_image-preview--ratio-4-3_nf3bn_56","image-preview--ratio-1-1":"_image-preview--ratio-1-1_nf3bn_62","image-preview__img":"_image-preview__img_nf3bn_68","image-preview__actions":"_image-preview__actions_nf3bn_77","image-preview__collapse-btn":"_image-preview__collapse-btn_nf3bn_94","image-preview--collapsed":"_image-preview--collapsed_nf3bn_114","image-preview__collapsed-trigger":"_image-preview__collapsed-trigger_nf3bn_117","image-preview__collapsed-trigger--visible":"_image-preview__collapsed-trigger--visible_nf3bn_126","image-preview__show-label":"_image-preview__show-label_nf3bn_131","image-preview__show-icon":"_image-preview__show-icon_nf3bn_142"};exports.default=e;
 //# sourceMappingURL=ImagePreview.module.scss.cjs.map

package/dist/components/image-preview/ImagePreview.module.scss.js

@@ -1,4 +1,4 @@
-import './ImagePreview.module.css';const e = {
+import './ImagePreview.css';const e = {
   "image-preview": "_image-preview_nf3bn_2",
   "image-preview__stage": "_image-preview__stage_nf3bn_9",
   "image-preview__frame": "_image-preview__frame_nf3bn_19",

package/dist/components/link-preview/LinkPreview.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./LinkPreview.module.css');const e={"link-preview":"_link-preview_1dlj9_2","link-preview__dismiss-bridge":"_link-preview__dismiss-bridge_1dlj9_12","link-preview__dismiss":"_link-preview__dismiss_1dlj9_12","link-preview__card":"_link-preview__card_1dlj9_37","link-preview__card--small-image":"_link-preview__card--small-image_1dlj9_54","link-preview__card--large-image":"_link-preview__card--large-image_1dlj9_57","link-preview__card--collapsed-image":"_link-preview__card--collapsed-image_1dlj9_61","link-preview__text":"_link-preview__text_1dlj9_65","link-preview__site-name":"_link-preview__site-name_1dlj9_80","link-preview__title":"_link-preview__title_1dlj9_88","link-preview__description":"_link-preview__description_1dlj9_99","link-preview__thumbnail":"_link-preview__thumbnail_1dlj9_110","link-preview__thumbnail-img":"_link-preview__thumbnail-img_1dlj9_117","link-preview__image-preview":"_link-preview__image-preview_1dlj9_124"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./LinkPreview.css');const e={"link-preview":"_link-preview_1dlj9_2","link-preview__dismiss-bridge":"_link-preview__dismiss-bridge_1dlj9_12","link-preview__dismiss":"_link-preview__dismiss_1dlj9_12","link-preview__card":"_link-preview__card_1dlj9_37","link-preview__card--small-image":"_link-preview__card--small-image_1dlj9_54","link-preview__card--large-image":"_link-preview__card--large-image_1dlj9_57","link-preview__card--collapsed-image":"_link-preview__card--collapsed-image_1dlj9_61","link-preview__text":"_link-preview__text_1dlj9_65","link-preview__site-name":"_link-preview__site-name_1dlj9_80","link-preview__title":"_link-preview__title_1dlj9_88","link-preview__description":"_link-preview__description_1dlj9_99","link-preview__thumbnail":"_link-preview__thumbnail_1dlj9_110","link-preview__thumbnail-img":"_link-preview__thumbnail-img_1dlj9_117","link-preview__image-preview":"_link-preview__image-preview_1dlj9_124"};exports.default=e;
 //# sourceMappingURL=LinkPreview.module.scss.cjs.map

package/dist/components/link-preview/LinkPreview.module.scss.js

@@ -1,4 +1,4 @@
-import './LinkPreview.module.css';const _ = {
+import './LinkPreview.css';const _ = {
   "link-preview": "_link-preview_1dlj9_2",
   "link-preview__dismiss-bridge": "_link-preview__dismiss-bridge_1dlj9_12",
   "link-preview__dismiss": "_link-preview__dismiss_1dlj9_12",

package/dist/components/mention-badge/MentionBadge.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MentionBadge.module.css');const e={"mention-badge":"_mention-badge_1uenr_2","mention-badge--size-small":"_mention-badge--size-small_1uenr_13","mention-badge--size-medium":"_mention-badge--size-medium_1uenr_18","mention-badge--size-large":"_mention-badge--size-large_1uenr_24","mention-badge--digits-1":"_mention-badge--digits-1_1uenr_30","mention-badge--digits-3":"_mention-badge--digits-3_1uenr_34","mention-badge--location-menu-item":"_mention-badge--location-menu-item_1uenr_38","mention-badge--location-icon-button":"_mention-badge--location-icon-button_1uenr_42","mention-badge--location-channel":"_mention-badge--location-channel_1uenr_46"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MentionBadge.css');const e={"mention-badge":"_mention-badge_1uenr_2","mention-badge--size-small":"_mention-badge--size-small_1uenr_13","mention-badge--size-medium":"_mention-badge--size-medium_1uenr_18","mention-badge--size-large":"_mention-badge--size-large_1uenr_24","mention-badge--digits-1":"_mention-badge--digits-1_1uenr_30","mention-badge--digits-3":"_mention-badge--digits-3_1uenr_34","mention-badge--location-menu-item":"_mention-badge--location-menu-item_1uenr_38","mention-badge--location-icon-button":"_mention-badge--location-icon-button_1uenr_42","mention-badge--location-channel":"_mention-badge--location-channel_1uenr_46"};exports.default=e;
 //# sourceMappingURL=MentionBadge.module.scss.cjs.map

package/dist/components/mention-badge/MentionBadge.module.scss.js

@@ -1,4 +1,4 @@
-import './MentionBadge.module.css';const e = {
+import './MentionBadge.css';const e = {
   "mention-badge": "_mention-badge_1uenr_2",
   "mention-badge--size-small": "_mention-badge--size-small_1uenr_13",
   "mention-badge--size-medium": "_mention-badge--size-medium_1uenr_18",

package/dist/components/menu-group-heading/MenuGroupHeading.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MenuGroupHeading.module.css');const e={"menu-group-heading":"_menu-group-heading_ca9me_2","menu-group-heading__label":"_menu-group-heading__label_ca9me_9"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MenuGroupHeading.css');const e={"menu-group-heading":"_menu-group-heading_ca9me_2","menu-group-heading__label":"_menu-group-heading__label_ca9me_9"};exports.default=e;
 //# sourceMappingURL=MenuGroupHeading.module.scss.cjs.map

package/dist/components/menu-group-heading/MenuGroupHeading.module.scss.js

@@ -1,4 +1,4 @@
-import './MenuGroupHeading.module.css';const e = {
+import './MenuGroupHeading.css';const e = {
   "menu-group-heading": "_menu-group-heading_ca9me_2",
   "menu-group-heading__label": "_menu-group-heading__label_ca9me_9"
 };

package/dist/components/menu-item/MenuItem.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MenuItem.module.css');const e={"menu-item":"_menu-item_1nhr4_2","menu-item--active":"_menu-item--active_1nhr4_27","menu-item__leading-visual":"_menu-item__leading-visual_1nhr4_30","menu-item__trailing-visual":"_menu-item__trailing-visual_1nhr4_31","menu-item__content":"_menu-item__content_1nhr4_44","menu-item__left":"_menu-item__left_1nhr4_53","menu-item__trailing-visual--check":"_menu-item__trailing-visual--check_1nhr4_65","menu-item__middle":"_menu-item__middle_1nhr4_68","menu-item__top-row":"_menu-item__top-row_1nhr4_79","menu-item__label":"_menu-item__label_1nhr4_87","menu-item__secondary-label-inline":"_menu-item__secondary-label-inline_1nhr4_94","menu-item__bottom-row":"_menu-item__bottom-row_1nhr4_102","menu-item__secondary-label-below":"_menu-item__secondary-label-below_1nhr4_109","menu-item__custom-status":"_menu-item__custom-status_1nhr4_120","menu-item__right":"_menu-item__right_1nhr4_129","menu-item--destructive":"_menu-item--destructive_1nhr4_135"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MenuItem.css');const e={"menu-item":"_menu-item_1nhr4_2","menu-item--active":"_menu-item--active_1nhr4_27","menu-item__leading-visual":"_menu-item__leading-visual_1nhr4_30","menu-item__trailing-visual":"_menu-item__trailing-visual_1nhr4_31","menu-item__content":"_menu-item__content_1nhr4_44","menu-item__left":"_menu-item__left_1nhr4_53","menu-item__trailing-visual--check":"_menu-item__trailing-visual--check_1nhr4_65","menu-item__middle":"_menu-item__middle_1nhr4_68","menu-item__top-row":"_menu-item__top-row_1nhr4_79","menu-item__label":"_menu-item__label_1nhr4_87","menu-item__secondary-label-inline":"_menu-item__secondary-label-inline_1nhr4_94","menu-item__bottom-row":"_menu-item__bottom-row_1nhr4_102","menu-item__secondary-label-below":"_menu-item__secondary-label-below_1nhr4_109","menu-item__custom-status":"_menu-item__custom-status_1nhr4_120","menu-item__right":"_menu-item__right_1nhr4_129","menu-item--destructive":"_menu-item--destructive_1nhr4_135"};exports.default=e;
 //# sourceMappingURL=MenuItem.module.scss.cjs.map

package/dist/components/menu-item/MenuItem.module.scss.js

@@ -1,4 +1,4 @@
-import './MenuItem.module.css';const _ = {
+import './MenuItem.css';const _ = {
   "menu-item": "_menu-item_1nhr4_2",
   "menu-item--active": "_menu-item--active_1nhr4_27",
   "menu-item__leading-visual": "_menu-item__leading-visual_1nhr4_30",

package/dist/components/message-actions/MessageActions.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageActions.module.css');const e={"message-actions":"_message-actions_1ie92_2","message-actions__jump":"_message-actions__jump_1ie92_12"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageActions.css');const e={"message-actions":"_message-actions_1ie92_2","message-actions__jump":"_message-actions__jump_1ie92_12"};exports.default=e;
 //# sourceMappingURL=MessageActions.module.scss.cjs.map

package/dist/components/message-actions/MessageActions.module.scss.js

@@ -1,4 +1,4 @@
-import './MessageActions.module.css';const s = {
+import './MessageActions.css';const s = {
   "message-actions": "_message-actions_1ie92_2",
   "message-actions__jump": "_message-actions__jump_1ie92_12"
 };

package/dist/components/message-header/MessageHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageHeader.module.css');const e={"message-header":"_message-header_1u3ox_2","message-header__username":"_message-header__username_1u3ox_10","message-header__timestamp":"_message-header__timestamp_1u3ox_18"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageHeader.css');const e={"message-header":"_message-header_1u3ox_2","message-header__username":"_message-header__username_1u3ox_10","message-header__timestamp":"_message-header__timestamp_1u3ox_18"};exports.default=e;
 //# sourceMappingURL=MessageHeader.module.scss.cjs.map

package/dist/components/message-header/MessageHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './MessageHeader.module.css';const e = {
+import './MessageHeader.css';const e = {
   "message-header": "_message-header_1u3ox_2",
   "message-header__username": "_message-header__username_1u3ox_10",
   "message-header__timestamp": "_message-header__timestamp_1u3ox_18"

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__d=require("@mattermost/compass-icons/components/arrow-right-bold-outline.js"),d=__d?.default??__d,__g=require("@mattermost/compass-icons/components/bookmark-outline.js"),g=__g?.default??__g,__x=require("@mattermost/compass-icons/components/chevron-right.js"),x=__x?.default??__x,__j=require("@mattermost/compass-icons/components/clock-outline.js"),j=__j?.default??__j,__c=require("@mattermost/compass-icons/components/content-copy.js"),c=__c?.default??__c,__f=require("@mattermost/compass-icons/components/flag-outline.js"),f=__f?.default??__f,__h=require("@mattermost/compass-icons/components/link-variant.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/mark-as-unread.js"),p=__p?.default??__p,__V=require("@mattermost/compass-icons/components/message-check-outline.js"),V=__V?.default??__V,__y=require("@mattermost/compass-icons/components/pencil-outline.js"),y=__y?.default??__y,__m=require("@mattermost/compass-icons/components/pin-outline.js"),m=__m?.default??__m,__q=require("@mattermost/compass-icons/components/reply-outline.js"),q=__q?.default??__q,__b=require("@mattermost/compass-icons/components/translate.js"),b=__b?.default??__b,__v=require("@mattermost/compass-icons/components/trash-can-outline.js"),v=__v?.default??__v,l=require("../icon/Icon.cjs"),i=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs"),M=require("../shortcut-tag/ShortcutTag.cjs");function t(n){return e.jsx(M.default,{label:n,size:"small"})}function I({permissionToEdit:n=!0,showFlagOption:a=!0,className:r="",style:u,...o}){return e.jsxs(s.default,{className:r,style:{width:"236px",...u},...o,children:[e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Reply",leadingVisual:e.jsx(l.default,{glyph:e.jsx(q,{}),size:"16"}),trailingElement:!0,trailingVisual:t("R")}),e.jsx(i.default,{label:"Forward",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"}),trailingElement:!0,trailingVisual:t("Shift + F")}),e.jsx(i.default,{label:"Follow thread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(V,{}),size:"16"}),trailingElement:!0,trailingVisual:t("F")}),e.jsx(i.default,{label:"Mark as unread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"}),trailingElement:!0,trailingVisual:t("U")}),e.jsx(i.default,{label:"Save",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"}),trailingElement:!0,trailingVisual:t("S")}),e.jsx(i.default,{label:"Remind",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(i.default,{label:"Pin to channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(m,{}),size:"16"}),trailingElement:!0,trailingVisual:t("P")})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Copy text",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:t("C")}),e.jsx(i.default,{label:"Show translation",leadingVisual:e.jsx(l.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(i.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"}),trailingElement:!0,trailingVisual:t("K")})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Edit",leadingVisual:e.jsx(l.default,{glyph:e.jsx(y,{}),size:"16"}),trailingElement:!0,trailingVisual:t("E")}),e.jsx(i.default,{label:"Delete",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(v,{}),size:"16"}),trailingElement:!0,trailingVisual:t("delete")})]})]}),a&&e.jsxs(e.Fragment,{children:[!n&&e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(i.default,{label:"Flag message",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"})})})]})]})}exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__d=require("@mattermost/compass-icons/components/arrow-right-bold-outline.js"),d=__d?.default??__d,__g=require("@mattermost/compass-icons/components/bookmark-outline.js"),g=__g?.default??__g,__j=require("@mattermost/compass-icons/components/chevron-right.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/clock-outline.js"),x=__x?.default??__x,__c=require("@mattermost/compass-icons/components/content-copy.js"),c=__c?.default??__c,__f=require("@mattermost/compass-icons/components/flag-outline.js"),f=__f?.default??__f,__h=require("@mattermost/compass-icons/components/link-variant.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/mark-as-unread.js"),p=__p?.default??__p,__V=require("@mattermost/compass-icons/components/message-check-outline.js"),V=__V?.default??__V,__y=require("@mattermost/compass-icons/components/pencil-outline.js"),y=__y?.default??__y,__m=require("@mattermost/compass-icons/components/pin-outline.js"),m=__m?.default??__m,__q=require("@mattermost/compass-icons/components/reply-outline.js"),q=__q?.default??__q,__b=require("@mattermost/compass-icons/components/translate.js"),b=__b?.default??__b,__v=require("@mattermost/compass-icons/components/trash-can-outline.js"),v=__v?.default??__v,l=require("../icon/Icon.cjs"),i=require("../menu-item/MenuItem.cjs"),n=require("../popover-menu/PopoverMenu.cjs"),M=require("../shortcut-tag/ShortcutTag.cjs");function t(s){return e.jsx(M.default,{label:s,size:"small"})}function I({permissionToEdit:s=!0,showFlagOption:a=!0,className:r="",style:u,...o}){return e.jsxs(n.default,{className:r,style:u,...o,children:[e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Reply",leadingVisual:e.jsx(l.default,{glyph:e.jsx(q,{}),size:"16"}),trailingElement:!0,trailingVisual:t("R")}),e.jsx(i.default,{label:"Forward",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"}),trailingElement:!0,trailingVisual:t("Shift + F")}),e.jsx(i.default,{label:"Follow thread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(V,{}),size:"16"}),trailingElement:!0,trailingVisual:t("F")}),e.jsx(i.default,{label:"Mark as unread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"}),trailingElement:!0,trailingVisual:t("U")}),e.jsx(i.default,{label:"Save",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"}),trailingElement:!0,trailingVisual:t("S")}),e.jsx(i.default,{label:"Remind",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})}),e.jsx(i.default,{label:"Pin to channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(m,{}),size:"16"}),trailingElement:!0,trailingVisual:t("P")})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Copy text",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:t("C")}),e.jsx(i.default,{label:"Show translation",leadingVisual:e.jsx(l.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(i.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"}),trailingElement:!0,trailingVisual:t("K")})]}),s&&e.jsxs(e.Fragment,{children:[e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Edit",leadingVisual:e.jsx(l.default,{glyph:e.jsx(y,{}),size:"16"}),trailingElement:!0,trailingVisual:t("E")}),e.jsx(i.default,{label:"Delete",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(v,{}),size:"16"}),trailingElement:!0,trailingVisual:t("delete")})]})]}),a&&e.jsxs(e.Fragment,{children:[!s&&e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(i.default,{label:"Flag message",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"})})})]})]})}exports.default=I;
 //# sourceMappingURL=MessageMoreOptionsMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageMoreOptionsMenu.cjs","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.cjs","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-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: [