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

package/dist/components/card-button/CardButtonGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),k=require("react"),E=require("./CardButtonGroup.module.scss.cjs");function h(n){return[...n.querySelectorAll('[role="radio"]')]}function m(n){return h(n).filter(o=>!o.disabled)}function b(n,o){const a=h(n);if(a.length===0)return;const u=m(n),l=u.find(r=>r.getAttribute("aria-checked")==="true")??a.find(r=>r.getAttribute("aria-checked")==="true"),f=o&&a.includes(o)&&!o.disabled?o:l??u[0]??a[0];a.forEach(r=>{r.tabIndex=r===f?0:-1})}function S({children:n,className:o="",role:a="radiogroup",onKeyDown:u,onFocus:l,...f}){const r=k.useRef(null);k.useLayoutEffect(()=>{const e=r.current;e!=null&&b(e)},[n]);const p=e=>{l==null||l(e);const c=e.currentTarget;if(h(c).length===0)return;const t=e.target;if(!(t instanceof HTMLElement))return;const i=t.closest('[role="radio"]');i==null||!c.contains(i)||b(c,i)},A=e=>{if(u==null||u(e),e.defaultPrevented)return;const c=r.current;if(c==null)return;const t=m(c);if(t.length===0)return;const i=document.activeElement;if(!(i instanceof HTMLElement)||!c.contains(i))return;const v=i.closest('[role="radio"]'),g=t.findIndex(s=>s===v);if(g<0)return;const d=s=>{e.preventDefault(),b(c,s),s.focus({focusVisible:!0}),s.getAttribute("aria-checked")!=="true"&&s.click()};switch(e.key){case"ArrowRight":case"ArrowDown":d(t[(g+1)%t.length]);break;case"ArrowLeft":case"ArrowUp":d(t[(g-1+t.length)%t.length]);break;case"Home":d(t[0]);break;case"End":d(t[t.length-1]);break}};return R.jsx("div",{role:a,className:[E.default["card-button-group"],o].filter(Boolean).join(" "),...f,ref:r,onKeyDown:A,onFocus:p,children:n})}exports.default=S;
+//# sourceMappingURL=CardButtonGroup.cjs.map

package/dist/components/card-button/CardButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButtonGroup.cjs","sources":["../../../src/components/card-button/CardButtonGroup.tsx"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport styles from './CardButtonGroup.module.scss';\n\nexport interface CardButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  className?: string;\n}\n\nfunction radiosIn(group: ParentNode): HTMLButtonElement[] {\n  return [...group.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')];\n}\n\nfunction enabledRadiosIn(group: ParentNode): HTMLButtonElement[] {\n  return radiosIn(group).filter((radio) => !radio.disabled);\n}\n\nfunction syncRadioTabStops(group: HTMLElement, preferred?: HTMLButtonElement) {\n  const radios = radiosIn(group);\n  if (radios.length === 0) return;\n\n  const enabled = enabledRadiosIn(group);\n  const checked =\n    enabled.find((radio) => radio.getAttribute('aria-checked') === 'true') ??\n    radios.find((radio) => radio.getAttribute('aria-checked') === 'true');\n  const tabStop =\n    preferred && radios.includes(preferred) && !preferred.disabled\n      ? preferred\n      : (checked ?? enabled[0] ?? radios[0]);\n\n  radios.forEach((radio) => {\n    radio.tabIndex = radio === tabStop ? 0 : -1;\n  });\n}\n\n/**\n * Lays out Card Buttons in a horizontal row (Figma Card Button Group).\n * Defaults to `role=\"radiogroup\"` — set child cards to `role=\"radio\"`.\n * When children use `role=\"radio\"`, applies the ARIA radio keyboard model\n * (roving tabindex + arrow selection with wrapping).\n */\nexport default function CardButtonGroup({\n  children,\n  className = '',\n  role = 'radiogroup',\n  onKeyDown,\n  onFocus,\n  ...rest\n}: CardButtonGroupProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const group = ref.current;\n    if (group == null) return;\n    syncRadioTabStops(group);\n  }, [children]);\n\n  const handleFocus = (e: FocusEvent<HTMLDivElement>) => {\n    onFocus?.(e);\n    const group = e.currentTarget;\n    if (radiosIn(group).length === 0) return;\n    const target = e.target;\n    if (!(target instanceof HTMLElement)) return;\n    const radio = target.closest<HTMLButtonElement>('[role=\"radio\"]');\n    if (radio == null || !group.contains(radio)) return;\n    syncRadioTabStops(group, radio);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const group = ref.current;\n    if (group == null) return;\n    const radios = enabledRadiosIn(group);\n    if (radios.length === 0) return;\n\n    const active = document.activeElement;\n    if (!(active instanceof HTMLElement) || !group.contains(active)) return;\n    const radio = active.closest<HTMLButtonElement>('[role=\"radio\"]');\n    const index = radios.findIndex((r) => r === radio);\n    if (index < 0) return;\n\n    const selectRadio = (next: HTMLButtonElement) => {\n      e.preventDefault();\n      syncRadioTabStops(group, next);\n      next.focus({ focusVisible: true } as FocusOptions);\n      if (next.getAttribute('aria-checked') !== 'true') {\n        next.click();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        selectRadio(radios[(index + 1) % radios.length]);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        selectRadio(radios[(index - 1 + radios.length) % radios.length]);\n        break;\n      case 'Home':\n        selectRadio(radios[0]);\n        break;\n      case 'End':\n        selectRadio(radios[radios.length - 1]);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <div\n      role={role}\n      className={[styles['card-button-group'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n      ref={ref}\n      onKeyDown={handleKeyDown}\n      onFocus={handleFocus}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["radiosIn","group","enabledRadiosIn","radio","syncRadioTabStops","preferred","radios","enabled","checked","tabStop","CardButtonGroup","children","className","role","onKeyDown","onFocus","rest","ref","useRef","useLayoutEffect","handleFocus","target","handleKeyDown","active","index","r","selectRadio","next","jsx","styles"],"mappings":"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"}

