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

package/dist/components/admin-console-footer/AdminConsoleFooter.cjs

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

package/dist/components/admin-console-footer/AdminConsoleFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.cjs","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.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 './AdminConsoleFooter.module.scss';\n\nexport type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminConsoleFooterProps {\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?: AdminConsoleFooterStatus;\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 Console 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 AdminConsoleFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminConsoleFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\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\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-console-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-console-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-console-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-console-footer__inner']}>\n        <div className={styles['admin-console-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-console-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminConsoleFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":"4WA2BMA,EAAkB,kDAClBC,EAAgB,sCAOtB,SAAwBC,EAAmB,CACzC,UAAAC,EAAY,OACZ,YAAAC,EAAc,SACd,OAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,OAAAC,EAAS,OACT,cAAAC,EACA,UAAAC,EAAY,EACd,EAA4B,CAC1B,IAAIC,EAAsB,KAE1B,GAAIH,IAAW,UAAW,CACxB,MAAMI,EAAOH,GAAiBT,EAC9BW,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,SAAAD,EAAAA,IAACE,EAAA,CAAiB,KAAM,EAAA,CAAI,CAAA,CAAA,EAE9BF,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,CACC,UAAWC,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,SAAAD,EAAAA,IAACG,EAAA,CAAuB,KAAM,EAAA,CAAI,CAAA,CAAA,EAEpCH,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,MAAMO,EACJX,IAAW,UACPQ,UAAO,sCAAsC,EAC7CR,IAAW,QACTQ,UAAO,oCAAoC,EAC3C,GAER,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CAACC,EAAAA,QAAO,sBAAsB,EAAGG,EAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EACH,KAAK,cAEL,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWG,UAAO,6BAA6B,EAClD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAAA,QAAO,+BAA+B,EACpD,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,8BAA8B,EAAG,KAAK,QAC1D,SAAAL,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}

package/dist/components/admin-console-footer/AdminConsoleFooter.css

@@ -0,0 +1 @@
+._admin-console-footer_94ai8_13{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-footer__inner_94ai8_20{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);padding:14px var(--spacing-xl);width:100%;box-sizing:border-box}._admin-console-footer__actions_94ai8_29{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-console-footer__status_94ai8_35{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-console-footer__status-icon_94ai8_46{display:inline-flex;flex-shrink:0;line-height:0}._admin-console-footer__status-icon_94ai8_46 svg{display:block}._admin-console-footer--status-warning_94ai8_54 ._admin-console-footer__status_94ai8_35,._admin-console-footer--status-warning_94ai8_54 ._admin-console-footer__status-icon_94ai8_46{color:var(--color-warning)}._admin-console-footer--status-error_94ai8_57 ._admin-console-footer__status_94ai8_35,._admin-console-footer--status-error_94ai8_57 ._admin-console-footer__status-icon_94ai8_46{color:var(--error-text, var(--color-danger))}

package/dist/components/admin-console-footer/AdminConsoleFooter.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';
+export interface AdminConsoleFooterProps {
+    /** 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?: AdminConsoleFooterStatus;
+    /**
+     * Override default copy when `warning` | `error`. Defaults: "There are
+     * outstanding issues in the form above." / "There are errors in the form above."
+     */
+    statusMessage?: ReactNode;
+    className?: string;
+}
+/**
+ * Admin Console 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.
+ */
+export default function AdminConsoleFooter({ saveLabel, cancelLabel, onSave, onCancel, saveDisabled, status, statusMessage, className, }: AdminConsoleFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminConsoleFooter.d.ts.map

package/dist/components/admin-console-footer/AdminConsoleFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,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,wBAAwB,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAkB,EAClB,WAAsB,EACtB,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,MAAe,EACf,aAAa,EACb,SAAc,GACf,EAAE,uBAAuB,2CA4EzB"}

package/dist/components/admin-console-footer/AdminConsoleFooter.js

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as i, Fragment as a } 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 l from "../button/Button.js";
+import o from "./AdminConsoleFooter.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: f,
+  saveDisabled: u = !0,
+  status: n = "none",
+  statusMessage: s,
+  className: h = ""
+}) {
+  let r = null;
+  if (n === "warning") {
+    const t = s ?? y;
+    r = /* @__PURE__ */ i(a, { children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: o["admin-console-footer__status-icon"],
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ e(N, { size: 12 })
+        }
+      ),
+      /* @__PURE__ */ e("span", { children: t })
+    ] });
+  }
+  if (n === "error") {
+    const t = s ?? v;
+    r = /* @__PURE__ */ i(a, { children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: o["admin-console-footer__status-icon"],
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ e(_, { size: 12 })
+        }
+      ),
+      /* @__PURE__ */ e("span", { children: t })
+    ] });
+  }
+  const p = n === "warning" ? o["admin-console-footer--status-warning"] : n === "error" ? o["admin-console-footer--status-error"] : "";
+  return /* @__PURE__ */ e(
+    "footer",
+    {
+      className: [o["admin-console-footer"], p, h].filter(Boolean).join(" ").trim(),
+      role: "contentinfo",
+      children: /* @__PURE__ */ i("div", { className: o["admin-console-footer__inner"], children: [
+        /* @__PURE__ */ i("div", { className: o["admin-console-footer__actions"], children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "primary",
+              disabled: u,
+              onClick: d,
+              children: c
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "tertiary",
+              onClick: f,
+              children: m
+            }
+          )
+        ] }),
+        r != null ? /* @__PURE__ */ e("div", { className: o["admin-console-footer__status"], role: "alert", children: r }) : null
+      ] })
+    }
+  );
+}
+export {
+  F as default
+};
+//# sourceMappingURL=AdminConsoleFooter.js.map

