@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.4

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

@@ -0,0 +1,20 @@
+import './LinkPreview.module.css';const _ = {
+  "link-preview": "_link-preview_1dlj9_2",
+  "link-preview__dismiss-bridge": "_link-preview__dismiss-bridge_1dlj9_12",
+  "link-preview__dismiss": "_link-preview__dismiss_1dlj9_12",
+  "link-preview__card": "_link-preview__card_1dlj9_37",
+  "link-preview__card--small-image": "_link-preview__card--small-image_1dlj9_54",
+  "link-preview__card--large-image": "_link-preview__card--large-image_1dlj9_57",
+  "link-preview__card--collapsed-image": "_link-preview__card--collapsed-image_1dlj9_61",
+  "link-preview__text": "_link-preview__text_1dlj9_65",
+  "link-preview__site-name": "_link-preview__site-name_1dlj9_80",
+  "link-preview__title": "_link-preview__title_1dlj9_88",
+  "link-preview__description": "_link-preview__description_1dlj9_99",
+  "link-preview__thumbnail": "_link-preview__thumbnail_1dlj9_110",
+  "link-preview__thumbnail-img": "_link-preview__thumbnail-img_1dlj9_117",
+  "link-preview__image-preview": "_link-preview__image-preview_1dlj9_124"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=LinkPreview.module.scss.js.map

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

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

package/dist/components/link-preview/index.cjs

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

package/dist/components/link-preview/index.cjs.map

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

package/dist/components/link-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,eAAe,CAAC"}

package/dist/components/link-preview/index.js

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

package/dist/components/link-preview/index.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../utils/string.cjs"),t=require("./MentionBadge.module.scss.cjs");function u({className:s="",count:e,location:i="sidebar",size:o="small"}){const n=e>99?"99+":String(e),l=n.length,d=[t.default["mention-badge"],t.default[`mention-badge--size-${a.toKebab(o)}`],t.default[`mention-badge--digits-${l}`],i!=="sidebar"?t.default[`mention-badge--location-${a.toKebab(i)}`]:"",s].filter(Boolean).join(" ");return r.jsx("span",{className:d,"aria-label":`${e} mention${e===1?"":"s"}`,children:n})}exports.default=u;
+//# sourceMappingURL=MentionBadge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionBadge.cjs","sources":["../../../src/components/mention-badge/MentionBadge.tsx"],"sourcesContent":["import { toKebab } from '@/utils/string';\nimport styles from './MentionBadge.module.scss';\n\n/** Figma Mention Badge location context — controls color scheme. */\nexport type MentionBadgeLocation =\n  | 'sidebar'\n  | 'menu-item'\n  | 'icon-button'\n  | 'channel';\n\n/** Figma Mention Badge size. */\nexport type MentionBadgeSize = 'small' | 'medium' | 'large';\n\nexport interface MentionBadgeProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Mention count. Displays as-is up to 99; shows \"99+\" above that. */\n  count: number;\n  /** Color context. Figma: Location. Default: Sidebar. */\n  location?: MentionBadgeLocation;\n  /** Size variant. Figma: Size. Default: Small. */\n  size?: MentionBadgeSize;\n}\n\n/**\n * Mention Badges show a numerical count of pending mentions. They appear next to channel\n * names in the sidebar, on app-bar icons, inline in menu items, and on center-channel lists\n * such as thread rows — small, high-contrast pills that pull the eye without dominating the\n * row.\n */\nexport default function MentionBadge({\n  className = '',\n  count,\n  location = 'sidebar',\n  size = 'small',\n}: MentionBadgeProps) {\n  const displayText = count > 99 ? '99+' : String(count);\n  const digitCount = displayText.length; // 1, 2, or 3 (for \"99+\")\n\n  const rootClass = [\n    styles['mention-badge'],\n    styles[`mention-badge--size-${toKebab(size)}`],\n    styles[`mention-badge--digits-${digitCount}`],\n    location !== 'sidebar'\n      ? styles[`mention-badge--location-${toKebab(location)}`]\n      : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      aria-label={`${count} mention${count === 1 ? '' : 's'}`}\n    >\n      {displayText}\n    </span>\n  );\n}\n"],"names":["MentionBadge","className","count","location","size","displayText","digitCount","rootClass","styles","toKebab","jsx"],"mappings":"iOA8BA,SAAwBA,EAAa,CACnC,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EAAW,UACX,KAAAC,EAAO,OACT,EAAsB,CACpB,MAAMC,EAAcH,EAAQ,GAAK,MAAQ,OAAOA,CAAK,EAC/CI,EAAaD,EAAY,OAEzBE,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBA,EAAAA,QAAO,uBAAuBC,EAAAA,QAAQL,CAAI,CAAC,EAAE,EAC7CI,EAAAA,QAAO,yBAAyBF,CAAU,EAAE,EAC5CH,IAAa,UACTK,EAAAA,QAAO,2BAA2BC,EAAAA,QAAQN,CAAQ,CAAC,EAAE,EACrD,GACJF,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACES,EAAAA,IAAC,OAAA,CACC,UAAWH,EACX,aAAY,GAAGL,CAAK,WAAWA,IAAU,EAAI,GAAK,GAAG,GAEpD,SAAAG,CAAA,CAAA,CAGP"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/mention-badge/MentionBadge.tsx"],"names":[],"mappings":"AAGA,oEAAoE;AACpE,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AAEd,gCAAgC;AAChC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iDAAiD;IACjD,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,KAAK,EACL,QAAoB,EACpB,IAAc,GACf,EAAE,iBAAiB,2CAwBnB"}

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

@@ -0,0 +1,29 @@
+import { jsx as m } from "react/jsx-runtime";
+import { toKebab as o } from "../../utils/string.js";
+import i from "./MentionBadge.module.scss.js";
+function f({
+  className: a = "",
+  count: e,
+  location: t = "sidebar",
+  size: s = "small"
+}) {
+  const n = e > 99 ? "99+" : String(e), r = n.length, l = [
+    i["mention-badge"],
+    i[`mention-badge--size-${o(s)}`],
+    i[`mention-badge--digits-${r}`],
+    t !== "sidebar" ? i[`mention-badge--location-${o(t)}`] : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: l,
+      "aria-label": `${e} mention${e === 1 ? "" : "s"}`,
+      children: n
+    }
+  );
+}
+export {
+  f as default
+};
+//# sourceMappingURL=MentionBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionBadge.js","sources":["../../../src/components/mention-badge/MentionBadge.tsx"],"sourcesContent":["import { toKebab } from '@/utils/string';\nimport styles from './MentionBadge.module.scss';\n\n/** Figma Mention Badge location context — controls color scheme. */\nexport type MentionBadgeLocation =\n  | 'sidebar'\n  | 'menu-item'\n  | 'icon-button'\n  | 'channel';\n\n/** Figma Mention Badge size. */\nexport type MentionBadgeSize = 'small' | 'medium' | 'large';\n\nexport interface MentionBadgeProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Mention count. Displays as-is up to 99; shows \"99+\" above that. */\n  count: number;\n  /** Color context. Figma: Location. Default: Sidebar. */\n  location?: MentionBadgeLocation;\n  /** Size variant. Figma: Size. Default: Small. */\n  size?: MentionBadgeSize;\n}\n\n/**\n * Mention Badges show a numerical count of pending mentions. They appear next to channel\n * names in the sidebar, on app-bar icons, inline in menu items, and on center-channel lists\n * such as thread rows — small, high-contrast pills that pull the eye without dominating the\n * row.\n */\nexport default function MentionBadge({\n  className = '',\n  count,\n  location = 'sidebar',\n  size = 'small',\n}: MentionBadgeProps) {\n  const displayText = count > 99 ? '99+' : String(count);\n  const digitCount = displayText.length; // 1, 2, or 3 (for \"99+\")\n\n  const rootClass = [\n    styles['mention-badge'],\n    styles[`mention-badge--size-${toKebab(size)}`],\n    styles[`mention-badge--digits-${digitCount}`],\n    location !== 'sidebar'\n      ? styles[`mention-badge--location-${toKebab(location)}`]\n      : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      aria-label={`${count} mention${count === 1 ? '' : 's'}`}\n    >\n      {displayText}\n    </span>\n  );\n}\n"],"names":["MentionBadge","className","count","location","size","displayText","digitCount","rootClass","styles","toKebab","jsx"],"mappings":";;;AA8BA,SAAwBA,EAAa;AAAA,EACnC,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AACT,GAAsB;AACpB,QAAMC,IAAcH,IAAQ,KAAK,QAAQ,OAAOA,CAAK,GAC/CI,IAAaD,EAAY,QAEzBE,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBA,EAAO,uBAAuBC,EAAQL,CAAI,CAAC,EAAE;AAAA,IAC7CI,EAAO,yBAAyBF,CAAU,EAAE;AAAA,IAC5CH,MAAa,YACTK,EAAO,2BAA2BC,EAAQN,CAAQ,CAAC,EAAE,IACrD;AAAA,IACJF;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,cAAY,GAAGL,CAAK,WAAWA,MAAU,IAAI,KAAK,GAAG;AAAA,MAEpD,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/mention-badge/MentionBadge.module.css

