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

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js

@@ -0,0 +1,172 @@
+import { jsxs as t, jsx as i, Fragment as u } from "react/jsx-runtime";
+import __h from "@mattermost/compass-icons/components/arrow-right-bold-outline.js";const h=__h&&__h.default?__h.default:__h;
+import __c from "@mattermost/compass-icons/components/bookmark-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __d from "@mattermost/compass-icons/components/chevron-right.js";const d=__d&&__d.default?__d.default:__d;
+import __V from "@mattermost/compass-icons/components/clock-outline.js";const V=__V&&__V.default?__V.default:__V;
+import __f from "@mattermost/compass-icons/components/content-copy.js";const f=__f&&__f.default?__f.default:__f;
+import __y from "@mattermost/compass-icons/components/flag-outline.js";const y=__y&&__y.default?__y.default:__y;
+import __I from "@mattermost/compass-icons/components/link-variant.js";const I=__I&&__I.default?__I.default:__I;
+import __b from "@mattermost/compass-icons/components/mark-as-unread.js";const b=__b&&__b.default?__b.default:__b;
+import __z from "@mattermost/compass-icons/components/message-check-outline.js";const z=__z&&__z.default?__z.default:__z;
+import __E from "@mattermost/compass-icons/components/pencil-outline.js";const E=__E&&__E.default?__E.default:__E;
+import __M from "@mattermost/compass-icons/components/pin-outline.js";const M=__M&&__M.default?__M.default:__M;
+import __O from "@mattermost/compass-icons/components/reply-outline.js";const O=__O&&__O.default?__O.default:__O;
+import __C from "@mattermost/compass-icons/components/translate.js";const C=__C&&__C.default?__C.default:__C;
+import __k from "@mattermost/compass-icons/components/trash-can-outline.js";const k=__k&&__k.default?__k.default:__k;
+import l from "../icon/Icon.js";
+import e from "../menu-item/MenuItem.js";
+import v, { PopoverMenuGroup as a, PopoverMenuDivider as o } from "../popover-menu/PopoverMenu.js";
+import F from "../shortcut-tag/ShortcutTag.js";
+function r(n) {
+  return /* @__PURE__ */ i(F, { label: n, size: "small" });
+}
+function W({
+  permissionToEdit: n = !0,
+  showFlagOption: g = !0,
+  className: s = "",
+  style: m,
+  ...p
+}) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      className: s,
+      style: { width: "236px", ...m },
+      ...p,
+      children: [
+        /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Reply",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(O, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("R")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Forward",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(h, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("Shift + F")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Follow thread",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(z, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("F")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Mark as unread",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(b, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("U")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Save",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(c, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("S")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Remind",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(V, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(d, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Pin to channel",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(M, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("P")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(o, {}),
+        /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Copy text",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(f, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("C")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Show translation",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(C, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Copy link",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(I, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("K")
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ t(u, { children: [
+          /* @__PURE__ */ i(o, {}),
+          /* @__PURE__ */ t(a, { children: [
+            /* @__PURE__ */ i(
+              e,
+              {
+                label: "Edit",
+                leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(E, {}), size: "16" }),
+                trailingElement: !0,
+                trailingVisual: r("E")
+              }
+            ),
+            /* @__PURE__ */ i(
+              e,
+              {
+                label: "Delete",
+                destructive: !0,
+                leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(k, {}), size: "16" }),
+                trailingElement: !0,
+                trailingVisual: r("delete")
+              }
+            )
+          ] })
+        ] }),
+        g && /* @__PURE__ */ t(u, { children: [
+          !n && /* @__PURE__ */ i(o, {}),
+          /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+            e,
+            {
+              label: "Flag message",
+              destructive: !0,
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(y, {}), size: "16" })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  W as default
+};
+//# sourceMappingURL=MessageMoreOptionsMenu.js.map

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMoreOptionsMenu.js","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport ArrowRightBoldOutlineIcon from '@mattermost/compass-icons/components/arrow-right-bold-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ClockOutlineIcon from '@mattermost/compass-icons/components/clock-outline';\nimport ContentCopyIcon from '@mattermost/compass-icons/components/content-copy';\nimport FlagOutlineIcon from '@mattermost/compass-icons/components/flag-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageCheckOutlineIcon from '@mattermost/compass-icons/components/message-check-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport TranslateIcon from '@mattermost/compass-icons/components/translate';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface MessageMoreOptionsMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Shows Edit and Delete rows. Default: true. */\n  permissionToEdit?: boolean;\n  /** Shows Flag message row. Default: true. */\n  showFlagOption?: boolean;\n}\n\nfunction shortcutLabel(text: string) {\n  return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Message “more options” menu — actions with keyboard hints, optional edit/flag.\n */\nexport default function MessageMoreOptionsMenu({\n  permissionToEdit = true,\n  showFlagOption = true,\n  className = '',\n  style,\n  ...rest\n}: MessageMoreOptionsMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '236px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Reply\"\n          leadingVisual={<Icon glyph={<ReplyOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('R')}\n        />\n        <MenuItem\n          label=\"Forward\"\n          leadingVisual={\n            <Icon glyph={<ArrowRightBoldOutlineIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={shortcutLabel('Shift + F')}\n        />\n        <MenuItem\n          label=\"Follow thread\"\n          leadingVisual={<Icon glyph={<MessageCheckOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('F')}\n        />\n        <MenuItem\n          label=\"Mark as unread\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('U')}\n        />\n        <MenuItem\n          label=\"Save\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('S')}\n        />\n        <MenuItem\n          label=\"Remind\"\n          leadingVisual={<Icon glyph={<ClockOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Pin to channel\"\n          leadingVisual={<Icon glyph={<PinOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('P')}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy text\"\n          leadingVisual={<Icon glyph={<ContentCopyIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('C')}\n        />\n        <MenuItem\n          label=\"Show translation\"\n          leadingVisual={<Icon glyph={<TranslateIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('K')}\n        />\n      </PopoverMenuGroup>\n      {permissionToEdit && (\n        <>\n          <PopoverMenuDivider />\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Edit\"\n              leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('E')}\n            />\n            <MenuItem\n              label=\"Delete\"\n              destructive\n              leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n              trailingElement\n              trailingVisual={shortcutLabel('delete')}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n      {showFlagOption && (\n        <>\n          {!permissionToEdit && <PopoverMenuDivider />}\n          <PopoverMenuGroup>\n            <MenuItem\n              label=\"Flag message\"\n              destructive\n              leadingVisual={<Icon glyph={<FlagOutlineIcon />} size=\"16\" />}\n            />\n          </PopoverMenuGroup>\n        </>\n      )}\n    </PopoverMenu>\n  );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","MessageMoreOptionsMenu","permissionToEdit","showFlagOption","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","ReplyOutlineIcon","ArrowRightBoldOutlineIcon","MessageCheckOutlineIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","ClockOutlineIcon","ChevronRightIcon","PinOutlineIcon","PopoverMenuDivider","ContentCopyIcon","TranslateIcon","LinkVariantIcon","Fragment","PencilOutlineIcon","TrashCanOutlineIcon","FlagOutlineIcon"],"mappings":"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"}

package/dist/components/message-more-options-menu/index.cjs

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

package/dist/components/message-more-options-menu/index.cjs.map

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

package/dist/components/message-more-options-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-more-options-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/message-more-options-menu/index.js

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

package/dist/components/message-more-options-menu/index.js.map

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

package/dist/components/message-reactions/MessageReactions.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../icon-button/IconButton.cjs"),c=require("../icon/Icon.cjs"),__x=require("@mattermost/compass-icons/components/check-circle-outline.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),h=__h?.default??__h,s=require("./MessageReactions.module.scss.cjs"),N=[{emoji:"👍",count:1},{emoji:"😀",count:4},{emoji:"🙌",count:1}];function b({reactions:o=N,showAddReaction:r=!1,acknowledged:u=!1,acknowledgeCount:d=0,currentUserAcknowledged:l=!1,onAddReaction:m,onReactionClick:t,onAcknowledge:_,className:f="",...j}){const g=[s.default["message-reactions"],f].filter(Boolean).join(" ");return e.jsxs("div",{className:g,...j,children:[u&&e.jsxs("button",{type:"button",className:[s.default["message-reactions__ack"],l?s.default["message-reactions__ack--active"]:""].filter(Boolean).join(" "),onClick:_,"aria-pressed":l,"aria-label":"Acknowledge message",children:[e.jsx("span",{className:s.default["message-reactions__ack-icon"],"aria-hidden":!0,children:e.jsx(c.default,{size:"16",glyph:e.jsx(x,{})})}),l?e.jsx("span",{className:s.default["message-reactions__ack-count"],children:d}):e.jsx("span",{className:s.default["message-reactions__ack-label"],children:"Acknowledge"})]}),e.jsxs("div",{className:s.default["message-reactions__pills"],children:[o.map(({emoji:a,count:i,byCurrentUser:n})=>e.jsxs("button",{type:"button",className:[s.default["message-reactions__pill"],n?s.default["message-reactions__pill--mine"]:""].filter(Boolean).join(" "),onClick:()=>t==null?void 0:t(a),"aria-label":`${a} ${i} reaction${i!==1?"s":""}`,"aria-pressed":n,children:[e.jsx("span",{className:s.default["message-reactions__pill-emoji"],"aria-hidden":!0,children:a}),e.jsx("span",{className:s.default["message-reactions__pill-count"],children:i})]},a)),r&&e.jsx(p.default,{"aria-label":"Add reaction",className:s.default["message-reactions__add-reaction"],size:"x-small",onClick:m,icon:e.jsx(c.default,{size:"16",glyph:e.jsx(h,{})})})]})]})}exports.default=b;
+//# sourceMappingURL=MessageReactions.cjs.map

