@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/components/menu-item/MenuItem.d.ts

@@ -1,16 +1,22 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { DataAttributes } from '../../utils/props';
 export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Primary label text. */
-    label: string;
+    /** Primary label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
     /** Optional secondary label. */
     secondaryLabel?: ReactNode;
     /** Where the secondary label appears. Default: 'below'. */
     secondaryLabelPosition?: 'inline' | 'below';
-    /** Custom content for the leading slot. When omitted, shows placeholder icon. */
+    /**
+     * Custom content for the leading slot. When omitted, shows placeholder icon.
+     * When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides
+     * the correct size via context. A 24px avatar (User Avatar or Team Avatar)
+     * fills the same slot as that icon, so the label stays on the same line.
+     */
     leadingVisual?: ReactNode;
     /** Show the leading visual slot. Default: true. */
     leadingElement?: boolean;
-    /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. */
+    /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides the correct size via context. */
     trailingVisual?: ReactNode;
     /** Show the trailing visual slot. Default: false. */
     trailingElement?: boolean;
@@ -18,6 +24,8 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     customStatusEmoji?: string;
     /** Show "NEW" label tag. */
     tag?: boolean;
+    /** Text of the `tag`. Default: "NEW". */
+    tagLabel?: ReactNode;
     /** Inline mention count badge. */
     mentionCount?: number;
     /** Destructive (danger) styling. */
@@ -25,9 +33,29 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Highlight row (e.g. submenu parent while child menu is open). */
     active?: boolean;
 }
+/**
+ * Props a host menu (`Combobox`, `Select`) can set itself on a row: ARIA and
+ * selection state, keyboard / pointer handling, and the values it reads from the
+ * option object (`label`, `secondaryLabel`, `leadingVisual`, `disabled`). They
+ * can't be overridden through `menuItemProps`. This is the full set; each host
+ * sets only some of the handlers (`Combobox` uses `onClick`, `Select` uses
+ * `onPointerUp`) and passes the other one through. `autoFocus` is excluded too:
+ * the host keeps focus on its input / trigger, and a row that grabs focus on
+ * mount would take it away.
+ */
+export type MenuItemOwnedProps = 'id' | 'role' | 'aria-selected' | 'autoFocus' | 'label' | 'secondaryLabel' | 'leadingVisual' | 'leadingElement' | 'trailingElement' | 'disabled' | 'active' | 'children' | 'onClick' | 'onMouseDown' | 'onMouseEnter' | 'onPointerUp';
+/**
+ * Every `MenuItem` prop a host menu doesn't own (`secondaryLabelPosition`,
+ * `trailingVisual`, `tag`, `mentionCount`, `destructive`, `className`, …), so
+ * props added to `MenuItem` reach `Combobox` / `Select` rows automatically.
+ * `Owned` is the set the host sets itself (default: all of `MenuItemOwnedProps`);
+ * a host narrows it so the handlers it doesn't supply can still be passed.
+ */
+export type MenuItemPassthroughProps<Owned extends keyof MenuItemProps = MenuItemOwnedProps> = Partial<Omit<MenuItemProps, Owned>> & DataAttributes;
 /**
  * Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,
  * kebab, or context menu. One label, optional supporting visuals, and a clear hit target.
  */