package/dist/components/card-button/CardButtonGroup.css

@@ -0,0 +1 @@
+._card-button-group_1cufe_2{display:flex;flex-direction:row;align-items:stretch;gap:var(--spacing-xs);width:100%}._card-button-group_1cufe_2>*{flex:1 1 0;min-width:0}

package/dist/components/card-button/CardButtonGroup.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CardButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Lays out Card Buttons in a horizontal row (Figma Card Button Group).
+ * Defaults to `role="radiogroup"` — set child cards to `role="radio"`.
+ * When children use `role="radio"`, applies the ARIA radio keyboard model
+ * (roving tabindex + arrow selection with wrapping).
+ */
+export default function CardButtonGroup({ children, className, role, onKeyDown, onFocus, ...rest }: CardButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CardButtonGroup.d.ts.map

package/dist/components/card-button/CardButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/card-button/CardButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,SAAc,EACd,IAAmB,EACnB,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA8EtB"}

package/dist/components/card-button/CardButtonGroup.js

@@ -0,0 +1,85 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useRef as v, useLayoutEffect as R } from "react";
+import w from "./CardButtonGroup.module.scss.js";
+function h(n) {
+  return [...n.querySelectorAll('[role="radio"]')];
+}
+function m(n) {
+  return h(n).filter((o) => !o.disabled);
+}
+function b(n, o) {
+  const a = h(n);
+  if (a.length === 0) return;
+  const s = m(n), l = s.find((r) => r.getAttribute("aria-checked") === "true") ?? a.find((r) => r.getAttribute("aria-checked") === "true"), f = o && a.includes(o) && !o.disabled ? o : l ?? s[0] ?? a[0];
+  a.forEach((r) => {
+    r.tabIndex = r === f ? 0 : -1;
+  });
+}
+function y({
+  children: n,
+  className: o = "",
+  role: a = "radiogroup",
+  onKeyDown: s,
+  onFocus: l,
+  ...f
+}) {
+  const r = v(null);
+  R(() => {
+    const e = r.current;
+    e != null && b(e);
+  }, [n]);
+  const k = (e) => {
+    l == null || l(e);
+    const c = e.currentTarget;
+    if (h(c).length === 0) return;
+    const t = e.target;
+    if (!(t instanceof HTMLElement)) return;
+    const i = t.closest('[role="radio"]');
+    i == null || !c.contains(i) || b(c, i);
+  }, p = (e) => {
+    if (s == null || s(e), e.defaultPrevented) return;
+    const c = r.current;
+    if (c == null) return;
+    const t = m(c);
+    if (t.length === 0) return;
+    const i = document.activeElement;
+    if (!(i instanceof HTMLElement) || !c.contains(i)) return;
+    const A = i.closest('[role="radio"]'), g = t.findIndex((u) => u === A);
+    if (g < 0) return;
+    const d = (u) => {
+      e.preventDefault(), b(c, u), u.focus({ focusVisible: !0 }), u.getAttribute("aria-checked") !== "true" && u.click();
+    };
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        d(t[(g + 1) % t.length]);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        d(t[(g - 1 + t.length) % t.length]);
+        break;
+      case "Home":
+        d(t[0]);
+        break;
+      case "End":
+        d(t[t.length - 1]);
+        break;
+    }
+  };
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      role: a,
+      className: [w["card-button-group"], o].filter(Boolean).join(" "),
+      ...f,
+      ref: r,
+      onKeyDown: p,
+      onFocus: k,
+      children: n
+    }
+  );
+}
+export {
+  y as default
+};
+//# sourceMappingURL=CardButtonGroup.js.map

