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

package/dist/components/plus-menu/PlusMenu.js

@@ -1,69 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import __s from "@mattermost/compass-icons/components/account-outline.js";const s=__s&&__s.default?__s.default:__s;
-import __u from "@mattermost/compass-icons/components/account-plus-outline.js";const u=__u&&__u.default?__u.default:__u;
-import __m from "@mattermost/compass-icons/components/folder-plus-outline.js";const m=__m&&__m.default?__m.default:__m;
-import __c from "@mattermost/compass-icons/components/globe.js";const c=__c&&__c.default?__c.default:__c;
-import __d from "@mattermost/compass-icons/components/plus.js";const d=__d&&__d.default?__d.default:__d;
-import l from "../icon/Icon.js";
-import o from "../menu-item/MenuItem.js";
-import g, { PopoverMenuGroup as i, PopoverMenuDivider as r } from "../popover-menu/PopoverMenu.js";
-function V({
-  className: t = "",
-  style: a,
-  ...p
-}) {
-  return /* @__PURE__ */ n(
-    g,
-    {
-      className: t,
-      style: { width: "260px", ...a },
-      ...p,
-      children: [
-        /* @__PURE__ */ n(i, { children: [
-          /* @__PURE__ */ e(
-            o,
-            {
-              label: "Browse channels",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(c, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              label: "Create new channel",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              label: "Open a direct message",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(s, {}), size: "16" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(r, {}),
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-          o,
-          {
-            label: "Create new category",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(m, {}), size: "16" })
-          }
-        ) }),
-        /* @__PURE__ */ e(r, {}),
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-          o,
-          {
-            label: "Invite people",
-            secondaryLabel: "Add or invite people to team",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  V as default
-};
-//# sourceMappingURL=PlusMenu.js.map

package/dist/components/plus-menu/PlusMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlusMenu.js","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\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';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '260px', ...style }}\n      {...rest}\n    >\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        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\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      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":";;;;;;;;;AAkBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAErE;AAAA,0BACCD,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAe;AAAA,YACf,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACpE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

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

package/dist/components/plus-menu/index.d.ts

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

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

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

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

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

package/dist/components/popover-menu/PopoverMenu.module.css

@@ -1 +0,0 @@
-._popover-menu_r3s0r_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:144px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);color:var(--center-channel-color)}._popover-menu--parent_r3s0r_16{box-shadow:var(--elevation-4)}._popover-menu--child_r3s0r_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_r3s0r_22{min-height:0}._popover-menu__title_r3s0r_25{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_r3s0r_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_r3s0r_41{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_r3s0r_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_r3s0r_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}

package/dist/components/popover-notice/PopoverNotice.module.css

@@ -1 +0,0 @@
-._popover-notice_1dhk2_2{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-4);width:386px}._popover-notice_1dhk2_2 p:not([class]),._popover-notice_1dhk2_2 ul:not([class]),._popover-notice_1dhk2_2 ol:not([class]){margin:0}._popover-notice__content_1dhk2_18{display:flex;gap:var(--spacing-m);align-items:flex-start;padding:var(--spacing-m);width:100%}._popover-notice__icon_1dhk2_25{display:flex;align-items:flex-start;flex-shrink:0;color:var(--center-channel-color)}._popover-notice__icon--info_1dhk2_31{color:var(--color-info)}._popover-notice__icon--success_1dhk2_34{color:var(--color-success)}._popover-notice__icon--warning_1dhk2_37{color:var(--color-warning)}._popover-notice__icon--danger_1dhk2_40{color:var(--error-text, var(--color-danger))}._popover-notice__body_1dhk2_43{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 0 0;min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._popover-notice__body_1dhk2_43>:last-child{margin-bottom:0}._popover-notice__title-row_1dhk2_55{display:flex;align-items:flex-start;width:100%}._popover-notice__title_1dhk2_55{flex:1 0 0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);min-width:0}._popover-notice__description_1dhk2_68{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._popover-notice__description_1dhk2_68>:last-child{margin-bottom:0}._popover-notice__actions_1dhk2_77{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._popover-notice__close_1dhk2_83{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/application-cog.js"),h=__h?.default??__h,__b=require("@mattermost/compass-icons/components/apps.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/download-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__I=require("@mattermost/compass-icons/components/product-boards.js"),I=__I?.default??__I,__q=require("@mattermost/compass-icons/components/product-channels.js"),q=__q?.default??__q,___=require("@mattermost/compass-icons/components/product-playbooks.js"),_=___?.default??___,__C=require("@mattermost/compass-icons/components/webhook.js"),C=__C?.default??__C,n=require("../icon/Icon.cjs"),l=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),t=require("./ProductSwitcherMenu.module.scss.cjs"),r=[{id:"channels",label:"Channels",icon:e.jsx(q,{})},{id:"boards",label:"Boards",icon:e.jsx(I,{})},{id:"playbooks",label:"Playbooks",icon:e.jsx(_,{})}];function P(a){return e.jsx("span",{className:t.default["product-switcher-menu__product-icon"],children:e.jsx(n.default,{glyph:a,size:"24"})})}function y({selectedProduct:a="channels",additionalProducts:c=[],onProductSelect:o,className:d="",style:j,...x}){const f=[t.default["product-switcher-menu"],d].filter(Boolean).join(" "),p=[...r,...c];return e.jsxs(i.default,{className:f,style:{width:"273px",...j},...x,children:[e.jsx(i.PopoverMenuGroup,{children:p.map(s=>e.jsx(l.default,{className:t.default["product-switcher-menu__product-item"],label:s.label,leadingVisual:P(s.icon),trailingElement:a===s.id,onClick:()=>{var u;(u=s.onClick)==null||u.call(s),o==null||o(s.id)}},s.id))}),e.jsx(i.PopoverMenuDivider,{}),e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(l.default,{label:"System console",leadingVisual:e.jsx(n.default,{glyph:e.jsx(h,{}),size:"16"})}),e.jsx(l.default,{label:"Integrations",leadingVisual:e.jsx(n.default,{glyph:e.jsx(C,{}),size:"16"})}),e.jsx(l.default,{label:"Marketplace",leadingVisual:e.jsx(n.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(l.default,{label:"Download apps",leadingVisual:e.jsx(n.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(l.default,{label:"About Mattermost",leadingVisual:e.jsx(n.default,{glyph:e.jsx(m,{}),size:"16"})})]})]})}exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=r;exports.default=y;
-//# sourceMappingURL=ProductSwitcherMenu.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSwitcherMenu.cjs","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '273px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"wzBAuDaA,EAAkE,CAC7E,CACE,GAAI,WACJ,MAAO,WACP,WAAOC,EAAA,CAAA,CAAoB,CAAA,EAE7B,CACE,GAAI,SACJ,MAAO,SACP,WAAOC,EAAA,CAAA,CAAkB,CAAA,EAE3B,CACE,GAAI,YACJ,MAAO,YACP,WAAOC,EAAA,CAAA,CAAqB,CAAA,CAEhC,EAEA,SAASC,EAAqBC,EAAkB,CAC9C,OACEC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,qCAAqC,EAC3D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAAH,EAAc,KAAK,IAAA,CAAK,CAAA,CAChC,CAEJ,CAWA,SAAwBI,EAAoB,CAC1C,gBAAAC,EAAkB,WAClB,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACT,UAAO,uBAAuB,EAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAELI,EAAW,CAAC,GAAGjB,EAAmC,GAAGW,CAAkB,EAE7E,OACEO,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAO,QAAS,GAAGF,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAT,EAAAA,IAACc,EAAAA,iBAAA,CACE,SAAAH,EAAS,IAAKI,GACbf,EAAAA,IAACgB,EAAAA,QAAA,CAEC,UAAWf,EAAAA,QAAO,qCAAqC,EACvD,MAAOc,EAAQ,MACf,cAAejB,EAAqBiB,EAAQ,IAAI,EAChD,gBAAiBX,IAAoBW,EAAQ,GAC7C,QAAS,IAAM,QACbE,EAAAF,EAAQ,UAAR,MAAAE,EAAA,KAAAF,GACAT,GAAA,MAAAA,EAAkBS,EAAQ,GAC5B,CAAA,EARKA,EAAQ,EAAA,CAUhB,EACH,QACCG,EAAAA,mBAAA,EAAmB,SACnBJ,EAAAA,iBAAA,CACC,SAAA,CAAAd,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQiB,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEnB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQkB,EAAA,CAAA,CAAY,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEzDpB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQmB,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDrB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQoB,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEtB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQqB,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts

@@ -1,47 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-/** Built-in products shipped with the switcher. */
-export type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';
-/**
- * Product id for selection. Built-ins use their labels; prototypes use any
- * string id from {@link ProductSwitcherProductItem.id}.
- */
-export type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});
-export interface ProductSwitcherProductItem {
-    /** Stable id used for `selectedProduct` and `onProductSelect`. */
-    id: string;
-    /** Menu row label. */
-    label: string;
-    /**
-     * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in
-     * the product row slot.
-     */
-    icon: ReactNode;
-    /** Optional row click handler (also fires `onProductSelect` when provided). */
-    onClick?: () => void;
-}
-export interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Currently active product id; shows trailing check on that row.
-     * Default: `Channels`.
-     */
-    selectedProduct?: ProductSwitcherProduct;
-    /**
-     * Extra products appended after Channels, Boards, and Playbooks.
-     * Use this from prototypes to register custom products in the top section.
-     */
-    additionalProducts?: ProductSwitcherProductItem[];
-    /** Called when any product row (built-in or additional) is activated. */
-    onProductSelect?: (productId: string) => void;
-}
-export declare const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[];
-/**
- * Product switcher popover opened from the Global Header products control.
- * Products use 24px button-bg icons and semibold center-channel labels; the
- * active product shows a trailing check. Utility links follow in a second group.
- *
- * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.
- *
- * Matches Figma Patterns — Popover Menus (node 1423:8667).
- */
-export default function ProductSwitcherMenu({ selectedProduct, additionalProducts, onProductSelect, className, style, ...rest }: ProductSwitcherMenuProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProductSwitcherMenu.d.ts.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSwitcherMenu.d.ts","sourceRoot":"","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvD,mDAAmD;AACnD,MAAM,MAAM,6BAA6B,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEhF;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,6BAA6B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEnF,MAAM,WAAW,0BAA0B;IACzC,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9E;;;OAGG;IACH,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAClD,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,iCAAiC,EAAE,0BAA0B,EAgBzE,CAAC;AAUF;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,eAA4B,EAC5B,kBAAuB,EACvB,eAAe,EACf,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,2CAqD1B"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js

@@ -1,110 +0,0 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import __b from "@mattermost/compass-icons/components/application-cog.js";const b=__b&&__b.default?__b.default:__b;
-import __g from "@mattermost/compass-icons/components/apps.js";const g=__g&&__g.default?__g.default:__g;
-import __I from "@mattermost/compass-icons/components/download-outline.js";const I=__I&&__I.default?__I.default:__I;
-import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
-import __C from "@mattermost/compass-icons/components/product-boards.js";const C=__C&&__C.default?__C.default:__C;
-import __k from "@mattermost/compass-icons/components/product-channels.js";const k=__k&&__k.default?__k.default:__k;
-import __w from "@mattermost/compass-icons/components/product-playbooks.js";const w=__w&&__w.default?__w.default:__w;
-import __M from "@mattermost/compass-icons/components/webhook.js";const M=__M&&__M.default?__M.default:__M;
-import e from "../icon/Icon.js";
-import l from "../menu-item/MenuItem.js";
-import P, { PopoverMenuGroup as m, PopoverMenuDivider as V } from "../popover-menu/PopoverMenu.js";
-import r from "./ProductSwitcherMenu.module.scss.js";
-const _ = [
-  {
-    id: "channels",
-    label: "Channels",
-    icon: /* @__PURE__ */ o(k, {})
-  },
-  {
-    id: "boards",
-    label: "Boards",
-    icon: /* @__PURE__ */ o(C, {})
-  },
-  {
-    id: "playbooks",
-    label: "Playbooks",
-    icon: /* @__PURE__ */ o(w, {})
-  }
-];
-function z(n) {
-  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(e, { glyph: n, size: "24" }) });
-}
-function W({
-  selectedProduct: n = "channels",
-  additionalProducts: p = [],
-  onProductSelect: a,
-  className: c = "",
-  style: d,
-  ...u
-}) {
-  const h = [r["product-switcher-menu"], c].filter(Boolean).join(" "), f = [..._, ...p];
-  return /* @__PURE__ */ t(
-    P,
-    {
-      className: h,
-      style: { width: "273px", ...d },
-      ...u,
-      children: [
-        /* @__PURE__ */ o(m, { children: f.map((i) => /* @__PURE__ */ o(
-          l,
-          {
-            className: r["product-switcher-menu__product-item"],
-            label: i.label,
-            leadingVisual: z(i.icon),
-            trailingElement: n === i.id,
-            onClick: () => {
-              var s;
-              (s = i.onClick) == null || s.call(i), a == null || a(i.id);
-            }
-          },
-          i.id
-        )) }),
-        /* @__PURE__ */ o(V, {}),
-        /* @__PURE__ */ t(m, { children: [
-          /* @__PURE__ */ o(
-            l,
-            {
-              label: "System console",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ o(
-            l,
-            {
-              label: "Integrations",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(M, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ o(
-            l,
-            {
-              label: "Marketplace",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ o(
-            l,
-            {
-              label: "Download apps",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ o(
-            l,
-            {
-              label: "About Mattermost",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  _ as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
-  W as default
-};
-//# sourceMappingURL=ProductSwitcherMenu.js.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSwitcherMenu.js","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '273px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":";;;;;;;;;;;;;AAuDO,MAAMA,IAAkE;AAAA,EAC7E;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAE7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAE3B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAqB;AAAA,EAAA;AAEhC;AAEA,SAASC,EAAqBC,GAAkB;AAC9C,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,qCAAqC,GAC3D,UAAA,gBAAAD,EAACE,GAAA,EAAK,OAAAH,GAAc,MAAK,KAAA,CAAK,EAAA,CAChC;AAEJ;AAWA,SAAwBI,EAAoB;AAAA,EAC1C,iBAAAC,IAAkB;AAAA,EAClB,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAY,CAACT,EAAO,uBAAuB,GAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,GAELI,IAAW,CAAC,GAAGjB,GAAmC,GAAGW,CAAkB;AAE7E,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAO,EAAE,OAAO,SAAS,GAAGF,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAT,EAACc,GAAA,EACE,UAAAH,EAAS,IAAI,CAACI,MACb,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YAEC,WAAWf,EAAO,qCAAqC;AAAA,YACvD,OAAOc,EAAQ;AAAA,YACf,eAAejB,EAAqBiB,EAAQ,IAAI;AAAA,YAChD,iBAAiBX,MAAoBW,EAAQ;AAAA,YAC7C,SAAS,MAAM;;AACb,eAAAE,IAAAF,EAAQ,YAAR,QAAAE,EAAA,KAAAF,IACAT,KAAA,QAAAA,EAAkBS,EAAQ;AAAA,YAC5B;AAAA,UAAA;AAAA,UARKA,EAAQ;AAAA,QAAA,CAUhB,GACH;AAAA,0BACCG,GAAA,EAAmB;AAAA,0BACnBJ,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAd;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQiB,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,gBAAAnB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQkB,GAAA,CAAA,CAAY,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEzD,gBAAApB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQmB,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAArB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQoB,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEjE,gBAAAtB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQqB,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.css

@@ -1 +0,0 @@
-._product-switcher-menu__product-item_o1k8q_2{color:var(--center-channel-color)}._product-switcher-menu__product-item_o1k8q_2 [class*=menu-item__label]{font-weight:var(--font-weight-semibold)}._product-switcher-menu__product-item_o1k8q_2 [class*=menu-item__leading-visual]{color:var(--button-bg)}._product-switcher-menu__product-icon_o1k8q_11{display:inline-flex;margin:calc(-1 * var(--spacing-xxxs))}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProductSwitcherMenu.module.css');const e={"product-switcher-menu__product-item":"_product-switcher-menu__product-item_o1k8q_2","product-switcher-menu__product-icon":"_product-switcher-menu__product-icon_o1k8q_11"};exports.default=e;
-//# sourceMappingURL=ProductSwitcherMenu.module.scss.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs.map

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

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js

@@ -1,8 +0,0 @@
-import './ProductSwitcherMenu.module.css';const t = {
-  "product-switcher-menu__product-item": "_product-switcher-menu__product-item_o1k8q_2",
-  "product-switcher-menu__product-icon": "_product-switcher-menu__product-icon_o1k8q_11"
-};
-export {
-  t as default
-};
-//# sourceMappingURL=ProductSwitcherMenu.module.scss.js.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js.map

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

package/dist/components/product-switcher-menu/index.cjs

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

package/dist/components/product-switcher-menu/index.cjs.map

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

package/dist/components/product-switcher-menu/index.d.ts

@@ -1,4 +0,0 @@
-export { default as ProductSwitcherMenu } from './ProductSwitcherMenu';
-export { DEFAULT_PRODUCT_SWITCHER_PRODUCTS, } from './ProductSwitcherMenu';
-export type { ProductSwitcherMenuProps, ProductSwitcherProduct, ProductSwitcherProductItem, BuiltInProductSwitcherProduct, } from './ProductSwitcherMenu';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/product-switcher-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/product-switcher-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EACL,iCAAiC,GAClC,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,uBAAuB,CAAC"}

package/dist/components/product-switcher-menu/index.js

@@ -1,6 +0,0 @@
-import { DEFAULT_PRODUCT_SWITCHER_PRODUCTS as t, default as T } from "./ProductSwitcherMenu.js";
-export {
-  t as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
-  T as ProductSwitcherMenu
-};
-//# sourceMappingURL=index.js.map

package/dist/components/product-switcher-menu/index.js.map

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

package/dist/components/profile-popover/ProfilePopover.module.css

@@ -1 +0,0 @@
-@keyframes _profile-popover-enter_1k0p0_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _profile-popover-exit_1k0p0_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}._profile-popover_1k0p0_22{position:relative;display:flex;flex-direction:column;width:272px;padding-top:var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-6);animation:_profile-popover-enter_1k0p0_1 var(--duration-quick) var(--ease-entrance)}._profile-popover--closing_1k0p0_34{animation:_profile-popover-exit_1k0p0_1 var(--duration-quick) var(--ease-exit) forwards}._profile-popover__role-tag_1k0p0_37{display:flex;padding:0 var(--spacing-m)}._profile-popover__close_1k0p0_41{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}._profile-popover__primary_1k0p0_46{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xxl);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__last-online_1k0p0_54{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);color:rgba(var(--center-channel-color-rgb),.64);text-align:center}._profile-popover__names_1k0p0_61{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:100%;text-align:center;color:var(--center-channel-color)}._profile-popover__name_1k0p0_61{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-400);line-height:var(--line-height-400);font-weight:var(--font-weight-semibold)}._profile-popover__handle_1k0p0_77,._profile-popover__title_1k0p0_77{margin:0;font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__secondary_1k0p0_82{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__titles_1k0p0_89{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._profile-popover__meta-item_1k0p0_94{display:flex;align-items:center;gap:var(--spacing-m);overflow:hidden}._profile-popover__meta-item--stacked_1k0p0_100{align-items:flex-start}._profile-popover__meta-icon_1k0p0_103{display:inline-flex;flex-shrink:0;color:var(--center-channel-color)}._profile-popover__phone-body_1k0p0_108{display:flex;flex-direction:column;gap:var(--spacing-xxxxs);flex:1 0 0;min-width:0}._profile-popover__phone-body_1k0p0_108 ._profile-popover__meta-link_1k0p0_115{flex:none;width:100%}._profile-popover__phone-sub_1k0p0_119{font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75)}._profile-popover__meta-text_1k0p0_124,._profile-popover__meta-link_1k0p0_115{flex:1 0 0;min-width:0;font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profile-popover__meta-link_1k0p0_115{color:var(--link-color);text-decoration:none}._profile-popover__meta-link_1k0p0_115:hover{text-decoration:underline}._profile-popover_1k0p0_22 button._profile-popover__meta-link_1k0p0_115{padding:0;background:none;border:0;font:inherit;text-align:left;cursor:pointer}._profile-popover__section-label_1k0p0_149{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);font-weight:var(--font-weight-semibold);color:var(--center-channel-color)}._profile-popover__local-time_1k0p0_156,._profile-popover__custom-status_1k0p0_156{display:flex;flex-direction:column;gap:var(--spacing-xxxs);color:var(--center-channel-color)}._profile-popover__time_1k0p0_162{display:flex;gap:var(--spacing-xxxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-row_1k0p0_168{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-emoji_1k0p0_175{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--font-size-200);line-height:1}._profile-popover__footer_1k0p0_184{display:flex;padding:var(--spacing-l)}._profile-popover__footer--others_1k0p0_188{align-items:center;justify-content:space-between}._profile-popover__footer--you_1k0p0_192{align-items:flex-start;gap:var(--spacing-xs)}._profile-popover__primary-action_1k0p0_196{display:flex}._profile-popover__primary-action--others_1k0p0_199{width:132px;flex-shrink:0}._profile-popover__primary-action--you_1k0p0_203{flex:1 0 0;min-width:0}._profile-popover__primary-button_1k0p0_207{width:100%}._profile-popover__secondary-actions_1k0p0_210{display:flex;align-items:center;gap:var(--spacing-xxxxs)}

package/dist/components/progress-bar/ProgressBar.module.css

@@ -1 +0,0 @@
-._progress-bar_yw4zb_2{position:relative;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);overflow:hidden}._progress-bar--size-small_yw4zb_8{height:4px;border-radius:var(--radius-xs)}._progress-bar--size-small_yw4zb_8 ._progress-bar__fill_yw4zb_12{border-radius:var(--radius-xs)}._progress-bar--size-large_yw4zb_15{height:8px;border-radius:var(--radius-s)}._progress-bar--size-large_yw4zb_15 ._progress-bar__fill_yw4zb_12{border-radius:var(--radius-s)}._progress-bar__fill_yw4zb_12{position:absolute;top:0;bottom:0;left:0;transition:width var(--duration-quick) var(--ease-transition)}._progress-bar__fill--default_yw4zb_29{background-color:var(--button-bg)}._progress-bar__fill--success_yw4zb_32{background-color:var(--color-success)}._progress-bar__fill--warning_yw4zb_35{background-color:var(--color-warning)}._progress-bar__fill--danger_yw4zb_38{background-color:var(--error-text, var(--color-danger))}

package/dist/components/radio/Radio.module.css

@@ -1 +0,0 @@
-._radio_1e67f_2{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-xs);font-family:var(--font-family-body);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._radio_1e67f_2:has(._radio__input_1e67f_13:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._radio__input_1e67f_13{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._radio__input_1e67f_13:focus-visible{outline:none}._radio__circle_1e67f_33{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);border-radius:var(--radius-full);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),border-width var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._radio__input_1e67f_13:focus-visible~._radio__circle_1e67f_33{box-shadow:0 0 0 4px rgba(var(--button-bg-rgb),.56)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__circle_1e67f_33{border-color:rgba(var(--center-channel-color-rgb),.32)}._radio__input_1e67f_13:disabled~._radio__circle_1e67f_33{border-color:rgba(var(--center-channel-color-rgb),.16)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--button-bg)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--button-bg)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{border-color:var(--button-bg)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--button-bg)}._radio__input_1e67f_13:focus-visible:checked~._radio__circle_1e67f_33{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio__input_1e67f_13:disabled:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.32);border-width:1px}._radio__input_1e67f_13:disabled:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:rgba(var(--center-channel-color-rgb),.32)}._radio--invalid_1e67f_80 ._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:not(:checked)~._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:focus-visible~._radio__circle_1e67f_33{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:focus-visible:checked~._radio__circle_1e67f_33{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio__dot_1e67f_59{display:block;border-radius:var(--radius-full);pointer-events:none;transform:scale(.5);transition:transform var(--duration-quick) var(--ease-entrance)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{transform:scale(1)}._radio__label_1e67f_116{line-height:1}._radio--size-small_1e67f_119{gap:var(--spacing-xs)}._radio--size-small_1e67f_119 ._radio__input_1e67f_13,._radio--size-small_1e67f_119 ._radio__circle_1e67f_33{width:12px;height:12px}._radio--size-small_1e67f_119 ._radio__dot_1e67f_59{width:6px;height:6px}._radio--size-small_1e67f_119 ._radio__label_1e67f_116{font-size:var(--font-size-75);line-height:var(--line-height-75)}._radio--size-medium_1e67f_138{gap:var(--spacing-xs)}._radio--size-medium_1e67f_138 ._radio__input_1e67f_13,._radio--size-medium_1e67f_138 ._radio__circle_1e67f_33{width:16px;height:16px}._radio--size-medium_1e67f_138 ._radio__dot_1e67f_59{width:8px;height:8px}._radio--size-medium_1e67f_138 ._radio__label_1e67f_116{font-size:var(--font-size-100);line-height:var(--line-height-100)}._radio--size-large_1e67f_157{gap:var(--spacing-s)}._radio--size-large_1e67f_157 ._radio__input_1e67f_13,._radio--size-large_1e67f_157 ._radio__circle_1e67f_33{width:20px;height:20px}._radio--size-large_1e67f_157 ._radio__dot_1e67f_59{width:10px;height:10px}._radio--size-large_1e67f_157 ._radio__label_1e67f_116{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/reaction-pill/ReactionPill.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../icon/Icon.cjs"),__u=require("@mattermost/compass-icons/components/hand-right-outline.js"),u=__u?.default??__u,__h=require("@mattermost/compass-icons/components/microphone-off.js"),h=__h?.default??__h,__j=require("@mattermost/compass-icons/components/close-circle.js"),j=__j?.default??__j,a=require("./ReactionPill.module.scss.cjs");function f({size:s="small",type:i="reaction",emoji:r="😀",label:n="Leonard R.",message:t="You have been muted by the host",className:c="",...o}){const d=[a.default["reaction-pill"],a.default[`reaction-pill--size-${s.toLowerCase()}`],a.default[`reaction-pill--type-${i==="hand-raise"?"hand-raise":i==="other"?"other":"reaction"}`],c].filter(Boolean).join(" ");return e.jsx("div",{className:d,...o,children:e.jsxs("div",{className:a.default["reaction-pill__inner"],children:[i==="reaction"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__emoji"],"aria-hidden":!0,children:r}),e.jsx("span",{className:a.default["reaction-pill__label"],children:n})]}),i==="hand-raise"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__leading-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(u,{})})}),e.jsxs("span",{className:a.default["reaction-pill__label"],children:[n," Raised Hand"]})]}),i==="other"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__leading-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(h,{})})}),e.jsx("span",{className:a.default["reaction-pill__label"],children:t}),e.jsx("span",{className:a.default["reaction-pill__trailing-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(j,{})})})]})]})})}exports.default=f;
-//# sourceMappingURL=ReactionPill.cjs.map

package/dist/components/reaction-pill/ReactionPill.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionPill.cjs","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport HandRightOutlineIcon from '@mattermost/compass-icons/components/hand-right-outline';\nimport MicrophoneOffIcon from '@mattermost/compass-icons/components/microphone-off';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport styles from './ReactionPill.module.scss';\n\nexport type ReactionPillSize = 'small' | 'medium' | 'large';\nexport type ReactionPillType = 'reaction' | 'hand-raise' | 'other';\n\nexport interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size variant. Default: Small. */\n  size?: ReactionPillSize;\n  /** Pill type. Default: Reaction. */\n  type?: ReactionPillType;\n  /** Emoji to display for Reaction type. Default: 😀 */\n  emoji?: string;\n  /** Participant name / label text. */\n  label?: string;\n  /** Notification message for 'other' type. */\n  message?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,\n * raised hands, and system notifications like \"you've been muted.\" They float over the call\n * surface long enough to register and then disappear; they aren't meant to be durable UI.\n */\nexport default function ReactionPill({\n  size = 'small',\n  type = 'reaction',\n  emoji = '😀',\n  label = 'Leonard R.',\n  message = 'You have been muted by the host',\n  className = '',\n  ...rest\n}: ReactionPillProps) {\n  const rootClass = [\n    styles['reaction-pill'],\n    styles[`reaction-pill--size-${size.toLowerCase()}`],\n    styles[\n      `reaction-pill--type-${type === 'hand-raise' ? 'hand-raise' : type === 'other' ? 'other' : 'reaction'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['reaction-pill__inner']}>\n        {/* Reaction type: emoji + name */}\n        {type === 'reaction' && (\n          <>\n            <span className={styles['reaction-pill__emoji']} aria-hidden>\n              {emoji}\n            </span>\n            <span className={styles['reaction-pill__label']}>{label}</span>\n          </>\n        )}\n\n        {/* Hand Raise: icon + name */}\n        {type === 'hand-raise' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<HandRightOutlineIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>\n              {label} Raised Hand\n            </span>\n          </>\n        )}\n\n        {/* Other type: icon + message + dismiss */}\n        {type === 'other' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<MicrophoneOffIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>{message}</span>\n            <span\n              className={styles['reaction-pill__trailing-icon']}\n              aria-hidden\n            >\n              <Icon size=\"12\" glyph={<CloseCircleIcon />} />\n            </span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ReactionPill","size","type","emoji","label","message","className","rest","rootClass","styles","jsx","jsxs","Fragment","Icon","HandRightOutlineIcon","MicrophoneOffIcon","CloseCircleIcon"],"mappings":"gaA8BA,SAAwBA,EAAa,CACnC,KAAAC,EAAO,QACP,KAAAC,EAAO,WACP,MAAAC,EAAQ,KACR,MAAAC,EAAQ,aACR,QAAAC,EAAU,kCACV,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBA,EAAAA,QAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE,EAClDQ,EAAAA,QACE,uBAAuBP,IAAS,aAAe,aAAeA,IAAS,QAAU,QAAU,UAAU,EACvG,EACAI,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAY,GAAGD,EAC7B,SAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAE1C,SAAA,CAAAP,IAAS,YACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,EAAAA,IAAC,QAAK,UAAWD,UAAO,sBAAsB,EAAG,cAAW,GACzD,SAAAN,EACH,QACC,OAAA,CAAK,UAAWM,EAAAA,QAAO,sBAAsB,EAAI,SAAAL,CAAA,CAAM,CAAA,EAC1D,EAIDF,IAAS,cACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACI,EAAA,CAAA,CAAqB,EAAI,EACnD,EACAH,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAL,EAAM,cAAA,CAAA,CACT,CAAA,EACF,EAIDF,IAAS,SACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACK,EAAA,CAAA,CAAkB,EAAI,EAChD,QACC,OAAA,CAAK,UAAWN,EAAAA,QAAO,sBAAsB,EAAI,SAAAJ,EAAQ,EAC1DK,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,8BAA8B,EAChD,cAAW,GAEX,eAACI,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACM,IAAgB,CAAA,CAAI,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}

package/dist/components/reaction-pill/ReactionPill.d.ts

@@ -1,24 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type ReactionPillSize = 'small' | 'medium' | 'large';
-export type ReactionPillType = 'reaction' | 'hand-raise' | 'other';
-export interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {
-    /** Size variant. Default: Small. */
-    size?: ReactionPillSize;
-    /** Pill type. Default: Reaction. */
-    type?: ReactionPillType;
-    /** Emoji to display for Reaction type. Default: 😀 */
-    emoji?: string;
-    /** Participant name / label text. */
-    label?: string;
-    /** Notification message for 'other' type. */
-    message?: string;
-    /** Optional CSS class name. */
-    className?: string;
-}
-/**
- * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,
- * raised hands, and system notifications like "you've been muted." They float over the call
- * surface long enough to register and then disappear; they aren't meant to be durable UI.
- */
-export default function ReactionPill({ size, type, emoji, label, message, className, ...rest }: ReactionPillProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ReactionPill.d.ts.map

package/dist/components/reaction-pill/ReactionPill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionPill.d.ts","sourceRoot":"","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAc,EACd,IAAiB,EACjB,KAAY,EACZ,KAAoB,EACpB,OAA2C,EAC3C,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAuDnB"}

package/dist/components/reaction-pill/ReactionPill.js

@@ -1,51 +0,0 @@
-import { jsx as i, jsxs as n, Fragment as l } from "react/jsx-runtime";
-import r from "../icon/Icon.js";
-import __m from "@mattermost/compass-icons/components/hand-right-outline.js";const m=__m&&__m.default?__m.default:__m;
-import ___ from "@mattermost/compass-icons/components/microphone-off.js";const _=___&&___.default?___.default:___;
-import __f from "@mattermost/compass-icons/components/close-circle.js";const f=__f&&__f.default?__f.default:__f;
-import e from "./ReactionPill.module.scss.js";
-function C({
-  size: c = "small",
-  type: a = "reaction",
-  emoji: s = "😀",
-  label: o = "Leonard R.",
-  message: t = "You have been muted by the host",
-  className: d = "",
-  ...h
-}) {
-  const p = [
-    e["reaction-pill"],
-    e[`reaction-pill--size-${c.toLowerCase()}`],
-    e[`reaction-pill--type-${a === "hand-raise" ? "hand-raise" : a === "other" ? "other" : "reaction"}`],
-    d
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { className: p, ...h, children: /* @__PURE__ */ n("div", { className: e["reaction-pill__inner"], children: [
-    a === "reaction" && /* @__PURE__ */ n(l, { children: [
-      /* @__PURE__ */ i("span", { className: e["reaction-pill__emoji"], "aria-hidden": !0, children: s }),
-      /* @__PURE__ */ i("span", { className: e["reaction-pill__label"], children: o })
-    ] }),
-    a === "hand-raise" && /* @__PURE__ */ n(l, { children: [
-      /* @__PURE__ */ i("span", { className: e["reaction-pill__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(m, {}) }) }),
-      /* @__PURE__ */ n("span", { className: e["reaction-pill__label"], children: [
-        o,
-        " Raised Hand"
-      ] })
-    ] }),
-    a === "other" && /* @__PURE__ */ n(l, { children: [
-      /* @__PURE__ */ i("span", { className: e["reaction-pill__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(_, {}) }) }),
-      /* @__PURE__ */ i("span", { className: e["reaction-pill__label"], children: t }),
-      /* @__PURE__ */ i(
-        "span",
-        {
-          className: e["reaction-pill__trailing-icon"],
-          "aria-hidden": !0,
-          children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(f, {}) })
-        }
-      )
-    ] })
-  ] }) });
-}
-export {
-  C as default
-};
-//# sourceMappingURL=ReactionPill.js.map

package/dist/components/reaction-pill/ReactionPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionPill.js","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport HandRightOutlineIcon from '@mattermost/compass-icons/components/hand-right-outline';\nimport MicrophoneOffIcon from '@mattermost/compass-icons/components/microphone-off';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport styles from './ReactionPill.module.scss';\n\nexport type ReactionPillSize = 'small' | 'medium' | 'large';\nexport type ReactionPillType = 'reaction' | 'hand-raise' | 'other';\n\nexport interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size variant. Default: Small. */\n  size?: ReactionPillSize;\n  /** Pill type. Default: Reaction. */\n  type?: ReactionPillType;\n  /** Emoji to display for Reaction type. Default: 😀 */\n  emoji?: string;\n  /** Participant name / label text. */\n  label?: string;\n  /** Notification message for 'other' type. */\n  message?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,\n * raised hands, and system notifications like \"you've been muted.\" They float over the call\n * surface long enough to register and then disappear; they aren't meant to be durable UI.\n */\nexport default function ReactionPill({\n  size = 'small',\n  type = 'reaction',\n  emoji = '😀',\n  label = 'Leonard R.',\n  message = 'You have been muted by the host',\n  className = '',\n  ...rest\n}: ReactionPillProps) {\n  const rootClass = [\n    styles['reaction-pill'],\n    styles[`reaction-pill--size-${size.toLowerCase()}`],\n    styles[\n      `reaction-pill--type-${type === 'hand-raise' ? 'hand-raise' : type === 'other' ? 'other' : 'reaction'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['reaction-pill__inner']}>\n        {/* Reaction type: emoji + name */}\n        {type === 'reaction' && (\n          <>\n            <span className={styles['reaction-pill__emoji']} aria-hidden>\n              {emoji}\n            </span>\n            <span className={styles['reaction-pill__label']}>{label}</span>\n          </>\n        )}\n\n        {/* Hand Raise: icon + name */}\n        {type === 'hand-raise' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<HandRightOutlineIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>\n              {label} Raised Hand\n            </span>\n          </>\n        )}\n\n        {/* Other type: icon + message + dismiss */}\n        {type === 'other' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<MicrophoneOffIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>{message}</span>\n            <span\n              className={styles['reaction-pill__trailing-icon']}\n              aria-hidden\n            >\n              <Icon size=\"12\" glyph={<CloseCircleIcon />} />\n            </span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ReactionPill","size","type","emoji","label","message","className","rest","rootClass","styles","jsx","jsxs","Fragment","Icon","HandRightOutlineIcon","MicrophoneOffIcon","CloseCircleIcon"],"mappings":";;;;;;AA8BA,SAAwBA,EAAa;AAAA,EACnC,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBA,EAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE;AAAA,IAClDQ,EACE,uBAAuBP,MAAS,eAAe,eAAeA,MAAS,UAAU,UAAU,UAAU,EACvG;AAAA,IACAI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAY,GAAGD,GAC7B,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAE1C,UAAA;AAAA,IAAAP,MAAS,cACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,UAAK,WAAWD,EAAO,sBAAsB,GAAG,eAAW,IACzD,UAAAN,GACH;AAAA,wBACC,QAAA,EAAK,WAAWM,EAAO,sBAAsB,GAAI,UAAAL,EAAA,CAAM;AAAA,IAAA,GAC1D;AAAA,IAIDF,MAAS,gBACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWD,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACI,GAAA,CAAA,CAAqB,GAAI,GACnD;AAAA,MACA,gBAAAH,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAC3C,UAAA;AAAA,QAAAL;AAAA,QAAM;AAAA,MAAA,EAAA,CACT;AAAA,IAAA,GACF;AAAA,IAIDF,MAAS,WACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWD,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACK,GAAA,CAAA,CAAkB,GAAI,GAChD;AAAA,wBACC,QAAA,EAAK,WAAWN,EAAO,sBAAsB,GAAI,UAAAJ,GAAQ;AAAA,MAC1D,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO,8BAA8B;AAAA,UAChD,eAAW;AAAA,UAEX,4BAACI,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACM,KAAgB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/reaction-pill/ReactionPill.module.css

@@ -1 +0,0 @@
-._reaction-pill_4avcw_2{display:inline-flex;align-items:center;border-radius:var(--radius-full);background-color:var(--calls-bg, var(--color-indigo-600))}._reaction-pill__inner_4avcw_8{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);background-color:rgba(var(--color-neutral-0-rgb),.16);border-radius:var(--radius-xl);width:100%}._reaction-pill__emoji_4avcw_16{display:inline-flex;align-items:center;flex-shrink:0;font-size:var(--font-size-75);line-height:1}._reaction-pill__label_4avcw_23{font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--button-color, var(--color-neutral-0));white-space:nowrap}._reaction-pill__leading-icon_4avcw_29{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xxxxs);flex-shrink:0;color:var(--button-color, var(--color-neutral-0))}._reaction-pill__trailing-icon_4avcw_37{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xxxxs);flex-shrink:0;color:var(--button-color, var(--color-neutral-0));opacity:.32}._reaction-pill--size-small_4avcw_46 ._reaction-pill__inner_4avcw_8{gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-s) var(--spacing-xxxxs) var(--spacing-xxs)}._reaction-pill--size-small_4avcw_46 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-75)}._reaction-pill--size-small_4avcw_46 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-25);line-height:var(--line-height-75);letter-spacing:.1px}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__inner_4avcw_8{gap:5px;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xs)}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-200)}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-75);line-height:var(--line-height-75)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__inner_4avcw_8{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs) var(--spacing-s)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-400)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-100);line-height:var(--line-height-100)}._reaction-pill--type-hand-raise_4avcw_80{background-color:var(--button-color, var(--color-neutral-0));border-radius:var(--radius-xl);overflow:hidden}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__inner_4avcw_8{background-color:transparent;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xxxs)}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__leading-icon_4avcw_29{color:var(--calls-bg, var(--color-indigo-600))}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__label_4avcw_23{color:var(--calls-bg, var(--color-indigo-600));font-size:var(--font-size-75);line-height:var(--line-height-75)}._reaction-pill--type-other_4avcw_97 ._reaction-pill__inner_4avcw_8{gap:5px;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xxxs)}._reaction-pill--type-other_4avcw_97 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-75);line-height:var(--line-height-75)}