-export default function MenuItem({ label, secondaryLabel, secondaryLabelPosition, leadingVisual, leadingElement, trailingVisual, trailingElement, customStatusEmoji, tag, mentionCount, destructive, active, className, disabled, type, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: import('react').ForwardRefExoticComponent<MenuItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default MenuItem;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/menu-item/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,sBAAgC,EAChC,aAAa,EACb,cAAqB,EACrB,cAAc,EACd,eAAuB,EACvB,iBAAiB,EACjB,GAAW,EACX,YAAY,EACZ,WAAmB,EACnB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CAuEf"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kNAAkN;IAClN,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,IAAI,GACJ,MAAM,GACN,eAAe,GACf,WAAW,GACX,OAAO,GACP,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,UAAU,GACV,QAAQ,GACR,UAAU,GACV,SAAS,GACT,aAAa,GACb,cAAc,GACd,aAAa,CAAC;AAElB;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,CAClC,KAAK,SAAS,MAAM,aAAa,GAAG,kBAAkB,IACpD,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GAAG,cAAc,CAAC;AAEzD;;;GAGG;AACH,QAAA,MAAM,QAAQ,6GAsGZ,CAAC;AAIH,eAAe,QAAQ,CAAC"}

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

@@ -1,66 +1,79 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import __w from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const w=__w&&__w.default?__w.default:__w;
-import __I from "@mattermost/compass-icons/components/check.js";const I=__I&&__I.default?__I.default:__I;
-import r from "../icon/Icon.js";
-import j from "../tag/Tag.js";
-import x from "../mention-badge/MentionBadge.js";
+import { forwardRef as x } from "react";
+import __M from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const M=__M&&__M.default?__M.default:__M;
+import __j from "@mattermost/compass-icons/components/check.js";const j=__j&&__j.default?__j.default:__j;
+import r, { IconSlotContext as o } from "../icon/Icon.js";
+import y from "../tag/Tag.js";
+import B from "../mention-badge/MentionBadge.js";
 import i from "./MenuItem.module.scss.js";
-function O({
+const k = x(function({
   label: c,
   secondaryLabel: m,
   secondaryLabelPosition: t = "below",
-  leadingVisual: o,
-  leadingElement: u = !0,
+  leadingVisual: u,
+  leadingElement: d = !0,
   trailingVisual: a,
   trailingElement: _ = !1,
   customStatusEmoji: s,
-  tag: d = !1,
+  tag: h = !1,
+  tagLabel: p = "NEW",
   mentionCount: l,
-  destructive: h = !1,
-  active: p = !1,
-  className: f = "",
-  disabled: N,
-  type: v = "button",
-  ...g
-}) {
-  const b = [
+  destructive: f = !1,
+  active: v = !1,
+  className: N = "",
+  disabled: g,
+  type: I = "button",
+  ...b
+}, w) {
+  const z = [
     i["menu-item"],
-    h ? i["menu-item--destructive"] : "",
-    p ? i["menu-item--active"] : "",
-    f
+    f ? i["menu-item--destructive"] : "",
+    v ? i["menu-item--active"] : "",
+    N
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("button", { className: b, type: v, disabled: N, ...g, children: /* @__PURE__ */ n("div", { className: i["menu-item__content"], children: [
-    u && /* @__PURE__ */ e("div", { className: i["menu-item__left"], children: /* @__PURE__ */ e("span", { className: i["menu-item__leading-visual"], children: o ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(w, {}), size: "16" }) }) }),
-    /* @__PURE__ */ n("div", { className: i["menu-item__middle"], children: [
-      /* @__PURE__ */ n("div", { className: i["menu-item__top-row"], children: [
-        /* @__PURE__ */ e("span", { className: i["menu-item__label"], children: c }),
-        m && t === "inline" && /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-inline"], children: m }),
-        s && /* @__PURE__ */ e("span", { className: i["menu-item__custom-status"], "aria-hidden": !0, children: s }),
-        d && /* @__PURE__ */ e(j, { label: "NEW" }),
-        l != null && l > 0 && /* @__PURE__ */ e(
-          x,
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: w,
+      className: z,
+      type: I,
+      disabled: g,
+      ...b,
+      children: /* @__PURE__ */ n("div", { className: i["menu-item__content"], children: [
+        d && /* @__PURE__ */ e("div", { className: i["menu-item__left"], children: /* @__PURE__ */ e("span", { className: i["menu-item__leading-visual"], "aria-hidden": !0, children: /* @__PURE__ */ e(o.Provider, { value: { size: "16" }, children: u ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(M, {}), size: "16" }) }) }) }),
+        /* @__PURE__ */ n("div", { className: i["menu-item__middle"], children: [
+          /* @__PURE__ */ n("div", { className: i["menu-item__top-row"], children: [
+            /* @__PURE__ */ e("span", { className: i["menu-item__label"], children: c }),
+            m && t === "inline" && /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-inline"], children: m }),
+            s && /* @__PURE__ */ e("span", { className: i["menu-item__custom-status"], "aria-hidden": !0, children: s }),
+            h && /* @__PURE__ */ e(y, { label: p }),
+            l != null && l > 0 && /* @__PURE__ */ e(
+              B,
+              {
+                count: l,
+                location: "menu-item",
+                size: "small"
+              }
+            )
+          ] }),
+          m && t === "below" && /* @__PURE__ */ e("div", { className: i["menu-item__bottom-row"], children: /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-below"], children: m }) })
+        ] }),
+        _ && /* @__PURE__ */ e("div", { className: i["menu-item__right"], children: /* @__PURE__ */ e(
+          "span",
           {
-            count: l,
-            location: "menu-item",
-            size: "small"
+            className: [
+              i["menu-item__trailing-visual"],
+              a ? "" : i["menu-item__trailing-visual--check"]
+            ].filter(Boolean).join(" "),
+            children: /* @__PURE__ */ e(o.Provider, { value: { size: "16" }, children: a ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(j, {}), size: "16" }) })
           }
-        )
-      ] }),
-      m && t === "below" && /* @__PURE__ */ e("div", { className: i["menu-item__bottom-row"], children: /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-below"], children: m }) })
-    ] }),
-    _ && /* @__PURE__ */ e("div", { className: i["menu-item__right"], children: /* @__PURE__ */ e(
-      "span",
-      {
-        className: [
-          i["menu-item__trailing-visual"],
-          a ? "" : i["menu-item__trailing-visual--check"]
-        ].filter(Boolean).join(" "),
-        children: a ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(I, {}), size: "16" })
-      }
-    ) })
-  ] }) });
-}
+        ) })
+      ] })
+    }
+  );
+});
+k.displayName = "MenuItem";
 export {
-  O as default
+  k as default
 };
 //# sourceMappingURL=MenuItem.js.map