@@ -0,0 +1 @@
+._mention-badge_1uenr_2{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-m);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap;background-color:var(--mention-bg);color:var(--mention-color)}._mention-badge--size-small_1uenr_13{font-size:var(--font-size-25);line-height:11px;padding:.5px 4.5px}._mention-badge--size-medium_1uenr_18{font-size:var(--font-size-50);line-height:var(--line-height-50);letter-spacing:.22px;padding:0 var(--_mb-px-m, 5.5px)}._mention-badge--size-large_1uenr_24{font-size:var(--font-size-75);line-height:15px;padding:1.5px var(--_mb-px-l, 5.5px);border-radius:10px}._mention-badge--digits-1_1uenr_30{--_mb-px-m: 6.5px;--_mb-px-l: 7.5px}._mention-badge--digits-3_1uenr_34{--_mb-px-m: 4.5px;--_mb-px-l: 4px}._mention-badge--location-menu-item_1uenr_38{background-color:rgba(var(--center-channel-color-rgb),.48);color:var(--center-channel-bg)}._mention-badge--location-icon-button_1uenr_42{background-color:var(--sidebar-text-active-border);color:var(--button-color)}._mention-badge--location-channel_1uenr_46{background-color:var(--button-bg);color:var(--button-color)}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import './MentionBadge.module.css';const e = {
+  "mention-badge": "_mention-badge_1uenr_2",
+  "mention-badge--size-small": "_mention-badge--size-small_1uenr_13",
+  "mention-badge--size-medium": "_mention-badge--size-medium_1uenr_18",
+  "mention-badge--size-large": "_mention-badge--size-large_1uenr_24",
+  "mention-badge--digits-1": "_mention-badge--digits-1_1uenr_30",
+  "mention-badge--digits-3": "_mention-badge--digits-3_1uenr_34",
+  "mention-badge--location-menu-item": "_mention-badge--location-menu-item_1uenr_38",
+  "mention-badge--location-icon-button": "_mention-badge--location-icon-button_1uenr_42",
+  "mention-badge--location-channel": "_mention-badge--location-channel_1uenr_46"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MentionBadge.module.scss.js.map

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

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

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-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"),__p=require("@mattermost/compass-icons/components/emoticon-happy-outline.js"),p=__p?.default??__p,__g=require("@mattermost/compass-icons/components/check.js"),g=__g?.default??__g,u=require("../icon/Icon.cjs"),b=require("../tag/Tag.cjs"),q=require("../mention-badge/MentionBadge.cjs"),l=require("./MenuItem.module.scss.cjs");function w({label:m,secondaryLabel:s,secondaryLabelPosition:a="below",leadingVisual:d,leadingElement:c=!0,trailingVisual:i,trailingElement:r=!1,customStatusEmoji:n,tag:o=!1,mentionCount:t,destructive:f=!1,active:_=!1,className:j="",disabled:x,type:h="button",...N}){const v=[l.default["menu-item"],f?l.default["menu-item--destructive"]:"",_?l.default["menu-item--active"]:"",j].filter(Boolean).join(" ");return e.jsx("button",{className:v,type:h,disabled:x,...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"],children:d??e.jsx(u.default,{glyph:e.jsx(p,{}),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}),s&&a==="inline"&&e.jsx("span",{className:l.default["menu-item__secondary-label-inline"],children:s}),n&&e.jsx("span",{className:l.default["menu-item__custom-status"],"aria-hidden":!0,children:n}),o&&e.jsx(b.default,{label:"NEW"}),t!=null&&t>0&&e.jsx(q.default,{count:t,location:"menu-item",size:"small"})]}),s&&a==="below"&&e.jsx("div",{className:l.default["menu-item__bottom-row"],children:e.jsx("span",{className:l.default["menu-item__secondary-label-below"],children:s})})]}),r&&e.jsx("div",{className:l.default["menu-item__right"],children:e.jsx("span",{className:[l.default["menu-item__trailing-visual"],i?"":l.default["menu-item__trailing-visual--check"]].filter(Boolean).join(" "),children:i??e.jsx(u.default,{glyph:e.jsx(g,{}),size:"16"})})})]})})}exports.default=w;
+//# 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 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":"kaAuCA,SAAwBA,EAAS,CAC/B,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,EAAkB,CAChB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,WAAW,EAClBP,EAAcO,EAAAA,QAAO,wBAAwB,EAAI,GACjDN,EAASM,EAAAA,QAAO,mBAAmB,EAAI,GACvCL,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEM,EAAAA,IAAC,SAAA,CAAO,UAAWF,EAAW,KAAAF,EAAY,SAAAD,EAAqB,GAAGE,EAChE,SAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,oBAAoB,EACxC,SAAA,CAAAb,GACCc,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,iBAAiB,EACtC,SAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,2BAA2B,EAChD,SAAAd,GACCe,EAAAA,IAACE,WAAK,MAAOF,EAAAA,IAACG,IAAyB,EAAI,KAAK,IAAA,CAAK,CAAA,CAEzD,CAAA,CACF,EAEFF,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,SAAAjB,EAAM,EACnDC,GAAkBC,IAA2B,UAC5CgB,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,mCAAmC,EACxD,SAAAhB,CAAA,CACH,EAEDM,SACE,OAAA,CAAK,UAAWU,EAAAA,QAAO,0BAA0B,EAAG,cAAW,GAC7D,SAAAV,CAAA,CACH,EAEDC,GAAOU,EAAAA,IAACI,EAAAA,QAAA,CAAI,MAAM,KAAA,CAAM,EACxBb,GAAgB,MAAQA,EAAe,GACtCS,EAAAA,IAACK,EAAAA,QAAA,CACC,MAAOd,EACP,SAAS,YACT,KAAK,OAAA,CAAA,CACP,EAEJ,EACCR,GAAkBC,IAA2B,SAC5CgB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,uBAAuB,EAC5C,SAAAC,MAAC,QAAK,UAAWD,EAAAA,QAAO,kCAAkC,EACvD,WACH,CAAA,CACF,CAAA,EAEJ,EACCX,GACCY,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,kBAAkB,EACvC,SAAAC,EAAAA,IAAC,OAAA,CACC,UAAW,CACTD,EAAAA,QAAO,4BAA4B,EAClCZ,EAEG,GADAY,UAAO,mCAAmC,CAC1C,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAZ,SAAmBe,EAAAA,QAAA,CAAK,YAAQI,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC3D,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}

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,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"}

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

