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

package/dist/components/pinned-saved-indicators/index.cjs.map

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

package/dist/components/pinned-saved-indicators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pinned-saved-indicators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/pinned-saved-indicators/index.js

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

package/dist/components/pinned-saved-indicators/index.js.map

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

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 = 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]\n        .filter(Boolean)\n        .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]\n        .filter(Boolean)\n        .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 type PopoverMenuDividerProps = 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]\n        .filter(Boolean)\n        .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,EAAO,OAAOD,GAAc,SAAW,GAAGA,CAAS,KAAOA,EAChE,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,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,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,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,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,EACnD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,KAAK,YACJ,GAAGC,CAAA,CAAA,CAGV"}

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

@@ -0,0 +1 @@
+._popover-menu_1m31t_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:212px;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_1m31t_16{box-shadow:var(--elevation-4)}._popover-menu--child_1m31t_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_1m31t_22{min-height:0}._popover-menu__title_1m31t_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_1m31t_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_1m31t_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_1m31t_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_1m31t_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}

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

@@ -0,0 +1,42 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {
+    /** Parent menus use Elevation 4; nested child menus use Elevation 5. */
+    variant?: 'parent' | 'child';
+    children: ReactNode;
+}
+/**
+ * Surface container for popover-style menus — border, fill, elevation, and width
+ * constraints per Compass. Compose with {@link MenuItem} rows and optional
+ * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item
+ * list should scroll while a {@link PopoverMenuTitle} stays pinned.
+ */
+export default function PopoverMenu({ variant, children, className, ...rest }: PopoverMenuProps): import("react/jsx-runtime").JSX.Element;
+export interface PopoverMenuScrollProps {
+    children: ReactNode;
+    /** Maximum height of the scrollable region (coerces numbers to px). */
+    maxHeight: string | number;
+    className?: string;
+}
+/** Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. */
+export declare function PopoverMenuScroll({ maxHeight, children, className, }: PopoverMenuScrollProps): import("react/jsx-runtime").JSX.Element;
+export interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+/** Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. */
+export declare function PopoverMenuTitle({ children, className, ...rest }: PopoverMenuTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /** Accessible label when the group has no visible `PopoverMenuGroupTitle`. */
+    'aria-label'?: string;
+}
+/** Groups related menu items. */
+export declare function PopoverMenuGroup({ children, className, ...rest }: PopoverMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+/** Optional label for a `PopoverMenuGroup`. */
+export declare function PopoverMenuGroupTitle({ children, className, ...rest }: PopoverMenuGroupTitleProps): import("react/jsx-runtime").JSX.Element;
+export type PopoverMenuDividerProps = HTMLAttributes<HTMLDivElement>;
+/** Horizontal rule between groups or below a menu title. */
+export declare function PopoverMenuDivider({ className, ...rest }: PopoverMenuDividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverMenu.d.ts.map

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,2CAYxB;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,2CAWvB;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,2CAYvB;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,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,EACjC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAUzB"}

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 = 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]\n        .filter(Boolean)\n        .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]\n        .filter(Boolean)\n        .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 type PopoverMenuDividerProps = 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]\n        .filter(Boolean)\n        .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,IAAO,OAAOD,KAAc,WAAW,GAAGA,CAAS,OAAOA;AAChE,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,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,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,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,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,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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.css');const e={"popover-menu":"_popover-menu_1m31t_2","popover-menu--parent":"_popover-menu--parent_1m31t_16","popover-menu--child":"_popover-menu--child_1m31t_19","popover-menu__scroll":"_popover-menu__scroll_1m31t_22","popover-menu__title":"_popover-menu__title_1m31t_25","popover-menu__group":"_popover-menu__group_1m31t_36","popover-menu__group-title":"_popover-menu__group-title_1m31t_41","popover-menu__divider":"_popover-menu__divider_1m31t_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.css';const _ = {
+  "popover-menu": "_popover-menu_1m31t_2",
+  "popover-menu--parent": "_popover-menu--parent_1m31t_16",
+  "popover-menu--child": "_popover-menu--child_1m31t_19",
+  "popover-menu__scroll": "_popover-menu__scroll_1m31t_22",
+  "popover-menu__title": "_popover-menu__title_1m31t_25",
+  "popover-menu__group": "_popover-menu__group_1m31t_36",
+  "popover-menu__group-title": "_popover-menu__group-title_1m31t_41",
+  "popover-menu__divider": "_popover-menu__divider_1m31t_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"),__x=require("@mattermost/compass-icons/components/close.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/information-outline.js"),h=__h?.default??__h,__m=require("@mattermost/compass-icons/components/check-circle-outline.js"),m=__m?.default??__m,__g=require("@mattermost/compass-icons/components/alert-circle-outline.js"),g=__g?.default??__g,__C=require("@mattermost/compass-icons/components/alert-outline.js"),C=__C?.default??__C,N=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"),z={info:e.jsx(s.default,{size:"20",glyph:e.jsx(h,{})}),success:e.jsx(s.default,{size:"20",glyph:e.jsx(m,{})}),warning:e.jsx(s.default,{size:"20",glyph:e.jsx(g,{})}),danger:e.jsx(s.default,{size:"20",glyph:e.jsx(C,{})})},y={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:n,icon:c,actions:i,showCheckbox:d=!1,checkboxLabel:p="Don't show this confirmation again",onClose:r,className:f=""}){const l=c??(n?z[n]:null),_=!c&&n?y[n]:"",j=[o.default["popover-notice"],l==null?o.default["popover-notice--no-icon"]:"",f].filter(Boolean).join(" ");return e.jsxs("div",{className:j,children:[e.jsxs("div",{className:o.default["popover-notice__content"],children:[l!=null&&e.jsx("div",{className:[o.default["popover-notice__icon"],_].filter(Boolean).join(" "),"aria-hidden":!0,children:e.jsx(s.IconSlotContext.Provider,{value:{size:"20"},children:l})}),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}),i&&i.length>0&&e.jsx("div",{className:o.default["popover-notice__actions"],children:i.map((t,v)=>e.jsx(N.default,{emphasis:t.emphasis??"primary",size:"small",onClick:t.onClick,children:t.label},v))}),d&&e.jsx(I.default,{size:"medium",children:p})]})]}),r&&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(x,{})}),onClick:r})]})}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 { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface PopoverNoticeAction {\n  /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  onClick?: () => void;\n  emphasis?: 'primary' | 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n  /** Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\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 the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. */\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 resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n  const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n  const rootClass = [\n    styles['popover-notice'],\n    resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\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            <IconSlotContext.Provider value={{ size: '20' }}>\n              {resolvedIcon}\n            </IconSlotContext.Provider>\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","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"0pBA8CMA,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,EAAeN,IAASD,EAAUZ,EAAcY,CAAO,EAAI,MAC3DQ,EAAiB,CAACP,GAAQD,EAAUL,EAAmBK,CAAO,EAAI,GAElES,EAAY,CAChBb,EAAAA,QAAO,gBAAgB,EACvBW,GAAgB,KAAOX,UAAO,yBAAyB,EAAI,GAC3DU,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAW,GAAgB,MACfjB,EAAAA,IAAC,MAAA,CACC,UAAW,CAACM,UAAO,sBAAsB,EAAGY,CAAc,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAW,GAEX,SAAAlB,EAAAA,IAACqB,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAAJ,CAAA,CACH,CAAA,CAAA,EAIJG,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,CAACU,EAAQC,IACpBvB,EAAAA,IAACwB,EAAAA,QAAA,CAEC,SAAUF,EAAO,UAAY,UAC7B,KAAK,QACL,QAASA,EAAO,QAEf,SAAAA,EAAO,KAAA,EALHC,CAAA,CAOR,EACH,EAGDV,GAAgBb,EAAAA,IAACyB,UAAA,CAAS,KAAK,SAAU,SAAAX,CAAA,CAAc,CAAA,CAAA,CAC1D,CAAA,EACF,EAECC,GACCf,EAAAA,IAAC0B,EAAAA,QAAA,CACC,UAAWpB,EAAAA,QAAO,uBAAuB,EACzC,aAAW,QACX,KAAK,QACL,WAAOP,UAAA,CAAK,KAAK,KAAK,MAAOC,MAAC2B,IAAU,EAAI,EAC5C,QAASZ,CAAA,CAAA,CACX,EAEJ,CAEJ"}

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

