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

package/dist/components/channel-header/ChannelHeader.js

@@ -1,174 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import __A from "@mattermost/compass-icons/components/star-outline.js";const A=__A&&__A.default?__A.default:__A;
-import __j from "@mattermost/compass-icons/components/star.js";const j=__j&&__j.default?__j.default:__j;
-import __p from "@mattermost/compass-icons/components/chevron-down.js";const p=__p&&__p.default?__p.default:__p;
-import __F from "@mattermost/compass-icons/components/bell-off-outline.js";const F=__F&&__F.default?__F.default:__F;
-import __S from "@mattermost/compass-icons/components/account-outline.js";const S=__S&&__S.default?__S.default:__S;
-import __T from "@mattermost/compass-icons/components/pin-outline.js";const T=__T&&__T.default?__T.default:__T;
-import __D from "@mattermost/compass-icons/components/file-text-outline.js";const D=__D&&__D.default?__D.default:__D;
-import __P from "@mattermost/compass-icons/components/phone.js";const P=__P&&__P.default?__P.default:__P;
-import __$ from "@mattermost/compass-icons/components/information-outline.js";const $=__$&&__$.default?__$.default:__$;
-import q from "../button/Button.js";
-import s from "../icon/Icon.js";
-import i from "../icon-button/IconButton.js";
-import H from "../tag/Tag.js";
-import M from "../user-avatar/UserAvatar.js";
-import a from "./ChannelHeader.module.scss.js";
-function le({
-  type: l = "channel",
-  name: o = "",
-  description: r,
-  memberCount: c,
-  pinnedCount: h,
-  favorited: m = !1,
-  muted: g = !1,
-  avatarSrc: d,
-  avatarStatus: b = !1,
-  onFavoriteClick: z,
-  onNameClick: t,
-  onCallClick: N,
-  callButton: v,
-  onInfoClick: I,
-  infoToggled: x = !1,
-  className: O = ""
-}) {
-  const f = l === "threads" || l === "drafts", B = l === "channel" || l === "dm" || l === "gm", C = (l === "channel" || l === "gm") && c != null, w = l === "channel" || l === "dm" || l === "gm", k = l === "channel" || l === "dm" || l === "gm", _ = (l === "dm" || l === "bot") && !!d, u = [
-    a["channel-header"],
-    f ? a["channel-header--simple"] : "",
-    O
-  ].filter(Boolean).join(" ");
-  return f ? /* @__PURE__ */ n("div", { className: u, children: [
-    /* @__PURE__ */ e("span", { className: a["channel-header__title"], children: o }),
-    r && /* @__PURE__ */ e("span", { className: a["channel-header__description"], children: r })
-  ] }) : /* @__PURE__ */ n("div", { className: u, children: [
-    /* @__PURE__ */ n("div", { className: a["channel-header__left"], children: [
-      /* @__PURE__ */ n("div", { className: a["channel-header__top-row"], children: [
-        /* @__PURE__ */ e(
-          i,
-          {
-            size: "x-small",
-            "aria-label": m ? "Remove from favorites" : "Add to favorites",
-            onClick: z,
-            icon: m ? /* @__PURE__ */ e(
-              "span",
-              {
-                style: { color: "var(--button-bg)", display: "inline-flex" },
-                children: /* @__PURE__ */ e(j, { size: 18 })
-              }
-            ) : /* @__PURE__ */ e(A, { size: 18 })
-          }
-        ),
-        _ && /* @__PURE__ */ n("div", { className: a["channel-header__identity"], children: [
-          /* @__PURE__ */ e(
-            M,
-            {
-              src: d,
-              alt: o,
-              size: "24",
-              status: l === "dm" ? b : !1
-            }
-          ),
-          l === "bot" ? /* @__PURE__ */ n("div", { className: a["channel-header__bot-name-group"], children: [
-            /* @__PURE__ */ e(
-              "button",
-              {
-                className: a["channel-header__name-area"],
-                type: "button",
-                onClick: t,
-                children: /* @__PURE__ */ e("span", { className: a["channel-header__name"], children: o })
-              }
-            ),
-            /* @__PURE__ */ e("span", { className: a["channel-header__bot-tag"], children: /* @__PURE__ */ e(H, { label: "BOT", casing: "all-caps" }) })
-          ] }) : /* @__PURE__ */ n(
-            "button",
-            {
-              className: a["channel-header__name-area"],
-              type: "button",
-              onClick: t,
-              children: [
-                /* @__PURE__ */ e("span", { className: a["channel-header__name"], children: o }),
-                /* @__PURE__ */ e(s, { size: "16", glyph: /* @__PURE__ */ e(p, {}) })
-              ]
-            }
-          )
-        ] }),
-        !_ && /* @__PURE__ */ n(
-          "button",
-          {
-            className: a["channel-header__name-area"],
-            type: "button",
-            onClick: t,
-            children: [
-              /* @__PURE__ */ e("span", { className: a["channel-header__name"], children: o }),
-              k && /* @__PURE__ */ e(s, { size: "16", glyph: /* @__PURE__ */ e(p, {}) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: a["channel-header__stat-icons"], children: [
-          g && /* @__PURE__ */ e(
-            i,
-            {
-              size: "x-small",
-              "aria-label": "Notifications muted",
-              icon: /* @__PURE__ */ e(s, { size: "12", glyph: /* @__PURE__ */ e(F, {}) })
-            }
-          ),
-          C && /* @__PURE__ */ e(
-            i,
-            {
-              size: "x-small",
-              "aria-label": `${c} members`,
-              count: c,
-              icon: /* @__PURE__ */ e(s, { size: "12", glyph: /* @__PURE__ */ e(S, {}) })
-            }
-          ),
-          h != null && /* @__PURE__ */ e(
-            i,
-            {
-              size: "x-small",
-              "aria-label": `${h} pinned messages`,
-              count: h,
-              icon: /* @__PURE__ */ e(s, { size: "12", glyph: /* @__PURE__ */ e(T, {}) })
-            }
-          ),
-          w && /* @__PURE__ */ e(
-            i,
-            {
-              size: "x-small",
-              "aria-label": "Files",
-              icon: /* @__PURE__ */ e(s, { size: "12", glyph: /* @__PURE__ */ e(D, {}) })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: a["channel-header__description"], children: r ?? null })
-    ] }),
-    /* @__PURE__ */ n("div", { className: a["channel-header__right"], children: [
-      B && (v ?? /* @__PURE__ */ e(
-        q,
-        {
-          className: a["channel-header__call-btn"],
-          emphasis: "quaternary",
-          size: "small",
-          leadingIcon: /* @__PURE__ */ e(s, { size: "16", glyph: /* @__PURE__ */ e(P, {}) }),
-          onClick: N,
-          children: "Start a Call"
-        }
-      )),
-      /* @__PURE__ */ e(
-        i,
-        {
-          size: "small",
-          "aria-label": "Channel info",
-          icon: /* @__PURE__ */ e(s, { size: "16", glyph: /* @__PURE__ */ e($, {}) }),
-          onClick: I,
-          toggled: x
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  le as default
-};
-//# sourceMappingURL=ChannelHeader.js.map

package/dist/components/channel-header/ChannelHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeader.js","sources":["../../../src/components/channel-header/ChannelHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-outline';\nimport StarIcon from '@mattermost/compass-icons/components/star';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './ChannelHeader.module.scss';\n\nexport type ChannelHeaderType =\n  | 'channel'\n  | 'bot'\n  | 'dm'\n  | 'gm'\n  | 'threads'\n  | 'drafts';\n\nexport interface ChannelHeaderProps {\n  /** Channel type variant. Default: Channel. */\n  type?: ChannelHeaderType;\n  /** Channel or conversation name. */\n  name?: string;\n  /** Subtitle shown to the right of the stat icons (Bot) or next to the title (Threads, Drafts). */\n  description?: string;\n  /** Member count shown for Channel and GM types. */\n  memberCount?: number;\n  /** Number of pinned messages shown as a stat. */\n  pinnedCount?: number;\n  /** Whether the channel is favorited (filled star). */\n  favorited?: boolean;\n  /** Whether the channel is muted (bell-off icon shown). */\n  muted?: boolean;\n  /** Avatar image URL for DM and Bot types. */\n  avatarSrc?: string;\n  /** Show online status badge on the DM avatar. */\n  avatarStatus?: boolean;\n  /** Called when the favorite star is clicked. */\n  onFavoriteClick?: () => void;\n  /** Called when the channel name is clicked. */\n  onNameClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Called when the Start a Call button is clicked. */\n  onCallClick?: () => void;\n  /** Replaces the default Start a Call button when provided. */\n  callButton?: ReactNode;\n  /** Called when the channel info button is clicked. */\n  onInfoClick?: () => void;\n  /** Whether the info button is in a toggled (active) state. */\n  infoToggled?: boolean;\n  className?: string;\n}\n\nexport default function ChannelHeader({\n  type = 'channel',\n  name = '',\n  description,\n  memberCount,\n  pinnedCount,\n  favorited = false,\n  muted = false,\n  avatarSrc,\n  avatarStatus = false,\n  onFavoriteClick,\n  onNameClick,\n  onCallClick,\n  callButton,\n  onInfoClick,\n  infoToggled = false,\n  className = '',\n}: ChannelHeaderProps) {\n  const isSimple = type === 'threads' || type === 'drafts';\n  const showCallButton = type === 'channel' || type === 'dm' || type === 'gm';\n  const showMembers =\n    (type === 'channel' || type === 'gm') && memberCount != null;\n  const showFiles = type === 'channel' || type === 'dm' || type === 'gm';\n  const showChevron = type === 'channel' || type === 'dm' || type === 'gm';\n  const hasDmAvatar = (type === 'dm' || type === 'bot') && Boolean(avatarSrc);\n\n  const rootClass = [\n    styles['channel-header'],\n    isSimple ? styles['channel-header--simple'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (isSimple) {\n    return (\n      <div className={rootClass}>\n        <span className={styles['channel-header__title']}>{name}</span>\n        {description && (\n          <span className={styles['channel-header__description']}>\n            {description}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['channel-header__left']}>\n        <div className={styles['channel-header__top-row']}>\n          <IconButton\n            size=\"x-small\"\n            aria-label={\n              favorited ? 'Remove from favorites' : 'Add to favorites'\n            }\n            onClick={onFavoriteClick}\n            icon={\n              favorited ? (\n                <span\n                  style={{ color: 'var(--button-bg)', display: 'inline-flex' }}\n                >\n                  <StarIcon size={18} />\n                </span>\n              ) : (\n                <StarOutlineIcon size={18} />\n              )\n            }\n          />\n\n          {hasDmAvatar && (\n            <div className={styles['channel-header__identity']}>\n              <UserAvatar\n                src={avatarSrc!}\n                alt={name}\n                size=\"24\"\n                status={type === 'dm' ? avatarStatus : false}\n              />\n              {type === 'bot' ? (\n                <div className={styles['channel-header__bot-name-group']}>\n                  <button\n                    className={styles['channel-header__name-area']}\n                    type=\"button\"\n                    onClick={onNameClick}\n                  >\n                    <span className={styles['channel-header__name']}>\n                      {name}\n                    </span>\n                  </button>\n                  <span className={styles['channel-header__bot-tag']}>\n                    <Tag label=\"BOT\" casing=\"all-caps\" />\n                  </span>\n                </div>\n              ) : (\n                <button\n                  className={styles['channel-header__name-area']}\n                  type=\"button\"\n                  onClick={onNameClick}\n                >\n                  <span className={styles['channel-header__name']}>{name}</span>\n                  <Icon size=\"16\" glyph={<ChevronDownIcon />} />\n                </button>\n              )}\n            </div>\n          )}\n\n          {!hasDmAvatar && (\n            <button\n              className={styles['channel-header__name-area']}\n              type=\"button\"\n              onClick={onNameClick}\n            >\n              <span className={styles['channel-header__name']}>{name}</span>\n              {showChevron && <Icon size=\"16\" glyph={<ChevronDownIcon />} />}\n            </button>\n          )}\n\n          <div className={styles['channel-header__stat-icons']}>\n            {muted && (\n              <IconButton\n                size=\"x-small\"\n                aria-label=\"Notifications muted\"\n                icon={<Icon size=\"12\" glyph={<BellOffOutlineIcon />} />}\n              />\n            )}\n            {showMembers && (\n              <IconButton\n                size=\"x-small\"\n                aria-label={`${memberCount} members`}\n                count={memberCount}\n                icon={<Icon size=\"12\" glyph={<AccountOutlineIcon />} />}\n              />\n            )}\n            {pinnedCount != null && (\n              <IconButton\n                size=\"x-small\"\n                aria-label={`${pinnedCount} pinned messages`}\n                count={pinnedCount}\n                icon={<Icon size=\"12\" glyph={<PinOutlineIcon />} />}\n              />\n            )}\n            {showFiles && (\n              <IconButton\n                size=\"x-small\"\n                aria-label=\"Files\"\n                icon={<Icon size=\"12\" glyph={<FileTextOutlineIcon />} />}\n              />\n            )}\n          </div>\n        </div>\n\n        <div className={styles['channel-header__description']}>\n          {description ?? null}\n        </div>\n      </div>\n\n      <div className={styles['channel-header__right']}>\n        {showCallButton && (callButton ?? (\n          <Button\n            className={styles['channel-header__call-btn']}\n            emphasis=\"quaternary\"\n            size=\"small\"\n            leadingIcon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n            onClick={onCallClick}\n          >\n            Start a Call\n          </Button>\n        ))}\n        <IconButton\n          size=\"small\"\n          aria-label=\"Channel info\"\n          icon={<Icon size=\"16\" glyph={<InformationOutlineIcon />} />}\n          onClick={onInfoClick}\n          toggled={infoToggled}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["ChannelHeader","type","name","description","memberCount","pinnedCount","favorited","muted","avatarSrc","avatarStatus","onFavoriteClick","onNameClick","onCallClick","callButton","onInfoClick","infoToggled","className","isSimple","showCallButton","showMembers","showFiles","showChevron","hasDmAvatar","rootClass","styles","jsxs","jsx","IconButton","StarIcon","StarOutlineIcon","UserAvatar","Tag","Icon","ChevronDownIcon","BellOffOutlineIcon","AccountOutlineIcon","PinOutlineIcon","FileTextOutlineIcon","Button","PhoneIcon","InformationOutlineIcon"],"mappings":"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"}

package/dist/components/channel-header/ChannelHeader.module.css

@@ -1 +0,0 @@
-._channel-header_ac4gj_2{display:flex;height:56px;align-items:center;gap:var(--spacing-l);padding:var(--spacing-m);background-color:var(--center-channel-bg, var(--color-neutral-0));border-bottom:1px solid rgba(var(--center-channel-color-rgb),.16)}._channel-header--simple_ac4gj_11{gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l)}._channel-header__left_ac4gj_15{display:flex;align-items:center;flex:1 0 0;min-width:0}._channel-header__top-row_ac4gj_21{display:flex;align-items:center;flex-shrink:0}._channel-header__identity_ac4gj_26{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0;margin-left:var(--spacing-xxxs)}._channel-header__bot-name-group_ac4gj_33{display:flex;align-items:center;gap:var(--spacing-xxxxs);flex-shrink:0}._channel-header__bot-tag_ac4gj_39{display:inline-flex;align-self:center}._channel-header__name-area_ac4gj_43{display:inline-flex;align-items:center;gap:1px;padding:0 var(--spacing-xxxs) 0 var(--spacing-xxs);border-radius:var(--radius-s);border:none;background:transparent;cursor:pointer;color:var(--center-channel-color, var(--color-neutral-900));flex-shrink:0}._channel-header__name-area_ac4gj_43:hover{background-color:rgba(var(--center-channel-color-rgb),.08)}._channel-header__name_ac4gj_43{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color, var(--color-neutral-900));white-space:nowrap}._channel-header__stat-icons_ac4gj_66{display:flex;align-items:center;padding-right:var(--spacing-xs);flex-shrink:0}._channel-header__description_ac4gj_72{flex:1 0 0;min-width:0;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._channel-header__right_ac4gj_84{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._channel-header__call-btn_ac4gj_90{padding-right:var(--spacing-m);padding-left:var(--spacing-m)}._channel-header__title_ac4gj_94{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color, var(--color-neutral-900));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}

package/dist/components/channel-header/ChannelHeader.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelHeader.module.css');const e={"channel-header":"_channel-header_ac4gj_2","channel-header--simple":"_channel-header--simple_ac4gj_11","channel-header__left":"_channel-header__left_ac4gj_15","channel-header__top-row":"_channel-header__top-row_ac4gj_21","channel-header__identity":"_channel-header__identity_ac4gj_26","channel-header__bot-name-group":"_channel-header__bot-name-group_ac4gj_33","channel-header__bot-tag":"_channel-header__bot-tag_ac4gj_39","channel-header__name-area":"_channel-header__name-area_ac4gj_43","channel-header__name":"_channel-header__name_ac4gj_43","channel-header__stat-icons":"_channel-header__stat-icons_ac4gj_66","channel-header__description":"_channel-header__description_ac4gj_72","channel-header__right":"_channel-header__right_ac4gj_84","channel-header__call-btn":"_channel-header__call-btn_ac4gj_90","channel-header__title":"_channel-header__title_ac4gj_94"};exports.default=e;
-//# sourceMappingURL=ChannelHeader.module.scss.cjs.map

package/dist/components/channel-header/ChannelHeader.module.scss.cjs.map

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

package/dist/components/channel-header/ChannelHeader.module.scss.js

@@ -1,20 +0,0 @@
-import './ChannelHeader.module.css';const e = {
-  "channel-header": "_channel-header_ac4gj_2",
-  "channel-header--simple": "_channel-header--simple_ac4gj_11",
-  "channel-header__left": "_channel-header__left_ac4gj_15",
-  "channel-header__top-row": "_channel-header__top-row_ac4gj_21",
-  "channel-header__identity": "_channel-header__identity_ac4gj_26",
-  "channel-header__bot-name-group": "_channel-header__bot-name-group_ac4gj_33",
-  "channel-header__bot-tag": "_channel-header__bot-tag_ac4gj_39",
-  "channel-header__name-area": "_channel-header__name-area_ac4gj_43",
-  "channel-header__name": "_channel-header__name_ac4gj_43",
-  "channel-header__stat-icons": "_channel-header__stat-icons_ac4gj_66",
-  "channel-header__description": "_channel-header__description_ac4gj_72",
-  "channel-header__right": "_channel-header__right_ac4gj_84",
-  "channel-header__call-btn": "_channel-header__call-btn_ac4gj_90",
-  "channel-header__title": "_channel-header__title_ac4gj_94"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=ChannelHeader.module.scss.js.map

package/dist/components/channel-header/ChannelHeader.module.scss.js.map

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

package/dist/components/channel-header/index.cjs

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

package/dist/components/channel-header/index.cjs.map

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

package/dist/components/channel-header/index.d.ts

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

package/dist/components/channel-header/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/components/channel-header/index.js

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

package/dist/components/channel-header/index.js.map

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

package/dist/components/message/Message.cjs

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

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

@@ -1,34 +0,0 @@
-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

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

@@ -1,54 +0,0 @@
-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

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

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

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

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

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

@@ -1,26 +0,0 @@
-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

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

package/dist/components/message/index.cjs

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

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

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

@@ -1,4 +0,0 @@
-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

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

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

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

package/dist/components/message-input/MessageInput.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),__z=require("@mattermost/compass-icons/components/alert-circle-outline.js"),z=__z?.default??__z,__y=require("@mattermost/compass-icons/components/chevron-down.js"),y=__y?.default??__y,__H=require("@mattermost/compass-icons/components/chevron-up.js"),H=__H?.default??__H,__P=require("@mattermost/compass-icons/components/dots-horizontal.js"),P=__P?.default??__P,__D=require("@mattermost/compass-icons/components/code-tags.js"),D=__D?.default??__D,__L=require("@mattermost/compass-icons/components/creation-outline.js"),L=__L?.default??__L,__E=require("@mattermost/compass-icons/components/emoticon-happy-outline.js"),E=__E?.default??__E,__V=require("@mattermost/compass-icons/components/eye-outline.js"),V=__V?.default??__V,__K=require("@mattermost/compass-icons/components/fire.js"),K=__K?.default??__K,__v=require("@mattermost/compass-icons/components/format-bold.js"),v=__v?.default??__v,__Q=require("@mattermost/compass-icons/components/format-header.js"),Q=__Q?.default??__Q,__N=require("@mattermost/compass-icons/components/format-italic.js"),N=__N?.default??__N,__U=require("@mattermost/compass-icons/components/format-letter-case.js"),U=__U?.default??__U,__W=require("@mattermost/compass-icons/components/format-list-bulleted.js"),W=__W?.default??__W,__G=require("@mattermost/compass-icons/components/format-list-numbered.js"),G=__G?.default??__G,__$=require("@mattermost/compass-icons/components/format-quote-open.js"),$=__$?.default??__$,__J=require("@mattermost/compass-icons/components/format-strikethrough-variant.js"),J=__J?.default??__J,__I=require("@mattermost/compass-icons/components/link-variant.js"),I=__I?.default??__I,__X=require("@mattermost/compass-icons/components/paperclip.js"),X=__X?.default??__X,__Y=require("@mattermost/compass-icons/components/send.js"),Y=__Y?.default??__Y,a=require("../icon/Icon.cjs"),t=require("../icon-button/IconButton.cjs"),Z=require("../tag/Tag.cjs"),q=require("../attachment-card/AttachmentCard.cjs"),s=require("./MessageInput.module.scss.cjs");function ee({className:w="",placeholder:F="Message channel…",showPriorityIndicator:B=!1,showAttachments:M=!1,value:p,onChange:u,onSelectionChange:d,inputRef:x,width:o="wide"}){const[T,O]=r.useState(""),j=p!==void 0,c=j?p:T,S=l=>{j?u==null||u(l):O(l)},[i,A]=r.useState(!1),g=r.useRef(null),k=l=>{g.current=l,x&&(x.current=l)},m=r.useCallback(()=>{const l=g.current;l&&(l.style.height="auto",l.style.height=`${l.scrollHeight}px`)},[]);r.useEffect(()=>{m()},[c,m]);const f=c.trim().length>0,n=(l,b)=>[s.default[l],b?s.default[b]:""].filter(Boolean).join(" "),C=o==="narrow"&&i,_=i&&o==="wide",h=e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:n("message-input__format-btn",i?"message-input__format-btn--active":""),"aria-label":i?"Hide formatting toolbar":"Show formatting toolbar","aria-pressed":i,onClick:()=>A(l=>!l),children:[e.jsx(a.default,{glyph:e.jsx(U,{}),size:"16"}),C?e.jsx("span",{className:s.default["message-input__format-chevron"],children:e.jsx(a.default,{glyph:e.jsx(H,{}),size:"12"})}):e.jsx("span",{className:n("message-input__format-chevron",i?"message-input__format-chevron--rotated":""),children:e.jsx(a.default,{glyph:e.jsx(y,{}),size:"12"})})]}),e.jsx("span",{className:s.default["message-input__actions-divider"],"aria-hidden":!0}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(X,{}),size:"16"}),size:"small","aria-label":"Attach a file"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(E,{}),size:"16"}),size:"small","aria-label":"Add an emoji"}),e.jsxs("div",{className:n("message-input__send",f?"":"message-input__send--disabled"),children:[e.jsx("button",{type:"button",className:s.default["message-input__send-main"],"aria-label":"Send message",disabled:!f,children:e.jsx(a.default,{glyph:e.jsx(Y,{}),size:"16"})}),e.jsx("button",{type:"button",className:s.default["message-input__send-dropdown"],"aria-label":"Send options",disabled:!f,children:e.jsx(a.default,{glyph:e.jsx(y,{}),size:"16"})})]})]}),R=[s.default["message-input"],o==="narrow"?s.default["message-input--width-narrow"]:"",w].filter(Boolean).join(" ");return e.jsx("div",{className:R,children:e.jsxs("div",{className:n("message-input__container",i?"message-input__container--formatting-open":""),children:[e.jsx("button",{type:"button",className:n("message-input__preview-btn",i?"message-input__preview-btn--visible":""),"aria-label":"Preview",tabIndex:i?0:-1,children:e.jsx(a.default,{glyph:e.jsx(V,{}),size:"16"})}),e.jsxs("div",{className:n("message-input__body",i?"message-input__body--formatting-open":""),children:[B&&e.jsx("div",{className:s.default["message-input__priority-row"],children:e.jsx(Z.default,{label:"IMPORTANT",type:"info",size:"x-small",casing:"all-caps",leadingIcon:e.jsx(a.default,{glyph:e.jsx(z,{}),size:"10"})})}),e.jsx("textarea",{ref:k,className:s.default["message-input__textarea"],placeholder:F,value:c,onChange:l=>S(l.target.value),onInput:m,onSelect:d,onKeyUp:d,onClick:d,rows:1})]}),M&&e.jsx("div",{className:s.default["message-input__attachments"],children:e.jsxs("div",{className:s.default["message-input__attachments-list"],children:[e.jsx(q.default,{fileName:"Design_Brief.pdf",fileMeta:"PDF 240KB",fileType:"pdf",state:"default",onRemove:()=>{}}),e.jsx(q.default,{fileName:"Wireframes_v3.png",fileMeta:"PNG 1.2MB",fileType:"image-icon",state:"default",onRemove:()=>{}})]})}),e.jsx("div",{className:n("message-input__formatting-bar",_?"message-input__formatting-bar--open":""),"aria-hidden":!_,children:e.jsxs("div",{className:s.default["message-input__toolbar-controls"],children:[e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(v,{}),size:"16"}),size:"small","aria-label":"Bold"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(N,{}),size:"16"}),size:"small","aria-label":"Italic"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(J,{}),size:"16"}),size:"small","aria-label":"Strikethrough"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(Q,{}),size:"16"}),size:"small","aria-label":"Heading"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(I,{}),size:"16"}),size:"small","aria-label":"Add link"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(D,{}),size:"16"}),size:"small","aria-label":"Code"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx($,{}),size:"16"}),size:"small","aria-label":"Quote"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(W,{}),size:"16"}),size:"small","aria-label":"Bulleted list"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(G,{}),size:"16"}),size:"small","aria-label":"Numbered list"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(z,{}),size:"16"}),size:"small","aria-label":"Message priority"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(K,{}),size:"16"}),size:"small","aria-label":"Burn on read"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(L,{}),size:"16"}),size:"small","aria-label":"AI assistance"})]})]})}),o==="narrow"?e.jsxs("div",{className:s.default["message-input__narrow-chrome"],children:[e.jsx("div",{className:s.default["message-input__narrow-chrome-left"],children:i&&e.jsxs("div",{className:s.default["message-input__formatting-collapsed"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(v,{}),size:"16"}),size:"small","aria-label":"Bold"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(N,{}),size:"16"}),size:"small","aria-label":"Italic"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(I,{}),size:"16"}),size:"small","aria-label":"Add link"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(P,{}),size:"16"}),size:"small","aria-label":"More formatting options"})]})}),e.jsx("div",{className:[s.default["message-input__actions"],s.default["message-input__actions--narrow-chrome"]].join(" "),children:h})]}):e.jsx("div",{className:s.default["message-input__actions"],children:h})]})})}exports.default=ee;
-//# sourceMappingURL=MessageInput.cjs.map

