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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelInfoMsgHeader.cjs","sources":["../../../src/components/channel-info-msg-header/ChannelInfoMsgHeader.tsx"],"sourcesContent":["import styles from './ChannelInfoMsgHeader.module.scss';\n\nexport interface ChannelInfoMsgHeaderTab {\n  /** Label text for this tab. */\n  label: string;\n  /** Whether this tab is currently active/selected. */\n  active?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n}\n\nexport interface ChannelInfoMsgHeaderProps {\n  /**\n   * Channel (or section) label — primary API for Mentions / Saved message\n   * indicators. Prefer this over `tabs` for a single channel chip.\n   */\n  channelName?: string;\n  /** Called when the channel label is pressed (`channelName` mode). */\n  onChannelClick?: () => void;\n  /**\n   * Multi-section tabs for channel info panels. Used when `channelName` is\n   * omitted.\n   */\n  tabs?: ChannelInfoMsgHeaderTab[];\n  /**\n   * Team name after the channel divider. Omit when the workspace has only one\n   * team or the team is already clear from context.\n   */\n  teamName?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The Channel Info Message Header names a channel (or section) and, when useful, the team it\n * belongs to. Use it above posts in Mentions and Saved lists, or as section tabs at the top\n * of a channel info panel.\n */\nexport default function ChannelInfoMsgHeader({\n  channelName,\n  onChannelClick,\n  tabs,\n  teamName,\n  className = '',\n}: ChannelInfoMsgHeaderProps) {\n  const resolvedTabs: ChannelInfoMsgHeaderTab[] =\n    channelName != null && channelName !== ''\n      ? [{label: channelName, onClick: onChannelClick}]\n      : (tabs ?? [{label: 'Spec Reviews', active: true}]);\n\n  const rootClass = [styles['channel-info-msg-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['channel-info-msg-header__container']}>\n        {resolvedTabs.map((tab, index) => (\n          <div\n            key={`${tab.label}-${index}`}\n            className={[\n              styles['channel-info-msg-header__tab-area'],\n              tab.active\n                ? styles['channel-info-msg-header__tab-area--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type='button'\n              className={[\n                styles['channel-info-msg-header__tab'],\n                tab.active\n                  ? styles['channel-info-msg-header__tab--active']\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={tab.onClick}\n            >\n              {tab.label}\n            </button>\n          </div>\n        ))}\n        {teamName != null && teamName !== '' && (\n          <div className={styles['channel-info-msg-header__team']}>\n            <span className={styles['channel-info-msg-header__team-name']}>\n              {teamName}\n            </span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ChannelInfoMsgHeader","channelName","onChannelClick","tabs","teamName","className","resolvedTabs","rootClass","styles","jsx","tab","index"],"mappings":"qMAsCA,SAAwBA,EAAqB,CAC3C,YAAAC,EACA,eAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,EACd,EAA8B,CAC5B,MAAMC,EACJL,GAAe,MAAQA,IAAgB,GACnC,CAAC,CAAC,MAAOA,EAAa,QAASC,EAAe,EAC7CC,GAAQ,CAAC,CAAC,MAAO,eAAgB,OAAQ,GAAK,EAE/CI,EAAY,CAACC,UAAO,yBAAyB,EAAGH,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,IAAC,OAAI,UAAWF,EACd,gBAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,oCAAoC,EACxD,SAAA,CAAAF,EAAa,IAAI,CAACI,EAAKC,IACtBF,EAAAA,IAAC,MAAA,CAEC,UAAW,CACTD,EAAAA,QAAO,mCAAmC,EAC1CE,EAAI,OACAF,UAAO,2CAA2C,EAClD,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,8BAA8B,EACrCE,EAAI,OACAF,UAAO,sCAAsC,EAC7C,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASE,EAAI,QAEZ,SAAAA,EAAI,KAAA,CAAA,CACP,EAvBK,GAAGA,EAAI,KAAK,IAAIC,CAAK,EAAA,CAyB7B,EACAP,GAAY,MAAQA,IAAa,IAChCK,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACpD,eAAC,OAAA,CAAK,UAAWA,EAAAA,QAAO,oCAAoC,EACzD,WACH,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelInfoMsgHeader.d.ts","sourceRoot":"","sources":["../../../src/components/channel-info-msg-header/ChannelInfoMsgHeader.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,WAAW,EACX,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,SAAc,GACf,EAAE,yBAAyB,2CAmD3B"}

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

@@ -0,0 +1,40 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import e from "./ChannelInfoMsgHeader.module.scss.js";
+function _({
+  channelName: l,
+  onChannelClick: o,
+  tabs: s,
+  teamName: i,
+  className: c = ""
+}) {
+  const r = l != null && l !== "" ? [{ label: l, onClick: o }] : s ?? [{ label: "Spec Reviews", active: !0 }], t = [e["channel-info-msg-header"], c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: t, children: /* @__PURE__ */ h("div", { className: e["channel-info-msg-header__container"], children: [
+    r.map((n, d) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: [
+          e["channel-info-msg-header__tab-area"],
+          n.active ? e["channel-info-msg-header__tab-area--active"] : ""
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: [
+              e["channel-info-msg-header__tab"],
+              n.active ? e["channel-info-msg-header__tab--active"] : ""
+            ].filter(Boolean).join(" "),
+            onClick: n.onClick,
+            children: n.label
+          }
+        )
+      },
+      `${n.label}-${d}`
+    )),
+    i != null && i !== "" && /* @__PURE__ */ a("div", { className: e["channel-info-msg-header__team"], children: /* @__PURE__ */ a("span", { className: e["channel-info-msg-header__team-name"], children: i }) })
+  ] }) });
+}
+export {
+  _ as default
+};
+//# sourceMappingURL=ChannelInfoMsgHeader.js.map

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelInfoMsgHeader.js","sources":["../../../src/components/channel-info-msg-header/ChannelInfoMsgHeader.tsx"],"sourcesContent":["import styles from './ChannelInfoMsgHeader.module.scss';\n\nexport interface ChannelInfoMsgHeaderTab {\n  /** Label text for this tab. */\n  label: string;\n  /** Whether this tab is currently active/selected. */\n  active?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n}\n\nexport interface ChannelInfoMsgHeaderProps {\n  /**\n   * Channel (or section) label — primary API for Mentions / Saved message\n   * indicators. Prefer this over `tabs` for a single channel chip.\n   */\n  channelName?: string;\n  /** Called when the channel label is pressed (`channelName` mode). */\n  onChannelClick?: () => void;\n  /**\n   * Multi-section tabs for channel info panels. Used when `channelName` is\n   * omitted.\n   */\n  tabs?: ChannelInfoMsgHeaderTab[];\n  /**\n   * Team name after the channel divider. Omit when the workspace has only one\n   * team or the team is already clear from context.\n   */\n  teamName?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The Channel Info Message Header names a channel (or section) and, when useful, the team it\n * belongs to. Use it above posts in Mentions and Saved lists, or as section tabs at the top\n * of a channel info panel.\n */\nexport default function ChannelInfoMsgHeader({\n  channelName,\n  onChannelClick,\n  tabs,\n  teamName,\n  className = '',\n}: ChannelInfoMsgHeaderProps) {\n  const resolvedTabs: ChannelInfoMsgHeaderTab[] =\n    channelName != null && channelName !== ''\n      ? [{label: channelName, onClick: onChannelClick}]\n      : (tabs ?? [{label: 'Spec Reviews', active: true}]);\n\n  const rootClass = [styles['channel-info-msg-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['channel-info-msg-header__container']}>\n        {resolvedTabs.map((tab, index) => (\n          <div\n            key={`${tab.label}-${index}`}\n            className={[\n              styles['channel-info-msg-header__tab-area'],\n              tab.active\n                ? styles['channel-info-msg-header__tab-area--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type='button'\n              className={[\n                styles['channel-info-msg-header__tab'],\n                tab.active\n                  ? styles['channel-info-msg-header__tab--active']\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={tab.onClick}\n            >\n              {tab.label}\n            </button>\n          </div>\n        ))}\n        {teamName != null && teamName !== '' && (\n          <div className={styles['channel-info-msg-header__team']}>\n            <span className={styles['channel-info-msg-header__team-name']}>\n              {teamName}\n            </span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ChannelInfoMsgHeader","channelName","onChannelClick","tabs","teamName","className","resolvedTabs","rootClass","styles","jsx","tab","index"],"mappings":";;AAsCA,SAAwBA,EAAqB;AAAA,EAC3C,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IACJL,KAAe,QAAQA,MAAgB,KACnC,CAAC,EAAC,OAAOA,GAAa,SAASC,GAAe,IAC7CC,KAAQ,CAAC,EAAC,OAAO,gBAAgB,QAAQ,IAAK,GAE/CI,IAAY,CAACC,EAAO,yBAAyB,GAAGH,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,SAAI,WAAWF,GACd,4BAAC,OAAA,EAAI,WAAWC,EAAO,oCAAoC,GACxD,UAAA;AAAA,IAAAF,EAAa,IAAI,CAACI,GAAKC,MACtB,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW;AAAA,UACTD,EAAO,mCAAmC;AAAA,UAC1CE,EAAI,SACAF,EAAO,2CAA2C,IAClD;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW;AAAA,cACTD,EAAO,8BAA8B;AAAA,cACrCE,EAAI,SACAF,EAAO,sCAAsC,IAC7C;AAAA,YAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,SAASE,EAAI;AAAA,YAEZ,UAAAA,EAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,MAvBK,GAAGA,EAAI,KAAK,IAAIC,CAAK;AAAA,IAAA,CAyB7B;AAAA,IACAP,KAAY,QAAQA,MAAa,MAChC,gBAAAK,EAAC,SAAI,WAAWD,EAAO,+BAA+B,GACpD,4BAAC,QAAA,EAAK,WAAWA,EAAO,oCAAoC,GACzD,aACH,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.css

@@ -0,0 +1 @@
+._channel-info-msg-header_1vrlp_2{display:flex;align-items:center;padding:0 var(--spacing-xs)}._channel-info-msg-header__container_1vrlp_7{display:flex;align-items:center;flex-shrink:0}._channel-info-msg-header__tab-area_1vrlp_12{display:flex;align-items:flex-start;padding:0}._channel-info-msg-header__tab-area_1vrlp_12:not(:last-child){border-right:1px solid rgba(var(--center-channel-color-rgb),.16)}._channel-info-msg-header__tab-area--active_1vrlp_20 ._channel-info-msg-header__tab_1vrlp_12{color:var(--center-channel-color);font-weight:var(--font-weight-semibold)}._channel-info-msg-header__tab_1vrlp_12{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);height:24px;padding:var(--spacing-xxxs) var(--spacing-s);border-radius:var(--radius-s);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75);white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._channel-info-msg-header__tab_1vrlp_12:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._channel-info-msg-header__tab--active_1vrlp_46{color:var(--center-channel-color)}._channel-info-msg-header__team_1vrlp_49{display:flex;align-items:flex-start;padding:var(--spacing-xxs) var(--spacing-s)}._channel-info-msg-header__team-name_1vrlp_54{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}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelInfoMsgHeader.module.css');const e={"channel-info-msg-header":"_channel-info-msg-header_1vrlp_2","channel-info-msg-header__container":"_channel-info-msg-header__container_1vrlp_7","channel-info-msg-header__tab-area":"_channel-info-msg-header__tab-area_1vrlp_12","channel-info-msg-header__tab-area--active":"_channel-info-msg-header__tab-area--active_1vrlp_20","channel-info-msg-header__tab":"_channel-info-msg-header__tab_1vrlp_12","channel-info-msg-header__tab--active":"_channel-info-msg-header__tab--active_1vrlp_46","channel-info-msg-header__team":"_channel-info-msg-header__team_1vrlp_49","channel-info-msg-header__team-name":"_channel-info-msg-header__team-name_1vrlp_54"};exports.default=e;
+//# sourceMappingURL=ChannelInfoMsgHeader.module.scss.cjs.map

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

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

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.js

@@ -0,0 +1,14 @@
+import './ChannelInfoMsgHeader.module.css';const e = {
+  "channel-info-msg-header": "_channel-info-msg-header_1vrlp_2",
+  "channel-info-msg-header__container": "_channel-info-msg-header__container_1vrlp_7",
+  "channel-info-msg-header__tab-area": "_channel-info-msg-header__tab-area_1vrlp_12",
+  "channel-info-msg-header__tab-area--active": "_channel-info-msg-header__tab-area--active_1vrlp_20",
+  "channel-info-msg-header__tab": "_channel-info-msg-header__tab_1vrlp_12",
+  "channel-info-msg-header__tab--active": "_channel-info-msg-header__tab--active_1vrlp_46",
+  "channel-info-msg-header__team": "_channel-info-msg-header__team_1vrlp_49",
+  "channel-info-msg-header__team-name": "_channel-info-msg-header__team-name_1vrlp_54"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=ChannelInfoMsgHeader.module.scss.js.map

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.js.map

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-info-msg-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC"}

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

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

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

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

package/dist/components/channel-menu/ChannelMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__t=require("@mattermost/compass-icons/components/account-plus-outline.js"),t=__t?.default??__t,__a=require("@mattermost/compass-icons/components/bell-off-outline.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/chevron-right.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/exit-to-app.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/folder-move-outline.js"),c=__c?.default??__c,__x=require("@mattermost/compass-icons/components/link-variant.js"),x=__x?.default??__x,__j=require("@mattermost/compass-icons/components/mark-as-unread.js"),j=__j?.default??__j,__p=require("@mattermost/compass-icons/components/star-outline.js"),p=__p?.default??__p,l=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs");function f({className:i="",style:n,...r}){return e.jsxs(s.default,{className:i,style:{width:"174px",...n},...r,children:[e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Mark as read",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})}),e.jsx(u.default,{label:"Favorite",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})}),e.jsx(u.default,{label:"Mute channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Move to",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"})})}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(u.default,{label:"Add members",leadingVisual:e.jsx(l.default,{glyph:e.jsx(t,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Leave channel",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})})})]})}exports.default=f;
+//# sourceMappingURL=ChannelMenu.cjs.map

