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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,115 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import __u from "@mattermost/compass-icons/components/account-outline.js";const u=__u&&__u.default?__u.default:__u;
+import __m from "@mattermost/compass-icons/components/apps.js";const m=__m&&__m.default?__m.default:__m;
+import __p from "@mattermost/compass-icons/components/archive-outline.js";const p=__p&&__p.default?__p.default:__p;
+import __g from "@mattermost/compass-icons/components/bell-off-outline.js";const g=__g&&__g.default?__g.default:__g;
+import __c from "@mattermost/compass-icons/components/bell-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __h from "@mattermost/compass-icons/components/bookmark-outline.js";const h=__h&&__h.default?__h.default:__h;
+import __r from "@mattermost/compass-icons/components/chevron-right.js";const r=__r&&__r.default?__r.default:__r;
+import __f from "@mattermost/compass-icons/components/cog-outline.js";const f=__f&&__f.default?__f.default:__f;
+import __d from "@mattermost/compass-icons/components/exit-to-app.js";const d=__d&&__d.default?__d.default:__d;
+import __V from "@mattermost/compass-icons/components/folder-move-outline.js";const V=__V&&__V.default?__V.default:__V;
+import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
+import i from "../icon/Icon.js";
+import l from "../menu-item/MenuItem.js";
+import z, { PopoverMenuGroup as o, PopoverMenuDivider as t } from "../popover-menu/PopoverMenu.js";
+function F({
+  className: a = "",
+  ...s
+}) {
+  return /* @__PURE__ */ n(z, { className: a, ...s, children: [
+    /* @__PURE__ */ n(o, { children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "View info",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Mute channel",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Notification preferences",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(c, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Channel settings",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(f, {}), size: "16" }),
+          trailingElement: !0,
+          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Bookmarks bar",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(h, {}), size: "16" }),
+          trailingElement: !0,
+          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(t, {}),
+    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+      l,
+      {
+        label: "Members",
+        leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
+      }
+    ) }),
+    /* @__PURE__ */ e(t, {}),
+    /* @__PURE__ */ n(o, { children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Move to",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(V, {}), size: "16" }),
+          trailingElement: !0,
+          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "More actions",
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(m, {}), size: "16" }),
+          trailingElement: !0,
+          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(t, {}),
+    /* @__PURE__ */ n(o, { children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Leave channel",
+          destructive: !0,
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        l,
+        {
+          label: "Archive channel",
+          destructive: !0,
+          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(p, {}), size: "16" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  F as default
+};
+//# sourceMappingURL=ChannelHeaderMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelHeaderMenu.js","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":"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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

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

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

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

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

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),e=require("./ChannelInfoMsgHeader.module.scss.cjs");function u({channelName:l,onChannelClick:i,tabs:o,teamName:s,className:t=""}){const r=l!=null&&l!==""?[{label:l,onClick:i}]:o??[{label:"Spec Reviews",active:!0}],c=[e.default["channel-info-msg-header"],t].filter(Boolean).join(" ");return a.jsx("div",{className:c,children:a.jsxs("div",{className:e.default["channel-info-msg-header__container"],children:[r.map((n,d)=>a.jsx("div",{className:[e.default["channel-info-msg-header__tab-area"],n.active?e.default["channel-info-msg-header__tab-area--active"]:""].filter(Boolean).join(" "),children:a.jsx("button",{type:"button",className:[e.default["channel-info-msg-header__tab"],n.active?e.default["channel-info-msg-header__tab--active"]:""].filter(Boolean).join(" "),onClick:n.onClick,children:n.label})},`${n.label}-${d}`)),s!=null&&s!==""&&a.jsx("div",{className:e.default["channel-info-msg-header__team"],children:a.jsx("span",{className:e.default["channel-info-msg-header__team-name"],children:s})})]})})}exports.default=u;
+//# sourceMappingURL=ChannelInfoMsgHeader.cjs.map