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

package/dist/components/channel-category-menu/ChannelCategoryMenu.js

@@ -1,103 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import __u from "@mattermost/compass-icons/components/bell-off-outline.js";const u=__u&&__u.default?__u.default:__u;
-import __g from "@mattermost/compass-icons/components/chevron-right.js";const g=__g&&__g.default?__g.default:__g;
-import __h from "@mattermost/compass-icons/components/folder-move-outline.js";const h=__h&&__h.default?__h.default:__h;
-import __d from "@mattermost/compass-icons/components/globe.js";const d=__d&&__d.default?__d.default:__d;
-import __y from "@mattermost/compass-icons/components/pencil-outline.js";const y=__y&&__y.default?__y.default:__y;
-import __f from "@mattermost/compass-icons/components/plus.js";const f=__f&&__f.default?__f.default:__f;
-import __b from "@mattermost/compass-icons/components/sort-alphabetical-ascending.js";const b=__b&&__b.default?__b.default:__b;
-import __I from "@mattermost/compass-icons/components/trash-can-outline.js";const I=__I&&__I.default?__I.default:__I;
-import l from "../icon/Icon.js";
-import n from "../menu-item/MenuItem.js";
-import z, { PopoverMenuGroup as r, PopoverMenuDivider as i } from "../popover-menu/PopoverMenu.js";
-import a from "./ChannelCategoryMenu.module.scss.js";
-function D({
-  sortLabel: t = "Alphabetically",
-  className: s = "",
-  style: c,
-  ...m
-}) {
-  const p = [a["channel-category-menu"], s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    z,
-    {
-      className: p,
-      style: { width: "247px", ...c },
-      ...m,
-      children: [
-        /* @__PURE__ */ o(r, { children: [
-          /* @__PURE__ */ e(
-            n,
-            {
-              label: "Mute category",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            n,
-            {
-              label: "Rename category",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            n,
-            {
-              label: "Delete category",
-              destructive: !0,
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(I, {}), size: "16" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(i, {}),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-          n,
-          {
-            label: "Sort",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(b, {}), size: "16" }),
-            trailingElement: !0,
-            trailingVisual: /* @__PURE__ */ o("span", { className: a["channel-category-menu__sort-trailing"], children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: a["channel-category-menu__sort-label"],
-                  children: t
-                }
-              ),
-              /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ e(i, {}),
-        /* @__PURE__ */ o(r, { children: [
-          /* @__PURE__ */ e(
-            n,
-            {
-              label: "Browse channels",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            n,
-            {
-              label: "Create new channel",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(f, {}), size: "16" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(i, {}),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-          n,
-          {
-            label: "Create new category",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(h, {}), size: "16" })
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  D as default
-};
-//# sourceMappingURL=ChannelCategoryMenu.js.map

package/dist/components/channel-category-menu/ChannelCategoryMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelCategoryMenu.js","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport SortAlphabeticalAscendingIcon from '@mattermost/compass-icons/components/sort-alphabetical-ascending';\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 styles from './ChannelCategoryMenu.module.scss';\n\nexport interface ChannelCategoryMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Label shown in the Sort row trailing detail. Default: Alphabetically. */\n  sortLabel?: string;\n}\n\n/**\n * Channel category context menu — mute/rename/delete, sort, browse/create.\n */\nexport default function ChannelCategoryMenu({\n  sortLabel = 'Alphabetically',\n  className = '',\n  style,\n  ...rest\n}: ChannelCategoryMenuProps) {\n  const rootClass = [styles['channel-category-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '247px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mute category\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Rename category\"\n          leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Delete category\"\n          destructive\n          leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Sort\"\n          leadingVisual={\n            <Icon glyph={<SortAlphabeticalAscendingIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={\n            <span className={styles['channel-category-menu__sort-trailing']}>\n              <span\n                className={styles['channel-category-menu__sort-label']}\n              >\n                {sortLabel}\n              </span>\n              <Icon glyph={<ChevronRightIcon />} size=\"16\" />\n            </span>\n          }\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelCategoryMenu","sortLabel","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","BellOffOutlineIcon","PencilOutlineIcon","TrashCanOutlineIcon","PopoverMenuDivider","SortAlphabeticalAscendingIcon","ChevronRightIcon","GlobeIcon","PlusIcon","FolderMoveOutlineIcon"],"mappings":";;;;;;;;;;;;;AA0BA,SAAwBA,EAAoB;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAY,CAACC,EAAO,uBAAuB,GAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAO,EAAE,OAAO,SAAS,GAAGF,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAkB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/D,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,aAAW;AAAA,cACX,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACjE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCACGC,GAAA,EAAK,yBAAQK,GAAA,EAA8B,GAAI,MAAK,MAAK;AAAA,YAE5D,iBAAe;AAAA,YACf,gBACE,gBAAAV,EAAC,QAAA,EAAK,WAAWD,EAAO,sCAAsC,GAC5D,UAAA;AAAA,cAAA,gBAAAI;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWJ,EAAO,mCAAmC;AAAA,kBAEpD,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEFW,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,0BACCF,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQO,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAT;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQQ,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,0BACCJ,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQS,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACnE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.css

@@ -1 +0,0 @@
-._channel-category-menu__sort-trailing_1coex_2{display:inline-flex;align-items:center;gap:var(--spacing-xxs)}._channel-category-menu__sort-label_1coex_7{font-size:var(--font-size-75);line-height:var(--line-height-75);color:var(--center-channel-color);opacity:.75;white-space:nowrap}

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelCategoryMenu.module.css');const e={"channel-category-menu__sort-trailing":"_channel-category-menu__sort-trailing_1coex_2","channel-category-menu__sort-label":"_channel-category-menu__sort-label_1coex_7"};exports.default=e;
-//# sourceMappingURL=ChannelCategoryMenu.module.scss.cjs.map

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs.map

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

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js

@@ -1,8 +0,0 @@
-import './ChannelCategoryMenu.module.css';const e = {
-  "channel-category-menu__sort-trailing": "_channel-category-menu__sort-trailing_1coex_2",
-  "channel-category-menu__sort-label": "_channel-category-menu__sort-label_1coex_7"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=ChannelCategoryMenu.module.scss.js.map

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js.map

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

package/dist/components/channel-category-menu/index.cjs

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

package/dist/components/channel-category-menu/index.d.ts

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

package/dist/components/channel-category-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-category-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/channel-category-menu/index.js

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

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

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

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

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

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-export type ChannelHeaderType = 'channel' | 'bot' | 'dm' | 'gm' | 'threads' | 'drafts';
-export interface ChannelHeaderProps {
-    /** Channel type variant. Default: Channel. */
-    type?: ChannelHeaderType;
-    /** Channel or conversation name. */
-    name?: string;
-    /** Subtitle shown to the right of the stat icons (Bot) or next to the title (Threads, Drafts). */
-    description?: string;
-    /** Member count shown for Channel and GM types. */
-    memberCount?: number;
-    /** Number of pinned messages shown as a stat. */
-    pinnedCount?: number;
-    /** Whether the channel is favorited (filled star). */
-    favorited?: boolean;
-    /** Whether the channel is muted (bell-off icon shown). */
-    muted?: boolean;
-    /** Avatar image URL for DM and Bot types. */
-    avatarSrc?: string;
-    /** Show online status badge on the DM avatar. */
-    avatarStatus?: boolean;
-    /** Called when the favorite star is clicked. */
-    onFavoriteClick?: () => void;
-    /** Called when the channel name is clicked. */
-    onNameClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Called when the Start a Call button is clicked. */
-    onCallClick?: () => void;
-    /** Replaces the default Start a Call button when provided. */
-    callButton?: ReactNode;
-    /** Called when the channel info button is clicked. */
-    onInfoClick?: () => void;
-    /** Whether the info button is in a toggled (active) state. */
-    infoToggled?: boolean;
-    className?: string;
-}
-export default function ChannelHeader({ type, name, description, memberCount, pinnedCount, favorited, muted, avatarSrc, avatarStatus, onFavoriteClick, onNameClick, onCallClick, callButton, onInfoClick, infoToggled, className, }: ChannelHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChannelHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAgB,EAChB,IAAS,EACT,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAiB,EACjB,KAAa,EACb,SAAS,EACT,YAAoB,EACpB,eAAe,EACf,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAmB,EACnB,SAAc,GACf,EAAE,kBAAkB,2CAiKpB"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__r=require("@mattermost/compass-icons/components/account-outline.js"),r=__r?.default??__r,__a=require("@mattermost/compass-icons/components/apps.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/archive-outline.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/bell-off-outline.js"),d=__d?.default??__d,__j=require("@mattermost/compass-icons/components/bell-outline.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/bookmark-outline.js"),x=__x?.default??__x,__n=require("@mattermost/compass-icons/components/chevron-right.js"),n=__n?.default??__n,__c=require("@mattermost/compass-icons/components/cog-outline.js"),c=__c?.default??__c,__g=require("@mattermost/compass-icons/components/exit-to-app.js"),g=__g?.default??__g,__f=require("@mattermost/compass-icons/components/folder-move-outline.js"),f=__f?.default??__f,__p=require("@mattermost/compass-icons/components/information-outline.js"),p=__p?.default??__p,l=require("../icon/Icon.cjs"),i=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs");function h({className:u="",...t}){return e.jsxs(s.default,{className:u,...t,children:[e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"View info",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})}),e.jsx(i.default,{label:"Mute channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})}),e.jsx(i.default,{label:"Notification preferences",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})}),e.jsx(i.default,{label:"Channel settings",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})}),e.jsx(i.default,{label:"Bookmarks bar",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(i.default,{label:"Members",leadingVisual:e.jsx(l.default,{glyph:e.jsx(r,{}),size:"16"})})}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Move to",leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})}),e.jsx(i.default,{label:"More actions",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Leave channel",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(i.default,{label:"Archive channel",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"})})]})]})}exports.default=h;
-//# sourceMappingURL=ChannelHeaderMenu.cjs.map

package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeaderMenu.cjs","sources":["../../../src/components/channel-header-menu/ChannelHeaderMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ArchiveOutlineIcon from '@mattermost/compass-icons/components/archive-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport BellOutlineIcon from '@mattermost/compass-icons/components/bell-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-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';\n\nexport interface ChannelHeaderMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel header overflow menu — settings, members, more actions, and archive.\n */\nexport default function ChannelHeaderMenu({\n  className = '',\n  ...rest\n}: ChannelHeaderMenuProps) {\n  return (\n    <PopoverMenu className={className} {...rest}>\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"View info\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Notification preferences\"\n          leadingVisual={<Icon glyph={<BellOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Channel settings\"\n          leadingVisual={<Icon glyph={<CogOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Bookmarks bar\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Members\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Move to\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"More actions\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Leave channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ExitToAppIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Archive channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ArchiveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelHeaderMenu","className","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","InformationOutlineIcon","BellOffOutlineIcon","BellOutlineIcon","CogOutlineIcon","ChevronRightIcon","BookmarkOutlineIcon","PopoverMenuDivider","AccountOutlineIcon","FolderMoveOutlineIcon","AppsIcon","ExitToAppIcon","ArchiveOutlineIcon"],"mappings":"y8BAwBA,SAAwBA,EAAkB,CACxC,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA2B,CACzB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CAAY,UAAAH,EAAuB,GAAGC,EACrC,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,YACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEpEH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,2BACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAgB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE7DL,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBC,UAAA,CAAK,YAAQI,EAAA,EAAe,EAAI,KAAK,KAAK,EAC1D,gBAAe,GACf,qBAAiBJ,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE/DP,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,UAAA,CAAK,YAAQM,EAAA,EAAoB,EAAI,KAAK,KAAK,EAC/D,gBAAe,GACf,qBAAiBN,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC/D,EACF,QACCE,EAAAA,mBAAA,EAAmB,QACnBV,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,UACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAElE,QACCD,EAAAA,mBAAA,EAAmB,SACnBV,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,UACN,oBAAgBC,UAAA,CAAK,YAAQS,EAAA,EAAsB,EAAI,KAAK,KAAK,EACjE,gBAAe,GACf,qBAAiBT,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE/DP,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,UAAA,CAAK,YAAQU,EAAA,EAAS,EAAI,KAAK,KAAK,EACpD,gBAAe,GACf,qBAAiBV,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC/D,EACF,QACCE,EAAAA,mBAAA,EAAmB,SACnBV,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQW,EAAA,CAAA,CAAc,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE3Db,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQY,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface ChannelHeaderMenuProps extends HTMLAttributes<HTMLDivElement> {
-}
-/**
- * Channel header overflow menu — settings, members, more actions, and archive.
- */
-export default function ChannelHeaderMenu({ className, ...rest }: ChannelHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChannelHeaderMenu.d.ts.map

package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeaderMenu.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header-menu/ChannelHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmB5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAkExB"}