@@ -0,0 +1,66 @@
+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 i from "./MenuItem.module.scss.js";
+function O({
+  label: c,
+  secondaryLabel: m,
+  secondaryLabelPosition: t = "below",
+  leadingVisual: o,
+  leadingElement: u = !0,
+  trailingVisual: a,
+  trailingElement: _ = !1,
+  customStatusEmoji: s,
+  tag: d = !1,
+  mentionCount: l,
+  destructive: h = !1,
+  active: p = !1,
+  className: f = "",
+  disabled: N,
+  type: v = "button",
+  ...g
+}) {
+  const b = [
+    i["menu-item"],
+    h ? i["menu-item--destructive"] : "",
+    p ? i["menu-item--active"] : "",
+    f
+  ].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,
+          {
+            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: a ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(I, {}), size: "16" })
+      }
+    ) })
+  ] }) });
+}
+export {
+  O 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 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;"}

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

@@ -0,0 +1 @@
+._menu-item_174d8_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_174d8_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_174d8_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._menu-item_174d8_2:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_174d8_27:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_174d8_27:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--active_174d8_27:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:rgba(var(--center-channel-color-rgb),.72)}._menu-item--active_174d8_27:hover:not(:disabled){background-color:rgba(var(--button-bg-rgb),.12)}._menu-item--active_174d8_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_174d8_2:disabled{cursor:not-allowed}._menu-item_174d8_2:disabled ._menu-item__content_174d8_44{opacity:.4}._menu-item__content_174d8_44{display:flex;gap:var(--spacing-xxs);align-items:flex-start;width:100%}._menu-item__left_174d8_53{display:flex;align-items:center;flex-shrink:0}._menu-item__leading-visual_174d8_30,._menu-item__trailing-visual_174d8_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_174d8_65{color:var(--button-bg)}._menu-item__middle_174d8_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_174d8_79{display:flex;gap:var(--spacing-xs);align-items:center;padding-inline:var(--spacing-xxxs);width:100%;flex-shrink:0}._menu-item__label_174d8_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_174d8_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_174d8_102{display:flex;align-items:center;padding:0 var(--spacing-xxxs) var(--spacing-xxxxs);width:100%;flex-shrink:0}._menu-item__secondary-label-below_174d8_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_174d8_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_174d8_129{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}._menu-item--destructive_174d8_135,._menu-item--destructive_174d8_135 ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135 ._menu-item__trailing-visual_174d8_31{color:var(--error-text, var(--color-danger))}._menu-item--destructive_174d8_135:hover:not(:disabled){background-color:var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_174d8_135:hover:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:hover:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:inherit}._menu-item--destructive_174d8_135:active:not(:disabled){background:linear-gradient(0deg,#0000001a,#0000001a),var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_174d8_135:active:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:active:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:inherit}._menu-item--destructive_174d8_135:focus-visible{background-color:var(--error-text, var(--color-danger));box-shadow:inset 0 0 0 2px rgba(var(--color-neutral-0-rgb),.6);color:var(--button-color)}._menu-item--destructive_174d8_135:focus-visible ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:focus-visible ._menu-item__trailing-visual_174d8_31{color:inherit}

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.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;
+//# 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.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"
+};
+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/Message.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("../user-avatar/UserAvatar.cjs"),v=require("../message-header/MessageHeader.cjs"),h=require("../message-actions/MessageActions.cjs"),N=require("../pinned-saved-indicators/PinnedSavedIndicators.cjs"),s=require("./Message.module.scss.cjs");function q({avatarSrc:t,avatarAlt:c,username:i,timestamp:r,isBot:n=!1,botLabel:u,messageActionsType:o="center-channel",showMessageActions:m=!0,showPinnedSavedIndicators:_=!1,className:f="",children:j,linkPreview:a,imagePreviews:l,footer:d}){const g=[s.default.message,f].filter(Boolean).join(" ");return e.jsxs("div",{className:g,children:[_&&e.jsx("div",{className:s.default.message__pinned,children:e.jsx(N.default,{})}),e.jsxs("div",{className:s.default.message__layout,children:[e.jsx("div",{className:s.default["message__avatar-col"],children:e.jsx(x.default,{src:t,alt:c,size:"32"})}),e.jsxs("div",{className:s.default.message__content,children:[e.jsxs("div",{className:s.default["message__header-row"],children:[e.jsx("div",{className:s.default["message__header-block"],children:e.jsx(v.default,{username:i,timestamp:r,isBot:n,botLabel:u})}),m&&e.jsx("div",{className:s.default["message__actions-slot"],children:e.jsx(h.default,{type:o})})]}),e.jsxs("div",{className:s.default.message__body,children:[j,a!=null&&e.jsx("div",{className:s.default["message__link-preview-slot"],children:a}),l!=null&&e.jsx("div",{className:s.default["message__images-slot"],children:l}),d!=null&&e.jsx("div",{className:s.default["message__footer-slot"],children:d})]})]})]})]})}exports.default=q;
+//# sourceMappingURL=Message.cjs.map

package/dist/components/message/Message.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.cjs","sources":["../../../src/components/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport MessageActions from '@/components/message-actions/MessageActions';\nimport type { MessageActionsType } from '@/components/message-actions/MessageActions';\nimport PinnedSavedIndicators from '@/components/pinned-saved-indicators/PinnedSavedIndicators';\nimport styles from './Message.module.scss';\n\ntype MessageProps = {\n  avatarSrc?: string;\n  avatarAlt: string;\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n  /** Hover toolbar context. Default: Center Channel. */\n  messageActionsType?: MessageActionsType;\n  /** When false, the hover Message Actions toolbar is omitted. Default: true. */\n  showMessageActions?: boolean;\n  /** When true, Pinned + Saved row appears at the top of the message container. */\n  showPinnedSavedIndicators?: boolean;\n  /** Merged onto the root element (e.g. documentation modifiers). */\n  className?: string;\n  /**\n   * Primary body content (e.g. message text). When using structured slots, this\n   * is usually the markdown/text block only. For plain `<p>` copy, use the\n   * `message__body-text` class from `Message.module.scss` so typography matches\n   * the component and host shells (docs, patterns) cannot restyle bare tags.\n   */\n  children: React.ReactNode;\n  /** Link Preview block — renders after `children`. */\n  linkPreview?: React.ReactNode;\n  /** Image Preview block(s) — renders after the link preview slot. */\n  imagePreviews?: React.ReactNode;\n  /** Trailing body content — e.g. attachments and reactions — renders last. */\n  footer?: React.ReactNode;\n};\n\nexport default function Message({\n  avatarSrc,\n  avatarAlt,\n  username,\n  timestamp,\n  isBot = false,\n  botLabel,\n  messageActionsType = 'center-channel',\n  showMessageActions = true,\n  showPinnedSavedIndicators = false,\n  className = '',\n  children,\n  linkPreview,\n  imagePreviews,\n  footer,\n}: MessageProps) {\n  const rootClass = [styles.message, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      {showPinnedSavedIndicators && (\n        <div className={styles['message__pinned']}>\n          <PinnedSavedIndicators />\n        </div>\n      )}\n      <div className={styles['message__layout']}>\n        <div className={styles['message__avatar-col']}>\n          <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"32\" />\n        </div>\n        <div className={styles['message__content']}>\n          <div className={styles['message__header-row']}>\n            <div className={styles['message__header-block']}>\n              <MessageHeader\n                username={username}\n                timestamp={timestamp}\n                isBot={isBot}\n                botLabel={botLabel}\n              />\n            </div>\n            {showMessageActions && (\n              <div className={styles['message__actions-slot']}>\n                <MessageActions type={messageActionsType} />\n              </div>\n            )}\n          </div>\n          <div className={styles['message__body']}>\n            {children}\n            {linkPreview != null && (\n              <div className={styles['message__link-preview-slot']}>\n                {linkPreview}\n              </div>\n            )}\n            {imagePreviews != null && (\n              <div className={styles['message__images-slot']}>{imagePreviews}</div>\n            )}\n            {footer != null && (\n              <div className={styles['message__footer-slot']}>{footer}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Message","avatarSrc","avatarAlt","username","timestamp","isBot","botLabel","messageActionsType","showMessageActions","showPinnedSavedIndicators","className","children","linkPreview","imagePreviews","footer","rootClass","styles","jsxs","jsx","PinnedSavedIndicators","UserAvatar","MessageHeader","MessageActions"],"mappings":"oYAsCA,SAAwBA,EAAQ,CAC9B,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,mBAAAC,EAAqB,iBACrB,mBAAAC,EAAqB,GACrB,0BAAAC,EAA4B,GAC5B,UAAAC,EAAY,GACZ,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,OAAAC,CACF,EAAiB,CACf,MAAMC,EAAY,CAACC,EAAAA,QAAO,QAASN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEtE,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAN,GACCS,EAAAA,IAAC,OAAI,UAAWF,EAAAA,QAAO,gBACrB,SAAAE,EAAAA,IAACC,YAAsB,CAAA,CACzB,EAEFF,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,gBACrB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,qBAAqB,EAC1C,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CAAW,IAAKnB,EAAW,IAAKC,EAAW,KAAK,KAAK,EACxD,EACAe,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iBACrB,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,qBAAqB,EAC1C,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,uBAAuB,EAC5C,SAAAE,EAAAA,IAACG,EAAAA,QAAA,CACC,SAAAlB,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,CAAA,CAAA,EAEJ,EACCE,GACCU,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,uBAAuB,EAC5C,SAAAE,EAAAA,IAACI,EAAAA,QAAA,CAAe,KAAMf,CAAA,CAAoB,CAAA,CAC5C,CAAA,EAEJ,EACAU,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,cACpB,SAAA,CAAAL,EACAC,GAAe,MACdM,MAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,4BAA4B,EAChD,SAAAJ,EACH,EAEDC,GAAiB,MAChBK,MAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAAI,SAAAH,EAAc,EAEhEC,GAAU,MACTI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAAI,SAAAF,CAAA,CAAO,CAAA,CAAA,CAE5D,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/message/Message.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { MessageActionsType } from '../message-actions/MessageActions';
+type MessageProps = {
+    avatarSrc?: string;
+    avatarAlt: string;
+    username: string;
+    timestamp: string;
+    isBot?: boolean;
+    botLabel?: string;
+    /** Hover toolbar context. Default: Center Channel. */
+    messageActionsType?: MessageActionsType;
+    /** When false, the hover Message Actions toolbar is omitted. Default: true. */
+    showMessageActions?: boolean;
+    /** When true, Pinned + Saved row appears at the top of the message container. */
+    showPinnedSavedIndicators?: boolean;
+    /** Merged onto the root element (e.g. documentation modifiers). */
+    className?: string;
+    /**
+     * Primary body content (e.g. message text). When using structured slots, this
+     * is usually the markdown/text block only. For plain `<p>` copy, use the
+     * `message__body-text` class from `Message.module.scss` so typography matches
+     * the component and host shells (docs, patterns) cannot restyle bare tags.
+     */
+    children: React.ReactNode;
+    /** Link Preview block — renders after `children`. */
+    linkPreview?: React.ReactNode;
+    /** Image Preview block(s) — renders after the link preview slot. */
+    imagePreviews?: React.ReactNode;
+    /** Trailing body content — e.g. attachments and reactions — renders last. */
+    footer?: React.ReactNode;
+};
+export default function Message({ avatarSrc, avatarAlt, username, timestamp, isBot, botLabel, messageActionsType, showMessageActions, showPinnedSavedIndicators, className, children, linkPreview, imagePreviews, footer, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Message.d.ts.map

package/dist/components/message/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAIrF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAQ,EACR,kBAAqC,EACrC,kBAAyB,EACzB,yBAAiC,EACjC,SAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAa,EACb,MAAM,GACP,EAAE,YAAY,2CAgDd"}

package/dist/components/message/Message.js

@@ -0,0 +1,54 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import p from "../user-avatar/UserAvatar.js";
+import u from "../message-header/MessageHeader.js";
+import y from "../message-actions/MessageActions.js";
+import j from "../pinned-saved-indicators/PinnedSavedIndicators.js";
+import e from "./Message.module.scss.js";
+function B({
+  avatarSrc: m,
+  avatarAlt: c,
+  username: d,
+  timestamp: n,
+  isBot: o = !1,
+  botLabel: t,
+  messageActionsType: _ = "center-channel",
+  showMessageActions: g = !0,
+  showPinnedSavedIndicators: h = !1,
+  className: v = "",
+  children: N,
+  linkPreview: l,
+  imagePreviews: r,
+  footer: i
+}) {
+  const f = [e.message, v].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: f, children: [
+    h && /* @__PURE__ */ s("div", { className: e.message__pinned, children: /* @__PURE__ */ s(j, {}) }),
+    /* @__PURE__ */ a("div", { className: e.message__layout, children: [
+      /* @__PURE__ */ s("div", { className: e["message__avatar-col"], children: /* @__PURE__ */ s(p, { src: m, alt: c, size: "32" }) }),
+      /* @__PURE__ */ a("div", { className: e.message__content, children: [
+        /* @__PURE__ */ a("div", { className: e["message__header-row"], children: [
+          /* @__PURE__ */ s("div", { className: e["message__header-block"], children: /* @__PURE__ */ s(
+            u,
+            {
+              username: d,
+              timestamp: n,
+              isBot: o,
+              botLabel: t
+            }
+          ) }),
+          g && /* @__PURE__ */ s("div", { className: e["message__actions-slot"], children: /* @__PURE__ */ s(y, { type: _ }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: e.message__body, children: [
+          N,
+          l != null && /* @__PURE__ */ s("div", { className: e["message__link-preview-slot"], children: l }),
+          r != null && /* @__PURE__ */ s("div", { className: e["message__images-slot"], children: r }),
+          i != null && /* @__PURE__ */ s("div", { className: e["message__footer-slot"], children: i })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  B as default
+};
+//# sourceMappingURL=Message.js.map

package/dist/components/message/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../../src/components/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport MessageActions from '@/components/message-actions/MessageActions';\nimport type { MessageActionsType } from '@/components/message-actions/MessageActions';\nimport PinnedSavedIndicators from '@/components/pinned-saved-indicators/PinnedSavedIndicators';\nimport styles from './Message.module.scss';\n\ntype MessageProps = {\n  avatarSrc?: string;\n  avatarAlt: string;\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n  /** Hover toolbar context. Default: Center Channel. */\n  messageActionsType?: MessageActionsType;\n  /** When false, the hover Message Actions toolbar is omitted. Default: true. */\n  showMessageActions?: boolean;\n  /** When true, Pinned + Saved row appears at the top of the message container. */\n  showPinnedSavedIndicators?: boolean;\n  /** Merged onto the root element (e.g. documentation modifiers). */\n  className?: string;\n  /**\n   * Primary body content (e.g. message text). When using structured slots, this\n   * is usually the markdown/text block only. For plain `<p>` copy, use the\n   * `message__body-text` class from `Message.module.scss` so typography matches\n   * the component and host shells (docs, patterns) cannot restyle bare tags.\n   */\n  children: React.ReactNode;\n  /** Link Preview block — renders after `children`. */\n  linkPreview?: React.ReactNode;\n  /** Image Preview block(s) — renders after the link preview slot. */\n  imagePreviews?: React.ReactNode;\n  /** Trailing body content — e.g. attachments and reactions — renders last. */\n  footer?: React.ReactNode;\n};\n\nexport default function Message({\n  avatarSrc,\n  avatarAlt,\n  username,\n  timestamp,\n  isBot = false,\n  botLabel,\n  messageActionsType = 'center-channel',\n  showMessageActions = true,\n  showPinnedSavedIndicators = false,\n  className = '',\n  children,\n  linkPreview,\n  imagePreviews,\n  footer,\n}: MessageProps) {\n  const rootClass = [styles.message, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      {showPinnedSavedIndicators && (\n        <div className={styles['message__pinned']}>\n          <PinnedSavedIndicators />\n        </div>\n      )}\n      <div className={styles['message__layout']}>\n        <div className={styles['message__avatar-col']}>\n          <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"32\" />\n        </div>\n        <div className={styles['message__content']}>\n          <div className={styles['message__header-row']}>\n            <div className={styles['message__header-block']}>\n              <MessageHeader\n                username={username}\n                timestamp={timestamp}\n                isBot={isBot}\n                botLabel={botLabel}\n              />\n            </div>\n            {showMessageActions && (\n              <div className={styles['message__actions-slot']}>\n                <MessageActions type={messageActionsType} />\n              </div>\n            )}\n          </div>\n          <div className={styles['message__body']}>\n            {children}\n            {linkPreview != null && (\n              <div className={styles['message__link-preview-slot']}>\n                {linkPreview}\n              </div>\n            )}\n            {imagePreviews != null && (\n              <div className={styles['message__images-slot']}>{imagePreviews}</div>\n            )}\n            {footer != null && (\n              <div className={styles['message__footer-slot']}>{footer}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Message","avatarSrc","avatarAlt","username","timestamp","isBot","botLabel","messageActionsType","showMessageActions","showPinnedSavedIndicators","className","children","linkPreview","imagePreviews","footer","rootClass","styles","jsxs","jsx","PinnedSavedIndicators","UserAvatar","MessageHeader","MessageActions"],"mappings":";;;;;;AAsCA,SAAwBA,EAAQ;AAAA,EAC9B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,oBAAAC,IAAqB;AAAA,EACrB,2BAAAC,IAA4B;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,GAAiB;AACf,QAAMC,IAAY,CAACC,EAAO,SAASN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEtE,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GACb,UAAA;AAAA,IAAAN,KACC,gBAAAS,EAAC,SAAI,WAAWF,EAAO,iBACrB,UAAA,gBAAAE,EAACC,KAAsB,EAAA,CACzB;AAAA,IAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,iBACrB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,qBAAqB,GAC1C,UAAA,gBAAAE,EAACE,GAAA,EAAW,KAAKnB,GAAW,KAAKC,GAAW,MAAK,MAAK,GACxD;AAAA,MACA,gBAAAe,EAAC,OAAA,EAAI,WAAWD,EAAO,kBACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAC1C,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,uBAAuB,GAC5C,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAAlB;AAAA,cACA,WAAAC;AAAA,cACA,OAAAC;AAAA,cACA,UAAAC;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACCE,KACC,gBAAAU,EAAC,OAAA,EAAI,WAAWF,EAAO,uBAAuB,GAC5C,UAAA,gBAAAE,EAACI,GAAA,EAAe,MAAMf,EAAA,CAAoB,EAAA,CAC5C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,eACpB,UAAA;AAAA,UAAAL;AAAA,UACAC,KAAe,QACd,gBAAAM,EAAC,OAAA,EAAI,WAAWF,EAAO,4BAA4B,GAChD,UAAAJ,GACH;AAAA,UAEDC,KAAiB,QAChB,gBAAAK,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAAI,UAAAH,GAAc;AAAA,UAEhEC,KAAU,QACT,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAAI,UAAAF,EAAA,CAAO;AAAA,QAAA,EAAA,CAE5D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/message/Message.module.css

@@ -0,0 +1 @@
+@charset "UTF-8";._message_1s7r2_3{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xxl);background-color:var(--center-channel-bg);transition:background-color var(--duration-quick) var(--ease-transition)}._message_1s7r2_3:hover{background-color:color-mix(in srgb,var(--center-channel-color) 4%,var(--center-channel-bg))}._message--actions-visible_1s7r2_18 ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message--state-hover_1s7r2_25{background-color:color-mix(in srgb,var(--center-channel-color) 4%,var(--center-channel-bg))}._message--state-hover_1s7r2_25 ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message__pinned_1s7r2_32{flex-shrink:0;width:100%;min-width:0}._message__layout_1s7r2_37{display:flex;gap:var(--spacing-m);align-items:flex-start}._message__avatar-col_1s7r2_42{flex-shrink:0;display:flex;flex-direction:column;align-items:center}._message__content_1s7r2_48{display:flex;flex-direction:column;gap:var(--spacing-xxxs);flex:1;min-width:0}._message__header-row_1s7r2_55{position:relative;min-width:0}._message__header-block_1s7r2_59{min-width:0}._message__actions-slot_1s7r2_18{position:absolute;top:-16px;right:0;z-index:1;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._message_1s7r2_3:hover ._message__actions-slot_1s7r2_18,._message_1s7r2_3:focus-within ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message__body_1s7r2_75{display:flex;flex-direction:column;gap:var(--spacing-xs)}._message__body-text_1s7r2_83{font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);margin:0}._message__link-preview-slot_1s7r2_90{min-width:0}._message__footer-slot_1s7r2_93{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}._message__images-slot_1s7r2_99{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-width:0}._message__images-slot_1s7r2_99>*{flex:0 1 auto;align-self:flex-start;max-width:100%;min-width:0}

package/dist/components/message/Message.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Message.module.css');const e="_message_1s7r2_3",s="_message__pinned_1s7r2_32",_="_message__layout_1s7r2_37",a="_message__content_1s7r2_48",t="_message__body_1s7r2_75",o={message:e,"message--actions-visible":"_message--actions-visible_1s7r2_18","message__actions-slot":"_message__actions-slot_1s7r2_18","message--state-hover":"_message--state-hover_1s7r2_25",message__pinned:s,message__layout:_,"message__avatar-col":"_message__avatar-col_1s7r2_42",message__content:a,"message__header-row":"_message__header-row_1s7r2_55","message__header-block":"_message__header-block_1s7r2_59",message__body:t,"message__body-text":"_message__body-text_1s7r2_83","message__link-preview-slot":"_message__link-preview-slot_1s7r2_90","message__footer-slot":"_message__footer-slot_1s7r2_93","message__images-slot":"_message__images-slot_1s7r2_99"};exports.default=o;exports.message=e;exports.message__body=t;exports.message__content=a;exports.message__layout=_;exports.message__pinned=s;
+//# sourceMappingURL=Message.module.scss.cjs.map

package/dist/components/message/Message.module.scss.cjs.map

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

package/dist/components/message/Message.module.scss.js

@@ -0,0 +1,26 @@
+import './Message.module.css';const s = "_message_1s7r2_3", e = "_message__pinned_1s7r2_32", _ = "_message__layout_1s7r2_37", a = "_message__content_1s7r2_48", o = "_message__body_1s7r2_75", t = {
+  message: s,
+  "message--actions-visible": "_message--actions-visible_1s7r2_18",
+  "message__actions-slot": "_message__actions-slot_1s7r2_18",
+  "message--state-hover": "_message--state-hover_1s7r2_25",
+  message__pinned: e,
+  message__layout: _,
+  "message__avatar-col": "_message__avatar-col_1s7r2_42",
+  message__content: a,
+  "message__header-row": "_message__header-row_1s7r2_55",
+  "message__header-block": "_message__header-block_1s7r2_59",
+  message__body: o,
+  "message__body-text": "_message__body-text_1s7r2_83",
+  "message__link-preview-slot": "_message__link-preview-slot_1s7r2_90",
+  "message__footer-slot": "_message__footer-slot_1s7r2_93",
+  "message__images-slot": "_message__images-slot_1s7r2_99"
+};
+export {
+  t as default,
+  s as message,
+  o as message__body,
+  a as message__content,
+  _ as message__layout,
+  e as message__pinned
+};
+//# sourceMappingURL=Message.module.scss.js.map

package/dist/components/message/Message.module.scss.js.map

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

package/dist/components/message/index.cjs

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

package/dist/components/message/index.cjs.map

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

package/dist/components/message/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Message } from './Message';
+export type * from './Message';
+export { default as messageStyles } from './Message.module.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,mBAAmB,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/message/index.js

@@ -0,0 +1,7 @@
+import { default as a } from "./Message.js";
+import { default as f } from "./Message.module.scss.js";
+export {
+  a as Message,
+  f as messageStyles
+};
+//# sourceMappingURL=index.js.map

package/dist/components/message/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