@mattermost/compass-ui 0.1.0-alpha.15 → 0.1.0-alpha.17

package/dist/components/admin-panel-footer/AdminPanelFooter.cjs

@@ -1,2 +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/alert-circle-outline.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/alert-outline.js"),p=__p?.default??__p,o=require("../button/Button.cjs"),n=require("./AdminPanelFooter.module.scss.cjs"),j="There are outstanding issues in the form above.",x="There are errors in the form above.";function _({saveLabel:s="Save",cancelLabel:l="Cancel",onSave:d,onCancel:u,saveDisabled:c=!0,status:r="none",statusMessage:i,className:m=""}){let t=null;if(r==="warning"){const a=i??j;t=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:n.default["admin-panel-footer__status-icon"],"aria-hidden":!0,children:e.jsx(p,{size:12})}),e.jsx("span",{children:a})]})}if(r==="error"){const a=i??x;t=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:n.default["admin-panel-footer__status-icon"],"aria-hidden":!0,children:e.jsx(h,{size:12})}),e.jsx("span",{children:a})]})}const f=r==="warning"?n.default["admin-panel-footer--status-warning"]:r==="error"?n.default["admin-panel-footer--status-error"]:"";return e.jsx("footer",{className:[n.default["admin-panel-footer"],f,m].filter(Boolean).join(" ").trim(),role:"contentinfo",children:e.jsxs("div",{className:n.default["admin-panel-footer__inner"],children:[e.jsxs("div",{className:n.default["admin-panel-footer__actions"],children:[e.jsx(o.default,{type:"button",size:"medium",emphasis:"primary",disabled:c,onClick:d,children:s}),e.jsx(o.default,{type:"button",size:"medium",emphasis:"tertiary",onClick:u,children:l})]}),t!=null?e.jsx("div",{className:n.default["admin-panel-footer__status"],role:"alert",children:t}):null]})})}exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("../../utils/props.cjs"),e=require("./AdminPanelFooter.module.scss.cjs");function d({leftActions:t,rightActions:s,className:r,...o}){const n=t!=null,a=s!=null;if(!n&&!a)return null;const i=n!==a;return l.jsx("div",{...o,className:u.mergeClassNames(e.default["admin-panel-footer"],i&&e.default["admin-panel-footer--single"],r),children:l.jsxs("div",{className:e.default["admin-panel-footer__content"],children:[n?l.jsx("div",{className:e.default["admin-panel-footer__left"],children:t}):null,a?l.jsx("div",{className:e.default["admin-panel-footer__right"],children:s}):null]})})}exports.default=d;
 //# sourceMappingURL=AdminPanelFooter.cjs.map

