@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.11

package/dist/components/mention-badge/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MentionBadge.cjs");exports.MentionBadge=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/mention-badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/mention-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/mention-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

package/dist/components/mention-badge/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./MentionBadge.js";
+export {
+  o as MentionBadge
+};
+//# sourceMappingURL=index.js.map

package/dist/components/mention-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("./MenuGroupHeading.module.scss.cjs");function i({label:n,className:r="",...a}){return e.jsx("div",{className:[u.default["menu-group-heading"],r].filter(Boolean).join(" "),...a,children:e.jsx("span",{className:u.default["menu-group-heading__label"],children:n})})}exports.default=i;
+//# sourceMappingURL=MenuGroupHeading.cjs.map

package/dist/components/menu-group-heading/MenuGroupHeading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeading.cjs","sources":["../../../src/components/menu-group-heading/MenuGroupHeading.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './MenuGroupHeading.module.scss';\n\nexport interface MenuGroupHeadingProps extends HTMLAttributes<HTMLDivElement> {\n  /** The section label text. Rendered in all-caps. */\n  label: string;\n}\n\n/**\n * Menu Group Heading is an optional all-caps label that titles a grouped\n * section of Menu Items inside a dropdown or context menu.\n */\nexport default function MenuGroupHeading({\n  label,\n  className = '',\n  ...rest\n}: MenuGroupHeadingProps) {\n  return (\n    <div\n      className={[styles['menu-group-heading'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span className={styles['menu-group-heading__label']}>{label}</span>\n    </div>\n  );\n}\n"],"names":["MenuGroupHeading","label","className","rest","jsx","styles"],"mappings":"iMAYA,SAAwBA,EAAiB,CACvC,MAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEC,EAAAA,IAAC,MAAA,CACC,UAAW,CAACC,UAAO,oBAAoB,EAAGH,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEJ,eAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,2BAA2B,EAAI,SAAAJ,CAAA,CAAM,CAAA,CAAA,CAGnE"}

package/dist/components/menu-group-heading/MenuGroupHeading.css

@@ -0,0 +1 @@
+._menu-group-heading_ca9me_2{display:flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-xl);background-color:var(--center-channel-bg);width:100%}._menu-group-heading__label_ca9me_9{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.72);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/dist/components/menu-group-heading/MenuGroupHeading.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export interface MenuGroupHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    /** The section label text. Rendered in all-caps. */
+    label: string;
+}
+/**
+ * Menu Group Heading is an optional all-caps label that titles a grouped
+ * section of Menu Items inside a dropdown or context menu.
+ */
+export default function MenuGroupHeading({ label, className, ...rest }: MenuGroupHeadingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuGroupHeading.d.ts.map

package/dist/components/menu-group-heading/MenuGroupHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeading.d.ts","sourceRoot":"","sources":["../../../src/components/menu-group-heading/MenuGroupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAWvB"}

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

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "./MenuGroupHeading.module.scss.js";
+function s({
+  label: r,
+  className: a = "",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: [n["menu-group-heading"], a].filter(Boolean).join(" "),
+      ...o,
+      children: /* @__PURE__ */ e("span", { className: n["menu-group-heading__label"], children: r })
+    }
+  );
+}
+export {
+  s as default
+};
+//# sourceMappingURL=MenuGroupHeading.js.map

package/dist/components/menu-group-heading/MenuGroupHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeading.js","sources":["../../../src/components/menu-group-heading/MenuGroupHeading.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './MenuGroupHeading.module.scss';\n\nexport interface MenuGroupHeadingProps extends HTMLAttributes<HTMLDivElement> {\n  /** The section label text. Rendered in all-caps. */\n  label: string;\n}\n\n/**\n * Menu Group Heading is an optional all-caps label that titles a grouped\n * section of Menu Items inside a dropdown or context menu.\n */\nexport default function MenuGroupHeading({\n  label,\n  className = '',\n  ...rest\n}: MenuGroupHeadingProps) {\n  return (\n    <div\n      className={[styles['menu-group-heading'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span className={styles['menu-group-heading__label']}>{label}</span>\n    </div>\n  );\n}\n"],"names":["MenuGroupHeading","label","className","rest","jsx","styles"],"mappings":";;AAYA,SAAwBA,EAAiB;AAAA,EACvC,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,oBAAoB,GAAGH,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEJ,4BAAC,QAAA,EAAK,WAAWE,EAAO,2BAA2B,GAAI,UAAAJ,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGnE;"}

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

@@ -0,0 +1,2 @@
+"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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeading.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import './MenuGroupHeading.css';const e = {
+  "menu-group-heading": "_menu-group-heading_ca9me_2",
+  "menu-group-heading__label": "_menu-group-heading__label_ca9me_9"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MenuGroupHeading.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupHeading.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/menu-group-heading/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MenuGroupHeading.cjs");exports.MenuGroupHeading=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/menu-group-heading/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/menu-group-heading/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MenuGroupHeading } from './MenuGroupHeading';
+export type { MenuGroupHeadingProps } from './MenuGroupHeading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menu-group-heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-group-heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/menu-group-heading/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./MenuGroupHeading.js";
+export {
+  o as MenuGroupHeading
+};
+//# sourceMappingURL=index.js.map

package/dist/components/menu-group-heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.cjs","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 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  /** 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. */\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  /** 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 */\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    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=\"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              <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","mentionCount","destructive","active","className","disabled","type","rest","ref","rootClass","styles","jsx","jsxs","IconSlotContext","Icon","EmoticonHappyOutlineIcon","Tag","MentionBadge","CheckIcon"],"mappings":"qbAwCMA,EAAWC,EAAAA,WAA6C,SAC5D,CACE,MAAAC,EACA,eAAAC,EACA,uBAAAC,EAAyB,QACzB,cAAAC,EACA,eAAAC,EAAiB,GACjB,eAAAC,EACA,gBAAAC,EAAkB,GAClB,kBAAAC,EACA,IAAAC,EAAM,GACN,aAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAY,CAChBC,EAAAA,QAAO,WAAW,EAClBR,EAAcQ,EAAAA,QAAO,wBAAwB,EAAI,GACjDP,EAASO,EAAAA,QAAO,mBAAmB,EAAI,GACvCN,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,IAAC,SAAA,CACC,IAAAH,EACA,UAAWC,EACX,KAAAH,EACA,SAAAD,EACC,GAAGE,EAEJ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAWF,UAAO,oBAAoB,EACxC,SAAA,CAAAd,GACCe,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iBAAiB,EACtC,SAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,2BAA2B,EAAG,cAAW,GAC/D,eAACG,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,YACCF,EAAAA,IAACG,UAAA,CAAK,MAAOH,MAACI,IAAyB,EAAI,KAAK,KAAK,CAAA,CAEzD,EACF,EACF,EAEFH,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,mBAAmB,EACxC,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,oBAAoB,EACzC,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,kBAAkB,EAAI,SAAAlB,EAAM,EACnDC,GAAkBC,IAA2B,UAC5CiB,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,mCAAmC,EACxD,SAAAjB,CAAA,CACH,EAEDM,SACE,OAAA,CAAK,UAAWW,EAAAA,QAAO,0BAA0B,EAAG,cAAW,GAC7D,SAAAX,CAAA,CACH,EAEDC,GAAOW,EAAAA,IAACK,EAAAA,QAAA,CAAI,MAAM,KAAA,CAAM,EACxBf,GAAgB,MAAQA,EAAe,GACtCU,EAAAA,IAACM,EAAAA,QAAA,CACC,MAAOhB,EACP,SAAS,YACT,KAAK,OAAA,CAAA,CACP,EAEJ,EACCR,GAAkBC,IAA2B,SAC5CiB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,uBAAuB,EAC5C,SAAAC,MAAC,QAAK,UAAWD,EAAAA,QAAO,kCAAkC,EACvD,WACH,CAAA,CACF,CAAA,EAEJ,EACCZ,GACCa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,kBAAkB,EACvC,SAAAC,EAAAA,IAAC,OAAA,CACC,UAAW,CACTD,EAAAA,QAAO,4BAA4B,EAClCb,EAEG,GADAa,UAAO,mCAAmC,CAC1C,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,eAACG,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAAhB,GAAkBc,EAAAA,IAACG,EAAAA,SAAK,MAAOH,MAACO,IAAU,EAAI,KAAK,KAAK,CAAA,CAC3D,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN,CAAC,EAED5B,EAAS,YAAc"}

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

@@ -0,0 +1 @@
+._menu-item_1nhr4_2{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xxs) var(--spacing-l);background-color:var(--center-channel-bg);border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-family-body);color:var(--center-channel-color);transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._menu-item_1nhr4_2:focus-visible{outline:none;background-color:var(--center-channel-bg);box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._menu-item_1nhr4_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._menu-item_1nhr4_2:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_1nhr4_27:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_1nhr4_27:not(:disabled) ._menu-item__leading-visual_1nhr4_30,._menu-item--active_1nhr4_27:not(:disabled) ._menu-item__trailing-visual_1nhr4_31{color:rgba(var(--center-channel-color-rgb),.72)}._menu-item--active_1nhr4_27:hover:not(:disabled){background-color:rgba(var(--button-bg-rgb),.12)}._menu-item--active_1nhr4_27:focus-visible:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._menu-item_1nhr4_2:disabled{cursor:not-allowed}._menu-item_1nhr4_2:disabled ._menu-item__content_1nhr4_44{opacity:.4}._menu-item__content_1nhr4_44{display:flex;gap:var(--spacing-xxs);align-items:flex-start;width:100%}._menu-item__left_1nhr4_53{display:flex;align-items:center;flex-shrink:0}._menu-item__leading-visual_1nhr4_30,._menu-item__trailing-visual_1nhr4_31{display:flex;align-items:center;padding:var(--spacing-xxxs);flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._menu-item__trailing-visual--check_1nhr4_65{color:var(--button-bg)}._menu-item__middle_1nhr4_68{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xxxs);align-items:flex-start;justify-content:center;padding-top:var(--spacing-xxxxs);padding-bottom:var(--spacing-xxxxs)}._menu-item__top-row_1nhr4_79{display:flex;gap:var(--spacing-xs);align-items:center;padding-inline:var(--spacing-xxxs);width:100%;flex-shrink:0}._menu-item__label_1nhr4_87{font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);white-space:nowrap;flex-shrink:0}._menu-item__secondary-label-inline_1nhr4_94{font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);opacity:.75;white-space:nowrap;flex-shrink:0}._menu-item__bottom-row_1nhr4_102{display:flex;align-items:center;padding:0 var(--spacing-xxxs) var(--spacing-xxxxs);width:100%;flex-shrink:0}._menu-item__secondary-label-below_1nhr4_109{display:flex;align-items:center;font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);opacity:.75;flex:1 0 0;min-width:0;text-align:left}._menu-item__custom-status_1nhr4_120{display:flex;align-items:center;font-size:var(--font-size-200);line-height:1;flex-shrink:0;opacity:.8;-webkit-user-select:none;user-select:none}._menu-item__right_1nhr4_129{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}._menu-item--destructive_1nhr4_135,._menu-item--destructive_1nhr4_135 ._menu-item__leading-visual_1nhr4_30,._menu-item--destructive_1nhr4_135 ._menu-item__trailing-visual_1nhr4_31{color:var(--error-text, var(--color-danger))}._menu-item--destructive_1nhr4_135:hover:not(:disabled){background-color:var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_1nhr4_135:hover:not(:disabled) ._menu-item__leading-visual_1nhr4_30,._menu-item--destructive_1nhr4_135:hover:not(:disabled) ._menu-item__trailing-visual_1nhr4_31{color:inherit}._menu-item--destructive_1nhr4_135:active:not(:disabled){background:linear-gradient(0deg,rgba(var(--button-color-rgb),.1),rgba(var(--button-color-rgb),.1)),var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_1nhr4_135:active:not(:disabled) ._menu-item__leading-visual_1nhr4_30,._menu-item--destructive_1nhr4_135:active:not(:disabled) ._menu-item__trailing-visual_1nhr4_31{color:inherit}._menu-item--destructive_1nhr4_135:focus-visible{background-color:var(--error-text, var(--color-danger));box-shadow:inset 0 0 0 2px rgba(var(--button-color-rgb),.6);color:var(--button-color)}._menu-item--destructive_1nhr4_135:focus-visible ._menu-item__leading-visual_1nhr4_30,._menu-item--destructive_1nhr4_135:focus-visible ._menu-item__trailing-visual_1nhr4_31{color:inherit}

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

@@ -0,0 +1,34 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 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. When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides the correct size via context. */
+    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. 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;
+    /** Emoji character for custom status, shown inline after the label. */
+    customStatusEmoji?: string;
+    /** Show "NEW" label tag. */
+    tag?: boolean;
+    /** Inline mention count badge. */
+    mentionCount?: number;
+    /** Destructive (danger) styling. */
+    destructive?: boolean;
+    /** Highlight row (e.g. submenu parent while child menu is open). */
+    active?: boolean;
+}
+/**
+ * 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.
+ */
+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

@@ -0,0 +1 @@
+{"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;AAS9E,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,6LAA6L;IAC7L,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,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,QAAA,MAAM,QAAQ,6GAqGZ,CAAC;AAIH,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as z } from "react";
+import __x from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const x=__x&&__x.default?__x.default:__x;
+import __M from "@mattermost/compass-icons/components/check.js";const M=__M&&__M.default?__M.default:__M;
+import r, { IconSlotContext as o } from "../icon/Icon.js";
+import j from "../tag/Tag.js";
+import y from "../mention-badge/MentionBadge.js";
+import i from "./MenuItem.module.scss.js";
+const B = z(function({
+  label: c,
+  secondaryLabel: m,
+  secondaryLabelPosition: t = "below",
+  leadingVisual: u,
+  leadingElement: d = !0,
+  trailingVisual: a,
+  trailingElement: _ = !1,
+  customStatusEmoji: s,
+  tag: h = !1,
+  mentionCount: l,
+  destructive: p = !1,
+  active: f = !1,
+  className: v = "",
+  disabled: N,
+  type: g = "button",
+  ...I
+}, b) {
+  const w = [
+    i["menu-item"],
+    p ? i["menu-item--destructive"] : "",
+    f ? i["menu-item--active"] : "",
+    v
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: b,
+      className: w,
+      type: g,
+      disabled: N,
+      ...I,
+      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(x, {}), 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(j, { label: "NEW" }),
+            l != null && l > 0 && /* @__PURE__ */ e(
+              y,
+              {
+                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",
+          {
+            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(M, {}), size: "16" }) })
+          }
+        ) })
+      ] })
+    }
+  );
+});
+B.displayName = "MenuItem";
+export {
+  B as default
+};
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"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 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  /** 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. */\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  /** 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 */\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    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=\"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              <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","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

