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

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

@@ -0,0 +1,183 @@
+import { jsxs as o, Fragment as l, jsx as a } from "react/jsx-runtime";
+import t from "../emoji/Emoji.js";
+import i from "../icon-button/IconButton.js";
+import e from "../icon/Icon.js";
+import __H from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const H=__H&&__H.default?__H.default:__H;
+import __r from "@mattermost/compass-icons/components/dots-horizontal.js";const r=__r&&__r.default?__r.default:__r;
+import __g from "@mattermost/compass-icons/components/bookmark-outline.js";const g=__g&&__g.default?__g.default:__g;
+import __J from "@mattermost/compass-icons/components/creation-outline.js";const J=__J&&__J.default?__J.default:__J;
+import __N from "@mattermost/compass-icons/components/apps.js";const N=__N&&__N.default?__N.default:__N;
+import __h from "@mattermost/compass-icons/components/reply-outline.js";const h=__h&&__h.default?__h.default:__h;
+import z from "./MessageActions.module.scss.js";
+function V({
+  type: s = "center-channel",
+  visible: u = !0,
+  collapsedReplyThreads: b = !0,
+  quickReactions: f = !0,
+  className: y = "",
+  toolbarLabel: I = "Message actions",
+  reactThumbsUpLabel: j = "React with thumbs up",
+  reactRaisedHandsLabel: R = "React with raised hands",
+  reactOkHandLabel: O = "React with OK hand",
+  addReactionLabel: w = "Add reaction",
+  moreActionsLabel: n = "More actions",
+  saveLabel: m = "Save message",
+  aiActionsLabel: C = "AI actions",
+  pluginActionsLabel: k = "Plugin actions",
+  replyLabel: p = "Reply in thread",
+  jumpLabel: x = "Jump",
+  jumpAriaLabel: B = "Jump to message",
+  ...M
+}) {
+  if (!u) return null;
+  const d = s === "center-channel", S = s === "rhs", c = s === "search-results", A = f && b, E = [z["message-actions"], y].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: E,
+      role: "toolbar",
+      "aria-label": I,
+      ...M,
+      children: [
+        A && !c && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": j,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(t, { emoji: "👍", size: "16" })
+            }
+          ),
+          d && /* @__PURE__ */ o(l, { children: [
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": R,
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(t, { emoji: "🙌", size: "16" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": O,
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(t, { emoji: "👌", size: "16" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": w,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(H, {}) })
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": n,
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(r, {}) })
+          }
+        ),
+        d && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": m,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(g, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": C,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(J, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": k,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(N, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": p,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(h, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": n,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(r, {}) })
+            }
+          )
+        ] }),
+        S && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": n,
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(r, {}) })
+          }
+        ),
+        c && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": m,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(g, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": p,
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(h, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: z["message-actions__jump"],
+              "aria-label": B,
+              children: x
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  V as default
+};
+//# sourceMappingURL=MessageActions.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import './MessageActions.css';const s = {
+  "message-actions": "_message-actions_1ie92_2",
+  "message-actions__jump": "_message-actions__jump_1ie92_12"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=MessageActions.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

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

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

package/dist/components/message-actions/index.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../tag/Tag.cjs"),s=require("./MessageHeader.module.scss.cjs");function d({username:a,timestamp:r,isBot:t=!1,botLabel:l="Bot"}){return e.jsxs("div",{className:s.default["message-header"],children:[e.jsx("span",{className:s.default["message-header__username"],children:a}),t&&e.jsx(u.default,{label:l}),e.jsx("span",{className:s.default["message-header__timestamp"],children:r})]})}exports.default=d;
+//# sourceMappingURL=MessageHeader.cjs.map

package/dist/components/message-header/MessageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.cjs","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: ReactNode;\n  timestamp: ReactNode;\n  isBot?: boolean;\n  /** Default: \"Bot\". Accepts translated nodes. */\n  botLabel?: ReactNode;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":"0NAiBA,SAAwBA,EAAc,CACpC,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EAAW,KACb,EAAuB,CACrB,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,gBAAgB,EACrC,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,0BAA0B,EAAI,SAAAL,EAAS,EAC9DE,GAASI,EAAAA,IAACC,EAAAA,QAAA,CAAI,MAAOJ,CAAA,CAAU,QAC/B,OAAA,CAAK,UAAWE,EAAAA,QAAO,2BAA2B,EAAI,SAAAJ,CAAA,CAAU,CAAA,EACnE,CAEJ"}

package/dist/components/message-header/MessageHeader.css