package/dist/components/admin-console-footer/AdminConsoleFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.js","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.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 './AdminConsoleFooter.module.scss';\n\nexport type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminConsoleFooterProps {\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?: AdminConsoleFooterStatus;\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 Console 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 AdminConsoleFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminConsoleFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\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\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-console-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-console-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-console-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-console-footer__inner']}>\n        <div className={styles['admin-console-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-console-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminConsoleFooter","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,EAAmB;AAAA,EACzC,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,GAA4B;AAC1B,MAAIC,IAAsB;AAE1B,MAAIH,MAAW,WAAW;AACxB,UAAMI,IAAOH,KAAiBT;AAC9B,IAAAW,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,UAEX,UAAA,gBAAAD,EAACE,GAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9B,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;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,UAEX,UAAA,gBAAAD,EAACG,GAAA,EAAuB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpC,gBAAAH,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,QAAMO,IACJX,MAAW,YACPQ,EAAO,sCAAsC,IAC7CR,MAAW,UACTQ,EAAO,oCAAoC,IAC3C;AAER,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,sBAAsB,GAAGG,GAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA;AAAA,MACH,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWG,EAAO,6BAA6B,GAClD,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,+BAA+B,GACpD,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,8BAA8B,GAAG,MAAK,SAC1D,UAAAL,EAAA,CACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleFooter.css');const o={"admin-console-footer":"_admin-console-footer_94ai8_13","admin-console-footer__inner":"_admin-console-footer__inner_94ai8_20","admin-console-footer__actions":"_admin-console-footer__actions_94ai8_29","admin-console-footer__status":"_admin-console-footer__status_94ai8_35","admin-console-footer__status-icon":"_admin-console-footer__status-icon_94ai8_46","admin-console-footer--status-warning":"_admin-console-footer--status-warning_94ai8_54","admin-console-footer--status-error":"_admin-console-footer--status-error_94ai8_57"};exports.default=o;
+//# sourceMappingURL=AdminConsoleFooter.module.scss.cjs.map

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.cjs.map

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

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.js

@@ -0,0 +1,13 @@
+import './AdminConsoleFooter.css';const o = {
+  "admin-console-footer": "_admin-console-footer_94ai8_13",
+  "admin-console-footer__inner": "_admin-console-footer__inner_94ai8_20",
+  "admin-console-footer__actions": "_admin-console-footer__actions_94ai8_29",
+  "admin-console-footer__status": "_admin-console-footer__status_94ai8_35",
+  "admin-console-footer__status-icon": "_admin-console-footer__status-icon_94ai8_46",
+  "admin-console-footer--status-warning": "_admin-console-footer--status-warning_94ai8_54",
+  "admin-console-footer--status-error": "_admin-console-footer--status-error_94ai8_57"
+};
+export {
+  o as default
+};
+//# sourceMappingURL=AdminConsoleFooter.module.scss.js.map

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.js.map

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

package/dist/components/admin-console-footer/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC"}

package/dist/components/admin-console-footer/index.js

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

package/dist/components/admin-console-header/AdminConsoleHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminConsoleHeader.cjs","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n  /** Page heading (Heading 500). */\n  title: ReactNode;\n  /** When true, shows a back control with a divider from the title block. */\n  showBack?: boolean;\n  ariaLabelBack?: string;\n  onBackClick?: () => void;\n  /** Optional plan or edition tag beside the title. */\n  enterpriseBadge?: boolean;\n  enterpriseBadgeLabel?: string;\n  /** Optional actions on the trailing edge of the title row. */\n  trailing?: ReactNode;\n  className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n  title,\n  showBack = false,\n  ariaLabelBack = 'Go back',\n  onBackClick,\n  enterpriseBadge = false,\n  enterpriseBadgeLabel = 'Enterprise',\n  trailing,\n  className = '',\n}: AdminConsoleHeaderProps) {\n  const enterpriseChip =\n    enterpriseBadge ? (\n      <Tag\n        label={enterpriseBadgeLabel}\n        size=\"x-small\"\n        leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n      />\n    ) : null;\n\n  return (\n    <header\n      className={[styles['admin-console-header'], className].join(' ').trim()}\n    >\n      <div className={styles['admin-console-header__row']}>\n        {showBack && (\n          <div className={styles['admin-console-header__back']}>\n            <IconButton\n              type=\"button\"\n              style=\"default\"\n              size=\"medium\"\n              className={styles['admin-console-header__back-button']}\n              aria-label={ariaLabelBack}\n              onClick={onBackClick}\n              icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n            />\n          </div>\n        )}\n        <div className={styles['admin-console-header__title-row']}>\n          <div className={styles['admin-console-header__intro']}>\n            <h1 className={styles['admin-console-header__title']}>{title}</h1>\n            {enterpriseChip}\n          </div>\n          {trailing != null ? (\n            <div className={styles['admin-console-header__trailing']}>\n              {trailing}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":"qaA4BA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EAAgB,UAChB,YAAAC,EACA,gBAAAC,EAAkB,GAClB,qBAAAC,EAAuB,aACvB,SAAAC,EACA,UAAAC,EAAY,EACd,EAA4B,CAC1B,MAAMC,EACJJ,EACEK,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOL,EACP,KAAK,UACL,kBAAcM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAe,CAAA,CAAI,CAAA,CAAA,EAExD,KAEN,OACEH,EAAAA,IAAC,SAAA,CACC,UAAW,CAACI,EAAAA,QAAO,sBAAsB,EAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EAEjE,SAAAO,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,2BAA2B,EAC/C,SAAA,CAAAZ,GACCQ,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,4BAA4B,EACjD,SAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACC,KAAK,SACL,MAAM,UACN,KAAK,SACL,UAAWF,EAAAA,QAAO,mCAAmC,EACrD,aAAYX,EACZ,QAASC,EACT,WAAOQ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACO,IAAiB,CAAA,CAAI,CAAA,CAAA,EAEvD,EAEFF,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAA,CAAAJ,MAAC,KAAA,CAAG,UAAWI,EAAAA,QAAO,6BAA6B,EAAI,SAAAb,EAAM,EAC5DQ,CAAA,EACH,EACCF,GAAY,KACXG,MAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,gCAAgC,EACpD,SAAAP,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"AdminConsoleHeader.cjs","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n  /** Page heading (Heading 500). */\n  title: ReactNode;\n  /** When true, shows a back control with a divider from the title block. */\n  showBack?: boolean;\n  /** Accessible name for the back button. Default: \"Go back\". */\n  ariaLabelBack?: string;\n  onBackClick?: () => void;\n  /** Optional plan or edition tag beside the title. */\n  enterpriseBadge?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseBadgeLabel?: ReactNode;\n  /** Optional actions on the trailing edge of the title row. */\n  trailing?: ReactNode;\n  className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n  title,\n  showBack = false,\n  ariaLabelBack = 'Go back',\n  onBackClick,\n  enterpriseBadge = false,\n  enterpriseBadgeLabel = 'Enterprise',\n  trailing,\n  className = '',\n}: AdminConsoleHeaderProps) {\n  const enterpriseChip = enterpriseBadge ? (\n    <Tag\n      label={enterpriseBadgeLabel}\n      size=\"x-small\"\n      leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n    />\n  ) : null;\n\n  return (\n    <header\n      className={[styles['admin-console-header'], className].join(' ').trim()}\n    >\n      <div className={styles['admin-console-header__row']}>\n        {showBack && (\n          <div className={styles['admin-console-header__back']}>\n            <IconButton\n              type=\"button\"\n              style=\"default\"\n              size=\"medium\"\n              className={styles['admin-console-header__back-button']}\n              aria-label={ariaLabelBack}\n              onClick={onBackClick}\n              icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n            />\n          </div>\n        )}\n        <div className={styles['admin-console-header__title-row']}>\n          <div className={styles['admin-console-header__intro']}>\n            <h1 className={styles['admin-console-header__title']}>{title}</h1>\n            {enterpriseChip}\n          </div>\n          {trailing != null ? (\n            <div className={styles['admin-console-header__trailing']}>\n              {trailing}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":"qaA8BA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EAAgB,UAChB,YAAAC,EACA,gBAAAC,EAAkB,GAClB,qBAAAC,EAAuB,aACvB,SAAAC,EACA,UAAAC,EAAY,EACd,EAA4B,CAC1B,MAAMC,EAAiBJ,EACrBK,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOL,EACP,KAAK,UACL,kBAAcM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAe,CAAA,CAAI,CAAA,CAAA,EAExD,KAEJ,OACEH,EAAAA,IAAC,SAAA,CACC,UAAW,CAACI,EAAAA,QAAO,sBAAsB,EAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EAEjE,SAAAO,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,2BAA2B,EAC/C,SAAA,CAAAZ,GACCQ,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,4BAA4B,EACjD,SAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACC,KAAK,SACL,MAAM,UACN,KAAK,SACL,UAAWF,EAAAA,QAAO,mCAAmC,EACrD,aAAYX,EACZ,QAASC,EACT,WAAOQ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACO,IAAiB,CAAA,CAAI,CAAA,CAAA,EAEvD,EAEFF,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAA,CAAAJ,MAAC,KAAA,CAAG,UAAWI,EAAAA,QAAO,6BAA6B,EAAI,SAAAb,EAAM,EAC5DQ,CAAA,EACH,EACCF,GAAY,KACXG,MAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,gCAAgC,EACpD,SAAAP,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/admin-console-header/AdminConsoleHeader.css

@@ -0,0 +1 @@
+._admin-console-header_1hlnp_13{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);height:64px}._admin-console-header__row_1hlnp_21{display:flex;align-items:stretch;flex-shrink:0;width:100%;height:100%;min-height:0}._admin-console-header__back_1hlnp_29{box-sizing:border-box;display:flex;flex-shrink:0;align-self:stretch;align-items:stretch;aspect-ratio:1/1;width:auto;border-right:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-header__back_1hlnp_29 ._admin-console-header__back-button_1hlnp_43{box-sizing:border-box;border-radius:0;width:64px;height:64px;flex-shrink:0;padding:var(--spacing-s)!important}._admin-console-header__title-row_1hlnp_51{display:flex;flex:1;align-items:center;gap:var(--spacing-m);min-width:0;min-height:0;height:100%;padding:0 var(--spacing-xl)}._admin-console-header__intro_1hlnp_61{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-s);min-width:0}._admin-console-header__title_1hlnp_51{flex-shrink:1;min-width:0;margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);line-height:var(--line-height-500);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._admin-console-header__trailing_1hlnp_81{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}

package/dist/components/admin-console-header/AdminConsoleHeader.d.ts

@@ -4,11 +4,13 @@ export interface AdminConsoleHeaderProps {
     title: ReactNode;
     /** When true, shows a back control with a divider from the title block. */
     showBack?: boolean;
+    /** Accessible name for the back button. Default: "Go back". */
     ariaLabelBack?: string;
     onBackClick?: () => void;
     /** Optional plan or edition tag beside the title. */
     enterpriseBadge?: boolean;
-    enterpriseBadgeLabel?: string;
+    /** Default: "Enterprise". Accepts translated nodes. */
+    enterpriseBadgeLabel?: ReactNode;
     /** Optional actions on the trailing edge of the title row. */
     trailing?: ReactNode;
     className?: string;

package/dist/components/admin-console-header/AdminConsoleHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminConsoleHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAgB,EAChB,aAAyB,EACzB,WAAW,EACX,eAAuB,EACvB,oBAAmC,EACnC,QAAQ,EACR,SAAc,GACf,EAAE,uBAAuB,2CA0CzB"}
+{"version":3,"file":"AdminConsoleHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAgB,EAChB,aAAyB,EACzB,WAAW,EACX,eAAuB,EACvB,oBAAmC,EACnC,QAAQ,EACR,SAAc,GACf,EAAE,uBAAuB,2CAyCzB"}

package/dist/components/admin-console-header/AdminConsoleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminConsoleHeader.js","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n  /** Page heading (Heading 500). */\n  title: ReactNode;\n  /** When true, shows a back control with a divider from the title block. */\n  showBack?: boolean;\n  ariaLabelBack?: string;\n  onBackClick?: () => void;\n  /** Optional plan or edition tag beside the title. */\n  enterpriseBadge?: boolean;\n  enterpriseBadgeLabel?: string;\n  /** Optional actions on the trailing edge of the title row. */\n  trailing?: ReactNode;\n  className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n  title,\n  showBack = false,\n  ariaLabelBack = 'Go back',\n  onBackClick,\n  enterpriseBadge = false,\n  enterpriseBadgeLabel = 'Enterprise',\n  trailing,\n  className = '',\n}: AdminConsoleHeaderProps) {\n  const enterpriseChip =\n    enterpriseBadge ? (\n      <Tag\n        label={enterpriseBadgeLabel}\n        size=\"x-small\"\n        leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n      />\n    ) : null;\n\n  return (\n    <header\n      className={[styles['admin-console-header'], className].join(' ').trim()}\n    >\n      <div className={styles['admin-console-header__row']}>\n        {showBack && (\n          <div className={styles['admin-console-header__back']}>\n            <IconButton\n              type=\"button\"\n              style=\"default\"\n              size=\"medium\"\n              className={styles['admin-console-header__back-button']}\n              aria-label={ariaLabelBack}\n              onClick={onBackClick}\n              icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n            />\n          </div>\n        )}\n        <div className={styles['admin-console-header__title-row']}>\n          <div className={styles['admin-console-header__intro']}>\n            <h1 className={styles['admin-console-header__title']}>{title}</h1>\n            {enterpriseChip}\n          </div>\n          {trailing != null ? (\n            <div className={styles['admin-console-header__trailing']}>\n              {trailing}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":";;;;;;;AA4BA,SAAwBA,EAAmB;AAAA,EACzC,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,sBAAAC,IAAuB;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA4B;AAC1B,QAAMC,IACJJ,IACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOL;AAAA,MACP,MAAK;AAAA,MACL,+BAAcM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAe,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAExD;AAEN,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACI,EAAO,sBAAsB,GAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MAEjE,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,2BAA2B,GAC/C,UAAA;AAAA,QAAAZ,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAWI,EAAO,4BAA4B,GACjD,UAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAWF,EAAO,mCAAmC;AAAA,YACrD,cAAYX;AAAA,YACZ,SAASC;AAAA,YACT,wBAAOQ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACO,KAAiB,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAEvD;AAAA,QAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,iCAAiC,GACtD,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA;AAAA,YAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWI,EAAO,6BAA6B,GAAI,UAAAb,GAAM;AAAA,YAC5DQ;AAAA,UAAA,GACH;AAAA,UACCF,KAAY,OACX,gBAAAG,EAAC,OAAA,EAAI,WAAWI,EAAO,gCAAgC,GACpD,UAAAP,EAAA,CACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"AdminConsoleHeader.js","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n  /** Page heading (Heading 500). */\n  title: ReactNode;\n  /** When true, shows a back control with a divider from the title block. */\n  showBack?: boolean;\n  /** Accessible name for the back button. Default: \"Go back\". */\n  ariaLabelBack?: string;\n  onBackClick?: () => void;\n  /** Optional plan or edition tag beside the title. */\n  enterpriseBadge?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseBadgeLabel?: ReactNode;\n  /** Optional actions on the trailing edge of the title row. */\n  trailing?: ReactNode;\n  className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n  title,\n  showBack = false,\n  ariaLabelBack = 'Go back',\n  onBackClick,\n  enterpriseBadge = false,\n  enterpriseBadgeLabel = 'Enterprise',\n  trailing,\n  className = '',\n}: AdminConsoleHeaderProps) {\n  const enterpriseChip = enterpriseBadge ? (\n    <Tag\n      label={enterpriseBadgeLabel}\n      size=\"x-small\"\n      leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n    />\n  ) : null;\n\n  return (\n    <header\n      className={[styles['admin-console-header'], className].join(' ').trim()}\n    >\n      <div className={styles['admin-console-header__row']}>\n        {showBack && (\n          <div className={styles['admin-console-header__back']}>\n            <IconButton\n              type=\"button\"\n              style=\"default\"\n              size=\"medium\"\n              className={styles['admin-console-header__back-button']}\n              aria-label={ariaLabelBack}\n              onClick={onBackClick}\n              icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n            />\n          </div>\n        )}\n        <div className={styles['admin-console-header__title-row']}>\n          <div className={styles['admin-console-header__intro']}>\n            <h1 className={styles['admin-console-header__title']}>{title}</h1>\n            {enterpriseChip}\n          </div>\n          {trailing != null ? (\n            <div className={styles['admin-console-header__trailing']}>\n              {trailing}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":";;;;;;;AA8BA,SAAwBA,EAAmB;AAAA,EACzC,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,sBAAAC,IAAuB;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA4B;AAC1B,QAAMC,IAAiBJ,IACrB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOL;AAAA,MACP,MAAK;AAAA,MACL,+BAAcM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAe,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAExD;AAEJ,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACI,EAAO,sBAAsB,GAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MAEjE,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,2BAA2B,GAC/C,UAAA;AAAA,QAAAZ,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAWI,EAAO,4BAA4B,GACjD,UAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAWF,EAAO,mCAAmC;AAAA,YACrD,cAAYX;AAAA,YACZ,SAASC;AAAA,YACT,wBAAOQ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACO,KAAiB,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAEvD;AAAA,QAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,iCAAiC,GACtD,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA;AAAA,YAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWI,EAAO,6BAA6B,GAAI,UAAAb,GAAM;AAAA,YAC5DQ;AAAA,UAAA,GACH;AAAA,UACCF,KAAY,OACX,gBAAAG,EAAC,OAAA,EAAI,WAAWI,EAAO,gCAAgC,GACpD,UAAAP,EAAA,CACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.module.css');const e={"admin-console-header":"_admin-console-header_1kerw_2","admin-console-header__row":"_admin-console-header__row_1kerw_10","admin-console-header__back":"_admin-console-header__back_1kerw_18","admin-console-header__back-button":"_admin-console-header__back-button_1kerw_32","admin-console-header__title-row":"_admin-console-header__title-row_1kerw_40","admin-console-header__intro":"_admin-console-header__intro_1kerw_50","admin-console-header__title":"_admin-console-header__title_1kerw_40","admin-console-header__trailing":"_admin-console-header__trailing_1kerw_70"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.css');const e={"admin-console-header":"_admin-console-header_1hlnp_13","admin-console-header__row":"_admin-console-header__row_1hlnp_21","admin-console-header__back":"_admin-console-header__back_1hlnp_29","admin-console-header__back-button":"_admin-console-header__back-button_1hlnp_43","admin-console-header__title-row":"_admin-console-header__title-row_1hlnp_51","admin-console-header__intro":"_admin-console-header__intro_1hlnp_61","admin-console-header__title":"_admin-console-header__title_1hlnp_51","admin-console-header__trailing":"_admin-console-header__trailing_1hlnp_81"};exports.default=e;
 //# sourceMappingURL=AdminConsoleHeader.module.scss.cjs.map

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js

@@ -1,12 +1,12 @@
-import './AdminConsoleHeader.module.css';const e = {
-  "admin-console-header": "_admin-console-header_1kerw_2",
-  "admin-console-header__row": "_admin-console-header__row_1kerw_10",
-  "admin-console-header__back": "_admin-console-header__back_1kerw_18",
-  "admin-console-header__back-button": "_admin-console-header__back-button_1kerw_32",
-  "admin-console-header__title-row": "_admin-console-header__title-row_1kerw_40",
-  "admin-console-header__intro": "_admin-console-header__intro_1kerw_50",
-  "admin-console-header__title": "_admin-console-header__title_1kerw_40",
-  "admin-console-header__trailing": "_admin-console-header__trailing_1kerw_70"
+import './AdminConsoleHeader.css';const e = {
+  "admin-console-header": "_admin-console-header_1hlnp_13",
+  "admin-console-header__row": "_admin-console-header__row_1hlnp_21",
+  "admin-console-header__back": "_admin-console-header__back_1hlnp_29",
+  "admin-console-header__back-button": "_admin-console-header__back-button_1hlnp_43",
+  "admin-console-header__title-row": "_admin-console-header__title-row_1hlnp_51",
+  "admin-console-header__intro": "_admin-console-header__intro_1hlnp_61",
+  "admin-console-header__title": "_admin-console-header__title_1hlnp_51",
+  "admin-console-header__trailing": "_admin-console-header__trailing_1hlnp_81"
 };
 export {
   e as default

package/dist/components/admin-panel/AdminPanel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),c=require("react"),b=require("../admin-panel-header/AdminPanelHeader.cjs"),l=require("./AdminPanel.module.scss.cjs");function h({title:u,subtitle:f,headerActions:m,children:n,className:p="",iconLeft:_=!1,leadingIcon:v,showBeta:j=!1,betaLabel:x="Beta",showEnterpriseLabel:E=!1,enterpriseLabel:N="Enterprise",showButton:q=!1,buttonLabel:y="Button",onButtonClick:A,showSwitch:B=!1,switchLabel:P="Off",switchChecked:g,defaultSwitchChecked:w,onSwitchChange:D,switchDisabled:H,expandable:e=!1,expandedState:t,defaultExpandedState:I="collapsed",onExpandedStateChange:a}){const i=c.useId(),[M,O]=c.useState(I),o=e&&t!==void 0,s=(e?o?t:M:"expanded")==="expanded",R=r=>{e&&(o||O(r),a==null||a(r))},S=()=>{R(s?"collapsed":"expanded")},T=!e||s;return d.jsxs("section",{className:[l.default["admin-panel"],p].join(" ").trim(),"aria-labelledby":i,children:[d.jsx(b.default,{titleId:i,title:u,subtitle:f,headerActions:m,iconLeft:_,leadingIcon:v,showBeta:j,betaLabel:x,showEnterpriseLabel:E,enterpriseLabel:N,showButton:q,buttonLabel:y,onButtonClick:A,showSwitch:B,switchLabel:P,switchChecked:g,defaultSwitchChecked:w,onSwitchChange:D,switchDisabled:H,expandable:e,isExpanded:s,onToggleExpand:S,showDivider:T}),e?d.jsx("div",{className:[l.default["admin-panel__collapse"],s?l.default["admin-panel__collapse--expanded"]:""].filter(Boolean).join(" "),"aria-hidden":!s,children:d.jsx("div",{className:l.default["admin-panel__collapse-inner"],children:d.jsx("div",{className:l.default["admin-panel__body"],children:n})})}):d.jsx("div",{className:l.default["admin-panel__body"],children:n})]})}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),W=require("../admin-panel-header/AdminPanelHeader.cjs"),t=require("./AdminPanel.module.scss.cjs");function X(m){const{title:l,children:c,footer:d,className:w="",...E}=m,{subtitle:v,headerActions:S,iconLeft:_=!1,leadingIcon:j,showBeta:g=!1,betaLabel:L="Beta",showEnterpriseLabel:B=!1,enterpriseLabel:y="Enterprise",showButton:C=!1,buttonLabel:A="Button",onButtonClick:N,showSwitch:P=!1,switchLabel:q="Off",switchChecked:k,defaultSwitchChecked:D,onSwitchChange:H,switchDisabled:I,expandable:R=!1,expandedState:r,defaultExpandedState:F="collapsed",onExpandedStateChange:s,expandLabel:M,collapseLabel:O,...T}=E,u=i.useId(),o=l!=null&&l!==!1&&l!=="",[U,z]=i.useState(F),n=o&&R,p=n&&r!==void 0,a=(n?p?r:U:"expanded")==="expanded",G=b=>{n&&(p||z(b),s==null||s(b))},J=()=>{G(a?"collapsed":"expanded")},h=i.Children.toArray(c).length>0,K=d!=null,f=h||K,Q=f&&(!n||a),x=h?e.jsx("div",{className:t.default["admin-panel__body"],children:c}):null,V=f?n?e.jsx("div",{className:[t.default["admin-panel__collapse"],a?t.default["admin-panel__collapse--expanded"]:""].filter(Boolean).join(" "),"aria-hidden":!a,inert:!a,children:e.jsxs("div",{className:t.default["admin-panel__collapse-inner"],children:[x,d]})}):e.jsxs(e.Fragment,{children:[x,d]}):null;return e.jsxs("section",{...T,className:[t.default["admin-panel"],w].join(" ").trim(),"aria-labelledby":o?u:void 0,children:[o?e.jsx(W.default,{titleId:u,title:l,subtitle:v,headerActions:S,iconLeft:_,leadingIcon:j,showBeta:g,betaLabel:L,showEnterpriseLabel:B,enterpriseLabel:y,showButton:C,buttonLabel:A,onButtonClick:N,showSwitch:P,switchLabel:q,switchChecked:k,defaultSwitchChecked:D,onSwitchChange:H,switchDisabled:I,expandable:n,isExpanded:a,onToggleExpand:J,expandLabel:M,collapseLabel:O,showDivider:Q}):null,V]})}exports.default=X;
 //# sourceMappingURL=AdminPanel.cjs.map

package/dist/components/admin-panel/AdminPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanel.cjs","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"sourcesContent":["import { useId, useState, type ChangeEvent, type ReactNode } from 'react';\nimport AdminPanelHeader, {\n  type AdminPanelExpandedState,\n} from '@/components/admin-panel-header/AdminPanelHeader';\nimport styles from './AdminPanel.module.scss';\n\nexport type { AdminPanelExpandedState };\n\nexport interface AdminPanelProps {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  betaLabel?: string;\n  showEnterpriseLabel?: boolean;\n  enterpriseLabel?: string;\n  showButton?: boolean;\n  buttonLabel?: string;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  expandedState?: AdminPanelExpandedState;\n  defaultExpandedState?: AdminPanelExpandedState;\n  onExpandedStateChange?: (state: AdminPanelExpandedState) => void;\n}\n\n/**\n * System Console admin settings panel: `AdminPanelHeader` plus a body slot\n * for grouped fields. Expand/collapse state is owned here and passed to the header.\n */\nexport default function AdminPanel({\n  title,\n  subtitle,\n  headerActions,\n  children,\n  className = '',\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  expandedState: expandedStateProp,\n  defaultExpandedState = 'collapsed',\n  onExpandedStateChange,\n}: AdminPanelProps) {\n  const titleId = useId();\n\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState<AdminPanelExpandedState>(defaultExpandedState);\n\n  const isExpandControlled = expandable && expandedStateProp !== undefined;\n  const resolvedExpandedState: AdminPanelExpandedState = !expandable\n    ? 'expanded'\n    : isExpandControlled\n      ? expandedStateProp!\n      : uncontrolledExpanded;\n\n  const isExpanded = resolvedExpandedState === 'expanded';\n\n  const setExpandedState = (next: AdminPanelExpandedState) => {\n    if (!expandable) return;\n    if (!isExpandControlled) {\n      setUncontrolledExpanded(next);\n    }\n    onExpandedStateChange?.(next);\n  };\n\n  const toggleExpanded = () => {\n    setExpandedState(isExpanded ? 'collapsed' : 'expanded');\n  };\n\n  const showHeaderDivider = !expandable || isExpanded;\n\n  return (\n    <section\n      className={[styles['admin-panel'], className].join(' ').trim()}\n      aria-labelledby={titleId}\n    >\n      <AdminPanelHeader\n        titleId={titleId}\n        title={title}\n        subtitle={subtitle}\n        headerActions={headerActions}\n        iconLeft={iconLeft}\n        leadingIcon={leadingIcon}\n        showBeta={showBeta}\n        betaLabel={betaLabel}\n        showEnterpriseLabel={showEnterpriseLabel}\n        enterpriseLabel={enterpriseLabel}\n        showButton={showButton}\n        buttonLabel={buttonLabel}\n        onButtonClick={onButtonClick}\n        showSwitch={showSwitch}\n        switchLabel={switchLabel}\n        switchChecked={switchChecked}\n        defaultSwitchChecked={defaultSwitchChecked}\n        onSwitchChange={onSwitchChange}\n        switchDisabled={switchDisabled}\n        expandable={expandable}\n        isExpanded={isExpanded}\n        onToggleExpand={toggleExpanded}\n        showDivider={showHeaderDivider}\n      />\n      {expandable ? (\n        <div\n          className={[\n            styles['admin-panel__collapse'],\n            isExpanded ? styles['admin-panel__collapse--expanded'] : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          aria-hidden={!isExpanded}\n        >\n          <div className={styles['admin-panel__collapse-inner']}>\n            <div className={styles['admin-panel__body']}>{children}</div>\n          </div>\n        </div>\n      ) : (\n        <div className={styles['admin-panel__body']}>{children}</div>\n      )}\n    </section>\n  );\n}\n"],"names":["AdminPanel","title","subtitle","headerActions","children","className","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","expandedStateProp","defaultExpandedState","onExpandedStateChange","titleId","useId","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","showHeaderDivider","jsxs","styles","jsx","AdminPanelHeader"],"mappings":"oQAuCA,SAAwBA,EAAW,CACjC,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,YAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,OACZ,oBAAAC,EAAsB,GACtB,gBAAAC,EAAkB,aAClB,WAAAC,EAAa,GACb,YAAAC,EAAc,SACd,cAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,MACd,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAAC,EAAa,GACb,cAAeC,EACf,qBAAAC,EAAuB,YACvB,sBAAAC,CACF,EAAoB,CAClB,MAAMC,EAAUC,EAAAA,MAAA,EAEV,CAACC,EAAsBC,CAAuB,EAClDC,EAAAA,SAAkCN,CAAoB,EAElDO,EAAqBT,GAAcC,IAAsB,OAOzDS,GANkDV,EAEpDS,EACER,EACAK,EAHF,cAKyC,WAEvCK,EAAoBC,GAAkC,CACrDZ,IACAS,GACHF,EAAwBK,CAAI,EAE9BT,GAAA,MAAAA,EAAwBS,GAC1B,EAEMC,EAAiB,IAAM,CAC3BF,EAAiBD,EAAa,YAAc,UAAU,CACxD,EAEMI,EAAoB,CAACd,GAAcU,EAEzC,OACEK,EAAAA,KAAC,UAAA,CACC,UAAW,CAACC,EAAAA,QAAO,aAAa,EAAGhC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EACxD,kBAAiBoB,EAEjB,SAAA,CAAAa,EAAAA,IAACC,EAAAA,QAAA,CACC,QAAAd,EACA,MAAAxB,EACA,SAAAC,EACA,cAAAC,EACA,SAAAG,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAAC,EACA,WAAAU,EACA,eAAgBG,EAChB,YAAaC,CAAA,CAAA,EAEdd,EACCiB,EAAAA,IAAC,MAAA,CACC,UAAW,CACTD,EAAAA,QAAO,uBAAuB,EAC9BN,EAAaM,EAAAA,QAAO,iCAAiC,EAAI,EAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAa,CAACN,EAEd,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAmB,EAAI,SAAAjC,EAAS,CAAA,CACzD,CAAA,CAAA,EAGFkC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAmB,EAAI,SAAAjC,CAAA,CAAS,CAAA,CAAA,CAAA,CAI/D"}
+{"version":3,"file":"AdminPanel.cjs","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"sourcesContent":["import {\n  Children,\n  useId,\n  useState,\n  type ChangeEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport AdminPanelHeader, {\n  type AdminPanelExpandedState,\n} from '@/components/admin-panel-header/AdminPanelHeader';\nimport styles from './AdminPanel.module.scss';\n\nexport type { AdminPanelExpandedState };\n\n/** Non-null content for required header/body slots (runtime still guards nullish escapes). */\ntype AdminPanelContent = NonNullable<ReactNode>;\n\ntype AdminPanelChromeProps = Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> & {\n  className?: string;\n  /**\n   * Optional footer rail below the body — typically\n   * [`AdminPanelFooter`](/components/admin-panel-footer) with left/right action slots.\n   * Collapses with the body when the panel is expandable.\n   */\n  footer?: ReactNode;\n};\n\ntype AdminPanelHeaderSlotProps = {\n  title: AdminPanelContent;\n  subtitle?: ReactNode;\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />`. */\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  expandedState?: AdminPanelExpandedState;\n  defaultExpandedState?: AdminPanelExpandedState;\n  onExpandedStateChange?: (state: AdminPanelExpandedState) => 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};\n\n/** Panel with a header. Body and footer are optional. */\ntype AdminPanelWithHeaderProps = AdminPanelChromeProps &\n  AdminPanelHeaderSlotProps & {\n    children?: ReactNode;\n  };\n\n/**\n * Header-less panel. `children` (body) are required — footer alone is not enough.\n * Header chrome props (`subtitle`, `expandable`, …) are not accepted on this variant.\n */\ntype AdminPanelWithoutHeaderProps = AdminPanelChromeProps & {\n  title?: undefined;\n  children: AdminPanelContent;\n};\n\n/**\n * System Console admin settings panel. Provide a `title` (header), `children`\n * (body), or both. Footer is always optional. Header-only and body-only panels\n * are valid; footer-only is not.\n */\nexport type AdminPanelProps =\n  | AdminPanelWithHeaderProps\n  | AdminPanelWithoutHeaderProps;\n\n/**\n * Admin Panel is the bordered sheet used throughout System Console for a single\n * settings section. It can include an\n * [`Admin Panel Header`](/components/admin-panel-header), a body where grouped\n * fields and help text live, and an optional\n * [`Admin Panel Footer`](/components/admin-panel-footer) for sectional actions.\n * Provide a header, a body, or both — footer alone is not enough. Expand/collapse\n * state is owned here and passed to the header when present.\n */\nexport default function AdminPanel(props: AdminPanelProps) {\n  const {\n    title,\n    children,\n    footer,\n    className = '',\n    ...rest\n  } = props as AdminPanelWithHeaderProps;\n\n  const {\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    expandedState: expandedStateProp,\n    defaultExpandedState = 'collapsed',\n    onExpandedStateChange,\n    expandLabel,\n    collapseLabel,\n    ...domRest\n  } = rest;\n\n  const titleId = useId();\n  // Treat nullish / false / '' as no header so JS callers and type escapes stay safe.\n  const hasHeader = title != null && title !== false && title !== '';\n\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState<AdminPanelExpandedState>(defaultExpandedState);\n\n  // Expand/collapse lives on the header; without one, content stays visible.\n  const canExpand = hasHeader && expandable;\n  const isExpandControlled = canExpand && expandedStateProp !== undefined;\n  const resolvedExpandedState: AdminPanelExpandedState = !canExpand\n    ? 'expanded'\n    : isExpandControlled\n      ? expandedStateProp!\n      : uncontrolledExpanded;\n\n  const isExpanded = resolvedExpandedState === 'expanded';\n\n  const setExpandedState = (next: AdminPanelExpandedState) => {\n    if (!canExpand) return;\n    if (!isExpandControlled) {\n      setUncontrolledExpanded(next);\n    }\n    onExpandedStateChange?.(next);\n  };\n\n  const toggleExpanded = () => {\n    setExpandedState(isExpanded ? 'collapsed' : 'expanded');\n  };\n\n  const hasBody = Children.toArray(children).length > 0;\n  const hasFooter = footer != null;\n  const hasContent = hasBody || hasFooter;\n  // Skip the header divider when there is no body/footer so header-only\n  // panels don’t show an orphan rule above the card edge.\n  const showHeaderDivider = hasContent && (!canExpand || isExpanded);\n\n  const body = hasBody ? (\n    <div className={styles['admin-panel__body']}>{children}</div>\n  ) : null;\n\n  const content = hasContent ? (\n    canExpand ? (\n      <div\n        className={[\n          styles['admin-panel__collapse'],\n          isExpanded ? styles['admin-panel__collapse--expanded'] : '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        aria-hidden={!isExpanded}\n        inert={!isExpanded}\n      >\n        <div className={styles['admin-panel__collapse-inner']}>\n          {body}\n          {footer}\n        </div>\n      </div>\n    ) : (\n      <>\n        {body}\n        {footer}\n      </>\n    )\n  ) : null;\n\n  return (\n    <section\n      {...domRest}\n      className={[styles['admin-panel'], className].join(' ').trim()}\n      aria-labelledby={hasHeader ? titleId : undefined}\n    >\n      {hasHeader ? (\n        <AdminPanelHeader\n          titleId={titleId}\n          title={title}\n          subtitle={subtitle}\n          headerActions={headerActions}\n          iconLeft={iconLeft}\n          leadingIcon={leadingIcon}\n          showBeta={showBeta}\n          betaLabel={betaLabel}\n          showEnterpriseLabel={showEnterpriseLabel}\n          enterpriseLabel={enterpriseLabel}\n          showButton={showButton}\n          buttonLabel={buttonLabel}\n          onButtonClick={onButtonClick}\n          showSwitch={showSwitch}\n          switchLabel={switchLabel}\n          switchChecked={switchChecked}\n          defaultSwitchChecked={defaultSwitchChecked}\n          onSwitchChange={onSwitchChange}\n          switchDisabled={switchDisabled}\n          expandable={canExpand}\n          isExpanded={isExpanded}\n          onToggleExpand={toggleExpanded}\n          expandLabel={expandLabel}\n          collapseLabel={collapseLabel}\n          showDivider={showHeaderDivider}\n        />\n      ) : null}\n      {content}\n    </section>\n  );\n}\n"],"names":["AdminPanel","props","title","children","footer","className","rest","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","expandedStateProp","defaultExpandedState","onExpandedStateChange","expandLabel","collapseLabel","domRest","titleId","useId","hasHeader","uncontrolledExpanded","setUncontrolledExpanded","useState","canExpand","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","hasBody","Children","hasFooter","hasContent","showHeaderDivider","body","jsx","styles","content","jsxs","Fragment","AdminPanelHeader"],"mappings":"oQAoGA,SAAwBA,EAAWC,EAAwB,CACzD,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CAAA,EACDL,EAEE,CACJ,SAAAM,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,OACZ,oBAAAC,EAAsB,GACtB,gBAAAC,EAAkB,aAClB,WAAAC,EAAa,GACb,YAAAC,EAAc,SACd,cAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,MACd,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAAC,EAAa,GACb,cAAeC,EACf,qBAAAC,EAAuB,YACvB,sBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EACDxB,EAEEyB,EAAUC,EAAAA,MAAA,EAEVC,EAAY/B,GAAS,MAAQA,IAAU,IAASA,IAAU,GAE1D,CAACgC,EAAsBC,CAAuB,EAClDC,EAAAA,SAAkCV,CAAoB,EAGlDW,EAAYJ,GAAaT,EACzBc,EAAqBD,GAAaZ,IAAsB,OAOxDc,GANkDF,EAEpDC,EACEb,EACAS,EAHF,cAKyC,WAEvCM,EAAoBC,GAAkC,CACrDJ,IACAC,GACHH,EAAwBM,CAAI,EAE9Bd,GAAA,MAAAA,EAAwBc,GAC1B,EAEMC,EAAiB,IAAM,CAC3BF,EAAiBD,EAAa,YAAc,UAAU,CACxD,EAEMI,EAAUC,EAAAA,SAAS,QAAQzC,CAAQ,EAAE,OAAS,EAC9C0C,EAAYzC,GAAU,KACtB0C,EAAaH,GAAWE,EAGxBE,EAAoBD,IAAe,CAACT,GAAaE,GAEjDS,EAAOL,EACXM,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,mBAAmB,EAAI,SAAA/C,CAAA,CAAS,EACrD,KAEEgD,EAAUL,EACdT,EACEY,EAAAA,IAAC,MAAA,CACC,UAAW,CACTC,EAAAA,QAAO,uBAAuB,EAC9BX,EAAaW,EAAAA,QAAO,iCAAiC,EAAI,EAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAa,CAACX,EACd,MAAO,CAACA,EAER,SAAAa,EAAAA,KAAC,MAAA,CAAI,UAAWF,UAAO,6BAA6B,EACjD,SAAA,CAAAF,EACA5C,CAAA,CAAA,CACH,CAAA,CAAA,EAGFgD,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAL,EACA5C,CAAA,CAAA,CACH,EAEA,KAEJ,OACEgD,EAAAA,KAAC,UAAA,CACE,GAAGtB,EACJ,UAAW,CAACoB,EAAAA,QAAO,aAAa,EAAG7C,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EACxD,kBAAiB4B,EAAYF,EAAU,OAEtC,SAAA,CAAAE,EACCgB,EAAAA,IAACK,EAAAA,QAAA,CACC,QAAAvB,EACA,MAAA7B,EACA,SAAAK,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAYc,EACZ,WAAAE,EACA,eAAgBG,EAChB,YAAAd,EACA,cAAAC,EACA,YAAakB,CAAA,CAAA,EAEb,KACHI,CAAA,CAAA,CAAA,CAGP"}

package/dist/components/admin-panel/AdminPanel.css

@@ -0,0 +1 @@
+._admin-panel_xr2f9_13{display:flex;flex-direction:column;width:100%;max-width:920px;background:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-1);overflow:hidden}._admin-panel__collapse_xr2f9_24{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-moderate) var(--ease-transition)}._admin-panel__collapse--expanded_xr2f9_29{grid-template-rows:1fr}._admin-panel__collapse-inner_xr2f9_32{overflow:hidden;min-height:0}._admin-panel__body_xr2f9_36{flex:1 1 auto;width:100%;padding:var(--spacing-xxl);box-sizing:border-box}

package/dist/components/admin-panel/AdminPanel.d.ts

@@ -1,20 +1,33 @@
-import { ChangeEvent, ReactNode } from 'react';
-import { AdminPanelExpandedState } from '../AdminPanelHeader/AdminPanelHeader';
+import { ChangeEvent, HTMLAttributes, ReactNode } from 'react';
+import { AdminPanelExpandedState } from '../admin-panel-header/AdminPanelHeader';
 export type { AdminPanelExpandedState };
-export interface AdminPanelProps {
-    title: ReactNode;
-    subtitle?: ReactNode;
-    children?: ReactNode;
+/** Non-null content for required header/body slots (runtime still guards nullish escapes). */
+type AdminPanelContent = NonNullable<ReactNode>;
+type AdminPanelChromeProps = Omit<HTMLAttributes<HTMLElement>, 'title' | 'children'> & {
     className?: string;
+    /**
+     * Optional footer rail below the body — typically
+     * [`AdminPanelFooter`](/components/admin-panel-footer) with left/right action slots.
+     * Collapses with the body when the panel is expandable.
+     */
+    footer?: ReactNode;
+};
+type AdminPanelHeaderSlotProps = {
+    title: AdminPanelContent;
+    subtitle?: ReactNode;
     headerActions?: ReactNode;
     iconLeft?: boolean;
+    /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />`. */
     leadingIcon?: ReactNode;
     showBeta?: boolean;
-    betaLabel?: string;
+    /** Default: "Beta". Accepts translated nodes. */
+    betaLabel?: ReactNode;
     showEnterpriseLabel?: boolean;
-    enterpriseLabel?: string;
+    /** Default: "Enterprise". Accepts translated nodes. */
+    enterpriseLabel?: ReactNode;
     showButton?: boolean;
-    buttonLabel?: string;
+    /** Default: "Button". Accepts translated nodes. */
+    buttonLabel?: ReactNode;
     onButtonClick?: () => void;
     showSwitch?: boolean;
     switchLabel?: ReactNode;
@@ -26,10 +39,37 @@ export interface AdminPanelProps {
     expandedState?: AdminPanelExpandedState;
     defaultExpandedState?: AdminPanelExpandedState;
     onExpandedStateChange?: (state: AdminPanelExpandedState) => void;
-}
+    /** Accessible name for the expand button while collapsed. Default: "Expand section". */
+    expandLabel?: string;
+    /** Accessible name for the expand button while expanded. Default: "Collapse section". */
+    collapseLabel?: string;
+};
+/** Panel with a header. Body and footer are optional. */
+type AdminPanelWithHeaderProps = AdminPanelChromeProps & AdminPanelHeaderSlotProps & {
+    children?: ReactNode;
+};
+/**
+ * Header-less panel. `children` (body) are required — footer alone is not enough.
+ * Header chrome props (`subtitle`, `expandable`, …) are not accepted on this variant.
+ */
+type AdminPanelWithoutHeaderProps = AdminPanelChromeProps & {
+    title?: undefined;
+    children: AdminPanelContent;
+};
+/**
+ * System Console admin settings panel. Provide a `title` (header), `children`
+ * (body), or both. Footer is always optional. Header-only and body-only panels
+ * are valid; footer-only is not.
+ */
+export type AdminPanelProps = AdminPanelWithHeaderProps | AdminPanelWithoutHeaderProps;
 /**
- * System Console admin settings panel: `AdminPanelHeader` plus a body slot
- * for grouped fields. Expand/collapse state is owned here and passed to the header.
+ * Admin Panel is the bordered sheet used throughout System Console for a single
+ * settings section. It can include an
+ * [`Admin Panel Header`](/components/admin-panel-header), a body where grouped
+ * fields and help text live, and an optional
+ * [`Admin Panel Footer`](/components/admin-panel-footer) for sectional actions.
+ * Provide a header, a body, or both — footer alone is not enough. Expand/collapse
+ * state is owned here and passed to the header when present.
  */
-export default function AdminPanel({ title, subtitle, headerActions, children, className, iconLeft, leadingIcon, showBeta, betaLabel, showEnterpriseLabel, enterpriseLabel, showButton, buttonLabel, onButtonClick, showSwitch, switchLabel, switchChecked, defaultSwitchChecked, onSwitchChange, switchDisabled, expandable, expandedState: expandedStateProp, defaultExpandedState, onExpandedStateChange, }: AdminPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function AdminPanel(props: AdminPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AdminPanel.d.ts.map

package/dist/components/admin-panel/AdminPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanel.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAyB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gDAAgD,CAAC;AAGxD,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAClE;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAc,EACd,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,aAAa,EAAE,iBAAiB,EAChC,oBAAkC,EAClC,qBAAqB,GACtB,EAAE,eAAe,2CA8EjB"}
+{"version":3,"file":"AdminPanel.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAyB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gDAAgD,CAAC;AAGxD,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,8FAA8F;AAC9F,KAAK,iBAAiB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAEhD,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,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,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjE,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,yDAAyD;AACzD,KAAK,yBAAyB,GAAG,qBAAqB,GACpD,yBAAyB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEJ;;;GAGG;AACH,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,yBAAyB,GACzB,4BAA4B,CAAC;AAEjC;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4IxD"}