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

package/dist/components/popover-menu/PopoverMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),p=require("../scrollbar/Scrollbar.cjs"),n=require("./PopoverMenu.module.scss.cjs");function i({variant:e="parent",children:o,className:r="",...l}){const t=[n.default["popover-menu"],e==="child"?n.default["popover-menu--child"]:n.default["popover-menu--parent"],r].filter(Boolean).join(" ");return u.jsx("div",{className:t,...l,children:o})}function a({maxHeight:e,children:o,className:r=""}){const l=typeof e=="number"?`${e}px`:e;return u.jsx(p.default,{className:[n.default["popover-menu__scroll"],r].filter(Boolean).join(" "),style:{maxHeight:l},children:o})}function s({children:e,className:o="",...r}){return u.jsx("p",{className:[n.default["popover-menu__title"],o].filter(Boolean).join(" "),...r,children:e})}function v({children:e,className:o="",...r}){return u.jsx("div",{role:"group",className:[n.default["popover-menu__group"],o].filter(Boolean).join(" "),...r,children:e})}function c({children:e,className:o="",...r}){return u.jsx("p",{className:[n.default["popover-menu__group-title"],o].filter(Boolean).join(" "),...r,children:e})}function f({className:e="",...o}){return u.jsx("div",{className:[n.default["popover-menu__divider"],e].filter(Boolean).join(" "),role:"separator",...o})}exports.PopoverMenuDivider=f;exports.PopoverMenuGroup=v;exports.PopoverMenuGroupTitle=c;exports.PopoverMenuScroll=a;exports.PopoverMenuTitle=s;exports.default=i;
+//# sourceMappingURL=PopoverMenu.cjs.map