@@ -0,0 +1 @@
+._message-header_1u3ox_2{display:flex;align-items:center;gap:var(--spacing-xxs)}._message-header_1u3ox_2>*{align-self:center}._message-header__username_1u3ox_10{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}._message-header__timestamp_1u3ox_18{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),.56);white-space:nowrap}

package/dist/components/message-header/MessageHeader.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+type MessageHeaderProps = {
+    username: ReactNode;
+    timestamp: ReactNode;
+    isBot?: boolean;
+    /** Default: "Bot". Accepts translated nodes. */
+    botLabel?: ReactNode;
+};
+/**
+ * The Message Header sits above every message body — username, optional bot or guest tag,
+ * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,
+ * same order, every time.
+ */
+export default function MessageHeader({ username, timestamp, isBot, botLabel, }: MessageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageHeader.d.ts.map

package/dist/components/message-header/MessageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/message-header/MessageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,kBAAkB,2CAQpB"}

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

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import d from "../tag/Tag.js";
+import s from "./MessageHeader.module.scss.js";
+function c({
+  username: a,
+  timestamp: r,
+  isBot: m = !1,
+  botLabel: l = "Bot"
+}) {
+  return /* @__PURE__ */ t("div", { className: s["message-header"], children: [
+    /* @__PURE__ */ e("span", { className: s["message-header__username"], children: a }),
+    m && /* @__PURE__ */ e(d, { label: l }),
+    /* @__PURE__ */ e("span", { className: s["message-header__timestamp"], children: r })
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=MessageHeader.js.map

package/dist/components/message-header/MessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: ReactNode;\n  timestamp: ReactNode;\n  isBot?: boolean;\n  /** Default: \"Bot\". Accepts translated nodes. */\n  botLabel?: ReactNode;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":";;;AAiBA,SAAwBA,EAAc;AAAA,EACpC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,GAAuB;AACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GACrC,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,0BAA0B,GAAI,UAAAL,GAAS;AAAA,IAC9DE,KAAS,gBAAAI,EAACC,GAAA,EAAI,OAAOJ,EAAA,CAAU;AAAA,sBAC/B,QAAA,EAAK,WAAWE,EAAO,2BAA2B,GAAI,UAAAJ,EAAA,CAAU;AAAA,EAAA,GACnE;AAEJ;"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import './MessageHeader.css';const e = {
+  "message-header": "_message-header_1u3ox_2",
+  "message-header__username": "_message-header__username_1u3ox_10",
+  "message-header__timestamp": "_message-header__timestamp_1u3ox_18"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageHeader.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/message-separator/MessageSeparator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../icon/Icon.cjs"),__p=require("@mattermost/compass-icons/components/creation-outline.js"),p=__p?.default??__p,a=require("./MessageSeparator.module.scss.cjs"),_={date:"Today","new-messages":"New messages","reply-count":"4 replies"};function f({type:s="date",label:t,showAiSummary:l=!1,onSummarize:i,summarizeLabel:n="Summarize",summarizeAriaLabel:d="Summarize new messages with AI",className:o="",...u}){const m=t??_[s],c=[a.default["message-separator"],a.default[`message-separator--${s==="new-messages"?"new":s==="reply-count"?"reply":"date"}`],o].filter(Boolean).join(" "),r=e.jsxs("div",{className:a.default["message-separator__label"],children:[e.jsx("span",{className:a.default["message-separator__text"],children:m}),s==="new-messages"&&l&&e.jsxs("button",{type:"button",className:a.default["message-separator__summarize"],onClick:i,"aria-label":d,children:[e.jsx("span",{className:a.default["message-separator__summarize-icon"],"aria-hidden":!0,children:e.jsx(g.default,{size:"12",glyph:e.jsx(p,{})})}),n]})]});return e.jsx("div",{className:c,role:"separator",...u,children:s==="reply-count"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["message-separator__reply-gutter"],"aria-hidden":!0,children:e.jsx("div",{className:a.default["message-separator__reply-line-start"]})}),r,e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0}),r,e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0})]})})}exports.default=f;
+//# sourceMappingURL=MessageSeparator.cjs.map

package/dist/components/message-separator/MessageSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.cjs","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport styles from './MessageSeparator.module.scss';\n\nexport type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';\n\nexport interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Separator variant. Default: Date. */\n  type?: MessageSeparatorType;\n  /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. Accepts translated nodes. */\n  label?: ReactNode;\n  /** Show AI summarize button (New Messages type only). Default: false. */\n  showAiSummary?: boolean;\n  /** Called when Summarize button is clicked. */\n  onSummarize?: () => void;\n  /** Visible Summarize button text. Default: \"Summarize\". */\n  summarizeLabel?: ReactNode;\n  /** Accessible name for the Summarize button. Default: \"Summarize new messages with AI\". */\n  summarizeAriaLabel?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_LABELS: Record<MessageSeparatorType, string> = {\n  date: 'Today',\n  'new-messages': 'New messages',\n  'reply-count': '4 replies',\n};\n\n/**\n * Message Separators sit between messages in the stream to group them — by day, by reply\n * count, or to mark the boundary between read and unread. They help readers orient\n * themselves when scrolling back through history or returning to a busy channel.\n */\nexport default function MessageSeparator({\n  type = 'date',\n  label,\n  showAiSummary = false,\n  onSummarize,\n  summarizeLabel = 'Summarize',\n  summarizeAriaLabel = 'Summarize new messages with AI',\n  className = '',\n  ...rest\n}: MessageSeparatorProps) {\n  const displayLabel = label ?? DEFAULT_LABELS[type];\n\n  const rootClass = [\n    styles['message-separator'],\n    styles[\n      `message-separator--${type === 'new-messages' ? 'new' : type === 'reply-count' ? 'reply' : 'date'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelBlock = (\n    <div className={styles['message-separator__label']}>\n      <span className={styles['message-separator__text']}>{displayLabel}</span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label={summarizeAriaLabel}\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          {summarizeLabel}\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div\n            className={styles['message-separator__reply-gutter']}\n            aria-hidden\n          >\n            <div className={styles['message-separator__reply-line-start']} />\n          </div>\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      ) : (\n        <>\n          <div className={styles['message-separator__line']} aria-hidden />\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_LABELS","MessageSeparator","type","label","showAiSummary","onSummarize","summarizeLabel","summarizeAriaLabel","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":"kSAwBMA,EAAuD,CAC3D,KAAM,QACN,eAAgB,eAChB,cAAe,WACjB,EAOA,SAAwBC,EAAiB,CACvC,KAAAC,EAAO,OACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,YAAAC,EACA,eAAAC,EAAiB,YACjB,mBAAAC,EAAqB,iCACrB,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAeP,GAASH,EAAeE,CAAI,EAE3CS,EAAY,CAChBC,EAAAA,QAAO,mBAAmB,EAC1BA,EAAAA,QACE,sBAAsBV,IAAS,eAAiB,MAAQA,IAAS,cAAgB,QAAU,MAAM,EACnG,EACAM,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELK,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAWF,UAAO,0BAA0B,EAC/C,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,yBAAyB,EAAI,SAAAF,EAAa,EAEjER,IAAS,gBAAkBE,GAC1BU,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWF,EAAAA,QAAO,8BAA8B,EAChD,QAASP,EACT,aAAYE,EAEZ,SAAA,CAAAQ,EAAAA,IAAC,OAAA,CACC,UAAWH,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,eAACI,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,IAAoB,CAAA,CAAI,CAAA,CAAA,EAEjDX,CAAA,CAAA,CAAA,CACH,EAEJ,EAGF,OACES,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAW,KAAK,YAAa,GAAGF,EAC7C,SAAAP,IAAS,cACRY,EAAAA,KAAAI,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,iCAAiC,EACnD,cAAW,GAEX,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,qCAAqC,CAAA,CAAG,CAAA,CAAA,EAEhEC,QACA,MAAA,CAAI,UAAWD,EAAAA,QAAO,yBAAyB,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,CACjE,EAEAE,EAAAA,KAAAI,EAAAA,SAAA,CACE,SAAA,CAAAH,MAAC,OAAI,UAAWH,EAAAA,QAAO,yBAAyB,EAAG,cAAW,GAAC,EAC9DC,QACA,MAAA,CAAI,UAAWD,EAAAA,QAAO,yBAAyB,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,CACjE,CAAA,CAEJ,CAEJ"}

package/dist/components/message-separator/MessageSeparator.css

@@ -0,0 +1 @@
+@charset "UTF-8";._message-separator_143l5_3{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-xxxs) 0;width:100%}._message-separator__line_143l5_10{flex:1 0 0;min-width:4px;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator__label_143l5_16{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}._message-separator__text_143l5_22{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:var(--center-channel-color);white-space:nowrap}._message-separator__summarize_143l5_30{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-warning-rgb),.08);color:var(--new-message-separator, var(--color-warning));font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition)}._message-separator__summarize_143l5_30:hover{background-color:rgba(var(--color-warning-rgb),.14)}._message-separator__summarize_143l5_30:focus-visible{outline:2px solid var(--new-message-separator, var(--color-warning));outline-offset:1px}._message-separator__summarize-icon_143l5_54{display:inline-flex;align-items:center;flex-shrink:0}._message-separator__reply-gutter_143l5_62{display:flex;flex-shrink:0;align-items:center;width:var(--icon-size-32)}._message-separator__reply-line-start_143l5_68{width:100%;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator--date_143l5_73 ._message-separator__text_143l5_22{color:var(--center-channel-color)}._message-separator--new_143l5_76 ._message-separator__line_143l5_10{background-color:var(--new-message-separator, var(--color-warning))}._message-separator--new_143l5_76 ._message-separator__text_143l5_22{color:var(--new-message-separator, var(--color-warning))}._message-separator--reply_143l5_82{padding:var(--spacing-xxxs) var(--spacing-xxl)}

package/dist/components/message-separator/MessageSeparator.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';
+export interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** Separator variant. Default: Date. */
+    type?: MessageSeparatorType;
+    /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. Accepts translated nodes. */
+    label?: ReactNode;
+    /** Show AI summarize button (New Messages type only). Default: false. */
+    showAiSummary?: boolean;
+    /** Called when Summarize button is clicked. */
+    onSummarize?: () => void;
+    /** Visible Summarize button text. Default: "Summarize". */
+    summarizeLabel?: ReactNode;
+    /** Accessible name for the Summarize button. Default: "Summarize new messages with AI". */
+    summarizeAriaLabel?: string;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Message Separators sit between messages in the stream to group them — by day, by reply
+ * count, or to mark the boundary between read and unread. They help readers orient
+ * themselves when scrolling back through history or returning to a busy channel.
+ */
+export default function MessageSeparator({ type, label, showAiSummary, onSummarize, summarizeLabel, summarizeAriaLabel, className, ...rest }: MessageSeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageSeparator.d.ts.map

package/dist/components/message-separator/MessageSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC;AAE3E,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,wCAAwC;IACxC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAa,EACb,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,cAA4B,EAC5B,kBAAqD,EACrD,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA0DvB"}

package/dist/components/message-separator/MessageSeparator.js

@@ -0,0 +1,67 @@
+import { jsx as a, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import _ from "../icon/Icon.js";
+import __h from "@mattermost/compass-icons/components/creation-outline.js";const h=__h&&__h.default?__h.default:__h;
+import e from "./MessageSeparator.module.scss.js";
+const N = {
+  date: "Today",
+  "new-messages": "New messages",
+  "reply-count": "4 replies"
+};
+function b({
+  type: s = "date",
+  label: l,
+  showAiSummary: n = !1,
+  onSummarize: o,
+  summarizeLabel: m = "Summarize",
+  summarizeAriaLabel: c = "Summarize new messages with AI",
+  className: d = "",
+  ...p
+}) {
+  const g = l ?? N[s], u = [
+    e["message-separator"],
+    e[`message-separator--${s === "new-messages" ? "new" : s === "reply-count" ? "reply" : "date"}`],
+    d
+  ].filter(Boolean).join(" "), t = /* @__PURE__ */ r("div", { className: e["message-separator__label"], children: [
+    /* @__PURE__ */ a("span", { className: e["message-separator__text"], children: g }),
+    s === "new-messages" && n && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: e["message-separator__summarize"],
+        onClick: o,
+        "aria-label": c,
+        children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: e["message-separator__summarize-icon"],
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ a(_, { size: "12", glyph: /* @__PURE__ */ a(h, {}) })
+            }
+          ),
+          m
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ a("div", { className: u, role: "separator", ...p, children: s === "reply-count" ? /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: e["message-separator__reply-gutter"],
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ a("div", { className: e["message-separator__reply-line-start"] })
+      }
+    ),
+    t,
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 })
+  ] }) : /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 }),
+    t,
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 })
+  ] }) });
+}
+export {
+  b as default
+};
+//# sourceMappingURL=MessageSeparator.js.map