package/dist/components/admin-panel-footer/AdminPanelFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelFooter.cjs","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\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 styles from './AdminPanelFooter.module.scss';\n\nexport type AdminPanelFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminPanelFooterProps {\n  /** Primary footer action label. Default: \"Save\". Accepts translated nodes. */\n  saveLabel?: ReactNode;\n  /** Default: \"Cancel\". Accepts translated nodes. */\n  cancelLabel?: ReactNode;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminPanelFooterStatus;\n  /**\n   * Override default copy when `warning` | `error`. Defaults: \"There are\n   * outstanding issues in the form above.\" / \"There are errors in the form above.\"\n   */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Panel Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminPanelFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminPanelFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-panel-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-panel-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-panel-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-panel-footer__inner']}>\n        <div className={styles['admin-panel-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div className={styles['admin-panel-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminPanelFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":"0WA2BMA,EAAkB,kDAClBC,EAAgB,sCAOtB,SAAwBC,EAAiB,CACvC,UAAAC,EAAY,OACZ,YAAAC,EAAc,SACd,OAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,OAAAC,EAAS,OACT,cAAAC,EACA,UAAAC,EAAY,EACd,EAA0B,CACxB,IAAIC,EAAsB,KAE1B,GAAIH,IAAW,UAAW,CACxB,MAAMI,EAAOH,GAAiBT,EAC9BW,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,iCAAiC,EAAG,cAAW,GACrE,SAAAD,EAAAA,IAACE,EAAA,CAAiB,KAAM,EAAA,CAAI,EAC9B,EACAF,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,GAAIJ,IAAW,QAAS,CACtB,MAAMI,EAAOH,GAAiBR,EAC9BU,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,iCAAiC,EAAG,cAAW,GACrE,SAAAD,EAAAA,IAACG,EAAA,CAAuB,KAAM,EAAA,CAAI,EACpC,EACAH,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,MAAMO,EACJX,IAAW,UACPQ,UAAO,oCAAoC,EAC3CR,IAAW,QACTQ,UAAO,kCAAkC,EACzC,GAER,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CAACC,EAAAA,QAAO,oBAAoB,EAAGG,EAAWT,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EACH,KAAK,cAEL,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWG,UAAO,2BAA2B,EAChD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAAA,QAAO,6BAA6B,EAClD,SAAA,CAAAD,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,UACT,SAAUb,EACV,QAASF,EAER,SAAAF,CAAA,CAAA,EAEHY,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,WACT,QAASd,EAER,SAAAF,CAAA,CAAA,CACH,EACF,EACCO,GAAY,KACXI,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,4BAA4B,EAAG,KAAK,QACxD,SAAAL,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}
+{"version":3,"file":"AdminPanelFooter.cjs","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './AdminPanelFooter.module.scss';\n\nexport interface AdminPanelFooterProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /**\n   * Start-edge slot for panel actions — `Button`, `IconButton`, pagination\n   * status, `PaginationDots`, or other controls. Prefer this slot for primary\n   * action groups (primary button leftmost when used).\n   */\n  leftActions?: ReactNode;\n  /**\n   * End-edge slot for panel actions — secondary utilities, pagination\n   * controls, or other trailing actions. When this is the only slot filled,\n   * the group still aligns to the start edge.\n   */\n  rightActions?: ReactNode;\n}\n\n/**\n * Admin Panel Footer is the action rail at the bottom of an [`Admin\n * Panel`](/patterns/admin-panel). Compose it via the panel’s optional `footer` prop (the\n * panel still needs a header or a body). It provides start- and end-edge slots for `Button`,\n * `IconButton`, or pagination controls — layout and divider chrome only; the host owns\n * labels and handlers.\n */\nexport default function AdminPanelFooter({\n  leftActions,\n  rightActions,\n  className,\n  ...rest\n}: AdminPanelFooterProps) {\n  const hasLeft = leftActions != null;\n  const hasRight = rightActions != null;\n\n  if (!hasLeft && !hasRight) {\n    return null;\n  }\n\n  const singleGroup = hasLeft !== hasRight;\n\n  return (\n    <div\n      {...rest}\n      className={mergeClassNames(\n        styles['admin-panel-footer'],\n        singleGroup && styles['admin-panel-footer--single'],\n        className,\n      )}\n    >\n      <div className={styles['admin-panel-footer__content']}>\n        {hasLeft ? (\n          <div className={styles['admin-panel-footer__left']}>\n            {leftActions}\n          </div>\n        ) : null}\n        {hasRight ? (\n          <div className={styles['admin-panel-footer__right']}>\n            {rightActions}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["AdminPanelFooter","leftActions","rightActions","className","rest","hasLeft","hasRight","singleGroup","jsx","mergeClassNames","styles","jsxs"],"mappings":"oOA6BA,SAAwBA,EAAiB,CACvC,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAUJ,GAAe,KACzBK,EAAWJ,GAAgB,KAEjC,GAAI,CAACG,GAAW,CAACC,EACf,OAAO,KAGT,MAAMC,EAAcF,IAAYC,EAEhC,OACEE,EAAAA,IAAC,MAAA,CACE,GAAGJ,EACJ,UAAWK,EAAAA,gBACTC,EAAAA,QAAO,oBAAoB,EAC3BH,GAAeG,EAAAA,QAAO,4BAA4B,EAClDP,CAAA,EAGF,SAAAQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,6BAA6B,EACjD,SAAA,CAAAL,QACE,MAAA,CAAI,UAAWK,EAAAA,QAAO,0BAA0B,EAC9C,WACH,EACE,KACHJ,QACE,MAAA,CAAI,UAAWI,UAAO,2BAA2B,EAC/C,WACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}

package/dist/components/admin-panel-footer/AdminPanelFooter.css

@@ -1 +1 @@
-._admin-panel-footer_1cvux_2{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-panel-footer__inner_1cvux_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);padding:14px var(--spacing-xl);width:100%;box-sizing:border-box}._admin-panel-footer__actions_1cvux_18{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-panel-footer__status_1cvux_24{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex:1 1 auto;min-width:min(280px,100%);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75)}._admin-panel-footer__status-icon_1cvux_35{display:inline-flex;flex-shrink:0;line-height:0}._admin-panel-footer__status-icon_1cvux_35 svg{display:block}._admin-panel-footer--status-warning_1cvux_43 ._admin-panel-footer__status_1cvux_24,._admin-panel-footer--status-warning_1cvux_43 ._admin-panel-footer__status-icon_1cvux_35{color:var(--color-warning)}._admin-panel-footer--status-error_1cvux_46 ._admin-panel-footer__status_1cvux_24,._admin-panel-footer--status-error_1cvux_46 ._admin-panel-footer__status-icon_1cvux_35{color:var(--error-text, var(--color-danger))}
+._admin-panel-footer_13680_2{display:flex;flex-direction:column;flex-shrink:0;width:100%;box-sizing:border-box;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-panel-footer__content_13680_11{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-footer__left_13680_20,._admin-panel-footer__right_13680_20{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-width:0}._admin-panel-footer__left_13680_20{flex:1 1 auto;justify-content:flex-start}._admin-panel-footer__right_13680_20{flex-shrink:0;justify-content:flex-end}._admin-panel-footer--single_13680_35 ._admin-panel-footer__content_13680_11{justify-content:flex-start}._admin-panel-footer--single_13680_35 ._admin-panel-footer__left_13680_20,._admin-panel-footer--single_13680_35 ._admin-panel-footer__right_13680_20{flex:0 1 auto;justify-content:flex-start}

package/dist/components/admin-panel-footer/AdminPanelFooter.d.ts

@@ -1,27 +1,24 @@
-import { ReactNode } from 'react';
-export type AdminPanelFooterStatus = 'none' | 'warning' | 'error';
-export interface AdminPanelFooterProps {
-    /** Primary footer action label. Default: "Save". Accepts translated nodes. */
-    saveLabel?: ReactNode;
-    /** Default: "Cancel". Accepts translated nodes. */
-    cancelLabel?: ReactNode;
-    onSave?: () => void;
-    onCancel?: () => void;
-    /** When true, Save uses disabled styling until the sheet is actionable. */
-    saveDisabled?: boolean;
-    /** Optional validation summary beside the buttons. */
-    status?: AdminPanelFooterStatus;
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AdminPanelFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
-     * Override default copy when `warning` | `error`. Defaults: "There are
-     * outstanding issues in the form above." / "There are errors in the form above."
+     * Start-edge slot for panel actions — `Button`, `IconButton`, pagination
+     * status, `PaginationDots`, or other controls. Prefer this slot for primary
+     * action groups (primary button leftmost when used).
      */
-    statusMessage?: ReactNode;
-    className?: string;
+    leftActions?: ReactNode;
+    /**
+     * End-edge slot for panel actions — secondary utilities, pagination
+     * controls, or other trailing actions. When this is the only slot filled,
+     * the group still aligns to the start edge.
+     */
+    rightActions?: ReactNode;
 }
 /**
- * Admin Panel Footer pins Save and Cancel to the bottom of System Console form layouts. It
- * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and
- * optional validation status without stealing focus from the draft.
+ * Admin Panel Footer is the action rail at the bottom of an [`Admin
+ * Panel`](/patterns/admin-panel). Compose it via the panel’s optional `footer` prop (the
+ * panel still needs a header or a body). It provides start- and end-edge slots for `Button`,
+ * `IconButton`, or pagination controls — layout and divider chrome only; the host owns
+ * labels and handlers.
  */
-export default function AdminPanelFooter({ saveLabel, cancelLabel, onSave, onCancel, saveDisabled, status, statusMessage, className, }: AdminPanelFooterProps): import("react/jsx-runtime").JSX.Element;
+export default function AdminPanelFooter({ leftActions, rightActions, className, ...rest }: AdminPanelFooterProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=AdminPanelFooter.d.ts.map

package/dist/components/admin-panel-footer/AdminPanelFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelFooter.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAkB,EAClB,WAAsB,EACtB,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,MAAe,EACf,aAAa,EACb,SAAc,GACf,EAAE,qBAAqB,2CAsEvB"}
+{"version":3,"file":"AdminPanelFooter.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,kDAiCvB"}

package/dist/components/admin-panel-footer/AdminPanelFooter.js

@@ -1,70 +1,33 @@
-import { jsx as e, jsxs as o, Fragment as l } from "react/jsx-runtime";
-import ___ from "@mattermost/compass-icons/components/alert-circle-outline.js";const _=___&&___.default?___.default:___;
-import __N from "@mattermost/compass-icons/components/alert-outline.js";const N=__N&&__N.default?__N.default:__N;
-import s from "../button/Button.js";
-import n from "./AdminPanelFooter.module.scss.js";
-const y = "There are outstanding issues in the form above.", v = "There are errors in the form above.";
-function F({
-  saveLabel: c = "Save",
-  cancelLabel: m = "Cancel",
-  onSave: d,
-  onCancel: p,
-  saveDisabled: f = !0,
-  status: r = "none",
-  statusMessage: t,
-  className: u = ""
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { mergeClassNames as d } from "../../utils/props.js";
+import e from "./AdminPanelFooter.module.scss.js";
+function u({
+  leftActions: o,
+  rightActions: r,
+  className: s,
+  ...i
 }) {
-  let i = null;
-  if (r === "warning") {
-    const a = t ?? y;
-    i = /* @__PURE__ */ o(l, { children: [
-      /* @__PURE__ */ e("span", { className: n["admin-panel-footer__status-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(N, { size: 12 }) }),
-      /* @__PURE__ */ e("span", { children: a })
-    ] });
-  }
-  if (r === "error") {
-    const a = t ?? v;
-    i = /* @__PURE__ */ o(l, { children: [
-      /* @__PURE__ */ e("span", { className: n["admin-panel-footer__status-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(_, { size: 12 }) }),
-      /* @__PURE__ */ e("span", { children: a })
-    ] });
-  }
-  const h = r === "warning" ? n["admin-panel-footer--status-warning"] : r === "error" ? n["admin-panel-footer--status-error"] : "";
-  return /* @__PURE__ */ e(
-    "footer",
+  const n = o != null, l = r != null;
+  if (!n && !l)
+    return null;
+  const t = n !== l;
+  return /* @__PURE__ */ a(
+    "div",
     {
-      className: [n["admin-panel-footer"], h, u].filter(Boolean).join(" ").trim(),
-      role: "contentinfo",
-      children: /* @__PURE__ */ o("div", { className: n["admin-panel-footer__inner"], children: [
-        /* @__PURE__ */ o("div", { className: n["admin-panel-footer__actions"], children: [
-          /* @__PURE__ */ e(
-            s,
-            {
-              type: "button",
-              size: "medium",
-              emphasis: "primary",
-              disabled: f,
-              onClick: d,
-              children: c
-            }
-          ),
-          /* @__PURE__ */ e(
-            s,
-            {
-              type: "button",
-              size: "medium",
-              emphasis: "tertiary",
-              onClick: p,
-              children: m
-            }
-          )
-        ] }),
-        i != null ? /* @__PURE__ */ e("div", { className: n["admin-panel-footer__status"], role: "alert", children: i }) : null
+      ...i,
+      className: d(
+        e["admin-panel-footer"],
+        t && e["admin-panel-footer--single"],
+        s
+      ),
+      children: /* @__PURE__ */ m("div", { className: e["admin-panel-footer__content"], children: [
+        n ? /* @__PURE__ */ a("div", { className: e["admin-panel-footer__left"], children: o }) : null,
+        l ? /* @__PURE__ */ a("div", { className: e["admin-panel-footer__right"], children: r }) : null
       ] })
     }
   );
 }
 export {
-  F as default
+  u as default
 };
 //# sourceMappingURL=AdminPanelFooter.js.map

package/dist/components/admin-panel-footer/AdminPanelFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelFooter.js","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\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 styles from './AdminPanelFooter.module.scss';\n\nexport type AdminPanelFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminPanelFooterProps {\n  /** Primary footer action label. Default: \"Save\". Accepts translated nodes. */\n  saveLabel?: ReactNode;\n  /** Default: \"Cancel\". Accepts translated nodes. */\n  cancelLabel?: ReactNode;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminPanelFooterStatus;\n  /**\n   * Override default copy when `warning` | `error`. Defaults: \"There are\n   * outstanding issues in the form above.\" / \"There are errors in the form above.\"\n   */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Panel Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminPanelFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminPanelFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-panel-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-panel-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-panel-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-panel-footer__inner']}>\n        <div className={styles['admin-panel-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div className={styles['admin-panel-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminPanelFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":";;;;;AA2BA,MAAMA,IAAkB,mDAClBC,IAAgB;AAOtB,SAAwBC,EAAiB;AAAA,EACvC,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA0B;AACxB,MAAIC,IAAsB;AAE1B,MAAIH,MAAW,WAAW;AACxB,UAAMI,IAAOH,KAAiBT;AAC9B,IAAAW,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,iCAAiC,GAAG,eAAW,IACrE,UAAA,gBAAAD,EAACE,GAAA,EAAiB,MAAM,GAAA,CAAI,GAC9B;AAAA,MACA,gBAAAF,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,MAAIJ,MAAW,SAAS;AACtB,UAAMI,IAAOH,KAAiBR;AAC9B,IAAAU,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,iCAAiC,GAAG,eAAW,IACrE,UAAA,gBAAAD,EAACG,GAAA,EAAuB,MAAM,GAAA,CAAI,GACpC;AAAA,MACA,gBAAAH,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,QAAMO,IACJX,MAAW,YACPQ,EAAO,oCAAoC,IAC3CR,MAAW,UACTQ,EAAO,kCAAkC,IACzC;AAER,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,oBAAoB,GAAGG,GAAWT,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA;AAAA,MACH,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWG,EAAO,2BAA2B,GAChD,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,6BAA6B,GAClD,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,UAAUb;AAAA,cACV,SAASF;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAY;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,SAASd;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,QACCO,KAAY,OACX,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,4BAA4B,GAAG,MAAK,SACxD,UAAAL,EAAA,CACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"AdminPanelFooter.js","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './AdminPanelFooter.module.scss';\n\nexport interface AdminPanelFooterProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /**\n   * Start-edge slot for panel actions — `Button`, `IconButton`, pagination\n   * status, `PaginationDots`, or other controls. Prefer this slot for primary\n   * action groups (primary button leftmost when used).\n   */\n  leftActions?: ReactNode;\n  /**\n   * End-edge slot for panel actions — secondary utilities, pagination\n   * controls, or other trailing actions. When this is the only slot filled,\n   * the group still aligns to the start edge.\n   */\n  rightActions?: ReactNode;\n}\n\n/**\n * Admin Panel Footer is the action rail at the bottom of an [`Admin\n * Panel`](/patterns/admin-panel). Compose it via the panel’s optional `footer` prop (the\n * panel still needs a header or a body). It provides start- and end-edge slots for `Button`,\n * `IconButton`, or pagination controls — layout and divider chrome only; the host owns\n * labels and handlers.\n */\nexport default function AdminPanelFooter({\n  leftActions,\n  rightActions,\n  className,\n  ...rest\n}: AdminPanelFooterProps) {\n  const hasLeft = leftActions != null;\n  const hasRight = rightActions != null;\n\n  if (!hasLeft && !hasRight) {\n    return null;\n  }\n\n  const singleGroup = hasLeft !== hasRight;\n\n  return (\n    <div\n      {...rest}\n      className={mergeClassNames(\n        styles['admin-panel-footer'],\n        singleGroup && styles['admin-panel-footer--single'],\n        className,\n      )}\n    >\n      <div className={styles['admin-panel-footer__content']}>\n        {hasLeft ? (\n          <div className={styles['admin-panel-footer__left']}>\n            {leftActions}\n          </div>\n        ) : null}\n        {hasRight ? (\n          <div className={styles['admin-panel-footer__right']}>\n            {rightActions}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["AdminPanelFooter","leftActions","rightActions","className","rest","hasLeft","hasRight","singleGroup","jsx","mergeClassNames","styles","jsxs"],"mappings":";;;AA6BA,SAAwBA,EAAiB;AAAA,EACvC,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAUJ,KAAe,MACzBK,IAAWJ,KAAgB;AAEjC,MAAI,CAACG,KAAW,CAACC;AACf,WAAO;AAGT,QAAMC,IAAcF,MAAYC;AAEhC,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWK;AAAA,QACTC,EAAO,oBAAoB;AAAA,QAC3BH,KAAeG,EAAO,4BAA4B;AAAA,QAClDP;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GACjD,UAAA;AAAA,QAAAL,sBACE,OAAA,EAAI,WAAWK,EAAO,0BAA0B,GAC9C,aACH,IACE;AAAA,QACHJ,sBACE,OAAA,EAAI,WAAWI,EAAO,2BAA2B,GAC/C,aACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.css');const e={"admin-panel-footer":"_admin-panel-footer_1cvux_2","admin-panel-footer__inner":"_admin-panel-footer__inner_1cvux_9","admin-panel-footer__actions":"_admin-panel-footer__actions_1cvux_18","admin-panel-footer__status":"_admin-panel-footer__status_1cvux_24","admin-panel-footer__status-icon":"_admin-panel-footer__status-icon_1cvux_35","admin-panel-footer--status-warning":"_admin-panel-footer--status-warning_1cvux_43","admin-panel-footer--status-error":"_admin-panel-footer--status-error_1cvux_46"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.css');const e={"admin-panel-footer":"_admin-panel-footer_13680_2","admin-panel-footer__content":"_admin-panel-footer__content_13680_11","admin-panel-footer__left":"_admin-panel-footer__left_13680_20","admin-panel-footer__right":"_admin-panel-footer__right_13680_20","admin-panel-footer--single":"_admin-panel-footer--single_13680_35"};exports.default=e;
 //# sourceMappingURL=AdminPanelFooter.module.scss.cjs.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js

@@ -1,13 +1,11 @@
-import './AdminPanelFooter.css';const a = {
-  "admin-panel-footer": "_admin-panel-footer_1cvux_2",
-  "admin-panel-footer__inner": "_admin-panel-footer__inner_1cvux_9",
-  "admin-panel-footer__actions": "_admin-panel-footer__actions_1cvux_18",
-  "admin-panel-footer__status": "_admin-panel-footer__status_1cvux_24",
-  "admin-panel-footer__status-icon": "_admin-panel-footer__status-icon_1cvux_35",
-  "admin-panel-footer--status-warning": "_admin-panel-footer--status-warning_1cvux_43",
-  "admin-panel-footer--status-error": "_admin-panel-footer--status-error_1cvux_46"
+import './AdminPanelFooter.css';const e = {
+  "admin-panel-footer": "_admin-panel-footer_13680_2",
+  "admin-panel-footer__content": "_admin-panel-footer__content_13680_11",
+  "admin-panel-footer__left": "_admin-panel-footer__left_13680_20",
+  "admin-panel-footer__right": "_admin-panel-footer__right_13680_20",
+  "admin-panel-footer--single": "_admin-panel-footer--single_13680_35"
 };
 export {
-  a as default
+  e as default
 };
 //# sourceMappingURL=AdminPanelFooter.module.scss.js.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js.map

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

package/dist/components/admin-panel-footer/index.d.ts

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

package/dist/components/admin-panel-footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelHeader.cjs","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on\n * its own when adjusting header anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"AdminPanelHeader.cjs","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern whenever that panel has a\n * `title` (Admin Panel may omit the header when it has a body only). Document the header on\n * its own when adjusting anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts

@@ -41,8 +41,9 @@ export interface AdminPanelHeaderProps {
 /**
  * Admin Panel Header is the titled rail for a System Console settings section: optional
  * leading icon, title with optional tags, subtitle, and trailing controls. It is composed
- * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on
- * its own when adjusting header anatomy or behaviour.
+ * inside the [`Admin Panel`](/patterns/admin-panel) pattern whenever that panel has a
+ * `title` (Admin Panel may omit the header when it has a body only). Document the header on
+ * its own when adjusting anatomy or behaviour.
  */
 export default function AdminPanelHeader({ titleId, title, subtitle, headerActions, iconLeft, leadingIcon, showBeta, betaLabel, showEnterpriseLabel, enterpriseLabel, showButton, buttonLabel, onButtonClick, showSwitch, switchLabel, switchChecked, defaultSwitchChecked, onSwitchChange, switchDisabled, expandable, isExpanded, onToggleExpand, expandLabel, collapseLabel, showDivider, className, }: AdminPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdminPanelHeader.d.ts.map

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAazD,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uIAAuI;IACvI,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAA8B,EAC9B,aAAkC,EAClC,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAiGvB"}
+{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAazD,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uIAAuI;IACvI,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAA8B,EAC9B,aAAkC,EAClC,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAiGvB"}

package/dist/components/admin-panel-header/AdminPanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelHeader.js","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on\n * its own when adjusting header anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"AdminPanelHeader.js","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern whenever that panel has a\n * `title` (Admin Panel may omit the header when it has a body only). Document the header on\n * its own when adjusting anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.css

@@ -1 +1 @@
-._channel-sidebar-item_goy1t_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_goy1t_10{display:flex;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item__mention-badge_goy1t_16{transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item_goy1t_2 ._channel-sidebar-item__menu-icon_goy1t_19{--focus-ring-color: var(--sidebar-text-active-border)}._channel-sidebar-item_goy1t_2:hover,._channel-sidebar-item_goy1t_2:focus-within{overflow:visible}._channel-sidebar-item_goy1t_2:hover ._channel-sidebar-item__menu-button_goy1t_10,._channel-sidebar-item_goy1t_2:focus-within ._channel-sidebar-item__menu-button_goy1t_10{opacity:1;pointer-events:auto}._channel-sidebar-item_goy1t_2:hover ._channel-sidebar-item__mention-badge_goy1t_16,._channel-sidebar-item_goy1t_2:focus-within ._channel-sidebar-item__mention-badge_goy1t_16{opacity:0;pointer-events:none}._channel-sidebar-item_goy1t_2:hover:not(._channel-sidebar-item--active_goy1t_33),._channel-sidebar-item_goy1t_2:focus-within:not(._channel-sidebar-item--active_goy1t_33){background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item__active-border_goy1t_36{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_goy1t_43{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;background:transparent;display:flex;align-items:center;flex:1;min-width:0;align-self:stretch;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px;cursor:pointer;font:inherit;color:inherit;text-align:left}._channel-sidebar-item__left_goy1t_43:focus{outline:none}._channel-sidebar-item__left_goy1t_43:focus-visible{box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__icon-container_goy1t_66{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_goy1t_74{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_goy1t_79{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_goy1t_95{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_goy1t_103{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__status-hint_goy1t_116{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._channel-sidebar-item__shared-icon_goy1t_127{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_goy1t_135{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_goy1t_143{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_goy1t_152{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_goy1t_162 ._channel-sidebar-item__left_goy1t_43{gap:0}._channel-sidebar-item--active_goy1t_33{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__left_goy1t_43{padding-left:var(--spacing-l)}._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--status-unread_goy1t_174 ._channel-sidebar-item__icon-container_goy1t_66,._channel-sidebar-item--status-mention_goy1t_174 ._channel-sidebar-item__icon-container_goy1t_66{opacity:1}._channel-sidebar-item--status-unread_goy1t_174 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--status-mention_goy1t_174 ._channel-sidebar-item__name_goy1t_103{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__icon-container_goy1t_66{opacity:.64}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__name_goy1t_103{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__mention-badge_goy1t_16>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_goy1t_181._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__name_goy1t_103{opacity:1}._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__icon-container_goy1t_66,._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__shared-icon_goy1t_127{opacity:.4}
+._channel-sidebar-item_m2jgi_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_m2jgi_10{position:absolute;top:50%;right:var(--spacing-l);display:flex;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item__mention-badge_m2jgi_20{transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item_m2jgi_2 ._channel-sidebar-item__menu-icon_m2jgi_23{--focus-ring-color: var(--sidebar-text-active-border)}._channel-sidebar-item_m2jgi_2:hover,._channel-sidebar-item_m2jgi_2:focus-within{overflow:visible}._channel-sidebar-item_m2jgi_2:hover ._channel-sidebar-item__menu-button_m2jgi_10,._channel-sidebar-item_m2jgi_2:focus-within ._channel-sidebar-item__menu-button_m2jgi_10{opacity:1;pointer-events:auto}._channel-sidebar-item_m2jgi_2:hover ._channel-sidebar-item__mention-badge_m2jgi_20,._channel-sidebar-item_m2jgi_2:focus-within ._channel-sidebar-item__mention-badge_m2jgi_20{opacity:0;pointer-events:none}._channel-sidebar-item_m2jgi_2:hover:not(._channel-sidebar-item--active_m2jgi_37),._channel-sidebar-item_m2jgi_2:focus-within:not(._channel-sidebar-item--active_m2jgi_37){background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item__active-border_m2jgi_40{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_m2jgi_47{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;background:transparent;display:flex;align-items:center;flex:1;min-width:0;align-self:stretch;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px;cursor:pointer;font:inherit;color:inherit;text-align:left}._channel-sidebar-item__left_m2jgi_47:focus{outline:none}._channel-sidebar-item__left_m2jgi_47:focus-visible{box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__icon-container_m2jgi_70{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_m2jgi_78{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_m2jgi_83{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_m2jgi_99{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_m2jgi_107{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__status-hint_m2jgi_120{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._channel-sidebar-item__shared-icon_m2jgi_131{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_m2jgi_139{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_m2jgi_147{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_m2jgi_156{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_m2jgi_166 ._channel-sidebar-item__left_m2jgi_47{gap:0}._channel-sidebar-item--active_m2jgi_37{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__left_m2jgi_47{padding-left:var(--spacing-l)}._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--status-unread_m2jgi_178 ._channel-sidebar-item__icon-container_m2jgi_70,._channel-sidebar-item--status-mention_m2jgi_178 ._channel-sidebar-item__icon-container_m2jgi_70{opacity:1}._channel-sidebar-item--status-unread_m2jgi_178 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--status-mention_m2jgi_178 ._channel-sidebar-item__name_m2jgi_107{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__icon-container_m2jgi_70{opacity:.64}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__name_m2jgi_107{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__mention-badge_m2jgi_20>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_m2jgi_185._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__name_m2jgi_107{opacity:1}._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__icon-container_m2jgi_70,._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__shared-icon_m2jgi_131{opacity:.4}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.css');const e={"channel-sidebar-item":"_channel-sidebar-item_goy1t_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_goy1t_10","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_goy1t_16","channel-sidebar-item__menu-icon":"_channel-sidebar-item__menu-icon_goy1t_19","channel-sidebar-item--active":"_channel-sidebar-item--active_goy1t_33","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_goy1t_36","channel-sidebar-item__left":"_channel-sidebar-item__left_goy1t_43","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_goy1t_66","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_goy1t_74","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_goy1t_79","channel-sidebar-item__content":"_channel-sidebar-item__content_goy1t_95","channel-sidebar-item__name":"_channel-sidebar-item__name_goy1t_103","channel-sidebar-item__status-hint":"_channel-sidebar-item__status-hint_goy1t_116","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_goy1t_127","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_goy1t_135","channel-sidebar-item__right":"_channel-sidebar-item__right_goy1t_143","channel-sidebar-item__call":"_channel-sidebar-item__call_goy1t_152","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_goy1t_162","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_goy1t_174","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_goy1t_174","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_goy1t_181","channel-sidebar-item--muted":"_channel-sidebar-item--muted_goy1t_197"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.css');const e={"channel-sidebar-item":"_channel-sidebar-item_m2jgi_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_m2jgi_10","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_m2jgi_20","channel-sidebar-item__menu-icon":"_channel-sidebar-item__menu-icon_m2jgi_23","channel-sidebar-item--active":"_channel-sidebar-item--active_m2jgi_37","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_m2jgi_40","channel-sidebar-item__left":"_channel-sidebar-item__left_m2jgi_47","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_m2jgi_70","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_m2jgi_78","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_m2jgi_83","channel-sidebar-item__content":"_channel-sidebar-item__content_m2jgi_99","channel-sidebar-item__name":"_channel-sidebar-item__name_m2jgi_107","channel-sidebar-item__status-hint":"_channel-sidebar-item__status-hint_m2jgi_120","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_m2jgi_131","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_m2jgi_139","channel-sidebar-item__right":"_channel-sidebar-item__right_m2jgi_147","channel-sidebar-item__call":"_channel-sidebar-item__call_m2jgi_156","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_m2jgi_166","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_m2jgi_178","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_m2jgi_178","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_m2jgi_185","channel-sidebar-item--muted":"_channel-sidebar-item--muted_m2jgi_201"};exports.default=e;
 //# sourceMappingURL=ChannelSidebarItem.module.scss.cjs.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js

@@ -1,26 +1,26 @@
 import './ChannelSidebarItem.css';const e = {
-  "channel-sidebar-item": "_channel-sidebar-item_goy1t_2",
-  "channel-sidebar-item__menu-button": "_channel-sidebar-item__menu-button_goy1t_10",
-  "channel-sidebar-item__mention-badge": "_channel-sidebar-item__mention-badge_goy1t_16",
-  "channel-sidebar-item__menu-icon": "_channel-sidebar-item__menu-icon_goy1t_19",
-  "channel-sidebar-item--active": "_channel-sidebar-item--active_goy1t_33",
-  "channel-sidebar-item__active-border": "_channel-sidebar-item__active-border_goy1t_36",
-  "channel-sidebar-item__left": "_channel-sidebar-item__left_goy1t_43",
-  "channel-sidebar-item__icon-container": "_channel-sidebar-item__icon-container_goy1t_66",
-  "channel-sidebar-item__icon-container--dm": "_channel-sidebar-item__icon-container--dm_goy1t_74",
-  "channel-sidebar-item__group-icon": "_channel-sidebar-item__group-icon_goy1t_79",
-  "channel-sidebar-item__content": "_channel-sidebar-item__content_goy1t_95",
-  "channel-sidebar-item__name": "_channel-sidebar-item__name_goy1t_103",
-  "channel-sidebar-item__status-hint": "_channel-sidebar-item__status-hint_goy1t_116",
-  "channel-sidebar-item__shared-icon": "_channel-sidebar-item__shared-icon_goy1t_127",
-  "channel-sidebar-item__custom-status": "_channel-sidebar-item__custom-status_goy1t_135",
-  "channel-sidebar-item__right": "_channel-sidebar-item__right_goy1t_143",
-  "channel-sidebar-item__call": "_channel-sidebar-item__call_goy1t_152",
-  "channel-sidebar-item--text-only": "_channel-sidebar-item--text-only_goy1t_162",
-  "channel-sidebar-item--status-unread": "_channel-sidebar-item--status-unread_goy1t_174",
-  "channel-sidebar-item--status-mention": "_channel-sidebar-item--status-mention_goy1t_174",
-  "channel-sidebar-item--drafts": "_channel-sidebar-item--drafts_goy1t_181",
-  "channel-sidebar-item--muted": "_channel-sidebar-item--muted_goy1t_197"
+  "channel-sidebar-item": "_channel-sidebar-item_m2jgi_2",
+  "channel-sidebar-item__menu-button": "_channel-sidebar-item__menu-button_m2jgi_10",
+  "channel-sidebar-item__mention-badge": "_channel-sidebar-item__mention-badge_m2jgi_20",
+  "channel-sidebar-item__menu-icon": "_channel-sidebar-item__menu-icon_m2jgi_23",
+  "channel-sidebar-item--active": "_channel-sidebar-item--active_m2jgi_37",
+  "channel-sidebar-item__active-border": "_channel-sidebar-item__active-border_m2jgi_40",
+  "channel-sidebar-item__left": "_channel-sidebar-item__left_m2jgi_47",
+  "channel-sidebar-item__icon-container": "_channel-sidebar-item__icon-container_m2jgi_70",
+  "channel-sidebar-item__icon-container--dm": "_channel-sidebar-item__icon-container--dm_m2jgi_78",
+  "channel-sidebar-item__group-icon": "_channel-sidebar-item__group-icon_m2jgi_83",
+  "channel-sidebar-item__content": "_channel-sidebar-item__content_m2jgi_99",
+  "channel-sidebar-item__name": "_channel-sidebar-item__name_m2jgi_107",
+  "channel-sidebar-item__status-hint": "_channel-sidebar-item__status-hint_m2jgi_120",
+  "channel-sidebar-item__shared-icon": "_channel-sidebar-item__shared-icon_m2jgi_131",
+  "channel-sidebar-item__custom-status": "_channel-sidebar-item__custom-status_m2jgi_139",
+  "channel-sidebar-item__right": "_channel-sidebar-item__right_m2jgi_147",
+  "channel-sidebar-item__call": "_channel-sidebar-item__call_m2jgi_156",
+  "channel-sidebar-item--text-only": "_channel-sidebar-item--text-only_m2jgi_166",
+  "channel-sidebar-item--status-unread": "_channel-sidebar-item--status-unread_m2jgi_178",
+  "channel-sidebar-item--status-mention": "_channel-sidebar-item--status-mention_m2jgi_178",
+  "channel-sidebar-item--drafts": "_channel-sidebar-item--drafts_m2jgi_185",
+  "channel-sidebar-item--muted": "_channel-sidebar-item--muted_m2jgi_201"
 };
 export {
   e as default

package/dist/components/checkbox/Checkbox.css

@@ -1 +1 @@
-@keyframes _checkbox-icon-enter_1rll8_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_1rll8_10{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-s);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_1rll8_22{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_1rll8_22:focus-visible{outline:none}._checkbox__box_1rll8_41{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover ._checkbox__box_1rll8_41{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_1rll8_22:focus-visible:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_1rll8_22:disabled:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41{background-color:rgba(var(--center-channel-color-rgb),.32);border-color:transparent}._checkbox__input_1rll8_22:disabled:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox--invalid_1rll8_84 ._checkbox__box_1rll8_41{border-color:rgba(var(--error-text-color-rgb),.5)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{box-shadow:0 0 0 2px var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:focus-visible:checked~._checkbox__box_1rll8_41,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{border-color:rgba(var(--button-color-rgb),.24);box-shadow:0 0 0 2px var(--error-text)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:not(:checked)~._checkbox__box_1rll8_41{border-color:var(--error-text)}._checkbox__icon_1rll8_66{display:inline-flex;align-items:center;justify-content:center;color:var(--button-color);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_1rll8_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_1rll8_117{line-height:1}._checkbox--size-small_1rll8_120 ._checkbox__input_1rll8_22{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_1rll8_120 ._checkbox__box_1rll8_41{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_1rll8_120 ._checkbox__label_1rll8_117{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_1rll8_135 ._checkbox__input_1rll8_22{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_1rll8_135 ._checkbox__box_1rll8_41{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_1rll8_135 ._checkbox__label_1rll8_117{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_1rll8_150 ._checkbox__input_1rll8_22{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_1rll8_150 ._checkbox__box_1rll8_41{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_1rll8_150 ._checkbox__label_1rll8_117{font-size:var(--font-size-200);line-height:var(--line-height-200)}
+@keyframes _checkbox-icon-enter_18swc_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_18swc_10{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-s);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_18swc_10._checkbox_18swc_10{margin:0}._checkbox_18swc_10:has(._checkbox__input_18swc_25:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_18swc_25{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_18swc_25:focus-visible{outline:none}._checkbox__box_18swc_44{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover ._checkbox__box_18swc_44{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_18swc_25:focus-visible:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_18swc_25:disabled:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44{background-color:rgba(var(--center-channel-color-rgb),.32);border-color:transparent}._checkbox__input_18swc_25:disabled:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox--invalid_18swc_87 ._checkbox__box_18swc_44{border-color:rgba(var(--error-text-color-rgb),.5)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{box-shadow:0 0 0 2px var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:focus-visible:checked~._checkbox__box_18swc_44,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{border-color:rgba(var(--button-color-rgb),.24);box-shadow:0 0 0 2px var(--error-text)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:not(:checked)~._checkbox__box_18swc_44{border-color:var(--error-text)}._checkbox__icon_18swc_69{display:inline-flex;align-items:center;justify-content:center;color:var(--button-color);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_18swc_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_18swc_120{line-height:1}._checkbox--size-small_18swc_123 ._checkbox__input_18swc_25{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_18swc_123 ._checkbox__box_18swc_44{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_18swc_123 ._checkbox__label_18swc_120{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_18swc_138 ._checkbox__input_18swc_25{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_18swc_138 ._checkbox__box_18swc_44{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_18swc_138 ._checkbox__label_18swc_120{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_18swc_153 ._checkbox__input_18swc_25{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_18swc_153 ._checkbox__box_18swc_44{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_18swc_153 ._checkbox__label_18swc_120{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/checkbox/Checkbox.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Checkbox.css');const c="_checkbox_1rll8_10",e="_checkbox__input_1rll8_22",_="_checkbox__box_1rll8_41",o="_checkbox__icon_1rll8_66",l="_checkbox__label_1rll8_117",b={checkbox:c,checkbox__input:e,checkbox__box:_,"checkbox--indeterminate":"_checkbox--indeterminate_1rll8_62",checkbox__icon:o,"checkbox--invalid":"_checkbox--invalid_1rll8_84","checkbox-icon-enter":"_checkbox-icon-enter_1rll8_1",checkbox__label:l,"checkbox--size-small":"_checkbox--size-small_1rll8_120","checkbox--size-medium":"_checkbox--size-medium_1rll8_135","checkbox--size-large":"_checkbox--size-large_1rll8_150"};exports.checkbox=c;exports.checkbox__box=_;exports.checkbox__icon=o;exports.checkbox__input=e;exports.checkbox__label=l;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Checkbox.css');const c="_checkbox_18swc_10",e="_checkbox__input_18swc_25",_="_checkbox__box_18swc_44",o="_checkbox__icon_18swc_69",b="_checkbox__label_18swc_120",x={checkbox:c,checkbox__input:e,checkbox__box:_,"checkbox--indeterminate":"_checkbox--indeterminate_18swc_65",checkbox__icon:o,"checkbox--invalid":"_checkbox--invalid_18swc_87","checkbox-icon-enter":"_checkbox-icon-enter_18swc_1",checkbox__label:b,"checkbox--size-small":"_checkbox--size-small_18swc_123","checkbox--size-medium":"_checkbox--size-medium_18swc_138","checkbox--size-large":"_checkbox--size-large_18swc_153"};exports.checkbox=c;exports.checkbox__box=_;exports.checkbox__icon=o;exports.checkbox__input=e;exports.checkbox__label=b;exports.default=x;
 //# sourceMappingURL=Checkbox.module.scss.cjs.map