package/dist/components/menu-item/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../src/components/menu-item/MenuItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport Tag from '@/components/tag/Tag';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport styles from './MenuItem.module.scss';\n\nexport interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Primary label text. */\n  label: string;\n  /** Optional secondary label. */\n  secondaryLabel?: ReactNode;\n  /** Where the secondary label appears. Default: 'below'. */\n  secondaryLabelPosition?: 'inline' | 'below';\n  /** Custom content for the leading slot. When omitted, shows placeholder icon. */\n  leadingVisual?: ReactNode;\n  /** Show the leading visual slot. Default: true. */\n  leadingElement?: boolean;\n  /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. */\n  trailingVisual?: ReactNode;\n  /** Show the trailing visual slot. Default: false. */\n  trailingElement?: boolean;\n  /** Emoji character for custom status, shown inline after the label. */\n  customStatusEmoji?: string;\n  /** Show \"NEW\" label tag. */\n  tag?: boolean;\n  /** Inline mention count badge. */\n  mentionCount?: number;\n  /** Destructive (danger) styling. */\n  destructive?: boolean;\n  /** Highlight row (e.g. submenu parent while child menu is open). */\n  active?: boolean;\n}\n\n/**\n * Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,\n * kebab, or context menu. One label, optional supporting visuals, and a clear hit target.\n */\nexport default function MenuItem({\n  label,\n  secondaryLabel,\n  secondaryLabelPosition = 'below',\n  leadingVisual,\n  leadingElement = true,\n  trailingVisual,\n  trailingElement = false,\n  customStatusEmoji,\n  tag = false,\n  mentionCount,\n  destructive = false,\n  active = false,\n  className = '',\n  disabled,\n  type = 'button',\n  ...rest\n}: MenuItemProps) {\n  const rootClass = [\n    styles['menu-item'],\n    destructive ? styles['menu-item--destructive'] : '',\n    active ? styles['menu-item--active'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      <div className={styles['menu-item__content']}>\n        {leadingElement && (\n          <div className={styles['menu-item__left']}>\n            <span className={styles['menu-item__leading-visual']}>\n              {leadingVisual ?? (\n                <Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />\n              )}\n            </span>\n          </div>\n        )}\n        <div className={styles['menu-item__middle']}>\n          <div className={styles['menu-item__top-row']}>\n            <span className={styles['menu-item__label']}>{label}</span>\n            {secondaryLabel && secondaryLabelPosition === 'inline' && (\n              <span className={styles['menu-item__secondary-label-inline']}>\n                {secondaryLabel}\n              </span>\n            )}\n            {customStatusEmoji && (\n              <span className={styles['menu-item__custom-status']} aria-hidden>\n                {customStatusEmoji}\n              </span>\n            )}\n            {tag && <Tag label=\"NEW\" />}\n            {mentionCount != null && mentionCount > 0 && (\n              <MentionBadge\n                count={mentionCount}\n                location=\"menu-item\"\n                size=\"small\"\n              />\n            )}\n          </div>\n          {secondaryLabel && secondaryLabelPosition === 'below' && (\n            <div className={styles['menu-item__bottom-row']}>\n              <span className={styles['menu-item__secondary-label-below']}>\n                {secondaryLabel}\n              </span>\n            </div>\n          )}\n        </div>\n        {trailingElement && (\n          <div className={styles['menu-item__right']}>\n            <span\n              className={[\n                styles['menu-item__trailing-visual'],\n                !trailingVisual\n                  ? styles['menu-item__trailing-visual--check']\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {trailingVisual ?? <Icon glyph={<CheckIcon />} size=\"16\" />}\n            </span>\n          </div>\n        )}\n      </div>\n    </button>\n  );\n}\n"],"names":["MenuItem","label","secondaryLabel","secondaryLabelPosition","leadingVisual","leadingElement","trailingVisual","trailingElement","customStatusEmoji","tag","mentionCount","destructive","active","className","disabled","type","rest","rootClass","styles","jsx","jsxs","Icon","EmoticonHappyOutlineIcon","Tag","MentionBadge","CheckIcon"],"mappings":";;;;;;;AAuCA,SAAwBA,EAAS;AAAA,EAC/B,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,wBAAAC,IAAyB;AAAA,EACzB,eAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,mBAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAY;AAAA,IAChBC,EAAO,WAAW;AAAA,IAClBP,IAAcO,EAAO,wBAAwB,IAAI;AAAA,IACjDN,IAASM,EAAO,mBAAmB,IAAI;AAAA,IACvCL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAM,EAAC,UAAA,EAAO,WAAWF,GAAW,MAAAF,GAAY,UAAAD,GAAqB,GAAGE,GAChE,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAAb,KACC,gBAAAc,EAAC,SAAI,WAAWD,EAAO,iBAAiB,GACtC,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,2BAA2B,GAChD,UAAAd,KACC,gBAAAe,EAACE,KAAK,OAAO,gBAAAF,EAACG,KAAyB,GAAI,MAAK,KAAA,CAAK,EAAA,CAEzD,EAAA,CACF;AAAA,IAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWF,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,oBAAoB,GACzC,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,kBAAkB,GAAI,UAAAjB,GAAM;AAAA,QACnDC,KAAkBC,MAA2B,YAC5C,gBAAAgB,EAAC,UAAK,WAAWD,EAAO,mCAAmC,GACxD,UAAAhB,EAAA,CACH;AAAA,QAEDM,uBACE,QAAA,EAAK,WAAWU,EAAO,0BAA0B,GAAG,eAAW,IAC7D,UAAAV,EAAA,CACH;AAAA,QAEDC,KAAO,gBAAAU,EAACI,GAAA,EAAI,OAAM,MAAA,CAAM;AAAA,QACxBb,KAAgB,QAAQA,IAAe,KACtC,gBAAAS;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAOd;AAAA,YACP,UAAS;AAAA,YACT,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GAEJ;AAAA,MACCR,KAAkBC,MAA2B,WAC5C,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAO,uBAAuB,GAC5C,UAAA,gBAAAC,EAAC,UAAK,WAAWD,EAAO,kCAAkC,GACvD,aACH,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACCX,KACC,gBAAAY,EAAC,OAAA,EAAI,WAAWD,EAAO,kBAAkB,GACvC,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACTD,EAAO,4BAA4B;AAAA,UAClCZ,IAEG,KADAY,EAAO,mCAAmC;AAAA,QAC1C,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEV,UAAAZ,uBAAmBe,GAAA,EAAK,yBAAQI,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA,EAC3D,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/menu-item/MenuItem.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport Tag from '@/components/tag/Tag';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport type { DataAttributes } from '@/utils/props';\nimport styles from './MenuItem.module.scss';\n\nexport interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Primary label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Optional secondary label. */\n  secondaryLabel?: ReactNode;\n  /** Where the secondary label appears. Default: 'below'. */\n  secondaryLabelPosition?: 'inline' | 'below';\n  /**\n   * Custom content for the leading slot. When omitted, shows placeholder icon.\n   * When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides\n   * the correct size via context. A 24px avatar (User Avatar or Team Avatar)\n   * fills the same slot as that icon, so the label stays on the same line.\n   */\n  leadingVisual?: ReactNode;\n  /** Show the leading visual slot. Default: true. */\n  leadingElement?: boolean;\n  /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides the correct size via context. */\n  trailingVisual?: ReactNode;\n  /** Show the trailing visual slot. Default: false. */\n  trailingElement?: boolean;\n  /** Emoji character for custom status, shown inline after the label. */\n  customStatusEmoji?: string;\n  /** Show \"NEW\" label tag. */\n  tag?: boolean;\n  /** Text of the `tag`. Default: \"NEW\". */\n  tagLabel?: ReactNode;\n  /** Inline mention count badge. */\n  mentionCount?: number;\n  /** Destructive (danger) styling. */\n  destructive?: boolean;\n  /** Highlight row (e.g. submenu parent while child menu is open). */\n  active?: boolean;\n}\n\n/**\n * Props a host menu (`Combobox`, `Select`) can set itself on a row: ARIA and\n * selection state, keyboard / pointer handling, and the values it reads from the\n * option object (`label`, `secondaryLabel`, `leadingVisual`, `disabled`). They\n * can't be overridden through `menuItemProps`. This is the full set; each host\n * sets only some of the handlers (`Combobox` uses `onClick`, `Select` uses\n * `onPointerUp`) and passes the other one through. `autoFocus` is excluded too:\n * the host keeps focus on its input / trigger, and a row that grabs focus on\n * mount would take it away.\n */\nexport type MenuItemOwnedProps =\n  | 'id'\n  | 'role'\n  | 'aria-selected'\n  | 'autoFocus'\n  | 'label'\n  | 'secondaryLabel'\n  | 'leadingVisual'\n  | 'leadingElement'\n  | 'trailingElement'\n  | 'disabled'\n  | 'active'\n  | 'children'\n  | 'onClick'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onPointerUp';\n\n/**\n * Every `MenuItem` prop a host menu doesn't own (`secondaryLabelPosition`,\n * `trailingVisual`, `tag`, `mentionCount`, `destructive`, `className`, …), so\n * props added to `MenuItem` reach `Combobox` / `Select` rows automatically.\n * `Owned` is the set the host sets itself (default: all of `MenuItemOwnedProps`);\n * a host narrows it so the handlers it doesn't supply can still be passed.\n */\nexport type MenuItemPassthroughProps<\n  Owned extends keyof MenuItemProps = MenuItemOwnedProps,\n> = Partial<Omit<MenuItemProps, Owned>> & DataAttributes;\n\n/**\n * Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,\n * kebab, or context menu. One label, optional supporting visuals, and a clear hit target.\n */\nconst MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(function MenuItem(\n  {\n    label,\n    secondaryLabel,\n    secondaryLabelPosition = 'below',\n    leadingVisual,\n    leadingElement = true,\n    trailingVisual,\n    trailingElement = false,\n    customStatusEmoji,\n    tag = false,\n    tagLabel = 'NEW',\n    mentionCount,\n    destructive = false,\n    active = false,\n    className = '',\n    disabled,\n    type = 'button',\n    ...rest\n  },\n  ref,\n) {\n  const rootClass = [\n    styles['menu-item'],\n    destructive ? styles['menu-item--destructive'] : '',\n    active ? styles['menu-item--active'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      {...rest}\n    >\n      <div className={styles['menu-item__content']}>\n        {leadingElement && (\n          <div className={styles['menu-item__left']}>\n            <span className={styles['menu-item__leading-visual']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingVisual ?? (\n                  <Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />\n                )}\n              </IconSlotContext.Provider>\n            </span>\n          </div>\n        )}\n        <div className={styles['menu-item__middle']}>\n          <div className={styles['menu-item__top-row']}>\n            <span className={styles['menu-item__label']}>{label}</span>\n            {secondaryLabel && secondaryLabelPosition === 'inline' && (\n              <span className={styles['menu-item__secondary-label-inline']}>\n                {secondaryLabel}\n              </span>\n            )}\n            {customStatusEmoji && (\n              <span className={styles['menu-item__custom-status']} aria-hidden>\n                {customStatusEmoji}\n              </span>\n            )}\n            {tag && <Tag label={tagLabel} />}\n            {mentionCount != null && mentionCount > 0 && (\n              <MentionBadge\n                count={mentionCount}\n                location=\"menu-item\"\n                size=\"small\"\n              />\n            )}\n          </div>\n          {secondaryLabel && secondaryLabelPosition === 'below' && (\n            <div className={styles['menu-item__bottom-row']}>\n              <span className={styles['menu-item__secondary-label-below']}>\n                {secondaryLabel}\n              </span>\n            </div>\n          )}\n        </div>\n        {trailingElement && (\n          <div className={styles['menu-item__right']}>\n            <span\n              className={[\n                styles['menu-item__trailing-visual'],\n                !trailingVisual\n                  ? styles['menu-item__trailing-visual--check']\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {trailingVisual ?? <Icon glyph={<CheckIcon />} size=\"16\" />}\n              </IconSlotContext.Provider>\n            </span>\n          </div>\n        )}\n      </div>\n    </button>\n  );\n});\n\nMenuItem.displayName = 'MenuItem';\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","label","secondaryLabel","secondaryLabelPosition","leadingVisual","leadingElement","trailingVisual","trailingElement","customStatusEmoji","tag","tagLabel","mentionCount","destructive","active","className","disabled","type","rest","ref","rootClass","styles","jsx","jsxs","IconSlotContext","Icon","EmoticonHappyOutlineIcon","Tag","MentionBadge","CheckIcon"],"mappings":"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"}

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_174d8_2","menu-item--active":"_menu-item--active_174d8_27","menu-item__leading-visual":"_menu-item__leading-visual_174d8_30","menu-item__trailing-visual":"_menu-item__trailing-visual_174d8_31","menu-item__content":"_menu-item__content_174d8_44","menu-item__left":"_menu-item__left_174d8_53","menu-item__trailing-visual--check":"_menu-item__trailing-visual--check_174d8_65","menu-item__middle":"_menu-item__middle_174d8_68","menu-item__top-row":"_menu-item__top-row_174d8_79","menu-item__label":"_menu-item__label_174d8_87","menu-item__secondary-label-inline":"_menu-item__secondary-label-inline_174d8_94","menu-item__bottom-row":"_menu-item__bottom-row_174d8_102","menu-item__secondary-label-below":"_menu-item__secondary-label-below_174d8_109","menu-item__custom-status":"_menu-item__custom-status_174d8_120","menu-item__right":"_menu-item__right_174d8_129","menu-item--destructive":"_menu-item--destructive_174d8_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_5zcj8_13","menu-item--active":"_menu-item--active_5zcj8_37","menu-item__leading-visual":"_menu-item__leading-visual_5zcj8_40","menu-item__trailing-visual":"_menu-item__trailing-visual_5zcj8_41","menu-item__content":"_menu-item__content_5zcj8_54","menu-item__left":"_menu-item__left_5zcj8_63","menu-item__trailing-visual--check":"_menu-item__trailing-visual--check_5zcj8_92","menu-item__middle":"_menu-item__middle_5zcj8_95","menu-item__top-row":"_menu-item__top-row_5zcj8_107","menu-item__label":"_menu-item__label_5zcj8_115","menu-item__secondary-label-inline":"_menu-item__secondary-label-inline_5zcj8_124","menu-item__bottom-row":"_menu-item__bottom-row_5zcj8_132","menu-item__secondary-label-below":"_menu-item__secondary-label-below_5zcj8_139","menu-item__custom-status":"_menu-item__custom-status_5zcj8_150","menu-item__right":"_menu-item__right_5zcj8_159","menu-item--destructive":"_menu-item--destructive_5zcj8_167"};exports.default=e;
 //# sourceMappingURL=MenuItem.module.scss.cjs.map

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

@@ -1,20 +1,20 @@
-import './MenuItem.module.css';const _ = {
-  "menu-item": "_menu-item_174d8_2",
-  "menu-item--active": "_menu-item--active_174d8_27",
-  "menu-item__leading-visual": "_menu-item__leading-visual_174d8_30",
-  "menu-item__trailing-visual": "_menu-item__trailing-visual_174d8_31",
-  "menu-item__content": "_menu-item__content_174d8_44",
-  "menu-item__left": "_menu-item__left_174d8_53",
-  "menu-item__trailing-visual--check": "_menu-item__trailing-visual--check_174d8_65",
-  "menu-item__middle": "_menu-item__middle_174d8_68",
-  "menu-item__top-row": "_menu-item__top-row_174d8_79",
-  "menu-item__label": "_menu-item__label_174d8_87",
-  "menu-item__secondary-label-inline": "_menu-item__secondary-label-inline_174d8_94",
-  "menu-item__bottom-row": "_menu-item__bottom-row_174d8_102",
-  "menu-item__secondary-label-below": "_menu-item__secondary-label-below_174d8_109",
-  "menu-item__custom-status": "_menu-item__custom-status_174d8_120",
-  "menu-item__right": "_menu-item__right_174d8_129",
-  "menu-item--destructive": "_menu-item--destructive_174d8_135"
+import './MenuItem.css';const _ = {
+  "menu-item": "_menu-item_5zcj8_13",
+  "menu-item--active": "_menu-item--active_5zcj8_37",
+  "menu-item__leading-visual": "_menu-item__leading-visual_5zcj8_40",
+  "menu-item__trailing-visual": "_menu-item__trailing-visual_5zcj8_41",
+  "menu-item__content": "_menu-item__content_5zcj8_54",
+  "menu-item__left": "_menu-item__left_5zcj8_63",
+  "menu-item__trailing-visual--check": "_menu-item__trailing-visual--check_5zcj8_92",
+  "menu-item__middle": "_menu-item__middle_5zcj8_95",
+  "menu-item__top-row": "_menu-item__top-row_5zcj8_107",
+  "menu-item__label": "_menu-item__label_5zcj8_115",
+  "menu-item__secondary-label-inline": "_menu-item__secondary-label-inline_5zcj8_124",
+  "menu-item__bottom-row": "_menu-item__bottom-row_5zcj8_132",
+  "menu-item__secondary-label-below": "_menu-item__secondary-label-below_5zcj8_139",
+  "menu-item__custom-status": "_menu-item__custom-status_5zcj8_150",
+  "menu-item__right": "_menu-item__right_5zcj8_159",
+  "menu-item--destructive": "_menu-item--destructive_5zcj8_167"
 };
 export {
   _ as default

package/dist/components/menu-item/index.d.ts

@@ -1,3 +1,3 @@
 export { default as MenuItem } from './MenuItem';
-export type { MenuItemProps } from './MenuItem';
+export type { MenuItemProps, MenuItemOwnedProps, MenuItemPassthroughProps, } from './MenuItem';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/components/message-actions/MessageActions.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("../emoji/Emoji.cjs"),a=require("../icon-button/IconButton.cjs"),s=require("../icon/Icon.cjs"),__z=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),z=__z?.default??__z,__n=require("@mattermost/compass-icons/components/dots-horizontal.js"),n=__n?.default??__n,__o=require("@mattermost/compass-icons/components/bookmark-outline.js"),o=__o?.default??__o,__b=require("@mattermost/compass-icons/components/creation-outline.js"),b=__b?.default??__b,__y=require("@mattermost/compass-icons/components/apps.js"),y=__y?.default??__y,__r=require("@mattermost/compass-icons/components/reply-outline.js"),r=__r?.default??__r,d=require("./MessageActions.module.scss.cjs");function q({type:l="center-channel",visible:u=!0,collapsedReplyThreads:j=!0,quickReactions:m=!0,className:p="",...x}){if(!u)return null;const c=l==="center-channel",g=l==="rhs",i=l==="search-results",f=m&&j,h=[d.default["message-actions"],p].filter(Boolean).join(" ");return e.jsxs("div",{className:h,role:"toolbar","aria-label":"Message actions",...x,children:[f&&!i&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"React with thumbs up",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"👍",size:"16"})}),c&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"React with raised hands",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"🙌",size:"16"})}),e.jsx(a.default,{"aria-label":"React with OK hand",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"👌",size:"16"})})]}),e.jsx(a.default,{"aria-label":"Add reaction",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(z,{})})})]}),i&&e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})}),c&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"Save message",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(o,{})})}),e.jsx(a.default,{"aria-label":"AI actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(b,{})})}),e.jsx(a.default,{"aria-label":"Plugin actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(y,{})})}),e.jsx(a.default,{"aria-label":"Reply in thread",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(r,{})})}),e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})})]}),g&&e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})}),i&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"Save message",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(o,{})})}),e.jsx(a.default,{"aria-label":"Reply in thread",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(r,{})})}),e.jsx("button",{type:"button",className:d.default["message-actions__jump"],"aria-label":"Jump to message",children:"Jump"})]})]})}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../emoji/Emoji.cjs"),a=require("../icon-button/IconButton.cjs"),s=require("../icon/Icon.cjs"),__F=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),F=__F?.default??__F,__c=require("@mattermost/compass-icons/components/dots-horizontal.js"),c=__c?.default??__c,__u=require("@mattermost/compass-icons/components/bookmark-outline.js"),u=__u?.default??__u,__k=require("@mattermost/compass-icons/components/creation-outline.js"),k=__k?.default??__k,__v=require("@mattermost/compass-icons/components/apps.js"),v=__v?.default??__v,__j=require("@mattermost/compass-icons/components/reply-outline.js"),j=__j?.default??__j,m=require("./MessageActions.module.scss.cjs");function A({type:l="center-channel",visible:p=!0,collapsedReplyThreads:x=!0,quickReactions:g=!0,className:f="",toolbarLabel:h="Message actions",reactThumbsUpLabel:z="React with thumbs up",reactRaisedHandsLabel:b="React with raised hands",reactOkHandLabel:q="React with OK hand",addReactionLabel:y="Add reaction",moreActionsLabel:i="More actions",saveLabel:o="Save message",aiActionsLabel:I="AI actions",pluginActionsLabel:R="Plugin actions",replyLabel:r="Reply in thread",jumpLabel:M="Jump",jumpAriaLabel:O="Jump to message",...S}){if(!p)return null;const d=l==="center-channel",_=l==="rhs",t=l==="search-results",w=g&&x,C=[m.default["message-actions"],f].filter(Boolean).join(" ");return e.jsxs("div",{className:C,role:"toolbar","aria-label":h,...S,children:[w&&!t&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":z,size:"small",padding:"compact",icon:e.jsx(n.default,{emoji:"👍",size:"16"})}),d&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":b,size:"small",padding:"compact",icon:e.jsx(n.default,{emoji:"🙌",size:"16"})}),e.jsx(a.default,{"aria-label":q,size:"small",padding:"compact",icon:e.jsx(n.default,{emoji:"👌",size:"16"})})]}),e.jsx(a.default,{"aria-label":y,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(F,{})})})]}),t&&e.jsx(a.default,{"aria-label":i,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(c,{})})}),d&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":o,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(u,{})})}),e.jsx(a.default,{"aria-label":I,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(k,{})})}),e.jsx(a.default,{"aria-label":R,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(v,{})})}),e.jsx(a.default,{"aria-label":r,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(j,{})})}),e.jsx(a.default,{"aria-label":i,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(c,{})})})]}),_&&e.jsx(a.default,{"aria-label":i,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(c,{})})}),t&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":o,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(u,{})})}),e.jsx(a.default,{"aria-label":r,size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(j,{})})}),e.jsx("button",{type:"button",className:m.default["message-actions__jump"],"aria-label":O,children:M})]})]})}exports.default=A;
 //# sourceMappingURL=MessageActions.cjs.map