package/dist/components/message-separator/MessageSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.js","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport styles from './MessageSeparator.module.scss';\n\nexport type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';\n\nexport interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Separator variant. Default: Date. */\n  type?: MessageSeparatorType;\n  /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. Accepts translated nodes. */\n  label?: ReactNode;\n  /** Show AI summarize button (New Messages type only). Default: false. */\n  showAiSummary?: boolean;\n  /** Called when Summarize button is clicked. */\n  onSummarize?: () => void;\n  /** Visible Summarize button text. Default: \"Summarize\". */\n  summarizeLabel?: ReactNode;\n  /** Accessible name for the Summarize button. Default: \"Summarize new messages with AI\". */\n  summarizeAriaLabel?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_LABELS: Record<MessageSeparatorType, string> = {\n  date: 'Today',\n  'new-messages': 'New messages',\n  'reply-count': '4 replies',\n};\n\n/**\n * Message Separators sit between messages in the stream to group them — by day, by reply\n * count, or to mark the boundary between read and unread. They help readers orient\n * themselves when scrolling back through history or returning to a busy channel.\n */\nexport default function MessageSeparator({\n  type = 'date',\n  label,\n  showAiSummary = false,\n  onSummarize,\n  summarizeLabel = 'Summarize',\n  summarizeAriaLabel = 'Summarize new messages with AI',\n  className = '',\n  ...rest\n}: MessageSeparatorProps) {\n  const displayLabel = label ?? DEFAULT_LABELS[type];\n\n  const rootClass = [\n    styles['message-separator'],\n    styles[\n      `message-separator--${type === 'new-messages' ? 'new' : type === 'reply-count' ? 'reply' : 'date'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelBlock = (\n    <div className={styles['message-separator__label']}>\n      <span className={styles['message-separator__text']}>{displayLabel}</span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label={summarizeAriaLabel}\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          {summarizeLabel}\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div\n            className={styles['message-separator__reply-gutter']}\n            aria-hidden\n          >\n            <div className={styles['message-separator__reply-line-start']} />\n          </div>\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      ) : (\n        <>\n          <div className={styles['message-separator__line']} aria-hidden />\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_LABELS","MessageSeparator","type","label","showAiSummary","onSummarize","summarizeLabel","summarizeAriaLabel","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":";;;;AAwBA,MAAMA,IAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,eAAe;AACjB;AAOA,SAAwBC,EAAiB;AAAA,EACvC,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC,IAAqB;AAAA,EACrB,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAeP,KAASH,EAAeE,CAAI,GAE3CS,IAAY;AAAA,IAChBC,EAAO,mBAAmB;AAAA,IAC1BA,EACE,sBAAsBV,MAAS,iBAAiB,QAAQA,MAAS,gBAAgB,UAAU,MAAM,EACnG;AAAA,IACAM;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELK,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,yBAAyB,GAAI,UAAAF,GAAa;AAAA,IAEjER,MAAS,kBAAkBE,KAC1B,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWF,EAAO,8BAA8B;AAAA,QAChD,SAASP;AAAA,QACT,cAAYE;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWH,EAAO,mCAAmC;AAAA,cACrD,eAAW;AAAA,cAEX,4BAACI,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,KAAoB,EAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEjDX;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAGF,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWJ,GAAW,MAAK,aAAa,GAAGF,GAC7C,UAAAP,MAAS,gBACR,gBAAAY,EAAAI,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,iCAAiC;AAAA,QACnD,eAAW;AAAA,QAEX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAO,qCAAqC,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhEC;AAAA,sBACA,OAAA,EAAI,WAAWD,EAAO,yBAAyB,GAAG,eAAW,GAAA,CAAC;AAAA,EAAA,EAAA,CACjE,IAEA,gBAAAE,EAAAI,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAWH,EAAO,yBAAyB,GAAG,eAAW,IAAC;AAAA,IAC9DC;AAAA,sBACA,OAAA,EAAI,WAAWD,EAAO,yBAAyB,GAAG,eAAW,GAAA,CAAC;AAAA,EAAA,EAAA,CACjE,EAAA,CAEJ;AAEJ;"}