package/dist/components/popover-menu/PopoverMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverMenu.cjs","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /** Parent menus use Elevation 4; nested child menus use Elevation 5. */\n  variant?: 'parent' | 'child';\n  children: ReactNode;\n}\n\n/**\n * Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n */\nexport default function PopoverMenu({\n  variant = 'parent',\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuProps) {\n  const rootClass = [\n    styles['popover-menu'],\n    variant === 'child'\n      ? styles['popover-menu--child']\n      : styles['popover-menu--parent'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface PopoverMenuScrollProps {\n  children: ReactNode;\n  /** Maximum height of the scrollable region (coerces numbers to px). */\n  maxHeight: string | number;\n  className?: string;\n}\n\n/** Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. */\nexport function PopoverMenuScroll({\n  maxHeight,\n  children,\n  className = '',\n}: PopoverMenuScrollProps) {\n  const maxH =\n    typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n  return (\n    <Scrollbar\n      className={[styles['popover-menu__scroll'], className]\n        .filter(Boolean)\n        .join(' ')}\n      style={{ maxHeight: maxH }}\n    >\n      {children}\n    </Scrollbar>\n  );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\n/** Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. */\nexport function PopoverMenuTitle({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuTitleProps) {\n  return (\n    <p\n      className={[styles['popover-menu__title'], className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  /** Accessible label when the group has no visible `PopoverMenuGroupTitle`. */\n  'aria-label'?: string;\n}\n\n/** Groups related menu items. */\nexport function PopoverMenuGroup({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      className={[styles['popover-menu__group'], className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\n/** Optional label for a `PopoverMenuGroup`. */\nexport function PopoverMenuGroupTitle({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuGroupTitleProps) {\n  return (\n    <p\n      className={[styles['popover-menu__group-title'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface PopoverMenuDividerProps extends HTMLAttributes<HTMLDivElement> {}\n\n/** Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n  className = '',\n  ...rest\n}: PopoverMenuDividerProps) {\n  return (\n    <div\n      className={[styles['popover-menu__divider'], className].filter(Boolean).join(' ')}\n      role=\"separator\"\n      {...rest}\n    />\n  );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":"oOAgBA,SAAwBA,EAAY,CAClC,QAAAC,EAAU,SACV,SAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,cAAc,EACrBL,IAAY,QACRK,EAAAA,QAAO,qBAAqB,EAC5BA,EAAAA,QAAO,sBAAsB,EACjCH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,aACG,MAAA,CAAI,UAAWE,EAAY,GAAGD,EAC5B,SAAAF,EACH,CAEJ,CAUO,SAASK,EAAkB,CAChC,UAAAC,EACA,SAAAN,EACA,UAAAC,EAAY,EACd,EAA2B,CACzB,MAAMM,EACJ,OAAOD,GAAc,SAAW,GAAGA,CAAS,KAAOA,EACrD,OACEE,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAW,CAACL,UAAO,sBAAsB,EAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAO,CAAE,UAAWM,CAAA,EAEnB,SAAAP,CAAA,CAAA,CAGP,CAOO,SAASU,EAAiB,CAC/B,SAAAV,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7E,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CASO,SAASW,EAAiB,CAC/B,SAAAX,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7E,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAOO,SAASY,EAAsB,CACpC,SAAAZ,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA+B,CAC7B,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,2BAA2B,EAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAKO,SAASa,EAAmB,CACjC,UAAAZ,EAAY,GACZ,GAAGC,CACL,EAA4B,CAC1B,OACEM,EAAAA,IAAC,MAAA,CACC,UAAW,CAACJ,UAAO,uBAAuB,EAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChF,KAAK,YACJ,GAAGC,CAAA,CAAA,CAGV"}

package/dist/components/popover-menu/PopoverMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wEAAwE;IACxE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAkB,EAClB,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAgBlB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uGAAuG;AACvG,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,SAAc,GACf,EAAE,sBAAsB,2CAaxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uHAAuH;AACvH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CASvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAUvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,+CAA+C;AAC/C,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAW5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,EACjC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAQzB"}

package/dist/components/popover-menu/PopoverMenu.js

@@ -0,0 +1,96 @@
+import { jsx as p } from "react/jsx-runtime";
+import i from "../scrollbar/Scrollbar.js";
+import n from "./PopoverMenu.module.scss.js";
+function m({
+  variant: o = "parent",
+  children: e,
+  className: r = "",
+  ...t
+}) {
+  const l = [
+    n["popover-menu"],
+    o === "child" ? n["popover-menu--child"] : n["popover-menu--parent"],
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p("div", { className: l, ...t, children: e });
+}
+function c({
+  maxHeight: o,
+  children: e,
+  className: r = ""
+}) {
+  const t = typeof o == "number" ? `${o}px` : o;
+  return /* @__PURE__ */ p(
+    i,
+    {
+      className: [n["popover-menu__scroll"], r].filter(Boolean).join(" "),
+      style: { maxHeight: t },
+      children: e
+    }
+  );
+}
+function v({
+  children: o,
+  className: e = "",
+  ...r
+}) {
+  return /* @__PURE__ */ p(
+    "p",
+    {
+      className: [n["popover-menu__title"], e].filter(Boolean).join(" "),
+      ...r,
+      children: o
+    }
+  );
+}
+function f({
+  children: o,
+  className: e = "",
+  ...r
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      role: "group",
+      className: [n["popover-menu__group"], e].filter(Boolean).join(" "),
+      ...r,
+      children: o
+    }
+  );
+}
+function _({
+  children: o,
+  className: e = "",
+  ...r
+}) {
+  return /* @__PURE__ */ p(
+    "p",
+    {
+      className: [n["popover-menu__group-title"], e].filter(Boolean).join(" "),
+      ...r,
+      children: o
+    }
+  );
+}
+function d({
+  className: o = "",
+  ...e
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: [n["popover-menu__divider"], o].filter(Boolean).join(" "),
+      role: "separator",
+      ...e
+    }
+  );
+}
+export {
+  d as PopoverMenuDivider,
+  f as PopoverMenuGroup,
+  _ as PopoverMenuGroupTitle,
+  c as PopoverMenuScroll,
+  v as PopoverMenuTitle,
+  m as default
+};
+//# sourceMappingURL=PopoverMenu.js.map

package/dist/components/popover-menu/PopoverMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverMenu.js","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /** Parent menus use Elevation 4; nested child menus use Elevation 5. */\n  variant?: 'parent' | 'child';\n  children: ReactNode;\n}\n\n/**\n * Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n */\nexport default function PopoverMenu({\n  variant = 'parent',\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuProps) {\n  const rootClass = [\n    styles['popover-menu'],\n    variant === 'child'\n      ? styles['popover-menu--child']\n      : styles['popover-menu--parent'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface PopoverMenuScrollProps {\n  children: ReactNode;\n  /** Maximum height of the scrollable region (coerces numbers to px). */\n  maxHeight: string | number;\n  className?: string;\n}\n\n/** Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. */\nexport function PopoverMenuScroll({\n  maxHeight,\n  children,\n  className = '',\n}: PopoverMenuScrollProps) {\n  const maxH =\n    typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n  return (\n    <Scrollbar\n      className={[styles['popover-menu__scroll'], className]\n        .filter(Boolean)\n        .join(' ')}\n      style={{ maxHeight: maxH }}\n    >\n      {children}\n    </Scrollbar>\n  );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\n/** Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. */\nexport function PopoverMenuTitle({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuTitleProps) {\n  return (\n    <p\n      className={[styles['popover-menu__title'], className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  /** Accessible label when the group has no visible `PopoverMenuGroupTitle`. */\n  'aria-label'?: string;\n}\n\n/** Groups related menu items. */\nexport function PopoverMenuGroup({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      className={[styles['popover-menu__group'], className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\n/** Optional label for a `PopoverMenuGroup`. */\nexport function PopoverMenuGroupTitle({\n  children,\n  className = '',\n  ...rest\n}: PopoverMenuGroupTitleProps) {\n  return (\n    <p\n      className={[styles['popover-menu__group-title'], className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface PopoverMenuDividerProps extends HTMLAttributes<HTMLDivElement> {}\n\n/** Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n  className = '',\n  ...rest\n}: PopoverMenuDividerProps) {\n  return (\n    <div\n      className={[styles['popover-menu__divider'], className].filter(Boolean).join(' ')}\n      role=\"separator\"\n      {...rest}\n    />\n  );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":";;;AAgBA,SAAwBA,EAAY;AAAA,EAClC,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBL,MAAY,UACRK,EAAO,qBAAqB,IAC5BA,EAAO,sBAAsB;AAAA,IACjCH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAY,GAAGD,GAC5B,UAAAF,GACH;AAEJ;AAUO,SAASK,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,UAAAN;AAAA,EACA,WAAAC,IAAY;AACd,GAA2B;AACzB,QAAMM,IACJ,OAAOD,KAAc,WAAW,GAAGA,CAAS,OAAOA;AACrD,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,CAACL,EAAO,sBAAsB,GAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,WAAWM,EAAA;AAAA,MAEnB,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASU,EAAiB;AAAA,EAC/B,UAAAV;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7E,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AASO,SAASW,EAAiB;AAAA,EAC/B,UAAAX;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7E,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASY,EAAsB;AAAA,EACpC,UAAAZ;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,2BAA2B,GAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAKO,SAASa,EAAmB;AAAA,EACjC,WAAAZ,IAAY;AAAA,EACZ,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,uBAAuB,GAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAChF,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1 @@
+._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-menu/PopoverMenu.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.module.css');const e={"popover-menu":"_popover-menu_r3s0r_2","popover-menu--parent":"_popover-menu--parent_r3s0r_16","popover-menu--child":"_popover-menu--child_r3s0r_19","popover-menu__scroll":"_popover-menu__scroll_r3s0r_22","popover-menu__title":"_popover-menu__title_r3s0r_25","popover-menu__group":"_popover-menu__group_r3s0r_36","popover-menu__group-title":"_popover-menu__group-title_r3s0r_41","popover-menu__divider":"_popover-menu__divider_r3s0r_53"};exports.default=e;
+//# sourceMappingURL=PopoverMenu.module.scss.cjs.map

package/dist/components/popover-menu/PopoverMenu.module.scss.cjs.map

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

package/dist/components/popover-menu/PopoverMenu.module.scss.js

@@ -0,0 +1,14 @@
+import './PopoverMenu.module.css';const _ = {
+  "popover-menu": "_popover-menu_r3s0r_2",
+  "popover-menu--parent": "_popover-menu--parent_r3s0r_16",
+  "popover-menu--child": "_popover-menu--child_r3s0r_19",
+  "popover-menu__scroll": "_popover-menu__scroll_r3s0r_22",
+  "popover-menu__title": "_popover-menu__title_r3s0r_25",
+  "popover-menu__group": "_popover-menu__group_r3s0r_36",
+  "popover-menu__group-title": "_popover-menu__group-title_r3s0r_41",
+  "popover-menu__divider": "_popover-menu__divider_r3s0r_53"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=PopoverMenu.module.scss.js.map

package/dist/components/popover-menu/PopoverMenu.module.scss.js.map

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,10 @@
+import { default as r, PopoverMenuDivider as p, PopoverMenuGroup as u, PopoverMenuGroupTitle as v, PopoverMenuScroll as n, PopoverMenuTitle as M } from "./PopoverMenu.js";
+export {
+  r as PopoverMenu,
+  p as PopoverMenuDivider,
+  u as PopoverMenuGroup,
+  v as PopoverMenuGroupTitle,
+  n as PopoverMenuScroll,
+  M as PopoverMenuTitle
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/popover-notice/PopoverNotice.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/close.js"),h=__h?.default??__h,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__v=require("@mattermost/compass-icons/components/check-circle-outline.js"),v=__v?.default??__v,__g=require("@mattermost/compass-icons/components/alert-circle-outline.js"),g=__g?.default??__g,__N=require("@mattermost/compass-icons/components/alert-outline.js"),N=__N?.default??__N,C=require("../button/Button.cjs"),I=require("../checkbox/Checkbox.cjs"),q=require("../icon-button/IconButton.cjs"),s=require("../icon/Icon.cjs"),o=require("./PopoverNotice.module.scss.cjs"),y={info:e.jsx(s.default,{size:"20",glyph:e.jsx(m,{})}),success:e.jsx(s.default,{size:"20",glyph:e.jsx(v,{})}),warning:e.jsx(s.default,{size:"20",glyph:e.jsx(g,{})}),danger:e.jsx(s.default,{size:"20",glyph:e.jsx(N,{})})},z={info:o.default["popover-notice__icon--info"],success:o.default["popover-notice__icon--success"],warning:o.default["popover-notice__icon--warning"],danger:o.default["popover-notice__icon--danger"]};function A({title:a,children:u,variant:i,icon:t,actions:n,showCheckbox:d=!1,checkboxLabel:p="Don't show this confirmation again",onClose:c,className:f=""}){const _=[o.default["popover-notice"],f].filter(Boolean).join(" "),r=t??(i?y[i]:null),j=!t&&i?z[i]:"";return e.jsxs("div",{className:_,children:[e.jsxs("div",{className:o.default["popover-notice__content"],children:[r!=null&&e.jsx("div",{className:[o.default["popover-notice__icon"],j].filter(Boolean).join(" "),"aria-hidden":!0,children:r}),e.jsxs("div",{className:o.default["popover-notice__body"],children:[e.jsx("div",{className:o.default["popover-notice__title-row"],children:e.jsx("span",{className:o.default["popover-notice__title"],children:a})}),e.jsx("div",{className:o.default["popover-notice__description"],children:u}),n&&n.length>0&&e.jsx("div",{className:o.default["popover-notice__actions"],children:n.map((l,x)=>e.jsx(C.default,{emphasis:l.emphasis??"primary",size:"small",onClick:l.onClick,children:l.label},x))}),d&&e.jsx(I.default,{size:"medium",children:p})]})]}),c&&e.jsx(q.default,{className:o.default["popover-notice__close"],"aria-label":"Close",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(h,{})}),onClick:c})]})}exports.default=A;
+//# sourceMappingURL=PopoverNotice.cjs.map

package/dist/components/popover-notice/PopoverNotice.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNotice.cjs","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface PopoverNoticeAction {\n  label: string;\n  onClick?: () => void;\n  emphasis?: 'primary' | 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n  /** Popover title text. */\n  title: string;\n  /** Body content. */\n  children: ReactNode;\n  /**\n   * Semantic variant — sets the icon and its color automatically.\n   * Ignored if `icon` is also provided.\n   */\n  variant?: PopoverNoticeVariant;\n  /** Optional icon shown to the left of the title. Overrides variant icon. */\n  icon?: ReactNode;\n  /** Action buttons rendered below the body. */\n  actions?: PopoverNoticeAction[];\n  /** When true, shows a \"Don't show this again\" checkbox. */\n  showCheckbox?: boolean;\n  /** Checkbox label override. */\n  checkboxLabel?: string;\n  /** Callback when close button is clicked. */\n  onClose?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n  info: styles['popover-notice__icon--info'],\n  success: styles['popover-notice__icon--success'],\n  warning: styles['popover-notice__icon--warning'],\n  danger: styles['popover-notice__icon--danger'],\n};\n\n/**\n * Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n  title,\n  children,\n  variant,\n  icon,\n  actions,\n  showCheckbox = false,\n  checkboxLabel = \"Don't show this confirmation again\",\n  onClose,\n  className = '',\n}: PopoverNoticeProps) {\n  const rootClass = [styles['popover-notice'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n  const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['popover-notice__content']}>\n        {resolvedIcon != null && (\n          <div\n            className={[styles['popover-notice__icon'], iconColorClass]\n              .filter(Boolean)\n              .join(' ')}\n            aria-hidden\n          >\n            {resolvedIcon}\n          </div>\n        )}\n\n        <div className={styles['popover-notice__body']}>\n          <div className={styles['popover-notice__title-row']}>\n            <span className={styles['popover-notice__title']}>{title}</span>\n          </div>\n\n          <div className={styles['popover-notice__description']}>\n            {children}\n          </div>\n\n          {actions && actions.length > 0 && (\n            <div className={styles['popover-notice__actions']}>\n              {actions.map((action, i) => (\n                <Button\n                  key={i}\n                  emphasis={action.emphasis ?? 'primary'}\n                  size=\"small\"\n                  onClick={action.onClick}\n                >\n                  {action.label}\n                </Button>\n              ))}\n            </div>\n          )}\n\n          {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n        </div>\n      </div>\n\n      {onClose && (\n        <IconButton\n          className={styles['popover-notice__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","rootClass","resolvedIcon","iconColorClass","jsxs","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"0pBA4CMA,EAAyD,CAC7D,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACC,IAAuB,EAAI,EACzD,cAAUF,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACE,IAAuB,EAAI,EAC5D,cAAUH,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACG,IAAuB,EAAI,EAC5D,aAASJ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACI,IAAiB,CAAA,CAAI,CACvD,EAEMC,EAA2D,CAC/D,KAAMC,EAAAA,QAAO,4BAA4B,EACzC,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,OAAQA,EAAAA,QAAO,8BAA8B,CAC/C,EAQA,SAAwBC,EAAc,CACpC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,GACf,cAAAC,EAAgB,qCAChB,QAAAC,EACA,UAAAC,EAAY,EACd,EAAuB,CACrB,MAAMC,EAAY,CAACX,UAAO,gBAAgB,EAAGU,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG,EAELE,EAAeP,IAASD,EAAUZ,EAAcY,CAAO,EAAI,MAC3DS,EAAiB,CAACR,GAAQD,EAAUL,EAAmBK,CAAO,EAAI,GAExE,OACEU,EAAAA,KAAC,MAAA,CAAI,UAAWH,EACd,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAY,GAAgB,MACflB,EAAAA,IAAC,MAAA,CACC,UAAW,CAACM,UAAO,sBAAsB,EAAGa,CAAc,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAW,GAEV,SAAAD,CAAA,CAAA,EAILE,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAWM,EAAAA,QAAO,2BAA2B,EAChD,SAAAN,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAAA,QAAO,uBAAuB,EAAI,SAAAE,CAAA,CAAM,EAC3D,QAEC,MAAA,CAAI,UAAWF,EAAAA,QAAO,6BAA6B,EACjD,SAAAG,EACH,EAECG,GAAWA,EAAQ,OAAS,SAC1B,MAAA,CAAI,UAAWN,EAAAA,QAAO,yBAAyB,EAC7C,SAAAM,EAAQ,IAAI,CAACS,EAAQC,IACpBtB,EAAAA,IAACuB,EAAAA,QAAA,CAEC,SAAUF,EAAO,UAAY,UAC7B,KAAK,QACL,QAASA,EAAO,QAEf,SAAAA,EAAO,KAAA,EALHC,CAAA,CAOR,EACH,EAGDT,GAAgBb,EAAAA,IAACwB,UAAA,CAAS,KAAK,SAAU,SAAAV,CAAA,CAAc,CAAA,CAAA,CAC1D,CAAA,EACF,EAECC,GACCf,EAAAA,IAACyB,EAAAA,QAAA,CACC,UAAWnB,EAAAA,QAAO,uBAAuB,EACzC,aAAW,QACX,KAAK,QACL,WAAOP,UAAA,CAAK,KAAK,KAAK,MAAOC,MAAC0B,IAAU,EAAI,EAC5C,QAASX,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/popover-notice/PopoverNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNotice.d.ts","sourceRoot":"","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,aAAoD,EACpD,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CA6DpB"}

package/dist/components/popover-notice/PopoverNotice.js

@@ -0,0 +1,76 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import __C from "@mattermost/compass-icons/components/close.js";const C=__C&&__C.default?__C.default:__C;
+import __N from "@mattermost/compass-icons/components/information-outline.js";const N=__N&&__N.default?__N.default:__N;
+import __g from "@mattermost/compass-icons/components/check-circle-outline.js";const g=__g&&__g.default?__g.default:__g;
+import __I from "@mattermost/compass-icons/components/alert-circle-outline.js";const I=__I&&__I.default?__I.default:__I;
+import __y from "@mattermost/compass-icons/components/alert-outline.js";const y=__y&&__y.default?__y.default:__y;
+import z from "../button/Button.js";
+import A from "../checkbox/Checkbox.js";
+import O from "../icon-button/IconButton.js";
+import i from "../icon/Icon.js";
+import e from "./PopoverNotice.module.scss.js";
+const k = {
+  info: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(N, {}) }),
+  success: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(g, {}) }),
+  warning: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(I, {}) }),
+  danger: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(y, {}) })
+}, w = {
+  info: e["popover-notice__icon--info"],
+  success: e["popover-notice__icon--success"],
+  warning: e["popover-notice__icon--warning"],
+  danger: e["popover-notice__icon--danger"]
+};
+function q({
+  title: m,
+  children: a,
+  variant: n,
+  icon: l,
+  actions: r,
+  showCheckbox: _ = !1,
+  checkboxLabel: d = "Don't show this confirmation again",
+  onClose: t,
+  className: h = ""
+}) {
+  const f = [e["popover-notice"], h].filter(Boolean).join(" "), p = l ?? (n ? k[n] : null), v = !l && n ? w[n] : "";
+  return /* @__PURE__ */ s("div", { className: f, children: [
+    /* @__PURE__ */ s("div", { className: e["popover-notice__content"], children: [
+      p != null && /* @__PURE__ */ o(
+        "div",
+        {
+          className: [e["popover-notice__icon"], v].filter(Boolean).join(" "),
+          "aria-hidden": !0,
+          children: p
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: e["popover-notice__body"], children: [
+        /* @__PURE__ */ o("div", { className: e["popover-notice__title-row"], children: /* @__PURE__ */ o("span", { className: e["popover-notice__title"], children: m }) }),
+        /* @__PURE__ */ o("div", { className: e["popover-notice__description"], children: a }),
+        r && r.length > 0 && /* @__PURE__ */ o("div", { className: e["popover-notice__actions"], children: r.map((c, u) => /* @__PURE__ */ o(
+          z,
+          {
+            emphasis: c.emphasis ?? "primary",
+            size: "small",
+            onClick: c.onClick,
+            children: c.label
+          },
+          u
+        )) }),
+        _ && /* @__PURE__ */ o(A, { size: "medium", children: d })
+      ] })
+    ] }),
+    t && /* @__PURE__ */ o(
+      O,
+      {
+        className: e["popover-notice__close"],
+        "aria-label": "Close",
+        size: "small",
+        icon: /* @__PURE__ */ o(i, { size: "16", glyph: /* @__PURE__ */ o(C, {}) }),
+        onClick: t
+      }
+    )
+  ] });
+}
+export {
+  q as default
+};
+//# sourceMappingURL=PopoverNotice.js.map

package/dist/components/popover-notice/PopoverNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNotice.js","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface PopoverNoticeAction {\n  label: string;\n  onClick?: () => void;\n  emphasis?: 'primary' | 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n  /** Popover title text. */\n  title: string;\n  /** Body content. */\n  children: ReactNode;\n  /**\n   * Semantic variant — sets the icon and its color automatically.\n   * Ignored if `icon` is also provided.\n   */\n  variant?: PopoverNoticeVariant;\n  /** Optional icon shown to the left of the title. Overrides variant icon. */\n  icon?: ReactNode;\n  /** Action buttons rendered below the body. */\n  actions?: PopoverNoticeAction[];\n  /** When true, shows a \"Don't show this again\" checkbox. */\n  showCheckbox?: boolean;\n  /** Checkbox label override. */\n  checkboxLabel?: string;\n  /** Callback when close button is clicked. */\n  onClose?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n  info: styles['popover-notice__icon--info'],\n  success: styles['popover-notice__icon--success'],\n  warning: styles['popover-notice__icon--warning'],\n  danger: styles['popover-notice__icon--danger'],\n};\n\n/**\n * Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n  title,\n  children,\n  variant,\n  icon,\n  actions,\n  showCheckbox = false,\n  checkboxLabel = \"Don't show this confirmation again\",\n  onClose,\n  className = '',\n}: PopoverNoticeProps) {\n  const rootClass = [styles['popover-notice'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n  const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['popover-notice__content']}>\n        {resolvedIcon != null && (\n          <div\n            className={[styles['popover-notice__icon'], iconColorClass]\n              .filter(Boolean)\n              .join(' ')}\n            aria-hidden\n          >\n            {resolvedIcon}\n          </div>\n        )}\n\n        <div className={styles['popover-notice__body']}>\n          <div className={styles['popover-notice__title-row']}>\n            <span className={styles['popover-notice__title']}>{title}</span>\n          </div>\n\n          <div className={styles['popover-notice__description']}>\n            {children}\n          </div>\n\n          {actions && actions.length > 0 && (\n            <div className={styles['popover-notice__actions']}>\n              {actions.map((action, i) => (\n                <Button\n                  key={i}\n                  emphasis={action.emphasis ?? 'primary'}\n                  size=\"small\"\n                  onClick={action.onClick}\n                >\n                  {action.label}\n                </Button>\n              ))}\n            </div>\n          )}\n\n          {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n        </div>\n      </div>\n\n      {onClose && (\n        <IconButton\n          className={styles['popover-notice__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","rootClass","resolvedIcon","iconColorClass","jsxs","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AA4CA,MAAMA,IAAyD;AAAA,EAC7D,wBAAOC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACC,KAAuB,GAAI;AAAA,EACzD,2BAAUF,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACE,KAAuB,GAAI;AAAA,EAC5D,2BAAUH,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACG,KAAuB,GAAI;AAAA,EAC5D,0BAASJ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACI,KAAiB,EAAA,CAAI;AACvD,GAEMC,IAA2D;AAAA,EAC/D,MAAMC,EAAO,4BAA4B;AAAA,EACzC,SAASA,EAAO,+BAA+B;AAAA,EAC/C,SAASA,EAAO,+BAA+B;AAAA,EAC/C,QAAQA,EAAO,8BAA8B;AAC/C;AAQA,SAAwBC,EAAc;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,SAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAuB;AACrB,QAAMC,IAAY,CAACX,EAAO,gBAAgB,GAAGU,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG,GAELE,IAAeP,MAASD,IAAUZ,EAAcY,CAAO,IAAI,OAC3DS,IAAiB,CAACR,KAAQD,IAAUL,EAAmBK,CAAO,IAAI;AAExE,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWH,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWd,EAAO,yBAAyB,GAC7C,UAAA;AAAA,MAAAY,KAAgB,QACf,gBAAAlB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACM,EAAO,sBAAsB,GAAGa,CAAc,EACvD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,eAAW;AAAA,UAEV,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,MAIL,gBAAAE,EAAC,OAAA,EAAI,WAAWd,EAAO,sBAAsB,GAC3C,UAAA;AAAA,QAAA,gBAAAN,EAAC,OAAA,EAAI,WAAWM,EAAO,2BAA2B,GAChD,UAAA,gBAAAN,EAAC,QAAA,EAAK,WAAWM,EAAO,uBAAuB,GAAI,UAAAE,EAAA,CAAM,GAC3D;AAAA,0BAEC,OAAA,EAAI,WAAWF,EAAO,6BAA6B,GACjD,UAAAG,GACH;AAAA,QAECG,KAAWA,EAAQ,SAAS,uBAC1B,OAAA,EAAI,WAAWN,EAAO,yBAAyB,GAC7C,UAAAM,EAAQ,IAAI,CAACS,GAAQC,MACpB,gBAAAtB;AAAA,UAACuB;AAAA,UAAA;AAAA,YAEC,UAAUF,EAAO,YAAY;AAAA,YAC7B,MAAK;AAAA,YACL,SAASA,EAAO;AAAA,YAEf,UAAAA,EAAO;AAAA,UAAA;AAAA,UALHC;AAAA,QAAA,CAOR,GACH;AAAA,QAGDT,KAAgB,gBAAAb,EAACwB,GAAA,EAAS,MAAK,UAAU,UAAAV,EAAA,CAAc;AAAA,MAAA,EAAA,CAC1D;AAAA,IAAA,GACF;AAAA,IAECC,KACC,gBAAAf;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,WAAWnB,EAAO,uBAAuB;AAAA,QACzC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,wBAAOP,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAAC0B,KAAU,GAAI;AAAA,QAC5C,SAASX;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}

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

@@ -0,0 +1 @@
+._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/popover-notice/PopoverNotice.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.module.css');const o={"popover-notice":"_popover-notice_1dhk2_2","popover-notice__content":"_popover-notice__content_1dhk2_18","popover-notice__icon":"_popover-notice__icon_1dhk2_25","popover-notice__icon--info":"_popover-notice__icon--info_1dhk2_31","popover-notice__icon--success":"_popover-notice__icon--success_1dhk2_34","popover-notice__icon--warning":"_popover-notice__icon--warning_1dhk2_37","popover-notice__icon--danger":"_popover-notice__icon--danger_1dhk2_40","popover-notice__body":"_popover-notice__body_1dhk2_43","popover-notice__title-row":"_popover-notice__title-row_1dhk2_55","popover-notice__title":"_popover-notice__title_1dhk2_55","popover-notice__description":"_popover-notice__description_1dhk2_68","popover-notice__actions":"_popover-notice__actions_1dhk2_77","popover-notice__close":"_popover-notice__close_1dhk2_83"};exports.default=o;
+//# sourceMappingURL=PopoverNotice.module.scss.cjs.map

package/dist/components/popover-notice/PopoverNotice.module.scss.cjs.map

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

package/dist/components/popover-notice/PopoverNotice.module.scss.js

@@ -0,0 +1,19 @@
+import './PopoverNotice.module.css';const o = {
+  "popover-notice": "_popover-notice_1dhk2_2",
+  "popover-notice__content": "_popover-notice__content_1dhk2_18",
+  "popover-notice__icon": "_popover-notice__icon_1dhk2_25",
+  "popover-notice__icon--info": "_popover-notice__icon--info_1dhk2_31",
+  "popover-notice__icon--success": "_popover-notice__icon--success_1dhk2_34",
+  "popover-notice__icon--warning": "_popover-notice__icon--warning_1dhk2_37",
+  "popover-notice__icon--danger": "_popover-notice__icon--danger_1dhk2_40",
+  "popover-notice__body": "_popover-notice__body_1dhk2_43",
+  "popover-notice__title-row": "_popover-notice__title-row_1dhk2_55",
+  "popover-notice__title": "_popover-notice__title_1dhk2_55",
+  "popover-notice__description": "_popover-notice__description_1dhk2_68",
+  "popover-notice__actions": "_popover-notice__actions_1dhk2_77",
+  "popover-notice__close": "_popover-notice__close_1dhk2_83"
+};
+export {
+  o as default
+};
+//# sourceMappingURL=PopoverNotice.module.scss.js.map

package/dist/components/popover-notice/PopoverNotice.module.scss.js.map

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

package/dist/components/popover-notice/index.cjs

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

package/dist/components/popover-notice/index.cjs.map

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

package/dist/components/popover-notice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/popover-notice/index.js

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

package/dist/components/popover-notice/index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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