@@ -0,0 +1 @@
+._popover-notice_7o9fb_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_7o9fb_2 p:not([class]),._popover-notice_7o9fb_2 ul:not([class]),._popover-notice_7o9fb_2 ol:not([class]){margin:0}._popover-notice--no-icon_7o9fb_18 ._popover-notice__content_7o9fb_18{padding-left:var(--spacing-l)}._popover-notice__content_7o9fb_18{display:flex;gap:var(--spacing-m);align-items:flex-start;padding:var(--spacing-m);width:100%}._popover-notice__icon_7o9fb_28{display:flex;align-items:flex-start;flex-shrink:0;color:var(--center-channel-color)}._popover-notice__icon--info_7o9fb_34{color:var(--color-info)}._popover-notice__icon--success_7o9fb_37{color:var(--color-success)}._popover-notice__icon--warning_7o9fb_40{color:var(--color-warning)}._popover-notice__icon--danger_7o9fb_43{color:var(--error-text, var(--color-danger))}._popover-notice__body_7o9fb_46{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_7o9fb_46>:last-child{margin-bottom:0}._popover-notice__title-row_7o9fb_58{display:flex;align-items:flex-start;width:100%}._popover-notice__title_7o9fb_58{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_7o9fb_71{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_7o9fb_71>:last-child{margin-bottom:0}._popover-notice__actions_7o9fb_80{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._popover-notice__close_7o9fb_86{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}

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

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';
+export interface PopoverNoticeAction {
+    /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
+    onClick?: () => void;
+    emphasis?: 'primary' | 'tertiary';
+}
+export interface PopoverNoticeProps {
+    /** Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    title: ReactNode;
+    /** Body content. */
+    children: ReactNode;
+    /**
+     * Semantic variant — sets the icon and its color automatically.
+     * Ignored if `icon` is also provided.
+     */
+    variant?: PopoverNoticeVariant;
+    /** Optional icon shown to the left of the title. Overrides the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. */
+    icon?: ReactNode;
+    /** Action buttons rendered below the body. */
+    actions?: PopoverNoticeAction[];
+    /** When true, shows a "Don't show this again" checkbox. */
+    showCheckbox?: boolean;
+    /** Checkbox label override. */
+    checkboxLabel?: string;
+    /** Callback when close button is clicked. */
+    onClose?: () => void;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Popover Notice is a small overlay card that surfaces a transient message — a tip, a
+ * confirmation, a warning — without taking over the screen. Think of it as a [Section
+ * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five
+ * seconds unless the user engages.
+ */
+export default function PopoverNotice({ title, children, variant, icon, actions, showCheckbox, checkboxLabel, onClose, className, }: PopoverNoticeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverNotice.d.ts.map

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;AAavC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4KAA4K;IAC5K,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,2CAmEpB"}

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

@@ -0,0 +1,80 @@
+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 __I from "@mattermost/compass-icons/components/information-outline.js";const I=__I&&__I.default?__I.default:__I;
+import __N from "@mattermost/compass-icons/components/check-circle-outline.js";const N=__N&&__N.default?__N.default:__N;
+import __g from "@mattermost/compass-icons/components/alert-circle-outline.js";const g=__g&&__g.default?__g.default:__g;
+import __z from "@mattermost/compass-icons/components/alert-outline.js";const z=__z&&__z.default?__z.default:__z;
+import y from "../button/Button.js";
+import A from "../checkbox/Checkbox.js";
+import O from "../icon-button/IconButton.js";
+import i, { IconSlotContext as k } from "../icon/Icon.js";
+import e from "./PopoverNotice.module.scss.js";
+const w = {
+  info: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(I, {}) }),
+  success: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(N, {}) }),
+  warning: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(g, {}) }),
+  danger: /* @__PURE__ */ o(i, { size: "20", glyph: /* @__PURE__ */ o(z, {}) })
+}, x = {
+  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 E({
+  title: m,
+  children: a,
+  variant: n,
+  icon: t,
+  actions: r,
+  showCheckbox: d = !1,
+  checkboxLabel: _ = "Don't show this confirmation again",
+  onClose: p,
+  className: h = ""
+}) {
+  const c = t ?? (n ? w[n] : null), v = !t && n ? x[n] : "", f = [
+    e["popover-notice"],
+    c == null ? e["popover-notice--no-icon"] : "",
+    h
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("div", { className: f, children: [
+    /* @__PURE__ */ s("div", { className: e["popover-notice__content"], children: [
+      c != null && /* @__PURE__ */ o(
+        "div",
+        {
+          className: [e["popover-notice__icon"], v].filter(Boolean).join(" "),
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ o(k.Provider, { value: { size: "20" }, children: c })
+        }
+      ),
+      /* @__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((l, u) => /* @__PURE__ */ o(
+          y,
+          {
+            emphasis: l.emphasis ?? "primary",
+            size: "small",
+            onClick: l.onClick,
+            children: l.label
+          },
+          u
+        )) }),
+        d && /* @__PURE__ */ o(A, { size: "medium", children: _ })
+      ] })
+    ] }),
+    p && /* @__PURE__ */ o(
+      O,
+      {
+        className: e["popover-notice__close"],
+        "aria-label": "Close",
+        size: "small",
+        icon: /* @__PURE__ */ o(i, { size: "16", glyph: /* @__PURE__ */ o(C, {}) }),
+        onClick: p
+      }
+    )
+  ] });
+}
+export {
+  E 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 { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface PopoverNoticeAction {\n  /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  onClick?: () => void;\n  emphasis?: 'primary' | 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n  /** Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\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 the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. */\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 resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n  const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n  const rootClass = [\n    styles['popover-notice'],\n    resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\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            <IconSlotContext.Provider value={{ size: '20' }}>\n              {resolvedIcon}\n            </IconSlotContext.Provider>\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","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"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"}

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.css');const o={"popover-notice":"_popover-notice_7o9fb_2","popover-notice--no-icon":"_popover-notice--no-icon_7o9fb_18","popover-notice__content":"_popover-notice__content_7o9fb_18","popover-notice__icon":"_popover-notice__icon_7o9fb_28","popover-notice__icon--info":"_popover-notice__icon--info_7o9fb_34","popover-notice__icon--success":"_popover-notice__icon--success_7o9fb_37","popover-notice__icon--warning":"_popover-notice__icon--warning_7o9fb_40","popover-notice__icon--danger":"_popover-notice__icon--danger_7o9fb_43","popover-notice__body":"_popover-notice__body_7o9fb_46","popover-notice__title-row":"_popover-notice__title-row_7o9fb_58","popover-notice__title":"_popover-notice__title_7o9fb_58","popover-notice__description":"_popover-notice__description_7o9fb_71","popover-notice__actions":"_popover-notice__actions_7o9fb_80","popover-notice__close":"_popover-notice__close_7o9fb_86"};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,20 @@
+import './PopoverNotice.css';const o = {
+  "popover-notice": "_popover-notice_7o9fb_2",
+  "popover-notice--no-icon": "_popover-notice--no-icon_7o9fb_18",
+  "popover-notice__content": "_popover-notice__content_7o9fb_18",
+  "popover-notice__icon": "_popover-notice__icon_7o9fb_28",
+  "popover-notice__icon--info": "_popover-notice__icon--info_7o9fb_34",
+  "popover-notice__icon--success": "_popover-notice__icon--success_7o9fb_37",
+  "popover-notice__icon--warning": "_popover-notice__icon--warning_7o9fb_40",
+  "popover-notice__icon--danger": "_popover-notice__icon--danger_7o9fb_43",
+  "popover-notice__body": "_popover-notice__body_7o9fb_46",
+  "popover-notice__title-row": "_popover-notice__title-row_7o9fb_58",
+  "popover-notice__title": "_popover-notice__title_7o9fb_58",
+  "popover-notice__description": "_popover-notice__description_7o9fb_71",
+  "popover-notice__actions": "_popover-notice__actions_7o9fb_80",
+  "popover-notice__close": "_popover-notice__close_7o9fb_86"
+};
+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/profile-popover/ProfilePopover.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__U=require("@mattermost/compass-icons/components/close.js"),U=__U?.default??__U,__Y=require("@mattermost/compass-icons/components/email-outline.js"),Y=__Y?.default??__Y,__J=require("@mattermost/compass-icons/components/circle-multiple-outline.js"),J=__J?.default??__J,__K=require("@mattermost/compass-icons/components/github-circle.js"),K=__K?.default??__K,__k=require("@mattermost/compass-icons/components/mattermost.js"),k=__k?.default??__k,__Q=require("@mattermost/compass-icons/components/account-plus-outline.js"),Q=__Q?.default??__Q,__C=require("@mattermost/compass-icons/components/phone.js"),C=__C?.default??__C,__T=require("@mattermost/compass-icons/components/at.js"),T=__T?.default??__T,__I=require("@mattermost/compass-icons/components/send-outline.js"),I=__I?.default??__I,__V=require("@mattermost/compass-icons/components/pencil-outline.js"),V=__V?.default??__V,W=require("../button/Button.cjs"),c=require("../icon-button/IconButton.cjs"),X=require("../user-avatar/UserAvatar.cjs"),Z=require("../tag/Tag.cjs"),s=require("../icon/Icon.cjs"),l=require("./ProfilePopover.module.scss.cjs");function p({icon:j,children:d,href:r}){const u=r?l.default["profile-popover__meta-link"]:l.default["profile-popover__meta-text"];return e.jsxs("div",{className:l.default["profile-popover__meta-item"],children:[e.jsx("span",{className:l.default["profile-popover__meta-icon"],"aria-hidden":!0,children:j}),r?e.jsx("a",{className:u,href:r,children:d}):e.jsx("span",{className:u,children:d})]})}function H({user:j="others",avatarSrc:d,avatarAlt:r,name:u,username:B,title:m,email:f,phones:t,lastOnline:h,jobRole:v,localTime:a,customStatus:i,sharedOrg:x,staff:N=!1,coreCommitter:y=!1,githubHandle:_,onClose:b,onPrimaryAction:P,onMention:M,onAddToChannel:$,onCall:g,onSend:A,callButton:L,phoneIcon:O,state:w="open",onAnimationEnd:D,className:E=""}){const n=j==="you",S=[l.default["profile-popover"],w==="closing"?l.default["profile-popover--closing"]:"",E].filter(Boolean).join(" "),F=!!(t&&t.length>0),z=!!f||F||!!x||N||y||!!_,G=z||!!a||!!i;return e.jsxs("div",{className:S,onAnimationEnd:D,children:[v&&e.jsx("div",{className:l.default["profile-popover__role-tag"],children:e.jsx(Z.default,{label:v,casing:"all-caps",size:"x-small"})}),b&&e.jsx(c.default,{className:l.default["profile-popover__close"],"aria-label":"Close",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(U,{})}),onClick:b}),e.jsxs("section",{className:l.default["profile-popover__primary"],children:[e.jsx(X.default,{src:d,alt:r,size:"120",status:!0}),h&&e.jsx("p",{className:l.default["profile-popover__last-online"],children:h}),e.jsxs("div",{className:l.default["profile-popover__names"],children:[e.jsx("p",{className:l.default["profile-popover__name"],children:u}),e.jsx("p",{className:l.default["profile-popover__handle"],children:B}),m&&e.jsx("p",{className:l.default["profile-popover__title"],children:m})]})]}),G&&e.jsxs("section",{className:l.default["profile-popover__secondary"],children:[z&&e.jsxs("div",{className:l.default["profile-popover__titles"],children:[f&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(Y,{})}),href:`mailto:${f}`,children:f}),t==null?void 0:t.map((o,R)=>{const q=[o.label,o.sipTrunk].filter(Boolean).join(" • ");return e.jsxs("div",{className:[l.default["profile-popover__meta-item"],l.default["profile-popover__meta-item--stacked"]].join(" "),children:[e.jsx("span",{className:l.default["profile-popover__meta-icon"],"aria-hidden":!0,children:e.jsx(s.default,{size:"16",glyph:o.icon??O??e.jsx(C,{})})}),e.jsxs("div",{className:l.default["profile-popover__phone-body"],children:[q&&e.jsx("span",{className:l.default["profile-popover__phone-sub"],children:q}),o.onClick?e.jsx("button",{type:"button",className:l.default["profile-popover__meta-link"],onClick:o.onClick,children:o.number}):e.jsx("a",{className:l.default["profile-popover__meta-link"],href:o.href??`tel:${o.number}`,children:o.number})]})]},`${o.number}-${R}`)}),x&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(J,{})}),children:x}),N&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(k,{})}),children:"Staff"}),y&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(k,{})}),children:"Core Committer"}),_&&e.jsx(p,{icon:e.jsx(s.default,{size:"16",glyph:e.jsx(K,{})}),children:_})]}),a&&e.jsxs("div",{className:l.default["profile-popover__local-time"],children:[e.jsxs("p",{className:l.default["profile-popover__section-label"],children:["Local time (",a.timezone,")"]}),e.jsxs("div",{className:l.default["profile-popover__time"],children:[e.jsx("span",{children:a.time}),a.hourDifference&&e.jsxs("span",{children:["(",a.hourDifference,")"]})]})]}),i&&e.jsxs("div",{className:l.default["profile-popover__custom-status"],children:[e.jsxs("p",{className:l.default["profile-popover__section-label"],children:["Status",i.expiresLabel?` (${i.expiresLabel})`:""]}),e.jsxs("div",{className:l.default["profile-popover__status-row"],children:[e.jsx("span",{className:l.default["profile-popover__status-emoji"],"aria-hidden":!0,children:i.emoji}),e.jsx("span",{children:i.text})]})]})]}),e.jsxs("footer",{className:[l.default["profile-popover__footer"],n?l.default["profile-popover__footer--you"]:l.default["profile-popover__footer--others"]].join(" "),children:[e.jsx("div",{className:[l.default["profile-popover__primary-action"],n?l.default["profile-popover__primary-action--you"]:l.default["profile-popover__primary-action--others"]].join(" "),children:e.jsx(W.default,{className:l.default["profile-popover__primary-button"],size:"small",emphasis:"primary",leadingIcon:n?e.jsx(s.default,{size:"12",glyph:e.jsx(V,{})}):e.jsx(s.default,{size:"12",glyph:e.jsx(I,{})}),onClick:P,children:n?"Edit profile":"Message"})}),e.jsx("div",{className:l.default["profile-popover__secondary-actions"],children:n?e.jsx(c.default,{"aria-label":"Send message",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(I,{})}),onClick:A}):e.jsxs(e.Fragment,{children:[e.jsx(c.default,{"aria-label":"Mention user",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(T,{})}),onClick:M}),e.jsx(c.default,{"aria-label":"Add to channel",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(Q,{})}),onClick:$}),L??(g?e.jsx(c.default,{"aria-label":"Call",size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(C,{})}),onClick:g}):null)]})})]})]})}exports.default=H;
+//# sourceMappingURL=ProfilePopover.cjs.map