package/dist/components/message-separator/MessageSeparator.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageSeparator.css');const e={"message-separator":"_message-separator_143l5_3","message-separator__line":"_message-separator__line_143l5_10","message-separator__label":"_message-separator__label_143l5_16","message-separator__text":"_message-separator__text_143l5_22","message-separator__summarize":"_message-separator__summarize_143l5_30","message-separator__summarize-icon":"_message-separator__summarize-icon_143l5_54","message-separator__reply-gutter":"_message-separator__reply-gutter_143l5_62","message-separator__reply-line-start":"_message-separator__reply-line-start_143l5_68","message-separator--date":"_message-separator--date_143l5_73","message-separator--new":"_message-separator--new_143l5_76","message-separator--reply":"_message-separator--reply_143l5_82"};exports.default=e;
+//# sourceMappingURL=MessageSeparator.module.scss.cjs.map

package/dist/components/message-separator/MessageSeparator.module.scss.cjs.map

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

package/dist/components/message-separator/MessageSeparator.module.scss.js

@@ -0,0 +1,17 @@
+import './MessageSeparator.css';const e = {
+  "message-separator": "_message-separator_143l5_3",
+  "message-separator__line": "_message-separator__line_143l5_10",
+  "message-separator__label": "_message-separator__label_143l5_16",
+  "message-separator__text": "_message-separator__text_143l5_22",
+  "message-separator__summarize": "_message-separator__summarize_143l5_30",
+  "message-separator__summarize-icon": "_message-separator__summarize-icon_143l5_54",
+  "message-separator__reply-gutter": "_message-separator__reply-gutter_143l5_62",
+  "message-separator__reply-line-start": "_message-separator__reply-line-start_143l5_68",
+  "message-separator--date": "_message-separator--date_143l5_73",
+  "message-separator--new": "_message-separator--new_143l5_76",
+  "message-separator--reply": "_message-separator--reply_143l5_82"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageSeparator.module.scss.js.map

package/dist/components/message-separator/MessageSeparator.module.scss.js.map

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

package/dist/components/message-separator/index.cjs

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

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

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

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

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

package/dist/components/message-separator/index.js

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

package/dist/components/message-separator/index.js.map

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

package/dist/components/modal/Modal.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("react"),A=require("../../hooks/use-modal-focus.cjs"),D=require("../../hooks/use-popover-transition.cjs"),G=require("../scrollbar/Scrollbar.cjs"),J=require("../modal-footer/ModalFooter.cjs"),Q=require("../modal-header/ModalHeader.cjs"),U=require("../../utils/string.cjs"),e=require("./Modal.module.scss.cjs");function V({className:r="",style:n,size:i="small",title:s,subtitle:l,subtitlePlacement:c="below",hideTitle:u=!1,showBackButton:t=!1,onBack:d,backLabel:x,backButtonProps:y,onClose:m,closeLabel:I,closeButtonProps:R,headerDivider:g=!0,headerAction:F,headerSlot:N,bodyPadding:_="default",scrollable:b=!0,children:w,footer:v,footerLeading:j,footerType:f="2-actions",footerDivider:B=!0,closeOnEscape:P=!0,manageFocus:S=!0,initialFocusRef:k,active:p,transition:M,visible:z,...C}){const q=a.useRef(null);A.useModalFocus(q,{initialFocusRef:k,closeOnEscape:P,manageFocus:S,onClose:m,active:p});const h=a.useId(),H=e.default[`modal--size-${U.toKebab(i)}`],K=[e.default["modal__body-inner"],_==="menu"&&e.default["modal__body-inner--menu"],_==="none"&&e.default["modal__body-inner--none"],!b&&e.default["modal__body-inner--fill"]].filter(Boolean).join(" "),O=o.jsx("div",{className:K,children:w}),T=[e.default.modal__scroll,!b&&e.default["modal__scroll--fill"]].filter(Boolean).join(" "),$=v!=null||j!=null||f==="spacer-small"||f==="spacer-large";return o.jsxs("div",{...C,ref:q,tabIndex:-1,className:[e.default.modal,H,M&&e.default["modal--transition"],M&&z&&e.default["modal--visible"],r].filter(Boolean).join(" "),style:n,role:"dialog","aria-modal":"true","aria-labelledby":h,children:[o.jsx(Q.default,{title:s,titleId:h,subtitle:l,subtitlePlacement:c,hideTitle:u,showBackButton:t,onBack:d,backLabel:x,backButtonProps:y,onClose:m,closeLabel:I,closeButtonProps:R,divider:g,headerAction:F,headerSlot:N}),o.jsx("div",{className:e.default.modal__body,children:o.jsx(G.default,{className:T,children:O})}),$&&o.jsx(J.default,{type:f,divider:B,leading:j,children:v})]})}function W({open:r,onExited:n,...i}){const s=r!==void 0,{mounted:l,visible:c}=D.usePopoverTransition(r??!0),u=a.useRef(l),t=a.useRef(n);return t.current=n,a.useEffect(()=>{var d;u.current&&!l&&s&&((d=t.current)==null||d.call(t)),u.current=l},[l,s]),s&&!l?null:o.jsx(V,{...i,active:r??!0,transition:s,visible:c})}exports.default=W;
+//# sourceMappingURL=Modal.cjs.map