package/dist/components/message-actions/MessageActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.cjs","sources":["../../../src/components/message-actions/MessageActions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './MessageActions.module.scss';\n\nexport type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';\n\nexport interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Context variant. Default: Center Channel. */\n  type?: MessageActionsType;\n  /** Whether the hover toolbar is visible. Default: true. */\n  visible?: boolean;\n  /** Whether collapsed reply threads feature is on. Default: true. */\n  collapsedReplyThreads?: boolean;\n  /** Whether quick reactions are shown. Default: true. */\n  quickReactions?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Message Actions is the floating toolbar that appears on a message when you hover, tab, or\n * long-press it. It bundles the most common per-message actions — react, save, reply, more —\n * into a small, context-aware row that hovers above the post.\n */\nexport default function MessageActions({\n  type = 'center-channel',\n  visible = true,\n  collapsedReplyThreads = true,\n  quickReactions = true,\n  className = '',\n  ...rest\n}: MessageActionsProps) {\n  if (!visible) return null;\n\n  const isCenterChannel = type === 'center-channel';\n  const isRHS = type === 'rhs';\n  const isSearchResults = type === 'search-results';\n  const showQuickReactions = quickReactions && collapsedReplyThreads;\n\n  const rootClass = [styles['message-actions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      {...rest}\n    >\n      {/* Quick reaction emojis — center channel + RHS */}\n      {showQuickReactions && !isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"React with thumbs up\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Emoji emoji=\"👍\" size=\"16\" />}\n          />\n          {isCenterChannel && (\n            <>\n              <IconButton\n                aria-label=\"React with raised hands\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"🙌\" size=\"16\" />}\n              />\n              <IconButton\n                aria-label=\"React with OK hand\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"👌\" size=\"16\" />}\n              />\n            </>\n          )}\n          <IconButton\n            aria-label=\"Add reaction\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        </>\n      )}\n\n      {/* Search results only: more button first */}\n      {isSearchResults && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Center channel actions */}\n      {isCenterChannel && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"AI actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<CreationOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Plugin actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<AppsIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"More actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n          />\n        </>\n      )}\n\n      {/* RHS actions */}\n      {isRHS && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Search results additional buttons */}\n      {isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <button\n            type=\"button\"\n            className={styles['message-actions__jump']}\n            aria-label=\"Jump to message\"\n          >\n            Jump\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageActions","type","visible","collapsedReplyThreads","quickReactions","className","rest","isCenterChannel","isRHS","isSearchResults","showQuickReactions","rootClass","styles","jsxs","Fragment","jsx","IconButton","Emoji","Icon","EmoticonPlusOutlineIcon","DotsHorizontalIcon","BookmarkOutlineIcon","CreationOutlineIcon","AppsIcon","ReplyOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"MessageActions.cjs","sources":["../../../src/components/message-actions/MessageActions.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './MessageActions.module.scss';\n\nexport type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';\n\nexport interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Context variant. Default: Center Channel. */\n  type?: MessageActionsType;\n  /** Whether the hover toolbar is visible. Default: true. */\n  visible?: boolean;\n  /** Whether collapsed reply threads feature is on. Default: true. */\n  collapsedReplyThreads?: boolean;\n  /** Whether quick reactions are shown. Default: true. */\n  quickReactions?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Accessible name for the toolbar. Default: \"Message actions\". An explicit `aria-label` still wins. */\n  toolbarLabel?: string;\n  /** Default: \"React with thumbs up\". */\n  reactThumbsUpLabel?: string;\n  /** Default: \"React with raised hands\". */\n  reactRaisedHandsLabel?: string;\n  /** Default: \"React with OK hand\". */\n  reactOkHandLabel?: string;\n  /** Default: \"Add reaction\". */\n  addReactionLabel?: string;\n  /** Default: \"More actions\". */\n  moreActionsLabel?: string;\n  /** Default: \"Save message\". */\n  saveLabel?: string;\n  /** Default: \"AI actions\". */\n  aiActionsLabel?: string;\n  /** Default: \"Plugin actions\". */\n  pluginActionsLabel?: string;\n  /** Default: \"Reply in thread\". */\n  replyLabel?: string;\n  /** Visible Jump button text (search results). Default: \"Jump\". */\n  jumpLabel?: ReactNode;\n  /** Accessible name for the Jump button. Default: \"Jump to message\". */\n  jumpAriaLabel?: string;\n}\n\n/**\n * Message Actions is the floating toolbar that appears on a message when you hover, tab, or\n * long-press it. It bundles the most common per-message actions — react, save, reply, more —\n * into a small, context-aware row that hovers above the post.\n */\nexport default function MessageActions({\n  type = 'center-channel',\n  visible = true,\n  collapsedReplyThreads = true,\n  quickReactions = true,\n  className = '',\n  toolbarLabel = 'Message actions',\n  reactThumbsUpLabel = 'React with thumbs up',\n  reactRaisedHandsLabel = 'React with raised hands',\n  reactOkHandLabel = 'React with OK hand',\n  addReactionLabel = 'Add reaction',\n  moreActionsLabel = 'More actions',\n  saveLabel = 'Save message',\n  aiActionsLabel = 'AI actions',\n  pluginActionsLabel = 'Plugin actions',\n  replyLabel = 'Reply in thread',\n  jumpLabel = 'Jump',\n  jumpAriaLabel = 'Jump to message',\n  ...rest\n}: MessageActionsProps) {\n  if (!visible) return null;\n\n  const isCenterChannel = type === 'center-channel';\n  const isRHS = type === 'rhs';\n  const isSearchResults = type === 'search-results';\n  const showQuickReactions = quickReactions && collapsedReplyThreads;\n\n  const rootClass = [styles['message-actions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"toolbar\"\n      aria-label={toolbarLabel}\n      {...rest}\n    >\n      {/* Quick reaction emojis — center channel + RHS */}\n      {showQuickReactions && !isSearchResults && (\n        <>\n          <IconButton\n            aria-label={reactThumbsUpLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Emoji emoji=\"👍\" size=\"16\" />}\n          />\n          {isCenterChannel && (\n            <>\n              <IconButton\n                aria-label={reactRaisedHandsLabel}\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"🙌\" size=\"16\" />}\n              />\n              <IconButton\n                aria-label={reactOkHandLabel}\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"👌\" size=\"16\" />}\n              />\n            </>\n          )}\n          <IconButton\n            aria-label={addReactionLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        </>\n      )}\n\n      {/* Search results only: more button first */}\n      {isSearchResults && (\n        <IconButton\n          aria-label={moreActionsLabel}\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Center channel actions */}\n      {isCenterChannel && (\n        <>\n          <IconButton\n            aria-label={saveLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label={aiActionsLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<CreationOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label={pluginActionsLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<AppsIcon />} />}\n          />\n          <IconButton\n            aria-label={replyLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label={moreActionsLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n          />\n        </>\n      )}\n\n      {/* RHS actions */}\n      {isRHS && (\n        <IconButton\n          aria-label={moreActionsLabel}\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Search results additional buttons */}\n      {isSearchResults && (\n        <>\n          <IconButton\n            aria-label={saveLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label={replyLabel}\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <button\n            type=\"button\"\n            className={styles['message-actions__jump']}\n            aria-label={jumpAriaLabel}\n          >\n            {jumpLabel}\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageActions","type","visible","collapsedReplyThreads","quickReactions","className","toolbarLabel","reactThumbsUpLabel","reactRaisedHandsLabel","reactOkHandLabel","addReactionLabel","moreActionsLabel","saveLabel","aiActionsLabel","pluginActionsLabel","replyLabel","jumpLabel","jumpAriaLabel","rest","isCenterChannel","isRHS","isSearchResults","showQuickReactions","rootClass","styles","jsxs","Fragment","jsx","IconButton","Emoji","Icon","EmoticonPlusOutlineIcon","DotsHorizontalIcon","BookmarkOutlineIcon","CreationOutlineIcon","AppsIcon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/message-actions/MessageActions.css

@@ -0,0 +1 @@
+._message-actions_cohnb_13{display:inline-flex;align-items:center;gap:0;padding:var(--spacing-xxxxs);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);box-shadow:var(--elevation-1)}._message-actions__jump_cohnb_23{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 var(--spacing-xs);border:none;border-radius:var(--radius-s);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._message-actions__jump_cohnb_23:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-actions__jump_cohnb_23:focus-visible{outline:2px solid var(--link-color);outline-offset:-1px}

package/dist/components/message-actions/MessageActions.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';
 export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
     /** Context variant. Default: Center Channel. */
@@ -11,11 +11,35 @@ export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
     quickReactions?: boolean;
     /** Optional CSS class name. */
     className?: string;
+    /** Accessible name for the toolbar. Default: "Message actions". An explicit `aria-label` still wins. */
+    toolbarLabel?: string;
+    /** Default: "React with thumbs up". */
+    reactThumbsUpLabel?: string;
+    /** Default: "React with raised hands". */
+    reactRaisedHandsLabel?: string;
+    /** Default: "React with OK hand". */
+    reactOkHandLabel?: string;
+    /** Default: "Add reaction". */
+    addReactionLabel?: string;
+    /** Default: "More actions". */
+    moreActionsLabel?: string;
+    /** Default: "Save message". */
+    saveLabel?: string;
+    /** Default: "AI actions". */
+    aiActionsLabel?: string;
+    /** Default: "Plugin actions". */
+    pluginActionsLabel?: string;
+    /** Default: "Reply in thread". */
+    replyLabel?: string;
+    /** Visible Jump button text (search results). Default: "Jump". */
+    jumpLabel?: ReactNode;
+    /** Accessible name for the Jump button. Default: "Jump to message". */
+    jumpAriaLabel?: string;
 }
 /**
  * Message Actions is the floating toolbar that appears on a message when you hover, tab, or
  * long-press it. It bundles the most common per-message actions — react, save, reply, more —
  * into a small, context-aware row that hovers above the post.
  */
-export default function MessageActions({ type, visible, collapsedReplyThreads, quickReactions, className, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export default function MessageActions({ type, visible, collapsedReplyThreads, quickReactions, className, toolbarLabel, reactThumbsUpLabel, reactRaisedHandsLabel, reactOkHandLabel, addReactionLabel, moreActionsLabel, saveLabel, aiActionsLabel, pluginActionsLabel, replyLabel, jumpLabel, jumpAriaLabel, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MessageActions.d.ts.map

package/dist/components/message-actions/MessageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/message-actions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/message-actions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvD,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,YAAgC,EAChC,kBAA2C,EAC3C,qBAAiD,EACjD,gBAAuC,EACvC,gBAAiC,EACjC,gBAAiC,EACjC,SAA0B,EAC1B,cAA6B,EAC7B,kBAAqC,EACrC,UAA8B,EAC9B,SAAkB,EAClB,aAAiC,EACjC,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}