package/dist/components/card-button/CardButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButtonGroup.js","sources":["../../../src/components/card-button/CardButtonGroup.tsx"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport styles from './CardButtonGroup.module.scss';\n\nexport interface CardButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  className?: string;\n}\n\nfunction radiosIn(group: ParentNode): HTMLButtonElement[] {\n  return [...group.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')];\n}\n\nfunction enabledRadiosIn(group: ParentNode): HTMLButtonElement[] {\n  return radiosIn(group).filter((radio) => !radio.disabled);\n}\n\nfunction syncRadioTabStops(group: HTMLElement, preferred?: HTMLButtonElement) {\n  const radios = radiosIn(group);\n  if (radios.length === 0) return;\n\n  const enabled = enabledRadiosIn(group);\n  const checked =\n    enabled.find((radio) => radio.getAttribute('aria-checked') === 'true') ??\n    radios.find((radio) => radio.getAttribute('aria-checked') === 'true');\n  const tabStop =\n    preferred && radios.includes(preferred) && !preferred.disabled\n      ? preferred\n      : (checked ?? enabled[0] ?? radios[0]);\n\n  radios.forEach((radio) => {\n    radio.tabIndex = radio === tabStop ? 0 : -1;\n  });\n}\n\n/**\n * Lays out Card Buttons in a horizontal row (Figma Card Button Group).\n * Defaults to `role=\"radiogroup\"` — set child cards to `role=\"radio\"`.\n * When children use `role=\"radio\"`, applies the ARIA radio keyboard model\n * (roving tabindex + arrow selection with wrapping).\n */\nexport default function CardButtonGroup({\n  children,\n  className = '',\n  role = 'radiogroup',\n  onKeyDown,\n  onFocus,\n  ...rest\n}: CardButtonGroupProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const group = ref.current;\n    if (group == null) return;\n    syncRadioTabStops(group);\n  }, [children]);\n\n  const handleFocus = (e: FocusEvent<HTMLDivElement>) => {\n    onFocus?.(e);\n    const group = e.currentTarget;\n    if (radiosIn(group).length === 0) return;\n    const target = e.target;\n    if (!(target instanceof HTMLElement)) return;\n    const radio = target.closest<HTMLButtonElement>('[role=\"radio\"]');\n    if (radio == null || !group.contains(radio)) return;\n    syncRadioTabStops(group, radio);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const group = ref.current;\n    if (group == null) return;\n    const radios = enabledRadiosIn(group);\n    if (radios.length === 0) return;\n\n    const active = document.activeElement;\n    if (!(active instanceof HTMLElement) || !group.contains(active)) return;\n    const radio = active.closest<HTMLButtonElement>('[role=\"radio\"]');\n    const index = radios.findIndex((r) => r === radio);\n    if (index < 0) return;\n\n    const selectRadio = (next: HTMLButtonElement) => {\n      e.preventDefault();\n      syncRadioTabStops(group, next);\n      next.focus({ focusVisible: true } as FocusOptions);\n      if (next.getAttribute('aria-checked') !== 'true') {\n        next.click();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        selectRadio(radios[(index + 1) % radios.length]);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        selectRadio(radios[(index - 1 + radios.length) % radios.length]);\n        break;\n      case 'Home':\n        selectRadio(radios[0]);\n        break;\n      case 'End':\n        selectRadio(radios[radios.length - 1]);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <div\n      role={role}\n      className={[styles['card-button-group'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n      ref={ref}\n      onKeyDown={handleKeyDown}\n      onFocus={handleFocus}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["radiosIn","group","enabledRadiosIn","radio","syncRadioTabStops","preferred","radios","enabled","checked","tabStop","CardButtonGroup","children","className","role","onKeyDown","onFocus","rest","ref","useRef","useLayoutEffect","handleFocus","target","handleKeyDown","active","index","r","selectRadio","next","jsx","styles"],"mappings":"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"}