package/dist/components/message-reactions/MessageReactions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.cjs","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n  emoji: string;\n  count: number;\n  /** Whether the current user reacted with this emoji. */\n  byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** List of reactions to display. */\n  reactions?: ReactionItem[];\n  /** Whether to show the add-reaction button. Default: false. */\n  showAddReaction?: boolean;\n  /** Whether to show the acknowledge button. */\n  acknowledged?: boolean;\n  /** Acknowledge count. */\n  acknowledgeCount?: number;\n  /** Whether the current user has acknowledged. Default: false. */\n  currentUserAcknowledged?: boolean;\n  /** Called when add-reaction is clicked. */\n  onAddReaction?: () => void;\n  /** Called when a reaction pill is clicked. */\n  onReactionClick?: (emoji: string) => void;\n  /** Called when the acknowledge button is clicked. */\n  onAcknowledge?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n  { emoji: '👍', count: 1 },\n  { emoji: '😀', count: 4 },\n  { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n  reactions = DEFAULT_REACTIONS,\n  showAddReaction = false,\n  acknowledged = false,\n  acknowledgeCount = 0,\n  currentUserAcknowledged = false,\n  onAddReaction,\n  onReactionClick,\n  onAcknowledge,\n  className = '',\n  ...rest\n}: MessageReactionsProps) {\n  const rootClass = [styles['message-reactions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {/* Acknowledge button */}\n      {acknowledged && (\n        <button\n          type=\"button\"\n          className={[\n            styles['message-reactions__ack'],\n            currentUserAcknowledged\n              ? styles['message-reactions__ack--active']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onAcknowledge}\n          aria-pressed={currentUserAcknowledged}\n          aria-label=\"Acknowledge message\"\n        >\n          <span className={styles['message-reactions__ack-icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n          </span>\n          {currentUserAcknowledged ? (\n            <span className={styles['message-reactions__ack-count']}>\n              {acknowledgeCount}\n            </span>\n          ) : (\n            <span className={styles['message-reactions__ack-label']}>\n              Acknowledge\n            </span>\n          )}\n        </button>\n      )}\n\n      {/* Reaction pills */}\n      <div className={styles['message-reactions__pills']}>\n        {reactions.map(({ emoji, count, byCurrentUser }) => (\n          <button\n            key={emoji}\n            type=\"button\"\n            className={[\n              styles['message-reactions__pill'],\n              byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => onReactionClick?.(emoji)}\n            aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n            aria-pressed={byCurrentUser}\n          >\n            <span\n              className={styles['message-reactions__pill-emoji']}\n              aria-hidden\n            >\n              {emoji}\n            </span>\n            <span className={styles['message-reactions__pill-count']}>\n              {count}\n            </span>\n          </button>\n        ))}\n\n        {/* Add reaction button */}\n        {showAddReaction && (\n          <IconButton\n            aria-label=\"Add reaction\"\n            className={styles['message-reactions__add-reaction']}\n            size=\"x-small\"\n            onClick={onAddReaction}\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":"wZAmCMA,EAAoC,CACxC,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,CACxB,EAOA,SAAwBC,EAAiB,CACvC,UAAAC,EAAYF,EACZ,gBAAAG,EAAkB,GAClB,aAAAC,EAAe,GACf,iBAAAC,EAAmB,EACnB,wBAAAC,EAA0B,GAC1B,cAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAY,CAACC,UAAO,mBAAmB,EAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAY,GAAGD,EAE5B,SAAA,CAAAP,GACCU,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,wBAAwB,EAC/BP,EACIO,EAAAA,QAAO,gCAAgC,EACvC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASJ,EACT,eAAcH,EACd,aAAW,sBAEX,SAAA,CAAAS,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAuB,EAAI,EACrD,EACCX,EACCS,EAAAA,IAAC,OAAA,CAAK,UAAWF,UAAO,8BAA8B,EACnD,SAAAR,CAAA,CACH,QAEC,OAAA,CAAK,UAAWQ,EAAAA,QAAO,8BAA8B,EAAG,SAAA,aAAA,CAEzD,CAAA,CAAA,CAAA,EAMNC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,0BAA0B,EAC9C,SAAA,CAAAX,EAAU,IAAI,CAAC,CAAE,MAAAgB,EAAO,MAAAC,EAAO,cAAAC,KAC9BN,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,yBAAyB,EAChCO,EAAgBP,EAAAA,QAAO,+BAA+B,EAAI,EAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,IAAML,GAAA,YAAAA,EAAkBU,GACjC,aAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,IAAU,EAAI,IAAM,EAAE,GAC/D,eAAcC,EAEd,SAAA,CAAAL,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,+BAA+B,EACjD,cAAW,GAEV,SAAAK,CAAA,CAAA,QAEF,OAAA,CAAK,UAAWL,EAAAA,QAAO,+BAA+B,EACpD,SAAAM,CAAA,CACH,CAAA,CAAA,EApBKD,CAAA,CAsBR,EAGAf,GACCY,EAAAA,IAACM,EAAAA,QAAA,CACC,aAAW,eACX,UAAWR,EAAAA,QAAO,iCAAiC,EACnD,KAAK,UACL,QAASN,EACT,WAAOS,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACO,IAAwB,CAAA,CAAI,CAAA,CAAA,CAC5D,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/message-reactions/MessageReactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oCAAoC;IACpC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAA6B,EAC7B,eAAuB,EACvB,YAAoB,EACpB,gBAAoB,EACpB,uBAA+B,EAC/B,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+EvB"}

package/dist/components/message-reactions/MessageReactions.js

@@ -0,0 +1,85 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import N from "../icon-button/IconButton.js";
+import t from "../icon/Icon.js";
+import __b from "@mattermost/compass-icons/components/check-circle-outline.js";const b=__b&&__b.default?__b.default:__b;
+import __j from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const j=__j&&__j.default?__j.default:__j;
+import e from "./MessageReactions.module.scss.js";
+const k = [
+  { emoji: "👍", count: 1 },
+  { emoji: "😀", count: 4 },
+  { emoji: "🙌", count: 1 }
+];
+function A({
+  reactions: r = k,
+  showAddReaction: m = !1,
+  acknowledged: p = !1,
+  acknowledgeCount: _ = 0,
+  currentUserAcknowledged: l = !1,
+  onAddReaction: d,
+  onReactionClick: o,
+  onAcknowledge: g,
+  className: f = "",
+  ...h
+}) {
+  const u = [e["message-reactions"], f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: u, ...h, children: [
+    p && /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: [
+          e["message-reactions__ack"],
+          l ? e["message-reactions__ack--active"] : ""
+        ].filter(Boolean).join(" "),
+        onClick: g,
+        "aria-pressed": l,
+        "aria-label": "Acknowledge message",
+        children: [
+          /* @__PURE__ */ a("span", { className: e["message-reactions__ack-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(b, {}) }) }),
+          l ? /* @__PURE__ */ a("span", { className: e["message-reactions__ack-count"], children: _ }) : /* @__PURE__ */ a("span", { className: e["message-reactions__ack-label"], children: "Acknowledge" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: e["message-reactions__pills"], children: [
+      r.map(({ emoji: s, count: n, byCurrentUser: c }) => /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: [
+            e["message-reactions__pill"],
+            c ? e["message-reactions__pill--mine"] : ""
+          ].filter(Boolean).join(" "),
+          onClick: () => o == null ? void 0 : o(s),
+          "aria-label": `${s} ${n} reaction${n !== 1 ? "s" : ""}`,
+          "aria-pressed": c,
+          children: [
+            /* @__PURE__ */ a(
+              "span",
+              {
+                className: e["message-reactions__pill-emoji"],
+                "aria-hidden": !0,
+                children: s
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: e["message-reactions__pill-count"], children: n })
+          ]
+        },
+        s
+      )),
+      m && /* @__PURE__ */ a(
+        N,
+        {
+          "aria-label": "Add reaction",
+          className: e["message-reactions__add-reaction"],
+          size: "x-small",
+          onClick: d,
+          icon: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(j, {}) })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=MessageReactions.js.map

package/dist/components/message-reactions/MessageReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.js","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n  emoji: string;\n  count: number;\n  /** Whether the current user reacted with this emoji. */\n  byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** List of reactions to display. */\n  reactions?: ReactionItem[];\n  /** Whether to show the add-reaction button. Default: false. */\n  showAddReaction?: boolean;\n  /** Whether to show the acknowledge button. */\n  acknowledged?: boolean;\n  /** Acknowledge count. */\n  acknowledgeCount?: number;\n  /** Whether the current user has acknowledged. Default: false. */\n  currentUserAcknowledged?: boolean;\n  /** Called when add-reaction is clicked. */\n  onAddReaction?: () => void;\n  /** Called when a reaction pill is clicked. */\n  onReactionClick?: (emoji: string) => void;\n  /** Called when the acknowledge button is clicked. */\n  onAcknowledge?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n  { emoji: '👍', count: 1 },\n  { emoji: '😀', count: 4 },\n  { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n  reactions = DEFAULT_REACTIONS,\n  showAddReaction = false,\n  acknowledged = false,\n  acknowledgeCount = 0,\n  currentUserAcknowledged = false,\n  onAddReaction,\n  onReactionClick,\n  onAcknowledge,\n  className = '',\n  ...rest\n}: MessageReactionsProps) {\n  const rootClass = [styles['message-reactions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {/* Acknowledge button */}\n      {acknowledged && (\n        <button\n          type=\"button\"\n          className={[\n            styles['message-reactions__ack'],\n            currentUserAcknowledged\n              ? styles['message-reactions__ack--active']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onAcknowledge}\n          aria-pressed={currentUserAcknowledged}\n          aria-label=\"Acknowledge message\"\n        >\n          <span className={styles['message-reactions__ack-icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n          </span>\n          {currentUserAcknowledged ? (\n            <span className={styles['message-reactions__ack-count']}>\n              {acknowledgeCount}\n            </span>\n          ) : (\n            <span className={styles['message-reactions__ack-label']}>\n              Acknowledge\n            </span>\n          )}\n        </button>\n      )}\n\n      {/* Reaction pills */}\n      <div className={styles['message-reactions__pills']}>\n        {reactions.map(({ emoji, count, byCurrentUser }) => (\n          <button\n            key={emoji}\n            type=\"button\"\n            className={[\n              styles['message-reactions__pill'],\n              byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => onReactionClick?.(emoji)}\n            aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n            aria-pressed={byCurrentUser}\n          >\n            <span\n              className={styles['message-reactions__pill-emoji']}\n              aria-hidden\n            >\n              {emoji}\n            </span>\n            <span className={styles['message-reactions__pill-count']}>\n              {count}\n            </span>\n          </button>\n        ))}\n\n        {/* Add reaction button */}\n        {showAddReaction && (\n          <IconButton\n            aria-label=\"Add reaction\"\n            className={styles['message-reactions__add-reaction']}\n            size=\"x-small\"\n            onClick={onAddReaction}\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":";;;;;;AAmCA,MAAMA,IAAoC;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AACxB;AAOA,SAAwBC,EAAiB;AAAA,EACvC,WAAAC,IAAYF;AAAA,EACZ,iBAAAG,IAAkB;AAAA,EAClB,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,yBAAAC,IAA0B;AAAA,EAC1B,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAY,CAACC,EAAO,mBAAmB,GAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAY,GAAGD,GAE5B,UAAA;AAAA,IAAAP,KACC,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACTD,EAAO,wBAAwB;AAAA,UAC/BP,IACIO,EAAO,gCAAgC,IACvC;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,SAASJ;AAAA,QACT,gBAAcH;AAAA,QACd,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAE,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAuB,GAAI,GACrD;AAAA,UACCX,IACC,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,8BAA8B,GACnD,UAAAR,EAAA,CACH,sBAEC,QAAA,EAAK,WAAWQ,EAAO,8BAA8B,GAAG,UAAA,cAAA,CAEzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAMN,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,0BAA0B,GAC9C,UAAA;AAAA,MAAAX,EAAU,IAAI,CAAC,EAAE,OAAAgB,GAAO,OAAAC,GAAO,eAAAC,QAC9B,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAW;AAAA,YACTD,EAAO,yBAAyB;AAAA,YAChCO,IAAgBP,EAAO,+BAA+B,IAAI;AAAA,UAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAAS,MAAML,KAAA,gBAAAA,EAAkBU;AAAA,UACjC,cAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,MAAU,IAAI,MAAM,EAAE;AAAA,UAC/D,gBAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAO,+BAA+B;AAAA,gBACjD,eAAW;AAAA,gBAEV,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEF,QAAA,EAAK,WAAWL,EAAO,+BAA+B,GACpD,UAAAM,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QApBKD;AAAA,MAAA,CAsBR;AAAA,MAGAf,KACC,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAWR,EAAO,iCAAiC;AAAA,UACnD,MAAK;AAAA,UACL,SAASN;AAAA,UACT,wBAAOS,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACO,KAAwB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5D,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/message-reactions/MessageReactions.module.css

@@ -0,0 +1 @@
+._message-reactions_v1bab_2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._message-reactions__pills_v1bab_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}._message-reactions__pill_v1bab_9{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._message-reactions__pill_v1bab_9:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._message-reactions__pill_v1bab_9:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}._message-reactions__pill--mine_v1bab_33{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._message-reactions__pill--mine_v1bab_33:hover{background-color:rgba(var(--link-color-rgb),.12)}._message-reactions__pill--mine_v1bab_33 ._message-reactions__pill-count_v1bab_40{color:var(--link-color)}._message-reactions__pill-emoji_v1bab_43{font-size:var(--font-size-200);line-height:var(--line-height-50)}._message-reactions__pill-count_v1bab_40{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:rgba(var(--center-channel-color-rgb),.56)}@media(hover:hover)and (pointer:fine){._message-reactions__add-reaction_v1bab_55{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._message-reactions_v1bab_2:hover ._message-reactions__add-reaction_v1bab_55,._message-reactions_v1bab_2:focus-within ._message-reactions__add-reaction_v1bab_55{opacity:1;pointer-events:auto}}._message-reactions__ack_v1bab_65{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._message-reactions__ack_v1bab_65:hover{background-color:rgba(var(--color-success-rgb),.2)}._message-reactions__ack_v1bab_65:focus-visible{outline:2px solid var(--color-success);outline-offset:1px}._message-reactions__ack--active_v1bab_84{background-color:var(--color-success);color:var(--button-color)}._message-reactions__ack--active_v1bab_84:hover{background-image:linear-gradient(#00000014,#00000014);background-color:var(--color-success)}._message-reactions__ack-icon_v1bab_92{display:inline-flex;align-items:center}._message-reactions__ack-count_v1bab_96,._message-reactions__ack-label_v1bab_102{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}

package/dist/components/message-reactions/MessageReactions.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageReactions.module.css');const e={"message-reactions":"_message-reactions_v1bab_2","message-reactions__pills":"_message-reactions__pills_v1bab_9","message-reactions__pill":"_message-reactions__pill_v1bab_9","message-reactions__pill--mine":"_message-reactions__pill--mine_v1bab_33","message-reactions__pill-count":"_message-reactions__pill-count_v1bab_40","message-reactions__pill-emoji":"_message-reactions__pill-emoji_v1bab_43","message-reactions__add-reaction":"_message-reactions__add-reaction_v1bab_55","message-reactions__ack":"_message-reactions__ack_v1bab_65","message-reactions__ack--active":"_message-reactions__ack--active_v1bab_84","message-reactions__ack-icon":"_message-reactions__ack-icon_v1bab_92","message-reactions__ack-count":"_message-reactions__ack-count_v1bab_96","message-reactions__ack-label":"_message-reactions__ack-label_v1bab_102"};exports.default=e;
+//# sourceMappingURL=MessageReactions.module.scss.cjs.map

package/dist/components/message-reactions/MessageReactions.module.scss.cjs.map

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

package/dist/components/message-reactions/MessageReactions.module.scss.js

@@ -0,0 +1,18 @@
+import './MessageReactions.module.css';const e = {
+  "message-reactions": "_message-reactions_v1bab_2",
+  "message-reactions__pills": "_message-reactions__pills_v1bab_9",
+  "message-reactions__pill": "_message-reactions__pill_v1bab_9",
+  "message-reactions__pill--mine": "_message-reactions__pill--mine_v1bab_33",
+  "message-reactions__pill-count": "_message-reactions__pill-count_v1bab_40",
+  "message-reactions__pill-emoji": "_message-reactions__pill-emoji_v1bab_43",
+  "message-reactions__add-reaction": "_message-reactions__add-reaction_v1bab_55",
+  "message-reactions__ack": "_message-reactions__ack_v1bab_65",
+  "message-reactions__ack--active": "_message-reactions__ack--active_v1bab_84",
+  "message-reactions__ack-icon": "_message-reactions__ack-icon_v1bab_92",
+  "message-reactions__ack-count": "_message-reactions__ack-count_v1bab_96",
+  "message-reactions__ack-label": "_message-reactions__ack-label_v1bab_102"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageReactions.module.scss.js.map

package/dist/components/message-reactions/MessageReactions.module.scss.js.map

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

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

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

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

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

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

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

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

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

package/dist/components/message-reactions/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"),m=require("../icon/Icon.cjs"),__c=require("@mattermost/compass-icons/components/creation-outline.js"),c=__c?.default??__c,a=require("./MessageSeparator.module.scss.cjs"),g={date:"Today","new-messages":"new-messages","reply-count":"4 replies"};function p({type:s="date",label:t,showAiSummary:l=!1,onSummarize:i,className:n="",...d}){const o=t??g[s],u=[a.default["message-separator"],a.default[`message-separator--${s==="new-messages"?"new":s==="reply-count"?"reply":"date"}`],n].filter(Boolean).join(" "),r=e.jsxs("div",{className:a.default["message-separator__label"],children:[e.jsx("span",{className:a.default["message-separator__text"],children:o}),s==="new-messages"&&l&&e.jsxs("button",{type:"button",className:a.default["message-separator__summarize"],onClick:i,"aria-label":"Summarize new messages with AI",children:[e.jsx("span",{className:a.default["message-separator__summarize-icon"],"aria-hidden":!0,children:e.jsx(m.default,{size:"12",glyph:e.jsx(c,{})})}),"Summarize"]})]});return e.jsx("div",{className:u,role:"separator",...d,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=p;
+//# 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 } 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'. */\n  label?: string;\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  /** 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  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']}>\n        {displayLabel}\n      </span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label=\"Summarize new messages with AI\"\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          Summarize\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div className={styles['message-separator__reply-gutter']} aria-hidden>\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","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":"kSAoBMA,EAAuD,CAC3D,KAAM,QACN,eAAgB,eAChB,cAAe,WACjB,EAOA,SAAwBC,EAAiB,CACvC,KAAAC,EAAO,OACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,YAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAeL,GAASH,EAAeE,CAAI,EAE3CO,EAAY,CAChBC,EAAAA,QAAO,mBAAmB,EAC1BA,EAAAA,QACE,sBAAsBR,IAAS,eAAiB,MAAQA,IAAS,cAAgB,QAAU,MAAM,EACnG,EACAI,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,EAC9C,SAAAF,EACH,EAECN,IAAS,gBAAkBE,GAC1BQ,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWF,EAAAA,QAAO,8BAA8B,EAChD,QAASL,EACT,aAAW,iCAEX,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,EAC3C,WAAA,CAAA,CAAA,CAET,EAEJ,EAGF,OACEF,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAW,KAAK,YAAa,GAAGF,EAC7C,SAAAL,IAAS,cACRU,EAAAA,KAAAI,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,iCAAiC,EAAG,cAAW,GACpE,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,qCAAqC,EAAG,EACjE,EACCC,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.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,MAAM,OAAO,CAAC;AAK5C,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,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,+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,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAyDvB"}

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

@@ -0,0 +1,58 @@
+import { jsx as a, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import g from "../icon/Icon.js";
+import __u from "@mattermost/compass-icons/components/creation-outline.js";const u=__u&&__u.default?__u.default:__u;
+import e from "./MessageSeparator.module.scss.js";
+const _ = {
+  date: "Today",
+  "new-messages": "new-messages",
+  "reply-count": "4 replies"
+};
+function w({
+  type: s = "date",
+  label: l,
+  showAiSummary: n = !1,
+  onSummarize: o,
+  className: m = "",
+  ...c
+}) {
+  const d = l ?? _[s], p = [
+    e["message-separator"],
+    e[`message-separator--${s === "new-messages" ? "new" : s === "reply-count" ? "reply" : "date"}`],
+    m
+  ].filter(Boolean).join(" "), t = /* @__PURE__ */ r("div", { className: e["message-separator__label"], children: [
+    /* @__PURE__ */ a("span", { className: e["message-separator__text"], children: d }),
+    s === "new-messages" && n && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: e["message-separator__summarize"],
+        onClick: o,
+        "aria-label": "Summarize new messages with AI",
+        children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: e["message-separator__summarize-icon"],
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ a(g, { size: "12", glyph: /* @__PURE__ */ a(u, {}) })
+            }
+          ),
+          "Summarize"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ a("div", { className: p, role: "separator", ...c, 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 {
+  w 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 } 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'. */\n  label?: string;\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  /** 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  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']}>\n        {displayLabel}\n      </span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label=\"Summarize new messages with AI\"\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          Summarize\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div className={styles['message-separator__reply-gutter']} aria-hidden>\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","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":";;;;AAoBA,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,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAeL,KAASH,EAAeE,CAAI,GAE3CO,IAAY;AAAA,IAChBC,EAAO,mBAAmB;AAAA,IAC1BA,EACE,sBAAsBR,MAAS,iBAAiB,QAAQA,MAAS,gBAAgB,UAAU,MAAM,EACnG;AAAA,IACAI;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,GAC9C,UAAAF,GACH;AAAA,IAECN,MAAS,kBAAkBE,KAC1B,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWF,EAAO,8BAA8B;AAAA,QAChD,SAASL;AAAA,QACT,cAAW;AAAA,QAEX,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,UAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAET,GAEJ;AAGF,SACE,gBAAAF,EAAC,OAAA,EAAI,WAAWJ,GAAW,MAAK,aAAa,GAAGF,GAC7C,UAAAL,MAAS,gBACR,gBAAAU,EAAAI,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWH,EAAO,iCAAiC,GAAG,eAAW,IACpE,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAO,qCAAqC,GAAG,GACjE;AAAA,IACCC;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.css

@@ -0,0 +1 @@
+@charset "UTF-8";._message-separator_1c3en_3{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) 0;width:100%}._message-separator__line_1c3en_10{flex:1 0 0;min-width:4px;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator__label_1c3en_16{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}._message-separator__text_1c3en_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_1c3en_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_1c3en_30:hover{background-color:rgba(var(--color-warning-rgb),.14)}._message-separator__summarize_1c3en_30:focus-visible{outline:2px solid var(--new-message-separator, var(--color-warning));outline-offset:1px}._message-separator__summarize-icon_1c3en_54{display:inline-flex;align-items:center;flex-shrink:0}._message-separator__reply-gutter_1c3en_62{display:flex;flex-shrink:0;align-items:center;width:var(--icon-size-32)}._message-separator__reply-line-start_1c3en_68{width:100%;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator--date_1c3en_73 ._message-separator__text_1c3en_22{color:var(--center-channel-color)}._message-separator--new_1c3en_76 ._message-separator__line_1c3en_10{background-color:var(--new-message-separator, var(--color-warning))}._message-separator--new_1c3en_76 ._message-separator__text_1c3en_22{color:var(--new-message-separator, var(--color-warning))}._message-separator--reply_1c3en_82{gap:var(--spacing-m);padding:var(--spacing-xs) var(--spacing-xxl)}._message-separator--reply_1c3en_82 ._message-separator__line_1c3en_10{background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator--reply_1c3en_82 ._message-separator__text_1c3en_22{color:rgba(var(--center-channel-color-rgb),.75)}

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.module.css');const e={"message-separator":"_message-separator_1c3en_3","message-separator__line":"_message-separator__line_1c3en_10","message-separator__label":"_message-separator__label_1c3en_16","message-separator__text":"_message-separator__text_1c3en_22","message-separator__summarize":"_message-separator__summarize_1c3en_30","message-separator__summarize-icon":"_message-separator__summarize-icon_1c3en_54","message-separator__reply-gutter":"_message-separator__reply-gutter_1c3en_62","message-separator__reply-line-start":"_message-separator__reply-line-start_1c3en_68","message-separator--date":"_message-separator--date_1c3en_73","message-separator--new":"_message-separator--new_1c3en_76","message-separator--reply":"_message-separator--reply_1c3en_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.module.css';const e = {
+  "message-separator": "_message-separator_1c3en_3",
+  "message-separator__line": "_message-separator__line_1c3en_10",
+  "message-separator__label": "_message-separator__label_1c3en_16",
+  "message-separator__text": "_message-separator__text_1c3en_22",
+  "message-separator__summarize": "_message-separator__summarize_1c3en_30",
+  "message-separator__summarize-icon": "_message-separator__summarize-icon_1c3en_54",
+  "message-separator__reply-gutter": "_message-separator__reply-gutter_1c3en_62",
+  "message-separator__reply-line-start": "_message-separator__reply-line-start_1c3en_68",
+  "message-separator--date": "_message-separator--date_1c3en_73",
+  "message-separator--new": "_message-separator--new_1c3en_76",
+  "message-separator--reply": "_message-separator--reply_1c3en_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 e=require("react/jsx-runtime"),x=require("react"),o=require("../icon-button/IconButton.cjs"),i=require("../icon/Icon.cjs"),h=require("../scrollbar/Scrollbar.cjs"),__b=require("@mattermost/compass-icons/components/close.js"),b=__b?.default??__b,__v=require("@mattermost/compass-icons/components/arrow-left.js"),v=__v?.default??__v,N=require("../../utils/string.cjs"),l=require("./Modal.module.scss.cjs");function q({size:t="small",title:r,subtitle:a,showBackButton:n=!1,onBack:c,onClose:u,headerDivider:m=!0,children:f,footer:s,footerDivider:_=!0}){const d=x.useId(),j=l.default[`modal--size-${N.toKebab(t)}`];return e.jsxs("div",{className:[l.default.modal,j].filter(Boolean).join(" "),role:"dialog","aria-modal":"true","aria-labelledby":d,children:[e.jsxs("div",{className:[l.default.modal__header,!m&&l.default["modal__header--no-divider"]].filter(Boolean).join(" "),children:[e.jsxs("div",{className:l.default["modal__header-inner"],children:[n&&e.jsx(o.default,{"aria-label":"Go back",icon:e.jsx(i.default,{glyph:e.jsx(v,{}),size:"20"}),onClick:c}),e.jsxs("div",{className:l.default["modal__title-group"],children:[e.jsx("h2",{id:d,className:l.default.modal__title,children:r}),a&&e.jsx("p",{className:l.default.modal__subtitle,children:a})]})]}),e.jsx(o.default,{"aria-label":"Close",className:l.default.modal__close,icon:e.jsx(i.default,{glyph:e.jsx(b,{}),size:"20"}),onClick:u})]}),e.jsx("div",{className:l.default.modal__body,children:e.jsx(h.default,{children:e.jsx("div",{className:l.default["modal__body-inner"],children:f})})}),s&&e.jsx("div",{className:[l.default.modal__footer,!_&&l.default["modal__footer--no-divider"]].filter(Boolean).join(" "),children:s})]})}exports.default=q;
+//# sourceMappingURL=Modal.cjs.map