package/dist/components/reaction-pill/ReactionPill.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionPill.module.css');const i={"reaction-pill":"_reaction-pill_4avcw_2","reaction-pill__inner":"_reaction-pill__inner_4avcw_8","reaction-pill__emoji":"_reaction-pill__emoji_4avcw_16","reaction-pill__label":"_reaction-pill__label_4avcw_23","reaction-pill__leading-icon":"_reaction-pill__leading-icon_4avcw_29","reaction-pill__trailing-icon":"_reaction-pill__trailing-icon_4avcw_37","reaction-pill--size-small":"_reaction-pill--size-small_4avcw_46","reaction-pill--size-medium":"_reaction-pill--size-medium_4avcw_58","reaction-pill--size-large":"_reaction-pill--size-large_4avcw_69","reaction-pill--type-hand-raise":"_reaction-pill--type-hand-raise_4avcw_80","reaction-pill--type-other":"_reaction-pill--type-other_4avcw_97"};exports.default=i;
-//# sourceMappingURL=ReactionPill.module.scss.cjs.map

package/dist/components/reaction-pill/ReactionPill.module.scss.cjs.map

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

package/dist/components/reaction-pill/ReactionPill.module.scss.js

@@ -1,17 +0,0 @@
-import './ReactionPill.module.css';const i = {
-  "reaction-pill": "_reaction-pill_4avcw_2",
-  "reaction-pill__inner": "_reaction-pill__inner_4avcw_8",
-  "reaction-pill__emoji": "_reaction-pill__emoji_4avcw_16",
-  "reaction-pill__label": "_reaction-pill__label_4avcw_23",
-  "reaction-pill__leading-icon": "_reaction-pill__leading-icon_4avcw_29",
-  "reaction-pill__trailing-icon": "_reaction-pill__trailing-icon_4avcw_37",
-  "reaction-pill--size-small": "_reaction-pill--size-small_4avcw_46",
-  "reaction-pill--size-medium": "_reaction-pill--size-medium_4avcw_58",
-  "reaction-pill--size-large": "_reaction-pill--size-large_4avcw_69",
-  "reaction-pill--type-hand-raise": "_reaction-pill--type-hand-raise_4avcw_80",
-  "reaction-pill--type-other": "_reaction-pill--type-other_4avcw_97"
-};
-export {
-  i as default
-};
-//# sourceMappingURL=ReactionPill.module.scss.js.map

package/dist/components/reaction-pill/ReactionPill.module.scss.js.map

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

package/dist/components/reaction-pill/index.cjs

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

package/dist/components/reaction-pill/index.cjs.map

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

package/dist/components/reaction-pill/index.d.ts

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

package/dist/components/reaction-pill/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/reaction-pill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}