package/dist/components/card-button/CardButtonGroup.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CardButtonGroup.css');const e={"card-button-group":"_card-button-group_1cufe_2"};exports.default=e;
+//# sourceMappingURL=CardButtonGroup.module.scss.cjs.map

package/dist/components/card-button/CardButtonGroup.module.scss.cjs.map

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

package/dist/components/card-button/CardButtonGroup.module.scss.js

@@ -0,0 +1,7 @@
+import './CardButtonGroup.css';const t = {
+  "card-button-group": "_card-button-group_1cufe_2"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=CardButtonGroup.module.scss.js.map

package/dist/components/card-button/CardButtonGroup.module.scss.js.map

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

package/dist/components/card-button/index.cjs

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

package/dist/components/card-button/index.cjs.map

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

package/dist/components/card-button/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CardButton } from './CardButton';
+export type { CardButtonProps } from './CardButton';
+export { default as CardButtonGroup } from './CardButtonGroup';
+export type { CardButtonGroupProps } from './CardButtonGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/card-button/index.js

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

package/dist/components/card-button/index.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__c=require("@mattermost/compass-icons/components/bell-off-outline.js"),c=__c?.default??__c,__d=require("@mattermost/compass-icons/components/chevron-right.js"),d=__d?.default??__d,__j=require("@mattermost/compass-icons/components/folder-move-outline.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/globe.js"),x=__x?.default??__x,__g=require("@mattermost/compass-icons/components/pencil-outline.js"),g=__g?.default??__g,__h=require("@mattermost/compass-icons/components/plus.js"),h=__h?.default??__h,__f=require("@mattermost/compass-icons/components/sort-alphabetical-ascending.js"),f=__f?.default??__f,__p=require("@mattermost/compass-icons/components/trash-can-outline.js"),p=__p?.default??__p,l=require("../icon/Icon.cjs"),s=require("../menu-item/MenuItem.cjs"),n=require("../popover-menu/PopoverMenu.cjs"),a=require("./ChannelCategoryMenu.module.scss.cjs");function y({sortLabel:r="Alphabetically",className:t="",style:u,...i}){const o=[a.default["channel-category-menu"],t].filter(Boolean).join(" ");return e.jsxs(n.default,{className:o,style:u,...i,children:[e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Mute category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(s.default,{label:"Rename category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(s.default,{label:"Delete category",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Sort",leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsxs("span",{className:a.default["channel-category-menu__sort-trailing"],children:[e.jsx("span",{className:a.default["channel-category-menu__sort-label"],children:r}),e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})]})})}),e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Browse channels",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(s.default,{label:"Create new channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Create new category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})})})]})}exports.default=y;
+//# sourceMappingURL=ChannelCategoryMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelCategoryMenu.cjs","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={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":"+zBA0BA,SAAwBA,EAAoB,CAC1C,UAAAC,EAAY,iBACZ,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACC,UAAO,uBAAuB,EAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEK,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAG,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAkB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE/DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACjE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,OACN,oBACGC,UAAA,CAAK,YAAQK,EAAA,EAA8B,EAAI,KAAK,KAAK,EAE5D,gBAAe,GACf,eACEV,EAAAA,KAAC,OAAA,CAAK,UAAWD,UAAO,sCAAsC,EAC5D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,UAAWJ,EAAAA,QAAO,mCAAmC,EAEpD,SAAAL,CAAA,CAAA,QAEFW,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC/C,CAAA,CAAA,EAGN,QACCF,EAAAA,mBAAA,EAAmB,SACnBP,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDT,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACtD,EACF,QACCJ,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQS,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACnE,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/channel-category-menu/ChannelCategoryMenu.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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelCategoryMenu.d.ts","sourceRoot":"","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiB5C,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAA4B,EAC5B,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,2CAkE1B"}

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

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

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

@@ -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={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,OAAAF;AAAA,MACC,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.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelCategoryMenu.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.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-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