package/dist/components/message-input/MessageInput.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.cjs","sources":["../../../src/components/message-input/MessageInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport CodeTagsIcon from '@mattermost/compass-icons/components/code-tags';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport EyeOutlineIcon from '@mattermost/compass-icons/components/eye-outline';\nimport FireIcon from '@mattermost/compass-icons/components/fire';\nimport FormatBoldIcon from '@mattermost/compass-icons/components/format-bold';\nimport FormatHeaderIcon from '@mattermost/compass-icons/components/format-header';\nimport FormatItalicIcon from '@mattermost/compass-icons/components/format-italic';\nimport FormatLetterCaseIcon from '@mattermost/compass-icons/components/format-letter-case';\nimport FormatListBulletedIcon from '@mattermost/compass-icons/components/format-list-bulleted';\nimport FormatListNumberedIcon from '@mattermost/compass-icons/components/format-list-numbered';\nimport FormatQuoteOpenIcon from '@mattermost/compass-icons/components/format-quote-open';\nimport FormatStrikethroughVariantIcon from '@mattermost/compass-icons/components/format-strikethrough-variant';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport PaperclipIcon from '@mattermost/compass-icons/components/paperclip';\nimport SendIcon from '@mattermost/compass-icons/components/send';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport AttachmentCard from '@/components/attachment-card/AttachmentCard';\nimport styles from './MessageInput.module.scss';\n\nexport type MessageInputWidth = 'wide' | 'narrow';\n\nexport interface MessageInputProps {\n  className?: string;\n  placeholder?: string;\n  showPriorityIndicator?: boolean;\n  showAttachments?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSelectionChange?: () => void;\n  inputRef?: React.RefObject<HTMLTextAreaElement | null>;\n  /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */\n  width?: MessageInputWidth;\n}\n\nexport default function MessageInput({\n  className = '',\n  placeholder = 'Message channel…',\n  showPriorityIndicator = false,\n  showAttachments = false,\n  value,\n  onChange,\n  onSelectionChange,\n  inputRef,\n  width = 'wide',\n}: MessageInputProps) {\n  const [internalText, setInternalText] = useState('');\n  const isControlled = value !== undefined;\n  const text = isControlled ? value : internalText;\n  const setText = (next: string) => {\n    if (isControlled) onChange?.(next);\n    else setInternalText(next);\n  };\n  const [formattingOpen, setFormattingOpen] = useState(false);\n  const internalRef = useRef<HTMLTextAreaElement>(null);\n\n  const setTextareaRef = (node: HTMLTextAreaElement | null) => {\n    internalRef.current = node;\n    if (inputRef) {\n      (inputRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n    }\n  };\n\n  const handleInput = useCallback(() => {\n    const el = internalRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  }, []);\n\n  useEffect(() => {\n    handleInput();\n  }, [text, handleInput]);\n\n  const hasSendValue = text.trim().length > 0;\n\n  const cls = (base: string, mod?: string) =>\n    [styles[base], mod ? styles[mod] : ''].filter(Boolean).join(' ');\n\n  const isNarrowFormattingOpen = width === 'narrow' && formattingOpen;\n  const showWideFormattingBar = formattingOpen && width === 'wide';\n\n  const composerActions = (\n    <>\n      <button\n        type=\"button\"\n        className={cls(\n          'message-input__format-btn',\n          formattingOpen ? 'message-input__format-btn--active' : '',\n        )}\n        aria-label={\n          formattingOpen\n            ? 'Hide formatting toolbar'\n            : 'Show formatting toolbar'\n        }\n        aria-pressed={formattingOpen}\n        onClick={() => setFormattingOpen((prev) => !prev)}\n      >\n        <Icon glyph={<FormatLetterCaseIcon />} size=\"16\" />\n        {isNarrowFormattingOpen ? (\n          <span className={styles['message-input__format-chevron']}>\n            <Icon glyph={<ChevronUpIcon />} size=\"12\" />\n          </span>\n        ) : (\n          <span\n            className={cls(\n              'message-input__format-chevron',\n              formattingOpen ? 'message-input__format-chevron--rotated' : '',\n            )}\n          >\n            <Icon glyph={<ChevronDownIcon />} size=\"12\" />\n          </span>\n        )}\n      </button>\n\n      <span\n        className={styles['message-input__actions-divider']}\n        aria-hidden\n      />\n\n      <IconButton\n        icon={<Icon glyph={<PaperclipIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Attach a file\"\n      />\n      <IconButton\n        icon={<Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Add an emoji\"\n      />\n\n      <div\n        className={cls(\n          'message-input__send',\n          !hasSendValue ? 'message-input__send--disabled' : '',\n        )}\n      >\n        <button\n          type=\"button\"\n          className={styles['message-input__send-main']}\n          aria-label=\"Send message\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<SendIcon />} size=\"16\" />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['message-input__send-dropdown']}\n          aria-label=\"Send options\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<ChevronDownIcon />} size=\"16\" />\n        </button>\n      </div>\n    </>\n  );\n\n  const rootClass = [\n    styles['message-input'],\n    width === 'narrow' ? styles['message-input--width-narrow'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div\n        className={cls(\n          'message-input__container',\n          formattingOpen ? 'message-input__container--formatting-open' : '',\n        )}\n      >\n        {/* Preview button — fades in when formatting is open */}\n        <button\n          type=\"button\"\n          className={cls(\n            'message-input__preview-btn',\n            formattingOpen ? 'message-input__preview-btn--visible' : '',\n          )}\n          aria-label=\"Preview\"\n          tabIndex={formattingOpen ? 0 : -1}\n        >\n          <Icon glyph={<EyeOutlineIcon />} size=\"16\" />\n        </button>\n\n        {/* Main text area */}\n        <div\n          className={cls(\n            'message-input__body',\n            formattingOpen ? 'message-input__body--formatting-open' : '',\n          )}\n        >\n          {showPriorityIndicator && (\n            <div className={styles['message-input__priority-row']}>\n              <Tag\n                label=\"IMPORTANT\"\n                type=\"info\"\n                size=\"x-small\"\n                casing=\"all-caps\"\n                leadingIcon={\n                  <Icon glyph={<AlertCircleOutlineIcon />} size=\"10\" />\n                }\n              />\n            </div>\n          )}\n          <textarea\n            ref={setTextareaRef}\n            className={styles['message-input__textarea']}\n            placeholder={placeholder}\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onInput={handleInput}\n            onSelect={onSelectionChange}\n            onKeyUp={onSelectionChange}\n            onClick={onSelectionChange}\n            rows={1}\n          />\n        </div>\n\n        {/* Attachment cards */}\n        {showAttachments && (\n          <div className={styles['message-input__attachments']}>\n            <div className={styles['message-input__attachments-list']}>\n              <AttachmentCard\n                fileName=\"Design_Brief.pdf\"\n                fileMeta=\"PDF 240KB\"\n                fileType=\"pdf\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n              <AttachmentCard\n                fileName=\"Wireframes_v3.png\"\n                fileMeta=\"PNG 1.2MB\"\n                fileType=\"image-icon\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Formatting toolbar — full bar (wide only); narrow uses collapsed strip in footer */}\n        <div\n          className={cls(\n            'message-input__formatting-bar',\n            showWideFormattingBar ? 'message-input__formatting-bar--open' : '',\n          )}\n          aria-hidden={!showWideFormattingBar}\n        >\n          <div className={styles['message-input__toolbar-controls']}>\n            {/* Style */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bold\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Italic\"\n              />\n              <IconButton\n                icon={\n                  <Icon glyph={<FormatStrikethroughVariantIcon />} size=\"16\" />\n                }\n                size=\"small\"\n                aria-label=\"Strikethrough\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatHeaderIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Heading\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Links + Code */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Add link\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CodeTagsIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Code\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Paragraph */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatQuoteOpenIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Quote\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListBulletedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bulleted list\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListNumberedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Numbered list\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Tools */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<AlertCircleOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Message priority\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FireIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Burn on read\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CreationOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"AI assistance\"\n              />\n            </div>\n          </div>\n        </div>\n\n        {width === 'narrow' ? (\n          <div className={styles['message-input__narrow-chrome']}>\n            <div className={styles['message-input__narrow-chrome-left']}>\n              {formattingOpen && (\n                <div className={styles['message-input__formatting-collapsed']}>\n                  <IconButton\n                    icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Bold\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Italic\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Add link\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<DotsHorizontalIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"More formatting options\"\n                  />\n                </div>\n              )}\n            </div>\n            <div\n              className={[\n                styles['message-input__actions'],\n                styles['message-input__actions--narrow-chrome'],\n              ].join(' ')}\n            >\n              {composerActions}\n            </div>\n          </div>\n        ) : (\n          <div className={styles['message-input__actions']}>{composerActions}</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageInput","className","placeholder","showPriorityIndicator","showAttachments","value","onChange","onSelectionChange","inputRef","width","internalText","setInternalText","useState","isControlled","text","setText","next","formattingOpen","setFormattingOpen","internalRef","useRef","setTextareaRef","node","handleInput","useCallback","el","useEffect","hasSendValue","cls","base","mod","styles","isNarrowFormattingOpen","showWideFormattingBar","composerActions","jsxs","Fragment","prev","jsx","Icon","FormatLetterCaseIcon","ChevronUpIcon","ChevronDownIcon","IconButton","PaperclipIcon","EmoticonHappyOutlineIcon","SendIcon","rootClass","EyeOutlineIcon","Tag","AlertCircleOutlineIcon","e","AttachmentCard","FormatBoldIcon","FormatItalicIcon","FormatStrikethroughVariantIcon","FormatHeaderIcon","LinkVariantIcon","CodeTagsIcon","FormatQuoteOpenIcon","FormatListBulletedIcon","FormatListNumberedIcon","FireIcon","CreationOutlineIcon","DotsHorizontalIcon"],"mappings":"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"}

package/dist/components/message-input/MessageInput.d.ts

@@ -1,15 +0,0 @@
-export type MessageInputWidth = 'wide' | 'narrow';
-export interface MessageInputProps {
-    className?: string;
-    placeholder?: string;
-    showPriorityIndicator?: boolean;
-    showAttachments?: boolean;
-    value?: string;
-    onChange?: (value: string) => void;
-    onSelectionChange?: () => void;
-    inputRef?: React.RefObject<HTMLTextAreaElement | null>;
-    /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */
-    width?: MessageInputWidth;
-}
-export default function MessageInput({ className, placeholder, showPriorityIndicator, showAttachments, value, onChange, onSelectionChange, inputRef, width, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MessageInput.d.ts.map

package/dist/components/message-input/MessageInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/message-input/MessageInput.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACvD,gFAAgF;IAChF,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,WAAgC,EAChC,qBAA6B,EAC7B,eAAuB,EACvB,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,KAAc,GACf,EAAE,iBAAiB,2CAwVnB"}