package/dist/components/profile-popover/ProfilePopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePopover.cjs","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' | 'you';\n\nexport interface ProfilePopoverCustomStatus {\n  emoji: string;\n  text: string;\n  /** Label suffix like \"Until Tomorrow\". */\n  expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n  /** Local time, e.g. \"10:42 PM\". */\n  time: string;\n  /** Timezone abbreviation, e.g. \"EST\". */\n  timezone: string;\n  /** Hour difference relative to viewer, e.g. \"3 hrs behind\". */\n  hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n  number: string;\n  /** Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". */\n  label?: string;\n  /** Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". */\n  sipTrunk?: string;\n  /** Per-row phone glyph; overrides the popover-level `phoneIcon` when set. */\n  icon?: ReactNode;\n  href?: string;\n  /** When provided, the number click runs this handler instead of navigating. */\n  onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  /** Whose profile is shown. Default: 'others'. */\n  user?: ProfilePopoverUser;\n  /** Avatar image URL. */\n  avatarSrc: string;\n  /** Avatar alt text. */\n  avatarAlt: string;\n  /** Full name. */\n  name: string;\n  /** @handle. */\n  username: string;\n  /** Job title. */\n  title?: string;\n  /** Email address. */\n  email?: string;\n  /** Phone rows shown under the email. */\n  phones?: ProfilePopoverPhone[];\n  /** Caption above the name, e.g. \"Last online 6 hrs ago\". */\n  lastOnline?: string;\n  /** Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) */\n  jobRole?: string;\n  /** Local time block. */\n  localTime?: ProfilePopoverLocalTime;\n  /** Custom status. */\n  customStatus?: ProfilePopoverCustomStatus;\n  /** Shared member org name. */\n  sharedOrg?: string;\n  /** Shows a Staff row. */\n  staff?: boolean;\n  /** Shows a Core Committer row. */\n  coreCommitter?: boolean;\n  /** GitHub handle — shows the GitHub profile row. */\n  githubHandle?: string;\n  onClose?: () => void;\n  onPrimaryAction?: () => void;\n  /** Inserts an @mention for this user in the active channel message input. */\n  onMention?: () => void;\n  /** Opens the Add to Channel flow for this user. */\n  onAddToChannel?: () => void;\n  /** Used when `callButton` is not provided; starts a simple outbound call action. */\n  onCall?: () => void;\n  onSend?: () => void;\n  /** Replaces the default Call icon button in the footer when provided. */\n  callButton?: ReactNode;\n  /** Replaces the default phone glyph shown next to the phone number. */\n  phoneIcon?: ReactNode;\n  /** Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. */\n  state?: 'open' | 'closing';\n  /** Fires when an animation on the popover root ends (entrance or exit). */\n  onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n  className?: string;\n}\n\ninterface MetaRowProps {\n  icon: ReactNode;\n  children: ReactNode;\n  href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n  const textClass = href\n    ? styles['profile-popover__meta-link']\n    : styles['profile-popover__meta-text'];\n\n  return (\n    <div className={styles['profile-popover__meta-item']}>\n      <span className={styles['profile-popover__meta-icon']} aria-hidden>\n        {icon}\n      </span>\n      {href ? (\n        <a className={textClass} href={href}>\n          {children}\n        </a>\n      ) : (\n        <span className={textClass}>{children}</span>\n      )}\n    </div>\n  );\n}\n\nexport default function ProfilePopover({\n  user = 'others',\n  avatarSrc,\n  avatarAlt,\n  name,\n  username,\n  title,\n  email,\n  phones,\n  lastOnline,\n  jobRole,\n  localTime,\n  customStatus,\n  sharedOrg,\n  staff = false,\n  coreCommitter = false,\n  githubHandle,\n  onClose,\n  onPrimaryAction,\n  onMention,\n  onAddToChannel,\n  onCall,\n  onSend,\n  callButton,\n  phoneIcon,\n  state = 'open',\n  onAnimationEnd,\n  className = '',\n}: ProfilePopoverProps) {\n  const isYou = user === 'you';\n\n  const rootClass = [\n    styles['profile-popover'],\n    state === 'closing' ? styles['profile-popover--closing'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasPhones = Boolean(phones && phones.length > 0);\n  const hasTitlesBlock =\n    Boolean(email) ||\n    hasPhones ||\n    Boolean(sharedOrg) ||\n    staff ||\n    coreCommitter ||\n    Boolean(githubHandle);\n  const hasSecondary =\n    hasTitlesBlock || Boolean(localTime) || Boolean(customStatus);\n\n  return (\n    <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n      {jobRole && (\n        <div className={styles['profile-popover__role-tag']}>\n          <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n        </div>\n      )}\n\n      {onClose && (\n        <IconButton\n          className={styles['profile-popover__close']}\n          aria-label=\"Close\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onClose}\n        />\n      )}\n\n      <section className={styles['profile-popover__primary']}>\n        <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n        {lastOnline && (\n          <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n        )}\n        <div className={styles['profile-popover__names']}>\n          <p className={styles['profile-popover__name']}>{name}</p>\n          <p className={styles['profile-popover__handle']}>{username}</p>\n          {title && <p className={styles['profile-popover__title']}>{title}</p>}\n        </div>\n      </section>\n\n      {hasSecondary && (\n        <section className={styles['profile-popover__secondary']}>\n          {hasTitlesBlock && (\n            <div className={styles['profile-popover__titles']}>\n              {email && (\n                <MetaRow\n                  icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n                  href={`mailto:${email}`}\n                >\n                  {email}\n                </MetaRow>\n              )}\n              {phones?.map((p, i) => {\n                const subParts = [p.label, p.sipTrunk].filter(Boolean);\n                const subText = subParts.join(' • ');\n                return (\n                  <div\n                    key={`${p.number}-${i}`}\n                    className={[\n                      styles['profile-popover__meta-item'],\n                      styles['profile-popover__meta-item--stacked'],\n                    ].join(' ')}\n                  >\n                    <span\n                      className={styles['profile-popover__meta-icon']}\n                      aria-hidden\n                    >\n                      <Icon\n                        size=\"16\"\n                        glyph={p.icon ?? phoneIcon ?? <PhoneIcon />}\n                      />\n                    </span>\n                    <div className={styles['profile-popover__phone-body']}>\n                      {subText && (\n                        <span className={styles['profile-popover__phone-sub']}>\n                          {subText}\n                        </span>\n                      )}\n                      {p.onClick ? (\n                        <button\n                          type=\"button\"\n                          className={styles['profile-popover__meta-link']}\n                          onClick={p.onClick}\n                        >\n                          {p.number}\n                        </button>\n                      ) : (\n                        <a\n                          className={styles['profile-popover__meta-link']}\n                          href={p.href ?? `tel:${p.number}`}\n                        >\n                          {p.number}\n                        </a>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n              {sharedOrg && (\n                <MetaRow\n                  icon={\n                    <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n                  }\n                >\n                  {sharedOrg}\n                </MetaRow>\n              )}\n              {staff && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Staff\n                </MetaRow>\n              )}\n              {coreCommitter && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n                  Core Committer\n                </MetaRow>\n              )}\n              {githubHandle && (\n                <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n                  {githubHandle}\n                </MetaRow>\n              )}\n            </div>\n          )}\n\n          {localTime && (\n            <div className={styles['profile-popover__local-time']}>\n              <p className={styles['profile-popover__section-label']}>\n                Local time ({localTime.timezone})\n              </p>\n              <div className={styles['profile-popover__time']}>\n                <span>{localTime.time}</span>\n                {localTime.hourDifference && (\n                  <span>({localTime.hourDifference})</span>\n                )}\n              </div>\n            </div>\n          )}\n\n          {customStatus && (\n            <div className={styles['profile-popover__custom-status']}>\n              <p className={styles['profile-popover__section-label']}>\n                Status\n                {customStatus.expiresLabel\n                  ? ` (${customStatus.expiresLabel})`\n                  : ''}\n              </p>\n              <div className={styles['profile-popover__status-row']}>\n                <span\n                  className={styles['profile-popover__status-emoji']}\n                  aria-hidden\n                >\n                  {customStatus.emoji}\n                </span>\n                <span>{customStatus.text}</span>\n              </div>\n            </div>\n          )}\n        </section>\n      )}\n\n      <footer\n        className={[\n          styles['profile-popover__footer'],\n          isYou\n            ? styles['profile-popover__footer--you']\n            : styles['profile-popover__footer--others'],\n        ].join(' ')}\n      >\n        <div\n          className={[\n            styles['profile-popover__primary-action'],\n            isYou\n              ? styles['profile-popover__primary-action--you']\n              : styles['profile-popover__primary-action--others'],\n          ].join(' ')}\n        >\n          <Button\n            className={styles['profile-popover__primary-button']}\n            size=\"small\"\n            emphasis=\"primary\"\n            leadingIcon={\n              isYou ? (\n                <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n              ) : (\n                <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n              )\n            }\n            onClick={onPrimaryAction}\n          >\n            {isYou ? 'Edit profile' : 'Message'}\n          </Button>\n        </div>\n        <div className={styles['profile-popover__secondary-actions']}>\n          {isYou ? (\n            <IconButton\n              aria-label=\"Send message\"\n              size=\"small\"\n              icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n              onClick={onSend}\n            />\n          ) : (\n            <>\n              <IconButton\n                aria-label=\"Mention user\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n                onClick={onMention}\n              />\n              <IconButton\n                aria-label=\"Add to channel\"\n                size=\"small\"\n                icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n                onClick={onAddToChannel}\n              />\n              {callButton ??\n                (onCall ? (\n                  <IconButton\n                    aria-label=\"Call\"\n                    size=\"small\"\n                    icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n                    onClick={onCall}\n                  />\n                ) : null)}\n            </>\n          )}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

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

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