@mattermost/compass-ui 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/action-button/ActionButton.d.ts

@@ -2,7 +2,8 @@ import { ButtonHTMLAttributes, ReactNode } from 'react';
 export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Pass `<Icon glyph={<SomeIcon />} />` — ActionButton provides the correct size (20) via context. */
     icon: ReactNode;
-    label: string;
+    /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
     /** When set, this is a toggle; maps to `aria-pressed`. */
     active?: boolean;
     destructive?: boolean;

package/dist/components/action-button/ActionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,sGAAsG;IACtG,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,iHAuCjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,sGAAsG;IACtG,IAAI,EAAE,SAAS,CAAC;IAChB,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,iHAuCjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/components/action-button/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Pass `<Icon glyph={<SomeIcon />} />` — ActionButton provides the correct size (20) via context. */\n  icon: ReactNode;\n  label: string;\n  /** When set, this is a toggle; maps to `aria-pressed`. */\n  active?: boolean;\n  destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nconst ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(\n  function ActionButton(\n    {\n      icon,\n      label,\n      active,\n      destructive = false,\n      className,\n      type = 'button',\n      ...htmlProps\n    },\n    ref,\n  ) {\n    const rootClass = [\n      styles['action-button'],\n      active ? styles['action-button--active'] : '',\n      destructive ? styles['action-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <button\n        ref={ref}\n        className={rootClass}\n        type={type}\n        aria-pressed={active === undefined ? undefined : active}\n        {...htmlProps}\n      >\n        <span className={styles['action-button__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '20' }}>\n            {icon}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['action-button__label']}>{label}</span>\n      </button>\n    );\n  },\n);\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"names":["ActionButton","forwardRef","icon","label","active","destructive","className","type","htmlProps","ref","rootClass","styles","jsxs","jsx","IconSlotContext"],"mappings":";;;;AAkBA,MAAMA,IAAeC;AAAA,EACnB,SACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAY;AAAA,MAChBC,EAAO,eAAe;AAAA,MACtBP,IAASO,EAAO,uBAAuB,IAAI;AAAA,MAC3CN,IAAcM,EAAO,4BAA4B,IAAI;AAAA,MACrDL,KAAa;AAAA,IAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWC;AAAA,QACX,MAAAH;AAAA,QACA,gBAAcH,MAAW,SAAY,SAAYA;AAAA,QAChD,GAAGI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,UAAK,WAAWF,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAE,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,4BACC,QAAA,EAAK,WAAWH,EAAO,sBAAsB,GAAI,UAAAR,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEAH,EAAa,cAAc;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Pass `<Icon glyph={<SomeIcon />} />` — ActionButton provides the correct size (20) via context. */\n  icon: ReactNode;\n  /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** When set, this is a toggle; maps to `aria-pressed`. */\n  active?: boolean;\n  destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nconst ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(\n  function ActionButton(\n    {\n      icon,\n      label,\n      active,\n      destructive = false,\n      className,\n      type = 'button',\n      ...htmlProps\n    },\n    ref,\n  ) {\n    const rootClass = [\n      styles['action-button'],\n      active ? styles['action-button--active'] : '',\n      destructive ? styles['action-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <button\n        ref={ref}\n        className={rootClass}\n        type={type}\n        aria-pressed={active === undefined ? undefined : active}\n        {...htmlProps}\n      >\n        <span className={styles['action-button__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '20' }}>\n            {icon}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['action-button__label']}>{label}</span>\n      </button>\n    );\n  },\n);\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"names":["ActionButton","forwardRef","icon","label","active","destructive","className","type","htmlProps","ref","rootClass","styles","jsxs","jsx","IconSlotContext"],"mappings":";;;;AAmBA,MAAMA,IAAeC;AAAA,EACnB,SACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAY;AAAA,MAChBC,EAAO,eAAe;AAAA,MACtBP,IAASO,EAAO,uBAAuB,IAAI;AAAA,MAC3CN,IAAcM,EAAO,4BAA4B,IAAI;AAAA,MACrDL,KAAa;AAAA,IAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWC;AAAA,QACX,MAAAH;AAAA,QACA,gBAAcH,MAAW,SAAY,SAAYA;AAAA,QAChD,GAAGI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,UAAK,WAAWF,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAE,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,4BACC,QAAA,EAAK,WAAWH,EAAO,sBAAsB,GAAI,UAAAR,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEAH,EAAa,cAAc;"}

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 = 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,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"}
+{"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.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,2CAyCzB"}
+{"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 = 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,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;"}
+{"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-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 d=require("react/jsx-runtime"),c=require("react"),k=require("../admin-panel-header/AdminPanelHeader.cjs"),l=require("./AdminPanel.module.scss.cjs");function z({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,expandLabel:M,collapseLabel:O,...R}){const i=c.useId(),[S,T]=c.useState(I),o=e&&t!==void 0,s=(e?o?t:S:"expanded")==="expanded",b=r=>{e&&(o||T(r),a==null||a(r))},h=()=>{b(s?"collapsed":"expanded")},U=!e||s;return d.jsxs("section",{...R,className:[l.default["admin-panel"],p].join(" ").trim(),"aria-labelledby":i,children:[d.jsx(k.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:h,expandLabel:M,collapseLabel:O,showDivider:U}),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=z;
 //# 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  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} size=\"20\" />`. */\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?: (\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}\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":"oQA2CA,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  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\nexport interface AdminPanelProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} size=\"20\" />`. */\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/**\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  expandLabel,\n  collapseLabel,\n  ...rest\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      {...rest}\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        expandLabel={expandLabel}\n        collapseLabel={collapseLabel}\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","expandLabel","collapseLabel","rest","titleId","useId","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","showHeaderDivider","jsxs","styles","jsx","AdminPanelHeader"],"mappings":"oQA2DA,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,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAUC,EAAAA,MAAA,EAEV,CAACC,EAAsBC,CAAuB,EAClDC,EAAAA,SAAkCT,CAAoB,EAElDU,EAAqBZ,GAAcC,IAAsB,OAOzDY,GANkDb,EAEpDY,EACEX,EACAQ,EAHF,cAKyC,WAEvCK,EAAoBC,GAAkC,CACrDf,IACAY,GACHF,EAAwBK,CAAI,EAE9BZ,GAAA,MAAAA,EAAwBY,GAC1B,EAEMC,EAAiB,IAAM,CAC3BF,EAAiBD,EAAa,YAAc,UAAU,CACxD,EAEMI,EAAoB,CAACjB,GAAca,EAEzC,OACEK,EAAAA,KAAC,UAAA,CACE,GAAGZ,EACJ,UAAW,CAACa,EAAAA,QAAO,aAAa,EAAGnC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EACxD,kBAAiBuB,EAEjB,SAAA,CAAAa,EAAAA,IAACC,EAAAA,QAAA,CACC,QAAAd,EACA,MAAA3B,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,WAAAa,EACA,eAAgBG,EAChB,YAAAZ,EACA,cAAAC,EACA,YAAaY,CAAA,CAAA,EAEdjB,EACCoB,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,SAAApC,EAAS,CAAA,CACzD,CAAA,CAAA,EAGFqC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAmB,EAAI,SAAApC,CAAA,CAAS,CAAA,CAAA,CAAA,CAI/D"}

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

@@ -1,7 +1,7 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { ChangeEvent, HTMLAttributes, ReactNode } from 'react';
 import { AdminPanelExpandedState } from '../admin-panel-header/AdminPanelHeader';
 export type { AdminPanelExpandedState };
-export interface AdminPanelProps {
+export interface AdminPanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'children'> {
     title: ReactNode;
     subtitle?: ReactNode;
     children?: ReactNode;
@@ -11,11 +11,14 @@ export interface AdminPanelProps {
     /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} size="20" />`. */
     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;
@@ -27,10 +30,14 @@ 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;
 }
 /**
  * System Console admin settings panel: `AdminPanelHeader` plus a body slot
  * for grouped fields. Expand/collapse state is owned here and passed to the header.
  */
-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({ 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, expandLabel, collapseLabel, ...rest }: 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,kHAAkH;IAClH,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,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;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,EAGL,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,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,GAAG,UAAU,CACrB;IACC,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,kHAAkH;IAClH,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;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,EACrB,WAAW,EACX,aAAa,EACb,GAAG,IAAI,EACR,EAAE,eAAe,2CAiFjB"}

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

@@ -1,8 +1,8 @@
-import { jsxs as q, jsx as l } from "react/jsx-runtime";
-import { useId as z, useState as F } from "react";
-import G from "../admin-panel-header/AdminPanelHeader.js";
+import { jsxs as G, jsx as l } from "react/jsx-runtime";
+import { useId as J, useState as K } from "react";
+import L from "../admin-panel-header/AdminPanelHeader.js";
 import s from "./AdminPanel.module.scss.js";
-function R({
+function W({
   title: c,
   subtitle: m,
   headerActions: p,
@@ -26,21 +26,25 @@ function R({
   expandable: e = !1,
   expandedState: o,
   defaultExpandedState: O = "collapsed",
-  onExpandedStateChange: a
+  onExpandedStateChange: a,
+  expandLabel: P,
+  collapseLabel: T,
+  ...U
 }) {
-  const i = z(), [P, T] = F(O), t = e && o !== void 0, d = (e ? t ? o : P : "expanded") === "expanded", U = (r) => {
-    e && (t || T(r), a == null || a(r));
-  }, g = () => {
-    U(d ? "collapsed" : "expanded");
-  }, k = !e || d;
-  return /* @__PURE__ */ q(
+  const i = J(), [g, k] = K(O), t = e && o !== void 0, d = (e ? t ? o : g : "expanded") === "expanded", q = (r) => {
+    e && (t || k(r), a == null || a(r));
+  }, z = () => {
+    q(d ? "collapsed" : "expanded");
+  }, F = !e || d;
+  return /* @__PURE__ */ G(
     "section",
     {
+      ...U,
       className: [s["admin-panel"], f].join(" ").trim(),
       "aria-labelledby": i,
       children: [
         /* @__PURE__ */ l(
-          G,
+          L,
           {
             titleId: i,
             title: c,
@@ -63,8 +67,10 @@ function R({
             switchDisabled: h,
             expandable: e,
             isExpanded: d,
-            onToggleExpand: g,
-            showDivider: k
+            onToggleExpand: z,
+            expandLabel: P,
+            collapseLabel: T,
+            showDivider: F
           }
         ),
         e ? /* @__PURE__ */ l(
@@ -83,6 +89,6 @@ function R({
   );
 }
 export {
-  R as default
+  W as default
 };
 //# sourceMappingURL=AdminPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdminPanel.js","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  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} size=\"20\" />`. */\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?: (\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}\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":";;;;AA2CA,SAAwBA,EAAW;AAAA,EACjC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,qBAAAC,IAAsB;AAAA,EACtB,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAeC;AAAA,EACf,sBAAAC,IAAuB;AAAA,EACvB,uBAAAC;AACF,GAAoB;AAClB,QAAMC,IAAUC,EAAA,GAEV,CAACC,GAAsBC,CAAuB,IAClDC,EAAkCN,CAAoB,GAElDO,IAAqBT,KAAcC,MAAsB,QAOzDS,KANkDV,IAEpDS,IACER,IACAK,IAHF,gBAKyC,YAEvCK,IAAmB,CAACC,MAAkC;AAC1D,IAAKZ,MACAS,KACHF,EAAwBK,CAAI,GAE9BT,KAAA,QAAAA,EAAwBS;AAAA,EAC1B,GAEMC,IAAiB,MAAM;AAC3B,IAAAF,EAAiBD,IAAa,cAAc,UAAU;AAAA,EACxD,GAEMI,IAAoB,CAACd,KAAcU;AAEzC,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,aAAa,GAAGhC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MACxD,mBAAiBoB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAAd;AAAA,YACA,OAAAxB;AAAA,YACA,UAAAC;AAAA,YACA,eAAAC;AAAA,YACA,UAAAG;AAAA,YACA,aAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,qBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,YAAAU;AAAA,YACA,gBAAgBG;AAAA,YAChB,aAAaC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEdd,IACC,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO,uBAAuB;AAAA,cAC9BN,IAAaM,EAAO,iCAAiC,IAAI;AAAA,YAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,eAAa,CAACN;AAAA,YAEd,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAAjC,GAAS,EAAA,CACzD;AAAA,UAAA;AAAA,QAAA,IAGF,gBAAAkC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAAjC,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI/D;"}
+{"version":3,"file":"AdminPanel.js","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"sourcesContent":["import {\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\nexport interface AdminPanelProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} size=\"20\" />`. */\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/**\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  expandLabel,\n  collapseLabel,\n  ...rest\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      {...rest}\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        expandLabel={expandLabel}\n        collapseLabel={collapseLabel}\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","expandLabel","collapseLabel","rest","titleId","useId","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","showHeaderDivider","jsxs","styles","jsx","AdminPanelHeader"],"mappings":";;;;AA2DA,SAAwBA,EAAW;AAAA,EACjC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,qBAAAC,IAAsB;AAAA,EACtB,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAeC;AAAA,EACf,sBAAAC,IAAuB;AAAA,EACvB,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAUC,EAAA,GAEV,CAACC,GAAsBC,CAAuB,IAClDC,EAAkCT,CAAoB,GAElDU,IAAqBZ,KAAcC,MAAsB,QAOzDY,KANkDb,IAEpDY,IACEX,IACAQ,IAHF,gBAKyC,YAEvCK,IAAmB,CAACC,MAAkC;AAC1D,IAAKf,MACAY,KACHF,EAAwBK,CAAI,GAE9BZ,KAAA,QAAAA,EAAwBY;AAAA,EAC1B,GAEMC,IAAiB,MAAM;AAC3B,IAAAF,EAAiBD,IAAa,cAAc,UAAU;AAAA,EACxD,GAEMI,IAAoB,CAACjB,KAAca;AAEzC,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,WAAW,CAACa,EAAO,aAAa,GAAGnC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MACxD,mBAAiBuB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAAd;AAAA,YACA,OAAA3B;AAAA,YACA,UAAAC;AAAA,YACA,eAAAC;AAAA,YACA,UAAAG;AAAA,YACA,aAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,qBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,YAAAa;AAAA,YACA,gBAAgBG;AAAA,YAChB,aAAAZ;AAAA,YACA,eAAAC;AAAA,YACA,aAAaY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEdjB,IACC,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO,uBAAuB;AAAA,cAC9BN,IAAaM,EAAO,iCAAiC,IAAI;AAAA,YAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,eAAa,CAACN;AAAA,YAEd,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAApC,GAAS,EAAA,CACzD;AAAA,UAAA;AAAA,QAAA,IAGF,gBAAAqC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAApC,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI/D;"}

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. */\n  saveLabel?: string;\n  cancelLabel?: string;\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  /** Override default copy when `warning` | `error`. */\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":"0WAuBMA,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 { 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"}

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

@@ -1,16 +1,20 @@
 import { ReactNode } from 'react';
 export type AdminPanelFooterStatus = 'none' | 'warning' | 'error';
 export interface AdminPanelFooterProps {
-    /** Primary footer action label. */
-    saveLabel?: string;
-    cancelLabel?: string;
+    /** 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;
-    /** Override default copy when `warning` | `error`. */
+    /**
+     * 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;
 }

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,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,sDAAsD;IACtD,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,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"}

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. */\n  saveLabel?: string;\n  cancelLabel?: string;\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  /** Override default copy when `warning` | `error`. */\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":";;;;;AAuBA,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 { 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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__M=require("@mattermost/compass-icons/components/chevron-down.js"),M=__M?.default??__M,__O=require("@mattermost/compass-icons/components/chevron-up.js"),O=__O?.default??__O,__A=require("@mattermost/compass-icons/components/cog-outline.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/mattermost.js"),H=__H?.default??__H,T=require("../button/Button.cjs"),a=require("../icon/Icon.cjs"),D=require("../icon-button/IconButton.cjs"),o=require("../tag/Tag.cjs"),L=require("../switch/Switch.cjs"),l=require("./AdminPanelHeader.module.scss.cjs");function R({titleId:m,title:f,subtitle:d,headerActions:t,iconLeft:h=!1,leadingIcon:j,showBeta:x=!1,betaLabel:p="Beta",showEnterpriseLabel:_=!1,enterpriseLabel:v="Enterprise",showButton:i=!1,buttonLabel:q="Button",onButtonClick:y,showSwitch:r=!1,switchLabel:z="Off",switchChecked:N,defaultSwitchChecked:g,onSwitchChange:s,switchDisabled:I,expandable:u=!1,isExpanded:n=!1,onToggleExpand:b,showDivider:k=!0,className:C=""}){const B=r||i||t!=null||u,P=e.jsx(a.default,{size:"20",glyph:e.jsx(A,{})});return e.jsx("header",{className:[l.default["admin-panel-header"],k?l.default["admin-panel-header--divided"]:"",C].filter(Boolean).join(" ").trim(),children:e.jsxs("div",{className:l.default["admin-panel-header__main"],children:[e.jsxs("div",{className:l.default["admin-panel-header__start"],children:[h?e.jsx("div",{className:l.default["admin-panel-header__leading"],"aria-hidden":!0,children:e.jsx(a.IconSlotContext.Provider,{value:{size:"20"},children:j??P})}):null,e.jsxs("div",{className:l.default["admin-panel-header__title-stack"],children:[e.jsxs("div",{className:l.default["admin-panel-header__title-row"],children:[e.jsx("h2",{id:m,className:l.default["admin-panel-header__title"],children:f}),_?e.jsx(o.default,{label:v,size:"x-small",type:"default",leadingIcon:e.jsx(a.default,{size:"10",glyph:e.jsx(H,{})})}):null,x?e.jsx(o.default,{label:p,size:"x-small",type:"default"}):null]}),d!=null?e.jsx("p",{className:l.default["admin-panel-header__subtitle"],children:d}):null]})]}),B?e.jsxs("div",{className:l.default["admin-panel-header__actions"],children:[r?e.jsx(L.default,{size:"medium",checked:N,defaultChecked:g,disabled:I,onChange:c=>{s==null||s(c.target.checked,c)},children:z}):null,i?e.jsx(T.default,{type:"button",size:"medium",emphasis:"primary",onClick:y,children:q}):null,t,u?e.jsx(D.default,{type:"button",style:"default",size:"medium","aria-label":n?"Collapse section":"Expand section","aria-expanded":n,onClick:b,icon:e.jsx(a.default,{size:"20",glyph:n?e.jsx(O,{}):e.jsx(M,{})})}):null]}):null]})})}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__A=require("@mattermost/compass-icons/components/chevron-down.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/chevron-up.js"),H=__H?.default??__H,__T=require("@mattermost/compass-icons/components/cog-outline.js"),T=__T?.default??__T,__D=require("@mattermost/compass-icons/components/mattermost.js"),D=__D?.default??__D,L=require("../button/Button.cjs"),a=require("../icon/Icon.cjs"),R=require("../icon-button/IconButton.cjs"),o=require("../tag/Tag.cjs"),U=require("../switch/Switch.cjs"),l=require("./AdminPanelHeader.module.scss.cjs");function E({titleId:m,title:f,subtitle:d,headerActions:t,iconLeft:h=!1,leadingIcon:j,showBeta:x=!1,betaLabel:p="Beta",showEnterpriseLabel:_=!1,enterpriseLabel:v="Enterprise",showButton:i=!1,buttonLabel:q="Button",onButtonClick:y,showSwitch:r=!1,switchLabel:z="Off",switchChecked:N,defaultSwitchChecked:g,onSwitchChange:s,switchDisabled:I,expandable:u=!1,isExpanded:n=!1,onToggleExpand:b,expandLabel:k="Expand section",collapseLabel:C="Collapse section",showDivider:B=!0,className:P=""}){const M=r||i||t!=null||u,O=e.jsx(a.default,{size:"20",glyph:e.jsx(T,{})});return e.jsx("header",{className:[l.default["admin-panel-header"],B?l.default["admin-panel-header--divided"]:"",P].filter(Boolean).join(" ").trim(),children:e.jsxs("div",{className:l.default["admin-panel-header__main"],children:[e.jsxs("div",{className:l.default["admin-panel-header__start"],children:[h?e.jsx("div",{className:l.default["admin-panel-header__leading"],"aria-hidden":!0,children:e.jsx(a.IconSlotContext.Provider,{value:{size:"20"},children:j??O})}):null,e.jsxs("div",{className:l.default["admin-panel-header__title-stack"],children:[e.jsxs("div",{className:l.default["admin-panel-header__title-row"],children:[e.jsx("h2",{id:m,className:l.default["admin-panel-header__title"],children:f}),_?e.jsx(o.default,{label:v,size:"x-small",type:"default",leadingIcon:e.jsx(a.default,{size:"10",glyph:e.jsx(D,{})})}):null,x?e.jsx(o.default,{label:p,size:"x-small",type:"default"}):null]}),d!=null?e.jsx("p",{className:l.default["admin-panel-header__subtitle"],children:d}):null]})]}),M?e.jsxs("div",{className:l.default["admin-panel-header__actions"],children:[r?e.jsx(U.default,{size:"medium",checked:N,defaultChecked:g,disabled:I,onChange:c=>{s==null||s(c.target.checked,c)},children:z}):null,i?e.jsx(L.default,{type:"button",size:"medium",emphasis:"primary",onClick:y,children:q}):null,t,u?e.jsx(R.default,{type:"button",style:"default",size:"medium","aria-label":n?C:k,"aria-expanded":n,onClick:b,icon:e.jsx(a.default,{size:"20",glyph:n?e.jsx(H,{}):e.jsx(A,{})})}):null]}):null]})})}exports.default=E;
 //# sourceMappingURL=AdminPanelHeader.cjs.map

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  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?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\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  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 ? 'Collapse section' : 'Expand section'}\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","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"gmBAwDA,SAAwBA,EAAiB,CACvC,QAAAC,EACA,MAAAC,EACA,SAAAC,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,WAAAC,EAAa,GACb,eAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EAAY,EACd,EAA0B,CACxB,MAAMC,EACJX,GAAcH,GAAcP,GAAiB,MAAQgB,EAEjDM,QAAkBC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACC,IAAe,CAAA,CAAI,EAElE,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CACTE,EAAAA,QAAO,oBAAoB,EAC3BP,EAAcO,EAAAA,QAAO,6BAA6B,EAAI,GACtDN,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EAEH,SAAAO,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,0BAA0B,EAC/C,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,2BAA2B,EAC/C,SAAA,CAAAzB,EACCuB,EAAAA,IAAC,OAAI,UAAWE,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GAChE,SAAAF,EAAAA,IAACI,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAA1B,GAAeoB,EAClB,EACF,EACE,KACJK,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACpD,SAAA,CAAAF,EAAAA,IAAC,MAAG,GAAI3B,EAAS,UAAW6B,EAAAA,QAAO,2BAA2B,EAC3D,SAAA5B,EACH,EACCO,EACCmB,EAAAA,IAACK,EAAAA,QAAA,CACC,MAAOvB,EACP,KAAK,UACL,KAAK,UACL,kBAAciB,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACM,IAAe,CAAA,CAAI,CAAA,CAAA,EAExD,KACH3B,QACE0B,UAAA,CAAI,MAAOzB,EAAW,KAAK,UAAU,KAAK,SAAA,CAAU,EACnD,IAAA,EACN,EACCL,GAAY,KACXyB,MAAC,IAAA,CAAE,UAAWE,EAAAA,QAAO,8BAA8B,EAChD,SAAA3B,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,EACF,EACCsB,EACCM,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,6BAA6B,EACjD,SAAA,CAAAhB,EACCc,EAAAA,IAACO,EAAAA,QAAA,CACC,KAAK,SACL,QAASnB,EACT,eAAgBC,EAChB,SAAUE,EACV,SAAWiB,GAAM,CACflB,GAAA,MAAAA,EAAiBkB,EAAE,OAAO,QAASA,EACrC,EAEC,SAAArB,CAAA,CAAA,EAED,KACHJ,EACCiB,EAAAA,IAACS,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,UACT,QAASxB,EAER,SAAAD,CAAA,CAAA,EAED,KACHR,EACAgB,EACCQ,EAAAA,IAACU,EAAAA,QAAA,CACC,KAAK,SACL,MAAM,UACN,KAAK,SACL,aAAYjB,EAAa,mBAAqB,iBAC9C,gBAAeA,EACf,QAASC,EACT,KACEM,EAAAA,IAACD,EAAAA,QAAA,CACC,KAAK,KACL,MAAON,EAAaO,MAACW,EAAA,CAAA,CAAc,QAAMC,EAAA,CAAA,CAAgB,CAAA,CAAA,CAC3D,CAAA,EAGF,IAAA,CAAA,CACN,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}
+{"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":"gmBA+DA,SAAwBA,EAAiB,CACvC,QAAAC,EACA,MAAAC,EACA,SAAAC,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,WAAAC,EAAa,GACb,eAAAC,EACA,YAAAC,EAAc,iBACd,cAAAC,EAAgB,mBAChB,YAAAC,EAAc,GACd,UAAAC,EAAY,EACd,EAA0B,CACxB,MAAMC,EACJb,GAAcH,GAAcP,GAAiB,MAAQgB,EAEjDQ,QAAkBC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACC,IAAe,CAAA,CAAI,EAElE,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CACTE,EAAAA,QAAO,oBAAoB,EAC3BP,EAAcO,EAAAA,QAAO,6BAA6B,EAAI,GACtDN,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EAEH,SAAAO,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,0BAA0B,EAC/C,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,2BAA2B,EAC/C,SAAA,CAAA3B,EACCyB,EAAAA,IAAC,OAAI,UAAWE,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GAChE,SAAAF,EAAAA,IAACI,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAA5B,GAAesB,EAClB,EACF,EACE,KACJK,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACpD,SAAA,CAAAF,EAAAA,IAAC,MAAG,GAAI7B,EAAS,UAAW+B,EAAAA,QAAO,2BAA2B,EAC3D,SAAA9B,EACH,EACCO,EACCqB,EAAAA,IAACK,EAAAA,QAAA,CACC,MAAOzB,EACP,KAAK,UACL,KAAK,UACL,kBAAcmB,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACM,IAAe,CAAA,CAAI,CAAA,CAAA,EAExD,KACH7B,QACE4B,UAAA,CAAI,MAAO3B,EAAW,KAAK,UAAU,KAAK,SAAA,CAAU,EACnD,IAAA,EACN,EACCL,GAAY,KACX2B,MAAC,IAAA,CAAE,UAAWE,EAAAA,QAAO,8BAA8B,EAChD,SAAA7B,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,EACF,EACCwB,EACCM,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,6BAA6B,EACjD,SAAA,CAAAlB,EACCgB,EAAAA,IAACO,EAAAA,QAAA,CACC,KAAK,SACL,QAASrB,EACT,eAAgBC,EAChB,SAAUE,EACV,SAAWmB,GAAM,CACfpB,GAAA,MAAAA,EAAiBoB,EAAE,OAAO,QAASA,EACrC,EAEC,SAAAvB,CAAA,CAAA,EAED,KACHJ,EACCmB,EAAAA,IAACS,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,UACT,QAAS1B,EAER,SAAAD,CAAA,CAAA,EAED,KACHR,EACAgB,EACCU,EAAAA,IAACU,EAAAA,QAAA,CACC,KAAK,SACL,MAAM,UACN,KAAK,SACL,aAAYnB,EAAaG,EAAgBD,EACzC,gBAAeF,EACf,QAASC,EACT,KACEQ,EAAAA,IAACD,EAAAA,QAAA,CACC,KAAK,KACL,MAAOR,EAAaS,MAACW,EAAA,CAAA,CAAc,QAAMC,EAAA,CAAA,CAAgB,CAAA,CAAA,CAC3D,CAAA,EAGF,IAAA,CAAA,CACN,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}

package/dist/components/admin-panel-header/AdminPanelHeader.css

@@ -1 +1 @@
-._admin-panel-header_2n9e4_2{flex-shrink:0;border-bottom:1px solid transparent;transition:border-color var(--duration-moderate) var(--ease-transition)}._admin-panel-header--divided_2n9e4_7{border-bottom-color:rgba(var(--center-channel-color-rgb),.12)}._admin-panel-header__main_2n9e4_10{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-header__start_2n9e4_19{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-m);min-width:0}._admin-panel-header__leading_2n9e4_26{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.64)}._admin-panel-header__title-stack_2n9e4_37{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-xxxxs);align-items:flex-start;justify-content:center;min-width:0}._admin-panel-header__title-row_2n9e4_46{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;min-width:0;width:100%}._admin-panel-header__title_2n9e4_37{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-panel-header__subtitle_2n9e4_66{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);max-width:100%}._admin-panel-header__actions_2n9e4_75{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--spacing-m)}
+._admin-panel-header_19tix_2{flex-shrink:0;border-bottom:1px solid transparent;transition:border-color var(--duration-moderate) var(--ease-transition)}._admin-panel-header--divided_19tix_7{border-bottom-color:rgba(var(--center-channel-color-rgb),.12)}._admin-panel-header__main_19tix_10{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-header__start_19tix_19{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-m);min-width:0}._admin-panel-header__leading_19tix_26{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.64)}._admin-panel-header__title-stack_19tix_37{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-xxxxs);align-items:flex-start;justify-content:center;min-width:0}._admin-panel-header__title-row_19tix_46{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;min-width:0;width:100%}._admin-panel-header__title_19tix_37{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-panel-header__subtitle_19tix_66{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);max-width:100%}._admin-panel-header__actions_19tix_75{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--spacing-m)}

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

@@ -12,11 +12,14 @@ export interface AdminPanelHeaderProps {
     /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */
     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;
@@ -27,6 +30,10 @@ export interface AdminPanelHeaderProps {
     expandable?: boolean;
     isExpanded?: boolean;
     onToggleExpand?: () => 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;
     /** Bottom border under the header row (hidden when expandable and collapsed). */
     showDivider?: boolean;
     className?: string;
@@ -37,5 +44,5 @@ export interface AdminPanelHeaderProps {
  * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on
  * its own when adjusting header 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, showDivider, className, }: AdminPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+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,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,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,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,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;;;;;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"}