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

package/dist/components/switch/index.d.ts.map

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

package/dist/components/switch/index.js

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

package/dist/components/switch/index.js.map

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

package/dist/components/tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./Tabs.module.scss.cjs");function r({tabs:n,activeKey:d,onChange:u,className:i="",controls:l}){const o=[e.default.tabs,i].filter(Boolean).join(" ");return s.jsxs("div",{className:o,children:[s.jsx("div",{className:e.default["tabs__tab-list"],role:"tablist",children:n.map(a=>{const t=a.key===d,c=[e.default.tabs__tab,t?e.default["tabs__tab--active"]:""].filter(Boolean).join(" ");return s.jsxs("button",{role:"tab",type:"button","aria-selected":t,className:c,onClick:()=>u(a.key),children:[s.jsx("span",{className:e.default["tabs__tab-label"],children:a.label}),a.countBadge!=null&&s.jsx("span",{className:[e.default["tabs__count-badge"],t?e.default["tabs__count-badge--active"]:""].filter(Boolean).join(" "),children:a.countBadge}),a.unreadBadge&&!t&&s.jsx("span",{className:e.default["tabs__unread-badge"],"aria-label":"Unread"})]},a.key)})}),l!=null&&s.jsx("div",{className:e.default.tabs__controls,children:l})]})}exports.default=r;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Tabs.module.scss';\n\nexport interface TabItem {\n  /** Unique key for this tab. */\n  key: string;\n  /** Tab label text. */\n  label: string;\n  /** Optional count badge number. */\n  countBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n}\n\nexport interface TabsProps {\n  /** Array of tab items to display. */\n  tabs: TabItem[];\n  /** Key of the currently active tab. */\n  activeKey: string;\n  /** Called when a tab is selected. */\n  onChange: (key: string) => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Optional trailing controls rendered to the right of the tabs. */\n  controls?: ReactNode;\n}\n\n/**\n * Tabs let people switch between sibling views inside the same surface — Mentions in the\n * right sidebar, sections of a settings panel, or filters on a list. The content area\n * changes; the surrounding chrome doesn't.\n */\nexport default function Tabs({\n  tabs,\n  activeKey,\n  onChange,\n  className = '',\n  controls,\n}: TabsProps) {\n  const rootClass = [styles.tabs, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tabs__tab-list']} role=\"tablist\">\n        {tabs.map((tab) => {\n          const isActive = tab.key === activeKey;\n          const tabClass = [\n            styles['tabs__tab'],\n            isActive ? styles['tabs__tab--active'] : '',\n          ]\n            .filter(Boolean)\n            .join(' ');\n\n          return (\n            <button\n              key={tab.key}\n              role=\"tab\"\n              type=\"button\"\n              aria-selected={isActive}\n              className={tabClass}\n              onClick={() => onChange(tab.key)}\n            >\n              <span className={styles['tabs__tab-label']}>{tab.label}</span>\n\n              {tab.countBadge != null && (\n                <span\n                  className={[\n                    styles['tabs__count-badge'],\n                    isActive ? styles['tabs__count-badge--active'] : '',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                >\n                  {tab.countBadge}\n                </span>\n              )}\n\n              {tab.unreadBadge && !isActive && (\n                <span\n                  className={styles['tabs__unread-badge']}\n                  aria-label=\"Unread\"\n                />\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {controls != null && (\n        <div className={styles['tabs__controls']}>{controls}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["Tabs","tabs","activeKey","onChange","className","controls","rootClass","styles","jsxs","jsx","tab","isActive","tabClass"],"mappings":"qLAgCA,SAAwBA,EAAK,CAC3B,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,CACF,EAAc,CACZ,MAAMC,EAAY,CAACC,EAAAA,QAAO,KAAMH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEnE,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACd,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,gBAAgB,EAAG,KAAK,UAC5C,SAAAN,EAAK,IAAKS,GAAQ,CACjB,MAAMC,EAAWD,EAAI,MAAQR,EACvBU,EAAW,CACfL,EAAAA,QAAO,UACPI,EAAWJ,EAAAA,QAAO,mBAAmB,EAAI,EAAA,EAExC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEC,EAAAA,KAAC,SAAA,CAEC,KAAK,MACL,KAAK,SACL,gBAAeG,EACf,UAAWC,EACX,QAAS,IAAMT,EAASO,EAAI,GAAG,EAE/B,SAAA,CAAAD,MAAC,QAAK,UAAWF,EAAAA,QAAO,iBAAiB,EAAI,WAAI,MAAM,EAEtDG,EAAI,YAAc,MACjBD,EAAAA,IAAC,OAAA,CACC,UAAW,CACTF,EAAAA,QAAO,mBAAmB,EAC1BI,EAAWJ,EAAAA,QAAO,2BAA2B,EAAI,EAAA,EAEhD,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAG,EAAI,UAAA,CAAA,EAIRA,EAAI,aAAe,CAACC,GACnBF,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,oBAAoB,EACtC,aAAW,QAAA,CAAA,CACb,CAAA,EA1BGG,EAAI,GAAA,CA8Bf,CAAC,CAAA,CACH,EAECL,GAAY,MACXI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,eAAoB,SAAAF,CAAA,CAAS,CAAA,EAExD,CAEJ"}

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,GACT,EAAE,SAAS,2CAuDX"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,55 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import a from "./Tabs.module.scss.js";
+function m({
+  tabs: o,
+  activeKey: i,
+  onChange: c,
+  className: r = "",
+  controls: l
+}) {
+  const d = [a.tabs, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: d, children: [
+    /* @__PURE__ */ s("div", { className: a["tabs__tab-list"], role: "tablist", children: o.map((e) => {
+      const t = e.key === i, b = [
+        a.tabs__tab,
+        t ? a["tabs__tab--active"] : ""
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ n(
+        "button",
+        {
+          role: "tab",
+          type: "button",
+          "aria-selected": t,
+          className: b,
+          onClick: () => c(e.key),
+          children: [
+            /* @__PURE__ */ s("span", { className: a["tabs__tab-label"], children: e.label }),
+            e.countBadge != null && /* @__PURE__ */ s(
+              "span",
+              {
+                className: [
+                  a["tabs__count-badge"],
+                  t ? a["tabs__count-badge--active"] : ""
+                ].filter(Boolean).join(" "),
+                children: e.countBadge
+              }
+            ),
+            e.unreadBadge && !t && /* @__PURE__ */ s(
+              "span",
+              {
+                className: a["tabs__unread-badge"],
+                "aria-label": "Unread"
+              }
+            )
+          ]
+        },
+        e.key
+      );
+    }) }),
+    l != null && /* @__PURE__ */ s("div", { className: a.tabs__controls, children: l })
+  ] });
+}
+export {
+  m as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Tabs.module.scss';\n\nexport interface TabItem {\n  /** Unique key for this tab. */\n  key: string;\n  /** Tab label text. */\n  label: string;\n  /** Optional count badge number. */\n  countBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n}\n\nexport interface TabsProps {\n  /** Array of tab items to display. */\n  tabs: TabItem[];\n  /** Key of the currently active tab. */\n  activeKey: string;\n  /** Called when a tab is selected. */\n  onChange: (key: string) => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Optional trailing controls rendered to the right of the tabs. */\n  controls?: ReactNode;\n}\n\n/**\n * Tabs let people switch between sibling views inside the same surface — Mentions in the\n * right sidebar, sections of a settings panel, or filters on a list. The content area\n * changes; the surrounding chrome doesn't.\n */\nexport default function Tabs({\n  tabs,\n  activeKey,\n  onChange,\n  className = '',\n  controls,\n}: TabsProps) {\n  const rootClass = [styles.tabs, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tabs__tab-list']} role=\"tablist\">\n        {tabs.map((tab) => {\n          const isActive = tab.key === activeKey;\n          const tabClass = [\n            styles['tabs__tab'],\n            isActive ? styles['tabs__tab--active'] : '',\n          ]\n            .filter(Boolean)\n            .join(' ');\n\n          return (\n            <button\n              key={tab.key}\n              role=\"tab\"\n              type=\"button\"\n              aria-selected={isActive}\n              className={tabClass}\n              onClick={() => onChange(tab.key)}\n            >\n              <span className={styles['tabs__tab-label']}>{tab.label}</span>\n\n              {tab.countBadge != null && (\n                <span\n                  className={[\n                    styles['tabs__count-badge'],\n                    isActive ? styles['tabs__count-badge--active'] : '',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                >\n                  {tab.countBadge}\n                </span>\n              )}\n\n              {tab.unreadBadge && !isActive && (\n                <span\n                  className={styles['tabs__unread-badge']}\n                  aria-label=\"Unread\"\n                />\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {controls != null && (\n        <div className={styles['tabs__controls']}>{controls}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["Tabs","tabs","activeKey","onChange","className","controls","rootClass","styles","jsxs","jsx","tab","isActive","tabClass"],"mappings":";;AAgCA,SAAwBA,EAAK;AAAA,EAC3B,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,GAAc;AACZ,QAAMC,IAAY,CAACC,EAAO,MAAMH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEnE,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAO,gBAAgB,GAAG,MAAK,WAC5C,UAAAN,EAAK,IAAI,CAACS,MAAQ;AACjB,YAAMC,IAAWD,EAAI,QAAQR,GACvBU,IAAW;AAAA,QACfL,EAAO;AAAA,QACPI,IAAWJ,EAAO,mBAAmB,IAAI;AAAA,MAAA,EAExC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,aACE,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,iBAAeG;AAAA,UACf,WAAWC;AAAA,UACX,SAAS,MAAMT,EAASO,EAAI,GAAG;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAD,EAAC,UAAK,WAAWF,EAAO,iBAAiB,GAAI,YAAI,OAAM;AAAA,YAEtDG,EAAI,cAAc,QACjB,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACTF,EAAO,mBAAmB;AAAA,kBAC1BI,IAAWJ,EAAO,2BAA2B,IAAI;AAAA,gBAAA,EAEhD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBAEV,UAAAG,EAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAIRA,EAAI,eAAe,CAACC,KACnB,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAO,oBAAoB;AAAA,gBACtC,cAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QA1BGG,EAAI;AAAA,MAAA;AAAA,IA8Bf,CAAC,EAAA,CACH;AAAA,IAECL,KAAY,QACX,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,gBAAoB,UAAAF,EAAA,CAAS;AAAA,EAAA,GAExD;AAEJ;"}

package/dist/components/tabs/Tabs.module.css

@@ -0,0 +1 @@
+._tabs_1jw11_2{display:flex;align-items:center;justify-content:space-between}._tabs__tab-list_1jw11_7{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._tabs__tab_1jw11_7{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);overflow:hidden;border-radius:var(--radius-s);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xxs) var(--spacing-s);transition:background-color var(--duration-quick) var(--ease-transition)}._tabs__tab_1jw11_7:hover:not(._tabs__tab--active_1jw11_25){background-color:rgba(var(--center-channel-color-rgb),.08)}._tabs__tab--active_1jw11_25{background-color:rgba(var(--link-color-rgb),.08)}._tabs__tab--active_1jw11_25 ._tabs__tab-label_1jw11_31{color:var(--link-color)}._tabs__tab--active_1jw11_25 ._tabs__count-badge_1jw11_34{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__tab-label_1jw11_31{display:flex;align-items:center;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;transition:color var(--duration-quick) var(--ease-transition)}._tabs__count-badge_1jw11_34{display:inline-flex;align-items:center;justify-content:center;padding:2.5px var(--spacing-xxs);border-radius:var(--radius-m);background-color:rgba(var(--center-channel-color-rgb),.08);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:rgba(var(--center-channel-color-rgb),.64);flex-shrink:0;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._tabs__count-badge--active_1jw11_62{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__unread-badge_1jw11_66{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs);width:4px;height:4px;border-radius:var(--radius-full);background-color:var(--mention-bg)}._tabs__controls_1jw11_75{display:flex;align-items:center;gap:var(--spacing-xxs);flex-shrink:0}

package/dist/components/tabs/Tabs.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tabs.module.css');const _="_tabs_1jw11_2",t="_tabs__tab_1jw11_7",a="_tabs__controls_1jw11_75",b={tabs:_,"tabs__tab-list":"_tabs__tab-list_1jw11_7",tabs__tab:t,"tabs__tab--active":"_tabs__tab--active_1jw11_25","tabs__tab-label":"_tabs__tab-label_1jw11_31","tabs__count-badge":"_tabs__count-badge_1jw11_34","tabs__count-badge--active":"_tabs__count-badge--active_1jw11_62","tabs__unread-badge":"_tabs__unread-badge_1jw11_66",tabs__controls:a};exports.default=b;exports.tabs=_;exports.tabs__controls=a;exports.tabs__tab=t;
+//# sourceMappingURL=Tabs.module.scss.cjs.map

package/dist/components/tabs/Tabs.module.scss.cjs.map

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

package/dist/components/tabs/Tabs.module.scss.js

@@ -0,0 +1,18 @@
+import './Tabs.module.css';const _ = "_tabs_1jw11_2", t = "_tabs__tab_1jw11_7", a = "_tabs__controls_1jw11_75", b = {
+  tabs: _,
+  "tabs__tab-list": "_tabs__tab-list_1jw11_7",
+  tabs__tab: t,
+  "tabs__tab--active": "_tabs__tab--active_1jw11_25",
+  "tabs__tab-label": "_tabs__tab-label_1jw11_31",
+  "tabs__count-badge": "_tabs__count-badge_1jw11_34",
+  "tabs__count-badge--active": "_tabs__count-badge--active_1jw11_62",
+  "tabs__unread-badge": "_tabs__unread-badge_1jw11_66",
+  tabs__controls: a
+};
+export {
+  b as default,
+  _ as tabs,
+  a as tabs__controls,
+  t as tabs__tab
+};
+//# sourceMappingURL=Tabs.module.scss.js.map

package/dist/components/tabs/Tabs.module.scss.js.map

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

package/dist/components/tabs/index.cjs

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

package/dist/components/tabs/index.cjs.map

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

package/dist/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tabs/index.js

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

package/dist/components/tabs/index.js.map

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

package/dist/components/tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("./Tag.module.scss.cjs"),f={default:a.default["tag--type-default"],info:a.default["tag--type-info"],"info-dim":a.default["tag--type-info-dim"],danger:a.default["tag--type-danger"],success:a.default["tag--type-success"],warning:a.default["tag--type-warning"]};function c({label:l,type:s="default",size:u="x-small",casing:n="title-case",leadingIcon:t,className:d=""}){const i=[a.default.tag,f[s],u==="small"?a.default["tag--size-small"]:a.default["tag--size-x-small"],n==="all-caps"?a.default["tag--casing-all-caps"]:"",d].filter(Boolean).join(" ");return e.jsxs("span",{className:i,children:[t&&e.jsx("span",{className:a.default.tag__icon,"aria-hidden":!0,children:t}),e.jsx("span",{className:a.default.tag__label,children:l})]})}exports.default=c;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Tag.module.scss';\n\nexport type TagType =\n  | 'default'\n  | 'info'\n  | 'info-dim'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TagSize = 'small' | 'x-small';\nexport type TagCasing = 'title-case' | 'all-caps';\n\nexport type TagProps = {\n  /** Tag label text. */\n  label: string;\n  /** Semantic colour type. Default: Default. */\n  type?: TagType;\n  /** Size variant. Default: X-Small. */\n  size?: TagSize;\n  /** Text casing. Default: Title Case. */\n  casing?: TagCasing;\n  /** Optional leading icon node. */\n  leadingIcon?: ReactNode;\n  /** Merged onto the root after variant classes (e.g. layout overrides in a parent row). */\n  className?: string;\n};\n\nconst TYPE_CLASS: Record<TagType, string> = {\n  default: styles['tag--type-default'],\n  info: styles['tag--type-info'],\n  'info-dim': styles['tag--type-info-dim'],\n  danger: styles['tag--type-danger'],\n  success: styles['tag--type-success'],\n  warning: styles['tag--type-warning'],\n};\n\n/**\n * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier\n * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way\n * to surface a small piece of metadata without spending a sentence on it.\n */\nexport default function Tag({\n  label,\n  type = 'default',\n  size = 'x-small',\n  casing = 'title-case',\n  leadingIcon,\n  className = '',\n}: TagProps) {\n  const classes = [\n    styles.tag,\n    TYPE_CLASS[type],\n    size === 'small'\n      ? styles['tag--size-small']\n      : styles['tag--size-x-small'],\n    casing === 'all-caps' ? styles['tag--casing-all-caps'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={classes}>\n      {leadingIcon && (\n        <span className={styles['tag__icon']} aria-hidden>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={styles['tag__label']}>{label}</span>\n    </span>\n  );\n}\n"],"names":["TYPE_CLASS","styles","Tag","label","type","size","casing","leadingIcon","className","classes","jsxs","jsx"],"mappings":"oLA6BMA,EAAsC,CAC1C,QAASC,EAAAA,QAAO,mBAAmB,EACnC,KAAMA,EAAAA,QAAO,gBAAgB,EAC7B,WAAYA,EAAAA,QAAO,oBAAoB,EACvC,OAAQA,EAAAA,QAAO,kBAAkB,EACjC,QAASA,EAAAA,QAAO,mBAAmB,EACnC,QAASA,EAAAA,QAAO,mBAAmB,CACrC,EAOA,SAAwBC,EAAI,CAC1B,MAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAO,UACP,OAAAC,EAAS,aACT,YAAAC,EACA,UAAAC,EAAY,EACd,EAAa,CACX,MAAMC,EAAU,CACdR,EAAAA,QAAO,IACPD,EAAWI,CAAI,EACfC,IAAS,QACLJ,EAAAA,QAAO,iBAAiB,EACxBA,EAAAA,QAAO,mBAAmB,EAC9BK,IAAW,WAAaL,UAAO,sBAAsB,EAAI,GACzDO,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,KAAC,OAAA,CAAK,UAAWD,EACd,SAAA,CAAAF,GACCI,EAAAA,IAAC,QAAK,UAAWV,EAAAA,QAAO,UAAc,cAAW,GAC9C,SAAAM,CAAA,CACH,QAED,OAAA,CAAK,UAAWN,EAAAA,QAAO,WAAgB,SAAAE,CAAA,CAAM,CAAA,EAChD,CAEJ"}

package/dist/components/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,GACf,EAAE,QAAQ,2CAuBV"}

package/dist/components/tag/Tag.js

@@ -0,0 +1,34 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import a from "./Tag.module.scss.js";
+const o = {
+  default: a["tag--type-default"],
+  info: a["tag--type-info"],
+  "info-dim": a["tag--type-info-dim"],
+  danger: a["tag--type-danger"],
+  success: a["tag--type-success"],
+  warning: a["tag--type-warning"]
+};
+function d({
+  label: e,
+  type: l = "default",
+  size: n = "x-small",
+  casing: i = "title-case",
+  leadingIcon: s,
+  className: c = ""
+}) {
+  const g = [
+    a.tag,
+    o[l],
+    n === "small" ? a["tag--size-small"] : a["tag--size-x-small"],
+    i === "all-caps" ? a["tag--casing-all-caps"] : "",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("span", { className: g, children: [
+    s && /* @__PURE__ */ t("span", { className: a.tag__icon, "aria-hidden": !0, children: s }),
+    /* @__PURE__ */ t("span", { className: a.tag__label, children: e })
+  ] });
+}
+export {
+  d as default
+};
+//# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './Tag.module.scss';\n\nexport type TagType =\n  | 'default'\n  | 'info'\n  | 'info-dim'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TagSize = 'small' | 'x-small';\nexport type TagCasing = 'title-case' | 'all-caps';\n\nexport type TagProps = {\n  /** Tag label text. */\n  label: string;\n  /** Semantic colour type. Default: Default. */\n  type?: TagType;\n  /** Size variant. Default: X-Small. */\n  size?: TagSize;\n  /** Text casing. Default: Title Case. */\n  casing?: TagCasing;\n  /** Optional leading icon node. */\n  leadingIcon?: ReactNode;\n  /** Merged onto the root after variant classes (e.g. layout overrides in a parent row). */\n  className?: string;\n};\n\nconst TYPE_CLASS: Record<TagType, string> = {\n  default: styles['tag--type-default'],\n  info: styles['tag--type-info'],\n  'info-dim': styles['tag--type-info-dim'],\n  danger: styles['tag--type-danger'],\n  success: styles['tag--type-success'],\n  warning: styles['tag--type-warning'],\n};\n\n/**\n * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier\n * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way\n * to surface a small piece of metadata without spending a sentence on it.\n */\nexport default function Tag({\n  label,\n  type = 'default',\n  size = 'x-small',\n  casing = 'title-case',\n  leadingIcon,\n  className = '',\n}: TagProps) {\n  const classes = [\n    styles.tag,\n    TYPE_CLASS[type],\n    size === 'small'\n      ? styles['tag--size-small']\n      : styles['tag--size-x-small'],\n    casing === 'all-caps' ? styles['tag--casing-all-caps'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={classes}>\n      {leadingIcon && (\n        <span className={styles['tag__icon']} aria-hidden>\n          {leadingIcon}\n        </span>\n      )}\n      <span className={styles['tag__label']}>{label}</span>\n    </span>\n  );\n}\n"],"names":["TYPE_CLASS","styles","Tag","label","type","size","casing","leadingIcon","className","classes","jsxs","jsx"],"mappings":";;AA6BA,MAAMA,IAAsC;AAAA,EAC1C,SAASC,EAAO,mBAAmB;AAAA,EACnC,MAAMA,EAAO,gBAAgB;AAAA,EAC7B,YAAYA,EAAO,oBAAoB;AAAA,EACvC,QAAQA,EAAO,kBAAkB;AAAA,EACjC,SAASA,EAAO,mBAAmB;AAAA,EACnC,SAASA,EAAO,mBAAmB;AACrC;AAOA,SAAwBC,EAAI;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAa;AACX,QAAMC,IAAU;AAAA,IACdR,EAAO;AAAA,IACPD,EAAWI,CAAI;AAAA,IACfC,MAAS,UACLJ,EAAO,iBAAiB,IACxBA,EAAO,mBAAmB;AAAA,IAC9BK,MAAW,aAAaL,EAAO,sBAAsB,IAAI;AAAA,IACzDO;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,QAAA,EAAK,WAAWD,GACd,UAAA;AAAA,IAAAF,KACC,gBAAAI,EAAC,UAAK,WAAWV,EAAO,WAAc,eAAW,IAC9C,UAAAM,EAAA,CACH;AAAA,sBAED,QAAA,EAAK,WAAWN,EAAO,YAAgB,UAAAE,EAAA,CAAM;AAAA,EAAA,GAChD;AAEJ;"}

package/dist/components/tag/Tag.module.css

@@ -0,0 +1 @@
+._tag_jtn7u_2{display:inline-flex;align-items:center;box-sizing:border-box;width:fit-content;max-width:100%;border-radius:var(--radius-s);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}._tag__icon_jtn7u_14{display:inline-flex;align-items:center;flex-shrink:0}._tag__label_jtn7u_19{line-height:var(--line-height-25)}._tag--size-x-small_jtn7u_22{gap:var(--spacing-xxxs);padding:0 var(--spacing-xxxs);font-size:var(--font-size-25);letter-spacing:.1px}._tag--size-small_jtn7u_28{gap:var(--spacing-xxs);padding:var(--spacing-xxxxs) var(--spacing-xxs);font-size:var(--font-size-75)}._tag--type-default_jtn7u_33{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._tag--type-info_jtn7u_37{background-color:var(--color-blue-300);color:var(--color-neutral-0)}._tag--type-info-dim_jtn7u_41{background-color:rgba(var(--color-blue-500-rgb),.12);color:var(--color-blue-500)}._tag--type-danger_jtn7u_45{background-color:var(--color-red-400);color:var(--color-neutral-0)}._tag--type-success_jtn7u_49{background-color:var(--color-green-500);color:var(--color-neutral-0)}._tag--type-warning_jtn7u_53{background-color:var(--color-yellow-400);color:var(--center-channel-color)}._tag--casing-all-caps_jtn7u_57{text-transform:uppercase}

package/dist/components/tag/Tag.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tag.module.css');const t="_tag_jtn7u_2",a="_tag__icon_jtn7u_14",_="_tag__label_jtn7u_19",e={tag:t,tag__icon:a,tag__label:_,"tag--size-x-small":"_tag--size-x-small_jtn7u_22","tag--size-small":"_tag--size-small_jtn7u_28","tag--type-default":"_tag--type-default_jtn7u_33","tag--type-info":"_tag--type-info_jtn7u_37","tag--type-info-dim":"_tag--type-info-dim_jtn7u_41","tag--type-danger":"_tag--type-danger_jtn7u_45","tag--type-success":"_tag--type-success_jtn7u_49","tag--type-warning":"_tag--type-warning_jtn7u_53","tag--casing-all-caps":"_tag--casing-all-caps_jtn7u_57"};exports.default=e;exports.tag=t;exports.tag__icon=a;exports.tag__label=_;
+//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/components/tag/Tag.module.scss.cjs.map

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

package/dist/components/tag/Tag.module.scss.js

@@ -0,0 +1,21 @@
+import './Tag.module.css';const t = "_tag_jtn7u_2", a = "_tag__icon_jtn7u_14", _ = "_tag__label_jtn7u_19", g = {
+  tag: t,
+  tag__icon: a,
+  tag__label: _,
+  "tag--size-x-small": "_tag--size-x-small_jtn7u_22",
+  "tag--size-small": "_tag--size-small_jtn7u_28",
+  "tag--type-default": "_tag--type-default_jtn7u_33",
+  "tag--type-info": "_tag--type-info_jtn7u_37",
+  "tag--type-info-dim": "_tag--type-info-dim_jtn7u_41",
+  "tag--type-danger": "_tag--type-danger_jtn7u_45",
+  "tag--type-success": "_tag--type-success_jtn7u_49",
+  "tag--type-warning": "_tag--type-warning_jtn7u_53",
+  "tag--casing-all-caps": "_tag--casing-all-caps_jtn7u_57"
+};
+export {
+  g as default,
+  t as tag,
+  a as tag__icon,
+  _ as tag__label
+};
+//# sourceMappingURL=Tag.module.scss.js.map

package/dist/components/tag/Tag.module.scss.js.map

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

package/dist/components/tag/index.cjs

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

package/dist/components/tag/index.cjs.map

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

package/dist/components/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/tag/index.js

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

package/dist/components/tag/index.js.map

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

package/dist/components/team-avatar/TeamAvatar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("../mention-badge/MentionBadge.cjs"),a=require("./TeamAvatar.module.scss.cjs");function f({alt:s="",badge:t,className:n="",initials:l="Ac",size:r="40",src:u,state:c="default"}){const d=parseInt(r,10),i=c==="active",m=t!=null&&t>0&&d<=64&&!i,o=[a.default["team-avatar"],a.default[`team-avatar--size-${r}`],i&&a.default["team-avatar--active"],n].filter(Boolean).join(" ");return e.jsxs("div",{className:o,children:[e.jsx("div",{className:a.default["team-avatar__inner"],children:u?e.jsx("img",{src:u,alt:s,className:a.default["team-avatar__image"]}):e.jsx("div",{className:a.default["team-avatar__fallback"],"aria-label":s||l,children:l})}),m&&e.jsx(v.default,{count:t,size:"medium",className:a.default["team-avatar__badge"]})]})}exports.default=f;
+//# sourceMappingURL=TeamAvatar.cjs.map

package/dist/components/team-avatar/TeamAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.cjs","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72'\n  | '96'\n  | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n  alt?: string;\n  badge?: number;\n  className?: string;\n  initials?: string;\n  size?: TeamAvatarSize;\n  src?: string;\n  state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n  alt = '',\n  badge,\n  className = '',\n  initials = 'Ac',\n  size = '40',\n  src,\n  state = 'default',\n}: TeamAvatarProps) {\n  const numSize = parseInt(size, 10);\n  const isActive = state === 'active';\n  const showBadge = badge != null && badge > 0 && numSize <= 64 && !isActive;\n\n  const rootClasses = [\n    styles['team-avatar'],\n    styles[`team-avatar--size-${size}`],\n    isActive && styles['team-avatar--active'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClasses}>\n      <div className={styles['team-avatar__inner']}>\n        {src ? (\n          <img src={src} alt={alt} className={styles['team-avatar__image']} />\n        ) : (\n          <div\n            className={styles['team-avatar__fallback']}\n            aria-label={alt || initials}\n          >\n            {initials}\n          </div>\n        )}\n      </div>\n      {showBadge && (\n        <MentionBadge\n          count={badge!}\n          size=\"medium\"\n          className={styles['team-avatar__badge']}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","numSize","isActive","showBadge","rootClasses","styles","jsxs","jsx","MentionBadge"],"mappings":"yOA8BA,SAAwBA,EAAW,CACjC,IAAAC,EAAM,GACN,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,KACX,KAAAC,EAAO,KACP,IAAAC,EACA,MAAAC,EAAQ,SACV,EAAoB,CAClB,MAAMC,EAAU,SAASH,EAAM,EAAE,EAC3BI,EAAWF,IAAU,SACrBG,EAAYR,GAAS,MAAQA,EAAQ,GAAKM,GAAW,IAAM,CAACC,EAE5DE,EAAc,CAClBC,EAAAA,QAAO,aAAa,EACpBA,EAAAA,QAAO,qBAAqBP,CAAI,EAAE,EAClCI,GAAYG,EAAAA,QAAO,qBAAqB,EACxCT,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEU,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACd,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,oBAAoB,EACxC,SAAAN,EACCQ,EAAAA,IAAC,MAAA,CAAI,IAAAR,EAAU,IAAAL,EAAU,UAAWW,EAAAA,QAAO,oBAAoB,EAAG,EAElEE,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,QAAO,uBAAuB,EACzC,aAAYX,GAAOG,EAElB,SAAAA,CAAA,CAAA,EAGP,EACCM,GACCI,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOb,EACP,KAAK,SACL,UAAWU,EAAAA,QAAO,oBAAoB,CAAA,CAAA,CACxC,EAEJ,CAEJ"}

package/dist/components/team-avatar/TeamAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}

package/dist/components/team-avatar/TeamAvatar.js

@@ -0,0 +1,41 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import u from "../mention-badge/MentionBadge.js";
+import a from "./TeamAvatar.module.scss.js";
+function h({
+  alt: s = "",
+  badge: t,
+  className: n = "",
+  initials: m = "Ac",
+  size: r = "40",
+  src: i,
+  state: c = "default"
+}) {
+  const l = parseInt(r, 10), o = c === "active", v = t != null && t > 0 && l <= 64 && !o, d = [
+    a["team-avatar"],
+    a[`team-avatar--size-${r}`],
+    o && a["team-avatar--active"],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ f("div", { className: d, children: [
+    /* @__PURE__ */ e("div", { className: a["team-avatar__inner"], children: i ? /* @__PURE__ */ e("img", { src: i, alt: s, className: a["team-avatar__image"] }) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: a["team-avatar__fallback"],
+        "aria-label": s || m,
+        children: m
+      }
+    ) }),
+    v && /* @__PURE__ */ e(
+      u,
+      {
+        count: t,
+        size: "medium",
+        className: a["team-avatar__badge"]
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};
+//# sourceMappingURL=TeamAvatar.js.map

package/dist/components/team-avatar/TeamAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.js","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72'\n  | '96'\n  | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n  alt?: string;\n  badge?: number;\n  className?: string;\n  initials?: string;\n  size?: TeamAvatarSize;\n  src?: string;\n  state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n  alt = '',\n  badge,\n  className = '',\n  initials = 'Ac',\n  size = '40',\n  src,\n  state = 'default',\n}: TeamAvatarProps) {\n  const numSize = parseInt(size, 10);\n  const isActive = state === 'active';\n  const showBadge = badge != null && badge > 0 && numSize <= 64 && !isActive;\n\n  const rootClasses = [\n    styles['team-avatar'],\n    styles[`team-avatar--size-${size}`],\n    isActive && styles['team-avatar--active'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClasses}>\n      <div className={styles['team-avatar__inner']}>\n        {src ? (\n          <img src={src} alt={alt} className={styles['team-avatar__image']} />\n        ) : (\n          <div\n            className={styles['team-avatar__fallback']}\n            aria-label={alt || initials}\n          >\n            {initials}\n          </div>\n        )}\n      </div>\n      {showBadge && (\n        <MentionBadge\n          count={badge!}\n          size=\"medium\"\n          className={styles['team-avatar__badge']}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","numSize","isActive","showBadge","rootClasses","styles","jsxs","jsx","MentionBadge"],"mappings":";;;AA8BA,SAAwBA,EAAW;AAAA,EACjC,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,KAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,GAAoB;AAClB,QAAMC,IAAU,SAASH,GAAM,EAAE,GAC3BI,IAAWF,MAAU,UACrBG,IAAYR,KAAS,QAAQA,IAAQ,KAAKM,KAAW,MAAM,CAACC,GAE5DE,IAAc;AAAA,IAClBC,EAAO,aAAa;AAAA,IACpBA,EAAO,qBAAqBP,CAAI,EAAE;AAAA,IAClCI,KAAYG,EAAO,qBAAqB;AAAA,IACxCT;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAO,oBAAoB,GACxC,UAAAN,IACC,gBAAAQ,EAAC,OAAA,EAAI,KAAAR,GAAU,KAAAL,GAAU,WAAWW,EAAO,oBAAoB,GAAG,IAElE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAO,uBAAuB;AAAA,QACzC,cAAYX,KAAOG;AAAA,QAElB,UAAAA;AAAA,MAAA;AAAA,IAAA,GAGP;AAAA,IACCM,KACC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOb;AAAA,QACP,MAAK;AAAA,QACL,WAAWU,EAAO,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}

package/dist/components/team-avatar/TeamAvatar.module.css

@@ -0,0 +1 @@
+._team-avatar_1s9bp_2{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;outline-style:solid;outline-offset:0;outline-color:transparent;transition:outline-color var(--duration-quick) var(--ease-transition)}._team-avatar__inner_1s9bp_12{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}._team-avatar__inner_1s9bp_12:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:inherit;border-style:solid;border-color:var(--sidebar-header-bg, #192a4d);border-width:0;pointer-events:none;z-index:1;transition:border-width var(--duration-quick) var(--ease-transition)}._team-avatar__image_1s9bp_31{display:block;width:100%;height:100%;object-fit:cover}._team-avatar__fallback_1s9bp_37{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(var(--sidebar-text-rgb),.16);color:var(--sidebar-text, white);font-family:Metropolis,sans-serif;font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}._team-avatar__badge_1s9bp_50{position:absolute;top:-4px;right:-4px;z-index:2;box-shadow:0 0 0 2px var(--sidebar-header-bg, #192a4d)}._team-avatar--size-24_1s9bp_57{width:24px;height:24px;border-radius:4px;outline-width:2px}._team-avatar--size-24_1s9bp_57 ._team-avatar__inner_1s9bp_12{border-radius:4px}._team-avatar--size-24_1s9bp_57 ._team-avatar__fallback_1s9bp_37{font-size:11.2px}._team-avatar--size-24_1s9bp_57:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-24_1s9bp_57._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:2px}._team-avatar--size-24_1s9bp_57:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-24_1s9bp_57._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-28_1s9bp_78{width:28px;height:28px;border-radius:4px;outline-width:2px}._team-avatar--size-28_1s9bp_78 ._team-avatar__inner_1s9bp_12{border-radius:4px}._team-avatar--size-28_1s9bp_78 ._team-avatar__fallback_1s9bp_37{font-size:13.07px}._team-avatar--size-28_1s9bp_78:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-28_1s9bp_78._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:2px}._team-avatar--size-28_1s9bp_78:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-28_1s9bp_78._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-32_1s9bp_99{width:32px;height:32px;border-radius:6px;outline-width:3px}._team-avatar--size-32_1s9bp_99 ._team-avatar__inner_1s9bp_12{border-radius:6px}._team-avatar--size-32_1s9bp_99 ._team-avatar__fallback_1s9bp_37{font-size:14.93px}._team-avatar--size-32_1s9bp_99:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-32_1s9bp_99._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-32_1s9bp_99:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-32_1s9bp_99._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-40_1s9bp_120{width:40px;height:40px;border-radius:8px;outline-width:3px}._team-avatar--size-40_1s9bp_120 ._team-avatar__inner_1s9bp_12{border-radius:8px}._team-avatar--size-40_1s9bp_120 ._team-avatar__fallback_1s9bp_37{font-size:18.67px}._team-avatar--size-40_1s9bp_120:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-40_1s9bp_120._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-40_1s9bp_120:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-40_1s9bp_120._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-48_1s9bp_141{width:48px;height:48px;border-radius:9px;outline-width:3px}._team-avatar--size-48_1s9bp_141 ._team-avatar__inner_1s9bp_12{border-radius:9px}._team-avatar--size-48_1s9bp_141 ._team-avatar__fallback_1s9bp_37{font-size:22.4px}._team-avatar--size-48_1s9bp_141:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-48_1s9bp_141._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-48_1s9bp_141:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-48_1s9bp_141._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-56_1s9bp_162{width:56px;height:56px;border-radius:10px;outline-width:3px}._team-avatar--size-56_1s9bp_162 ._team-avatar__inner_1s9bp_12{border-radius:10px}._team-avatar--size-56_1s9bp_162 ._team-avatar__fallback_1s9bp_37{font-size:26.13px}._team-avatar--size-56_1s9bp_162:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-56_1s9bp_162._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-56_1s9bp_162:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-56_1s9bp_162._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-64_1s9bp_183{width:64px;height:64px;border-radius:11px;outline-width:3px}._team-avatar--size-64_1s9bp_183 ._team-avatar__inner_1s9bp_12{border-radius:11px}._team-avatar--size-64_1s9bp_183 ._team-avatar__fallback_1s9bp_37{font-size:29.87px}._team-avatar--size-64_1s9bp_183:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-64_1s9bp_183._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-64_1s9bp_183:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-64_1s9bp_183._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-72_1s9bp_204{width:72px;height:72px;border-radius:12px;outline-width:3px}._team-avatar--size-72_1s9bp_204 ._team-avatar__inner_1s9bp_12{border-radius:12px}._team-avatar--size-72_1s9bp_204 ._team-avatar__fallback_1s9bp_37{font-size:33.6px}._team-avatar--size-72_1s9bp_204:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-72_1s9bp_204._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-72_1s9bp_204:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-72_1s9bp_204._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-96_1s9bp_225{width:96px;height:96px;border-radius:18px;outline-width:3px}._team-avatar--size-96_1s9bp_225 ._team-avatar__inner_1s9bp_12{border-radius:20px}._team-avatar--size-96_1s9bp_225 ._team-avatar__fallback_1s9bp_37{font-size:44.8px}._team-avatar--size-96_1s9bp_225:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-96_1s9bp_225._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-96_1s9bp_225:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-96_1s9bp_225._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-120_1s9bp_246{width:120px;height:120px;border-radius:24px;outline-width:3px}._team-avatar--size-120_1s9bp_246 ._team-avatar__inner_1s9bp_12{border-radius:24px}._team-avatar--size-120_1s9bp_246 ._team-avatar__fallback_1s9bp_37{font-size:56px}._team-avatar--size-120_1s9bp_246:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-120_1s9bp_246._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-120_1s9bp_246:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-120_1s9bp_246._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}

package/dist/components/team-avatar/TeamAvatar.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TeamAvatar.module.css');const a={"team-avatar":"_team-avatar_1s9bp_2","team-avatar__inner":"_team-avatar__inner_1s9bp_12","team-avatar__image":"_team-avatar__image_1s9bp_31","team-avatar__fallback":"_team-avatar__fallback_1s9bp_37","team-avatar__badge":"_team-avatar__badge_1s9bp_50","team-avatar--size-24":"_team-avatar--size-24_1s9bp_57","team-avatar--active":"_team-avatar--active_1s9bp_69","team-avatar--size-28":"_team-avatar--size-28_1s9bp_78","team-avatar--size-32":"_team-avatar--size-32_1s9bp_99","team-avatar--size-40":"_team-avatar--size-40_1s9bp_120","team-avatar--size-48":"_team-avatar--size-48_1s9bp_141","team-avatar--size-56":"_team-avatar--size-56_1s9bp_162","team-avatar--size-64":"_team-avatar--size-64_1s9bp_183","team-avatar--size-72":"_team-avatar--size-72_1s9bp_204","team-avatar--size-96":"_team-avatar--size-96_1s9bp_225","team-avatar--size-120":"_team-avatar--size-120_1s9bp_246"};exports.default=a;
+//# sourceMappingURL=TeamAvatar.module.scss.cjs.map

package/dist/components/team-avatar/TeamAvatar.module.scss.cjs.map

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

package/dist/components/team-avatar/TeamAvatar.module.scss.js

@@ -0,0 +1,22 @@
+import './TeamAvatar.module.css';const a = {
+  "team-avatar": "_team-avatar_1s9bp_2",
+  "team-avatar__inner": "_team-avatar__inner_1s9bp_12",
+  "team-avatar__image": "_team-avatar__image_1s9bp_31",
+  "team-avatar__fallback": "_team-avatar__fallback_1s9bp_37",
+  "team-avatar__badge": "_team-avatar__badge_1s9bp_50",
+  "team-avatar--size-24": "_team-avatar--size-24_1s9bp_57",
+  "team-avatar--active": "_team-avatar--active_1s9bp_69",
+  "team-avatar--size-28": "_team-avatar--size-28_1s9bp_78",
+  "team-avatar--size-32": "_team-avatar--size-32_1s9bp_99",
+  "team-avatar--size-40": "_team-avatar--size-40_1s9bp_120",
+  "team-avatar--size-48": "_team-avatar--size-48_1s9bp_141",
+  "team-avatar--size-56": "_team-avatar--size-56_1s9bp_162",
+  "team-avatar--size-64": "_team-avatar--size-64_1s9bp_183",
+  "team-avatar--size-72": "_team-avatar--size-72_1s9bp_204",
+  "team-avatar--size-96": "_team-avatar--size-96_1s9bp_225",
+  "team-avatar--size-120": "_team-avatar--size-120_1s9bp_246"
+};
+export {
+  a as default
+};
+//# sourceMappingURL=TeamAvatar.module.scss.js.map

package/dist/components/team-avatar/TeamAvatar.module.scss.js.map

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

package/dist/components/team-avatar/index.cjs

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

package/dist/components/team-avatar/index.cjs.map

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

package/dist/components/team-avatar/index.d.ts.map

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

package/dist/components/team-avatar/index.js

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

package/dist/components/team-avatar/index.js.map

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

package/dist/components/team-menu/TeamMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__u=require("@mattermost/compass-icons/components/account-multiple-outline.js"),u=__u?.default??__u,__f=require("@mattermost/compass-icons/components/account-plus-outline.js"),f=__f?.default??__f,__p=require("@mattermost/compass-icons/components/cog-outline.js"),p=__p?.default??__p,__g=require("@mattermost/compass-icons/components/exit-to-app.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/lightbulb-outline.js"),m=__m?.default??__m,__i=require("@mattermost/compass-icons/components/plus.js"),i=__i?.default??__i,l=require("../icon/Icon.cjs"),s=require("../menu-item/MenuItem.cjs"),a=require("../popover-menu/PopoverMenu.cjs"),n=require("./TeamMenu.module.scss.cjs");function b({adminOptions:t=!1,createTeamPermission:o=!1,joinTeamPermission:r=!0,className:d="",style:j,...x}){const c=[n.default["team-menu"],d].filter(Boolean).join(" ");return e.jsxs(a.default,{className:c,style:{width:"260px",...j},...x,children:[e.jsxs(a.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Invite people",secondaryLabel:"Add or invite people to team",leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"})}),e.jsx(s.default,{label:"Team settings",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})}),e.jsx(s.default,{label:"View members",leadingVisual:e.jsx(l.default,{glyph:e.jsx(u,{}),size:"16"})}),t&&e.jsx(s.default,{label:"Manage members",leadingVisual:e.jsx(l.default,{glyph:e.jsx(u,{}),size:"16"})}),t&&e.jsx(s.default,{label:"Manage groups",leadingVisual:e.jsx(l.default,{glyph:e.jsx(u,{}),size:"16"})}),e.jsx(s.default,{label:"Leave team",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"})})]}),e.jsx(a.PopoverMenuDivider,{}),e.jsxs(a.PopoverMenuGroup,{children:[r&&e.jsx(s.default,{label:"Join another team",leadingVisual:e.jsx(l.default,{glyph:e.jsx(i,{}),size:"16"})}),o&&e.jsx(s.default,{label:"Create a team",leadingVisual:e.jsx(l.default,{glyph:e.jsx(i,{}),size:"16"})})]}),e.jsx(a.PopoverMenuDivider,{}),e.jsx(a.PopoverMenuGroup,{children:e.jsx(s.default,{className:n.default["team-menu__learn-item"],label:"Learn about teams",leadingVisual:e.jsx(l.default,{glyph:e.jsx(m,{}),size:"16"})})})]})}exports.default=b;
+//# sourceMappingURL=TeamMenu.cjs.map

package/dist/components/team-menu/TeamMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamMenu.cjs","sources":["../../../src/components/team-menu/TeamMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountMultipleOutlineIcon from '@mattermost/compass-icons/components/account-multiple-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport LightbulbOutlineIcon from '@mattermost/compass-icons/components/lightbulb-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\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 './TeamMenu.module.scss';\n\nexport interface TeamMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /** Shows Manage members and Manage groups (team admin). */\n  adminOptions?: boolean;\n  /** Shows Create a team. */\n  createTeamPermission?: boolean;\n  /** Shows Join another team. Default: true. */\n  joinTeamPermission?: boolean;\n}\n\n/**\n * Team menu from the team switcher / team header — invite, settings, and\n * optional admin / create-team rows.\n */\nexport default function TeamMenu({\n  adminOptions = false,\n  createTeamPermission = false,\n  joinTeamPermission = true,\n  className = '',\n  style,\n  ...rest\n}: TeamMenuProps) {\n  const rootClass = [styles['team-menu'], className].filter(Boolean).join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '260px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Team settings\"\n          leadingVisual={<Icon glyph={<CogOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"View members\"\n          leadingVisual={\n            <Icon glyph={<AccountMultipleOutlineIcon />} size=\"16\" />\n          }\n        />\n        {adminOptions && (\n          <MenuItem\n            label=\"Manage members\"\n            leadingVisual={\n              <Icon glyph={<AccountMultipleOutlineIcon />} size=\"16\" />\n            }\n          />\n        )}\n        {adminOptions && (\n          <MenuItem\n            label=\"Manage groups\"\n            leadingVisual={\n              <Icon glyph={<AccountMultipleOutlineIcon />} size=\"16\" />\n            }\n          />\n        )}\n        <MenuItem\n          label=\"Leave team\"\n          destructive\n          leadingVisual={<Icon glyph={<ExitToAppIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        {joinTeamPermission && (\n          <MenuItem\n            label=\"Join another team\"\n            leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n          />\n        )}\n        {createTeamPermission && (\n          <MenuItem\n            label=\"Create a team\"\n            leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n          />\n        )}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          className={styles['team-menu__learn-item']}\n          label=\"Learn about teams\"\n          leadingVisual={<Icon glyph={<LightbulbOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["TeamMenu","adminOptions","createTeamPermission","joinTeamPermission","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","AccountPlusOutlineIcon","CogOutlineIcon","AccountMultipleOutlineIcon","ExitToAppIcon","PopoverMenuDivider","PlusIcon","LightbulbOutlineIcon"],"mappings":"krBA4BA,SAAwBA,EAAS,CAC/B,aAAAC,EAAe,GACf,qBAAAC,EAAuB,GACvB,mBAAAC,EAAqB,GACrB,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAY,CAACC,UAAO,WAAW,EAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE3E,OACEK,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAO,QAAS,GAAGF,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAG,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,eAAe,+BACf,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEpEH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAe,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE5DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBACGC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAA2B,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAG1DhB,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,iBACN,oBACGC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAA2B,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAI5DhB,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBACGC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAA2B,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAI7DL,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,aACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQI,EAAA,CAAA,CAAc,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC3D,EACF,QACCC,EAAAA,mBAAA,EAAmB,SACnBR,EAAAA,iBAAA,CACE,SAAA,CAAAR,GACCS,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,oBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAGvDlB,GACCU,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACtD,EAEJ,QACCD,EAAAA,mBAAA,EAAmB,QACnBR,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWL,EAAAA,QAAO,uBAAuB,EACzC,MAAM,oBACN,oBAAgBM,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAqB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAClE,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/team-menu/TeamMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamMenu.d.ts","sourceRoot":"","sources":["../../../src/components/team-menu/TeamMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe5C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAoB,EACpB,oBAA4B,EAC5B,kBAAyB,EACzB,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CAwEf"}

package/dist/components/team-menu/TeamMenu.js

@@ -0,0 +1,107 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import __o from "@mattermost/compass-icons/components/account-multiple-outline.js";const o=__o&&__o.default?__o.default:__o;
+import __h from "@mattermost/compass-icons/components/account-plus-outline.js";const h=__h&&__h.default?__h.default:__h;
+import __b from "@mattermost/compass-icons/components/cog-outline.js";const b=__b&&__b.default?__b.default:__b;
+import __y from "@mattermost/compass-icons/components/exit-to-app.js";const y=__y&&__y.default?__y.default:__y;
+import __V from "@mattermost/compass-icons/components/lightbulb-outline.js";const V=__V&&__V.default?__V.default:__V;
+import __n from "@mattermost/compass-icons/components/plus.js";const n=__n&&__n.default?__n.default:__n;
+import l from "../icon/Icon.js";
+import i from "../menu-item/MenuItem.js";
+import z, { PopoverMenuGroup as t, PopoverMenuDivider as s } from "../popover-menu/PopoverMenu.js";
+import m from "./TeamMenu.module.scss.js";
+function w({
+  adminOptions: r = !1,
+  createTeamPermission: u = !1,
+  joinTeamPermission: p = !0,
+  className: g = "",
+  style: c,
+  ...d
+}) {
+  const f = [m["team-menu"], g].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    z,
+    {
+      className: f,
+      style: { width: "260px", ...c },
+      ...d,
+      children: [
+        /* @__PURE__ */ a(t, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "Invite people",
+              secondaryLabel: "Add or invite people to team",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(h, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "Team settings",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(b, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "View members",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(o, {}), size: "16" })
+            }
+          ),
+          r && /* @__PURE__ */ e(
+            i,
+            {
+              label: "Manage members",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(o, {}), size: "16" })
+            }
+          ),
+          r && /* @__PURE__ */ e(
+            i,
+            {
+              label: "Manage groups",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(o, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            i,
+            {
+              label: "Leave team",
+              destructive: !0,
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(s, {}),
+        /* @__PURE__ */ a(t, { children: [
+          p && /* @__PURE__ */ e(
+            i,
+            {
+              label: "Join another team",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(n, {}), size: "16" })
+            }
+          ),
+          u && /* @__PURE__ */ e(
+            i,
+            {
+              label: "Create a team",
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(n, {}), size: "16" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(s, {}),
+        /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+          i,
+          {
+            className: m["team-menu__learn-item"],
+            label: "Learn about teams",
+            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(V, {}), size: "16" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  w as default
+};
+//# sourceMappingURL=TeamMenu.js.map