package/dist/components/channel-menu/ChannelMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMenu.cjs","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-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 ChannelMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Narrow channel sidebar context menu (174px).\n */\nexport default function ChannelMenu({\n  className = '',\n  style,\n  ...rest\n}: ChannelMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '174px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mark as read\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Favorite\"\n          leadingVisual={<Icon glyph={<StarOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} 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      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Add members\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} 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      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","MarkAsUnreadIcon","StarOutlineIcon","BellOffOutlineIcon","PopoverMenuDivider","FolderMoveOutlineIcon","ChevronRightIcon","LinkVariantIcon","AccountPlusOutlineIcon","ExitToAppIcon"],"mappings":"8wBAqBA,SAAwBA,EAAY,CAClC,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAO,CAAE,MAAO,QAAS,GAAGC,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE9DH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,WACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAgB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE7DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,UACN,oBAAgBC,UAAA,CAAK,YAAQK,EAAA,EAAsB,EAAI,KAAK,KAAK,EACjE,gBAAe,GACf,qBAAiBL,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjE,QACCF,EAAAA,mBAAA,EAAmB,SACnBP,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,YACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAgB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE7DT,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,EACF,QACCJ,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQS,EAAA,CAAA,CAAc,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC3D,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/channel-menu/ChannelMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMenu.d.ts","sourceRoot":"","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3E;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAmDlB"}

package/dist/components/channel-menu/ChannelMenu.js

@@ -0,0 +1,91 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import __m from "@mattermost/compass-icons/components/account-plus-outline.js";const m=__m&&__m.default?__m.default:__m;
+import __u from "@mattermost/compass-icons/components/bell-off-outline.js";const u=__u&&__u.default?__u.default:__u;
+import __s from "@mattermost/compass-icons/components/chevron-right.js";const s=__s&&__s.default?__s.default:__s;
+import __d from "@mattermost/compass-icons/components/exit-to-app.js";const d=__d&&__d.default?__d.default:__d;
+import __c from "@mattermost/compass-icons/components/folder-move-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __h from "@mattermost/compass-icons/components/link-variant.js";const h=__h&&__h.default?__h.default:__h;
+import __g from "@mattermost/compass-icons/components/mark-as-unread.js";const g=__g&&__g.default?__g.default:__g;
+import __f from "@mattermost/compass-icons/components/star-outline.js";const f=__f&&__f.default?__f.default:__f;
+import i from "../icon/Icon.js";
+import l from "../menu-item/MenuItem.js";
+import v, { PopoverMenuGroup as r, PopoverMenuDivider as n } from "../popover-menu/PopoverMenu.js";
+function j({
+  className: a = "",
+  style: t,
+  ...p
+}) {
+  return /* @__PURE__ */ o(
+    v,
+    {
+      className: a,
+      style: { width: "174px", ...t },
+      ...p,
+      children: [
+        /* @__PURE__ */ o(r, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Mark as read",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Favorite",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(f, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Mute channel",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(n, {}),
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+          l,
+          {
+            label: "Move to",
+            leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(c, {}), size: "16" }),
+            trailingElement: !0,
+            trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(s, {}), size: "16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(n, {}),
+        /* @__PURE__ */ o(r, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Copy link",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(h, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Add members",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(m, {}), size: "16" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(n, {}),
+        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+          l,
+          {
+            label: "Leave channel",
+            destructive: !0,
+            leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  j as default
+};
+//# sourceMappingURL=ChannelMenu.js.map

package/dist/components/channel-menu/ChannelMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMenu.js","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-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 ChannelMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Narrow channel sidebar context menu (174px).\n */\nexport default function ChannelMenu({\n  className = '',\n  style,\n  ...rest\n}: ChannelMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '174px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mark as read\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Favorite\"\n          leadingVisual={<Icon glyph={<StarOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} 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      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Add members\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} 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      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","MarkAsUnreadIcon","StarOutlineIcon","BellOffOutlineIcon","PopoverMenuDivider","FolderMoveOutlineIcon","ChevronRightIcon","LinkVariantIcon","AccountPlusOutlineIcon","ExitToAppIcon"],"mappings":";;;;;;;;;;;;AAqBA,SAAwBA,EAAY;AAAA,EAClC,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE9D,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAgB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7D,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,EAAsB,GAAI,MAAK,MAAK;AAAA,YACjE,iBAAe;AAAA,YACf,kCAAiBL,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAEjE;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,CAAgB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7D,gBAAAT;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQQ,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE,GACF;AAAA,0BACCJ,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,aAAW;AAAA,YACX,iCAAgBC,GAAA,EAAK,yBAAQS,GAAA,CAAA,CAAc,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EAC3D,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

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

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

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

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

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

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

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

package/dist/components/channel-sidebar-item/ChannelSidebarItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__M=require("@mattermost/compass-icons/components/globe.js"),M=__M?.default??__M,__D=require("@mattermost/compass-icons/components/lock-outline.js"),D=__D?.default??__D,__y=require("@mattermost/compass-icons/components/message-text-outline.js"),y=__y?.default??__y,__O=require("@mattermost/compass-icons/components/send-outline.js"),O=__O?.default??__O,__B=require("@mattermost/compass-icons/components/chart-line.js"),B=__B?.default??__B,__S=require("@mattermost/compass-icons/components/circle-multiple-outline.js"),S=__S?.default??__S,__w=require("@mattermost/compass-icons/components/phone-in-talk.js"),w=__w?.default??__w,__P=require("@mattermost/compass-icons/components/dots-vertical.js"),P=__P?.default??__P,__T=require("@mattermost/compass-icons/components/dialpad.js"),T=__T?.default??__T,A=require("../user-avatar/UserAvatar.cjs"),G=require("../mention-badge/MentionBadge.cjs"),K=require("../icon-button/IconButton.cjs"),s=require("./ChannelSidebarItem.module.scss.cjs");function R({leadingVisual:c,memberCount:l,avatarSrc:a,avatarAlt:n,showAvatarStatus:i}){switch(c){case"private":return e.jsx(D,{size:16});case"group-message":return e.jsx("div",{className:s.default["channel-sidebar-item__group-icon"],children:l??2});case"direct-message":return e.jsx(A.default,{src:a??"",alt:n??"",size:"20",status:!!i});case"drafts":return e.jsx(O,{size:16});case"insights":return e.jsx(B,{size:16});case"threads":return e.jsx(y,{size:16});case"dial-pad":return e.jsx(T,{size:16});case"public":default:return e.jsx(M,{size:16})}}function U({className:c,name:l,hideLeadingVisual:a=!1,leadingVisual:n="public",status:i="read",active:d=!1,muted:h=!1,callActive:b=!1,sharedChannel:x=!1,mentionCount:j,memberCount:_,avatarSrc:p,avatarAlt:v,showAvatarStatus:q=!1,customStatusEmoji:o,onClick:r}){const u=!a&&n==="direct-message",m=!a&&n==="drafts",f=m&&i==="unread"?"read":i,I=f==="mention",N=!a&&["public","private","group-message","direct-message"].includes(n),g=[s.default["channel-sidebar-item"],a?s.default["channel-sidebar-item--text-only"]:"",d?s.default["channel-sidebar-item--active"]:"",h?s.default["channel-sidebar-item--muted"]:"",s.default[`channel-sidebar-item--status-${f.toLowerCase()}`],m?s.default["channel-sidebar-item--drafts"]:"",c].filter(Boolean).join(" "),z=[s.default["channel-sidebar-item__icon-container"],u?s.default["channel-sidebar-item__icon-container--dm"]:""].filter(Boolean).join(" "),C=s.default["channel-sidebar-item__right"];return e.jsxs("div",{role:"button",tabIndex:0,className:g,onClick:r,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),r==null||r())},children:[d&&e.jsx("div",{className:s.default["channel-sidebar-item__active-border"]}),e.jsxs("div",{className:s.default["channel-sidebar-item__left"],children:[!a&&e.jsx("div",{className:z,children:e.jsx(R,{leadingVisual:n,memberCount:_,avatarSrc:p,avatarAlt:v,showAvatarStatus:q})}),e.jsxs("div",{className:s.default["channel-sidebar-item__content"],children:[e.jsx("span",{className:s.default["channel-sidebar-item__name"],children:l}),x&&e.jsx("span",{className:s.default["channel-sidebar-item__shared-icon"],children:e.jsx(S,{size:12})}),u&&o&&e.jsx("span",{className:s.default["channel-sidebar-item__custom-status"],children:o})]})]}),e.jsxs("div",{className:C,children:[b&&e.jsx("div",{className:s.default["channel-sidebar-item__call"],children:e.jsx(w,{size:12})}),I&&e.jsx("span",{className:s.default["channel-sidebar-item__mention-badge"],children:e.jsx(G.default,{count:j??1,location:"sidebar",size:"medium"})}),N&&e.jsx("span",{className:s.default["channel-sidebar-item__menu-button"],children:e.jsx(K.default,{size:"x-small",style:"inverted",icon:e.jsx(P,{size:12}),"aria-label":"Channel options",onClick:t=>t.stopPropagation()})})]})]})}exports.default=U;
+//# sourceMappingURL=ChannelSidebarItem.cjs.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSidebarItem.cjs","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"sourcesContent":["import GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport LockOutlineIcon from '@mattermost/compass-icons/components/lock-outline';\nimport MessageTextOutlineIcon from '@mattermost/compass-icons/components/message-text-outline';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport PhoneInTalkIcon from '@mattermost/compass-icons/components/phone-in-talk';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DialpadIcon from '@mattermost/compass-icons/components/dialpad';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport IconButton from '@/components/icon-button/IconButton';\nimport styles from './ChannelSidebarItem.module.scss';\n\nexport type ChannelSidebarItemLeadingVisual =\n  | 'public'\n  | 'private'\n  | 'group-message'\n  | 'direct-message'\n  | 'drafts'\n  | 'insights'\n  | 'threads'\n  | 'dial-pad';\n\nexport type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';\n\nexport interface ChannelSidebarItemProps {\n  className?: string;\n  /** Channel or user display name. */\n  name: string;\n  /**\n   * Text-only row (e.g. System Console navigation): no channel glyph or\n   * overflow menu; name aligns with channel sidebar label padding.\n   */\n  hideLeadingVisual?: boolean;\n  /** Leading visual type. Default: Public. Ignored when `hideLeadingVisual`. */\n  leadingVisual?: ChannelSidebarItemLeadingVisual;\n  /** Read/unread/mention state. Default: Read. */\n  status?: ChannelSidebarItemStatus;\n  /** Highlighted as the currently active item. */\n  active?: boolean;\n  /** Muted channel — reduces visual prominence. */\n  muted?: boolean;\n  /** Shows a call-in-progress indicator on the right. */\n  callActive?: boolean;\n  /** Shows the shared-channel icon after the name. */\n  sharedChannel?: boolean;\n  /** Mention count shown in the badge when status='mention'. */\n  mentionCount?: number;\n  /** Member count shown in the group icon when leadingVisual='group-message'. */\n  memberCount?: number;\n  /** Avatar image URL for leadingVisual='direct-message'. */\n  avatarSrc?: string;\n  /** Avatar alt text for leadingVisual='direct-message'. */\n  avatarAlt?: string;\n  /** Shows status badge on the avatar when leadingVisual='direct-message'. */\n  showAvatarStatus?: boolean;\n  /** Custom status emoji shown after the name for leadingVisual='direct-message'. */\n  customStatusEmoji?: string;\n  onClick?: () => void;\n}\n\nfunction LeadingVisualContent({\n  leadingVisual,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus,\n}: {\n  leadingVisual: ChannelSidebarItemLeadingVisual;\n  memberCount: number | undefined;\n  avatarSrc: string | undefined;\n  avatarAlt: string | undefined;\n  showAvatarStatus: boolean | undefined;\n}) {\n  switch (leadingVisual) {\n    case 'private':\n      return <LockOutlineIcon size={16} />;\n    case 'group-message':\n      return (\n        <div className={styles['channel-sidebar-item__group-icon']}>\n          {memberCount ?? 2}\n        </div>\n      );\n    case 'direct-message':\n      return (\n        <UserAvatar\n          src={avatarSrc ?? ''}\n          alt={avatarAlt ?? ''}\n          size=\"20\"\n          status={!!showAvatarStatus}\n        />\n      );\n    case 'drafts':\n      return <SendOutlineIcon size={16} />;\n    case 'insights':\n      return <ChartLineIcon size={16} />;\n    case 'threads':\n      return <MessageTextOutlineIcon size={16} />;\n    case 'dial-pad':\n      return <DialpadIcon size={16} />;\n    case 'public':\n    default:\n      return <GlobeIcon size={16} />;\n  }\n}\n\n/**\n * The Channel Sidebar Item is the row people use to move between channels, DMs, and group\n * messages. It compresses a lot of state — channel type, unread, mention count, mute,\n * in-call — into a single, scannable line.\n */\nexport default function ChannelSidebarItem({\n  className,\n  name,\n  hideLeadingVisual = false,\n  leadingVisual = 'public',\n  status = 'read',\n  active = false,\n  muted = false,\n  callActive = false,\n  sharedChannel = false,\n  mentionCount,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus = false,\n  customStatusEmoji,\n  onClick,\n}: ChannelSidebarItemProps) {\n  const isDM = !hideLeadingVisual && leadingVisual === 'direct-message';\n  const isDrafts = !hideLeadingVisual && leadingVisual === 'drafts';\n  const effectiveStatus = isDrafts && status === 'unread' ? 'read' : status;\n  const hasMentionBadge = effectiveStatus === 'mention';\n  const isChannelOrDM =\n    !hideLeadingVisual &&\n    ['public', 'private', 'group-message', 'direct-message'].includes(\n      leadingVisual,\n    );\n\n  const rootClass = [\n    styles['channel-sidebar-item'],\n    hideLeadingVisual ? styles['channel-sidebar-item--text-only'] : '',\n    active ? styles['channel-sidebar-item--active'] : '',\n    muted ? styles['channel-sidebar-item--muted'] : '',\n    styles[`channel-sidebar-item--status-${effectiveStatus.toLowerCase()}`],\n    isDrafts ? styles['channel-sidebar-item--drafts'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconContainerClass = [\n    styles['channel-sidebar-item__icon-container'],\n    isDM ? styles['channel-sidebar-item__icon-container--dm'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const rightClass = styles['channel-sidebar-item__right'];\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={rootClass}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n    >\n      {active && (\n        <div className={styles['channel-sidebar-item__active-border']} />\n      )}\n      <div className={styles['channel-sidebar-item__left']}>\n        {!hideLeadingVisual && (\n          <div className={iconContainerClass}>\n            <LeadingVisualContent\n              leadingVisual={leadingVisual}\n              memberCount={memberCount}\n              avatarSrc={avatarSrc}\n              avatarAlt={avatarAlt}\n              showAvatarStatus={showAvatarStatus}\n            />\n          </div>\n        )}\n        <div className={styles['channel-sidebar-item__content']}>\n          <span className={styles['channel-sidebar-item__name']}>{name}</span>\n          {sharedChannel && (\n            <span className={styles['channel-sidebar-item__shared-icon']}>\n              <CircleMultipleOutlineIcon size={12} />\n            </span>\n          )}\n          {isDM && customStatusEmoji && (\n            <span className={styles['channel-sidebar-item__custom-status']}>\n              {customStatusEmoji}\n            </span>\n          )}\n        </div>\n      </div>\n      <div className={rightClass}>\n        {callActive && (\n          <div className={styles['channel-sidebar-item__call']}>\n            <PhoneInTalkIcon size={12} />\n          </div>\n        )}\n        {hasMentionBadge && (\n          <span className={styles['channel-sidebar-item__mention-badge']}>\n            <MentionBadge\n              count={mentionCount ?? 1}\n              location=\"sidebar\"\n              size=\"medium\"\n            />\n          </span>\n        )}\n        {isChannelOrDM && (\n          <span className={styles['channel-sidebar-item__menu-button']}>\n            <IconButton\n              size=\"x-small\"\n              style=\"inverted\"\n              icon={<DotsVerticalIcon size={12} />}\n              aria-label=\"Channel options\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["LeadingVisualContent","leadingVisual","memberCount","avatarSrc","avatarAlt","showAvatarStatus","jsx","LockOutlineIcon","styles","UserAvatar","SendOutlineIcon","ChartLineIcon","MessageTextOutlineIcon","DialpadIcon","GlobeIcon","ChannelSidebarItem","className","name","hideLeadingVisual","status","active","muted","callActive","sharedChannel","mentionCount","customStatusEmoji","onClick","isDM","isDrafts","effectiveStatus","hasMentionBadge","isChannelOrDM","rootClass","iconContainerClass","rightClass","jsxs","e","CircleMultipleOutlineIcon","PhoneInTalkIcon","MentionBadge","IconButton","DotsVerticalIcon"],"mappings":"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"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,+BAA+B,GACvC,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,+BAA+B,CAAC;IAChD,gDAAgD;IAChD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+CD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,iBAAyB,EACzB,aAAwB,EACxB,MAAe,EACf,MAAc,EACd,KAAa,EACb,UAAkB,EAClB,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAwB,EACxB,iBAAiB,EACjB,OAAO,GACR,EAAE,uBAAuB,2CAuGzB"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.js

@@ -0,0 +1,139 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import __B from "@mattermost/compass-icons/components/globe.js";const B=__B&&__B.default?__B.default:__B;
+import __O from "@mattermost/compass-icons/components/lock-outline.js";const O=__O&&__O.default?__O.default:__O;
+import __j from "@mattermost/compass-icons/components/message-text-outline.js";const j=__j&&__j.default?__j.default:__j;
+import __w from "@mattermost/compass-icons/components/send-outline.js";const w=__w&&__w.default?__w.default:__w;
+import __P from "@mattermost/compass-icons/components/chart-line.js";const P=__P&&__P.default?__P.default:__P;
+import __S from "@mattermost/compass-icons/components/circle-multiple-outline.js";const S=__S&&__S.default?__S.default:__S;
+import __T from "@mattermost/compass-icons/components/phone-in-talk.js";const T=__T&&__T.default?__T.default:__T;
+import __A from "@mattermost/compass-icons/components/dots-vertical.js";const A=__A&&__A.default?__A.default:__A;
+import __G from "@mattermost/compass-icons/components/dialpad.js";const G=__G&&__G.default?__G.default:__G;
+import K from "../user-avatar/UserAvatar.js";
+import U from "../mention-badge/MentionBadge.js";
+import $ from "../icon-button/IconButton.js";
+import n from "./ChannelSidebarItem.module.scss.js";
+function k({
+  leadingVisual: o,
+  memberCount: l,
+  avatarSrc: a,
+  avatarAlt: s,
+  showAvatarStatus: r
+}) {
+  switch (o) {
+    case "private":
+      return /* @__PURE__ */ e(O, { size: 16 });
+    case "group-message":
+      return /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__group-icon"], children: l ?? 2 });
+    case "direct-message":
+      return /* @__PURE__ */ e(
+        K,
+        {
+          src: a ?? "",
+          alt: s ?? "",
+          size: "20",
+          status: !!r
+        }
+      );
+    case "drafts":
+      return /* @__PURE__ */ e(w, { size: 16 });
+    case "insights":
+      return /* @__PURE__ */ e(P, { size: 16 });
+    case "threads":
+      return /* @__PURE__ */ e(j, { size: 16 });
+    case "dial-pad":
+      return /* @__PURE__ */ e(G, { size: 16 });
+    case "public":
+    default:
+      return /* @__PURE__ */ e(B, { size: 16 });
+  }
+}
+function ne({
+  className: o,
+  name: l,
+  hideLeadingVisual: a = !1,
+  leadingVisual: s = "public",
+  status: r = "read",
+  active: m = !1,
+  muted: b = !1,
+  callActive: u = !1,
+  sharedChannel: _ = !1,
+  mentionCount: v,
+  memberCount: I,
+  avatarSrc: N,
+  avatarAlt: z,
+  showAvatarStatus: g = !1,
+  customStatusEmoji: d,
+  onClick: i
+}) {
+  const h = !a && s === "direct-message", f = !a && s === "drafts", p = f && r === "unread" ? "read" : r, x = p === "mention", C = !a && ["public", "private", "group-message", "direct-message"].includes(
+    s
+  ), D = [
+    n["channel-sidebar-item"],
+    a ? n["channel-sidebar-item--text-only"] : "",
+    m ? n["channel-sidebar-item--active"] : "",
+    b ? n["channel-sidebar-item--muted"] : "",
+    n[`channel-sidebar-item--status-${p.toLowerCase()}`],
+    f ? n["channel-sidebar-item--drafts"] : "",
+    o
+  ].filter(Boolean).join(" "), y = [
+    n["channel-sidebar-item__icon-container"],
+    h ? n["channel-sidebar-item__icon-container--dm"] : ""
+  ].filter(Boolean).join(" "), M = n["channel-sidebar-item__right"];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: D,
+      onClick: i,
+      onKeyDown: (t) => {
+        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i == null || i());
+      },
+      children: [
+        m && /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__active-border"] }),
+        /* @__PURE__ */ c("div", { className: n["channel-sidebar-item__left"], children: [
+          !a && /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e(
+            k,
+            {
+              leadingVisual: s,
+              memberCount: I,
+              avatarSrc: N,
+              avatarAlt: z,
+              showAvatarStatus: g
+            }
+          ) }),
+          /* @__PURE__ */ c("div", { className: n["channel-sidebar-item__content"], children: [
+            /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__name"], children: l }),
+            _ && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__shared-icon"], children: /* @__PURE__ */ e(S, { size: 12 }) }),
+            h && d && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__custom-status"], children: d })
+          ] })
+        ] }),
+        /* @__PURE__ */ c("div", { className: M, children: [
+          u && /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__call"], children: /* @__PURE__ */ e(T, { size: 12 }) }),
+          x && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__mention-badge"], children: /* @__PURE__ */ e(
+            U,
+            {
+              count: v ?? 1,
+              location: "sidebar",
+              size: "medium"
+            }
+          ) }),
+          C && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__menu-button"], children: /* @__PURE__ */ e(
+            $,
+            {
+              size: "x-small",
+              style: "inverted",
+              icon: /* @__PURE__ */ e(A, { size: 12 }),
+              "aria-label": "Channel options",
+              onClick: (t) => t.stopPropagation()
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ne as default
+};
+//# sourceMappingURL=ChannelSidebarItem.js.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelSidebarItem.js","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"sourcesContent":["import GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport LockOutlineIcon from '@mattermost/compass-icons/components/lock-outline';\nimport MessageTextOutlineIcon from '@mattermost/compass-icons/components/message-text-outline';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport PhoneInTalkIcon from '@mattermost/compass-icons/components/phone-in-talk';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DialpadIcon from '@mattermost/compass-icons/components/dialpad';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport IconButton from '@/components/icon-button/IconButton';\nimport styles from './ChannelSidebarItem.module.scss';\n\nexport type ChannelSidebarItemLeadingVisual =\n  | 'public'\n  | 'private'\n  | 'group-message'\n  | 'direct-message'\n  | 'drafts'\n  | 'insights'\n  | 'threads'\n  | 'dial-pad';\n\nexport type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';\n\nexport interface ChannelSidebarItemProps {\n  className?: string;\n  /** Channel or user display name. */\n  name: string;\n  /**\n   * Text-only row (e.g. System Console navigation): no channel glyph or\n   * overflow menu; name aligns with channel sidebar label padding.\n   */\n  hideLeadingVisual?: boolean;\n  /** Leading visual type. Default: Public. Ignored when `hideLeadingVisual`. */\n  leadingVisual?: ChannelSidebarItemLeadingVisual;\n  /** Read/unread/mention state. Default: Read. */\n  status?: ChannelSidebarItemStatus;\n  /** Highlighted as the currently active item. */\n  active?: boolean;\n  /** Muted channel — reduces visual prominence. */\n  muted?: boolean;\n  /** Shows a call-in-progress indicator on the right. */\n  callActive?: boolean;\n  /** Shows the shared-channel icon after the name. */\n  sharedChannel?: boolean;\n  /** Mention count shown in the badge when status='mention'. */\n  mentionCount?: number;\n  /** Member count shown in the group icon when leadingVisual='group-message'. */\n  memberCount?: number;\n  /** Avatar image URL for leadingVisual='direct-message'. */\n  avatarSrc?: string;\n  /** Avatar alt text for leadingVisual='direct-message'. */\n  avatarAlt?: string;\n  /** Shows status badge on the avatar when leadingVisual='direct-message'. */\n  showAvatarStatus?: boolean;\n  /** Custom status emoji shown after the name for leadingVisual='direct-message'. */\n  customStatusEmoji?: string;\n  onClick?: () => void;\n}\n\nfunction LeadingVisualContent({\n  leadingVisual,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus,\n}: {\n  leadingVisual: ChannelSidebarItemLeadingVisual;\n  memberCount: number | undefined;\n  avatarSrc: string | undefined;\n  avatarAlt: string | undefined;\n  showAvatarStatus: boolean | undefined;\n}) {\n  switch (leadingVisual) {\n    case 'private':\n      return <LockOutlineIcon size={16} />;\n    case 'group-message':\n      return (\n        <div className={styles['channel-sidebar-item__group-icon']}>\n          {memberCount ?? 2}\n        </div>\n      );\n    case 'direct-message':\n      return (\n        <UserAvatar\n          src={avatarSrc ?? ''}\n          alt={avatarAlt ?? ''}\n          size=\"20\"\n          status={!!showAvatarStatus}\n        />\n      );\n    case 'drafts':\n      return <SendOutlineIcon size={16} />;\n    case 'insights':\n      return <ChartLineIcon size={16} />;\n    case 'threads':\n      return <MessageTextOutlineIcon size={16} />;\n    case 'dial-pad':\n      return <DialpadIcon size={16} />;\n    case 'public':\n    default:\n      return <GlobeIcon size={16} />;\n  }\n}\n\n/**\n * The Channel Sidebar Item is the row people use to move between channels, DMs, and group\n * messages. It compresses a lot of state — channel type, unread, mention count, mute,\n * in-call — into a single, scannable line.\n */\nexport default function ChannelSidebarItem({\n  className,\n  name,\n  hideLeadingVisual = false,\n  leadingVisual = 'public',\n  status = 'read',\n  active = false,\n  muted = false,\n  callActive = false,\n  sharedChannel = false,\n  mentionCount,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus = false,\n  customStatusEmoji,\n  onClick,\n}: ChannelSidebarItemProps) {\n  const isDM = !hideLeadingVisual && leadingVisual === 'direct-message';\n  const isDrafts = !hideLeadingVisual && leadingVisual === 'drafts';\n  const effectiveStatus = isDrafts && status === 'unread' ? 'read' : status;\n  const hasMentionBadge = effectiveStatus === 'mention';\n  const isChannelOrDM =\n    !hideLeadingVisual &&\n    ['public', 'private', 'group-message', 'direct-message'].includes(\n      leadingVisual,\n    );\n\n  const rootClass = [\n    styles['channel-sidebar-item'],\n    hideLeadingVisual ? styles['channel-sidebar-item--text-only'] : '',\n    active ? styles['channel-sidebar-item--active'] : '',\n    muted ? styles['channel-sidebar-item--muted'] : '',\n    styles[`channel-sidebar-item--status-${effectiveStatus.toLowerCase()}`],\n    isDrafts ? styles['channel-sidebar-item--drafts'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconContainerClass = [\n    styles['channel-sidebar-item__icon-container'],\n    isDM ? styles['channel-sidebar-item__icon-container--dm'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const rightClass = styles['channel-sidebar-item__right'];\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={rootClass}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n    >\n      {active && (\n        <div className={styles['channel-sidebar-item__active-border']} />\n      )}\n      <div className={styles['channel-sidebar-item__left']}>\n        {!hideLeadingVisual && (\n          <div className={iconContainerClass}>\n            <LeadingVisualContent\n              leadingVisual={leadingVisual}\n              memberCount={memberCount}\n              avatarSrc={avatarSrc}\n              avatarAlt={avatarAlt}\n              showAvatarStatus={showAvatarStatus}\n            />\n          </div>\n        )}\n        <div className={styles['channel-sidebar-item__content']}>\n          <span className={styles['channel-sidebar-item__name']}>{name}</span>\n          {sharedChannel && (\n            <span className={styles['channel-sidebar-item__shared-icon']}>\n              <CircleMultipleOutlineIcon size={12} />\n            </span>\n          )}\n          {isDM && customStatusEmoji && (\n            <span className={styles['channel-sidebar-item__custom-status']}>\n              {customStatusEmoji}\n            </span>\n          )}\n        </div>\n      </div>\n      <div className={rightClass}>\n        {callActive && (\n          <div className={styles['channel-sidebar-item__call']}>\n            <PhoneInTalkIcon size={12} />\n          </div>\n        )}\n        {hasMentionBadge && (\n          <span className={styles['channel-sidebar-item__mention-badge']}>\n            <MentionBadge\n              count={mentionCount ?? 1}\n              location=\"sidebar\"\n              size=\"medium\"\n            />\n          </span>\n        )}\n        {isChannelOrDM && (\n          <span className={styles['channel-sidebar-item__menu-button']}>\n            <IconButton\n              size=\"x-small\"\n              style=\"inverted\"\n              icon={<DotsVerticalIcon size={12} />}\n              aria-label=\"Channel options\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["LeadingVisualContent","leadingVisual","memberCount","avatarSrc","avatarAlt","showAvatarStatus","jsx","LockOutlineIcon","styles","UserAvatar","SendOutlineIcon","ChartLineIcon","MessageTextOutlineIcon","DialpadIcon","GlobeIcon","ChannelSidebarItem","className","name","hideLeadingVisual","status","active","muted","callActive","sharedChannel","mentionCount","customStatusEmoji","onClick","isDM","isDrafts","effectiveStatus","hasMentionBadge","isChannelOrDM","rootClass","iconContainerClass","rightClass","jsxs","e","CircleMultipleOutlineIcon","PhoneInTalkIcon","MentionBadge","IconButton","DotsVerticalIcon"],"mappings":"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"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.css

@@ -0,0 +1 @@
+._channel-sidebar-item_1e5ys_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_1e5ys_11{display:none}._channel-sidebar-item_1e5ys_2:hover{background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item_1e5ys_2:hover ._channel-sidebar-item__menu-button_1e5ys_11{display:contents}._channel-sidebar-item_1e5ys_2:hover ._channel-sidebar-item__mention-badge_1e5ys_20{display:none}._channel-sidebar-item_1e5ys_2:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__active-border_1e5ys_27{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_1e5ys_34{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px}._channel-sidebar-item__icon-container_1e5ys_42{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_1e5ys_50{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_1e5ys_55{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_1e5ys_71{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_1e5ys_79{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__shared-icon_1e5ys_92{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_1e5ys_100{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_1e5ys_108{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_1e5ys_117{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_1e5ys_127 ._channel-sidebar-item__left_1e5ys_34{gap:0}._channel-sidebar-item--active_1e5ys_130{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__left_1e5ys_34{padding-left:var(--spacing-l)}._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--status-unread_1e5ys_139 ._channel-sidebar-item__icon-container_1e5ys_42,._channel-sidebar-item--status-mention_1e5ys_139 ._channel-sidebar-item__icon-container_1e5ys_42{opacity:1}._channel-sidebar-item--status-unread_1e5ys_139 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--status-mention_1e5ys_139 ._channel-sidebar-item__name_1e5ys_79{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__icon-container_1e5ys_42{opacity:.64}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__name_1e5ys_79{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__mention-badge_1e5ys_20>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_1e5ys_146._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__name_1e5ys_79{opacity:1}._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__icon-container_1e5ys_42,._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__shared-icon_1e5ys_92{opacity:.4}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.module.css');const e={"channel-sidebar-item":"_channel-sidebar-item_1e5ys_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_1e5ys_11","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_1e5ys_20","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_1e5ys_27","channel-sidebar-item__left":"_channel-sidebar-item__left_1e5ys_34","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_1e5ys_42","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_1e5ys_50","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_1e5ys_55","channel-sidebar-item__content":"_channel-sidebar-item__content_1e5ys_71","channel-sidebar-item__name":"_channel-sidebar-item__name_1e5ys_79","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_1e5ys_92","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_1e5ys_100","channel-sidebar-item__right":"_channel-sidebar-item__right_1e5ys_108","channel-sidebar-item__call":"_channel-sidebar-item__call_1e5ys_117","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_1e5ys_127","channel-sidebar-item--active":"_channel-sidebar-item--active_1e5ys_130","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_1e5ys_139","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_1e5ys_139","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_1e5ys_146","channel-sidebar-item--muted":"_channel-sidebar-item--muted_1e5ys_162"};exports.default=e;
+//# sourceMappingURL=ChannelSidebarItem.module.scss.cjs.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs.map

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

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js

@@ -0,0 +1,26 @@
+import './ChannelSidebarItem.module.css';const e = {
+  "channel-sidebar-item": "_channel-sidebar-item_1e5ys_2",
+  "channel-sidebar-item__menu-button": "_channel-sidebar-item__menu-button_1e5ys_11",
+  "channel-sidebar-item__mention-badge": "_channel-sidebar-item__mention-badge_1e5ys_20",
+  "channel-sidebar-item__active-border": "_channel-sidebar-item__active-border_1e5ys_27",
+  "channel-sidebar-item__left": "_channel-sidebar-item__left_1e5ys_34",
+  "channel-sidebar-item__icon-container": "_channel-sidebar-item__icon-container_1e5ys_42",
+  "channel-sidebar-item__icon-container--dm": "_channel-sidebar-item__icon-container--dm_1e5ys_50",
+  "channel-sidebar-item__group-icon": "_channel-sidebar-item__group-icon_1e5ys_55",
+  "channel-sidebar-item__content": "_channel-sidebar-item__content_1e5ys_71",
+  "channel-sidebar-item__name": "_channel-sidebar-item__name_1e5ys_79",
+  "channel-sidebar-item__shared-icon": "_channel-sidebar-item__shared-icon_1e5ys_92",
+  "channel-sidebar-item__custom-status": "_channel-sidebar-item__custom-status_1e5ys_100",
+  "channel-sidebar-item__right": "_channel-sidebar-item__right_1e5ys_108",
+  "channel-sidebar-item__call": "_channel-sidebar-item__call_1e5ys_117",
+  "channel-sidebar-item--text-only": "_channel-sidebar-item--text-only_1e5ys_127",
+  "channel-sidebar-item--active": "_channel-sidebar-item--active_1e5ys_130",
+  "channel-sidebar-item--status-unread": "_channel-sidebar-item--status-unread_1e5ys_139",
+  "channel-sidebar-item--status-mention": "_channel-sidebar-item--status-mention_1e5ys_139",
+  "channel-sidebar-item--drafts": "_channel-sidebar-item--drafts_1e5ys_146",
+  "channel-sidebar-item--muted": "_channel-sidebar-item--muted_1e5ys_162"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=ChannelSidebarItem.module.scss.js.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js.map

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

package/dist/components/channel-sidebar-item/index.cjs

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

package/dist/components/channel-sidebar-item/index.cjs.map

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

package/dist/components/channel-sidebar-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-sidebar-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EACV,uBAAuB,EACvB,+BAA+B,EAC/B,wBAAwB,GACzB,MAAM,sBAAsB,CAAC"}

package/dist/components/channel-sidebar-item/index.js

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

package/dist/components/channel-sidebar-item/index.js.map

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