@@ -0,0 +1,2 @@
+"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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,22 @@
+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",
+  "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"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=MenuItem.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/menu-item/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MenuItem.cjs");exports.MenuItem=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/menu-item/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import { default as a } from "./MenuItem.js";
+export {
+  a as MenuItem
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +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;
+//# sourceMappingURL=MessageActions.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1 @@
+._message-actions_1ie92_2{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_1ie92_12{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_1ie92_12:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-actions__jump_1ie92_12:focus-visible{outline:2px solid var(--link-color);outline-offset:-1px}

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

@@ -0,0 +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"}

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

@@ -0,0 +1,171 @@
+import { jsxs as o, Fragment as l, jsx as a } from "react/jsx-runtime";
+import c from "../emoji/Emoji.js";
+import i from "../icon-button/IconButton.js";
+import e from "../icon/Icon.js";
+import __R from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const R=__R&&__R.default?__R.default:__R;
+import __t from "@mattermost/compass-icons/components/dots-horizontal.js";const t=__t&&__t.default?__t.default:__t;
+import __m from "@mattermost/compass-icons/components/bookmark-outline.js";const m=__m&&__m.default?__m.default:__m;
+import __j from "@mattermost/compass-icons/components/creation-outline.js";const j=__j&&__j.default?__j.default:__j;
+import __M from "@mattermost/compass-icons/components/apps.js";const M=__M&&__M.default?__M.default:__M;
+import __p from "@mattermost/compass-icons/components/reply-outline.js";const p=__p&&__p.default?__p.default:__p;
+import d from "./MessageActions.module.scss.js";
+function J({
+  type: s = "center-channel",
+  visible: g = !0,
+  collapsedReplyThreads: h = !0,
+  quickReactions: z = !0,
+  className: u = "",
+  ...b
+}) {
+  if (!g) return null;
+  const r = s === "center-channel", f = s === "rhs", n = s === "search-results", y = z && h, I = [d["message-actions"], u].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: I,
+      role: "toolbar",
+      "aria-label": "Message actions",
+      ...b,
+      children: [
+        y && !n && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "React with thumbs up",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(c, { emoji: "👍", size: "16" })
+            }
+          ),
+          r && /* @__PURE__ */ o(l, { children: [
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": "React with raised hands",
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(c, { emoji: "🙌", size: "16" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": "React with OK hand",
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(c, { emoji: "👌", size: "16" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Add reaction",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(R, {}) })
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": "More actions",
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+          }
+        ),
+        r && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Save message",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(m, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "AI actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(j, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Plugin actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(M, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Reply in thread",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(p, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "More actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": "More actions",
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+          }
+        ),
+        n && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Save message",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(m, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Reply in thread",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(p, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: d["message-actions__jump"],
+              "aria-label": "Jump to message",
+              children: "Jump"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as default
+};
+//# sourceMappingURL=MessageActions.js.map