@mattermost/compass-ui 0.1.0-alpha.14 → 0.1.0-alpha.16

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

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

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

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

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

@@ -1,94 +1,104 @@
-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 W({
-  title: c,
-  subtitle: m,
-  headerActions: p,
-  children: n,
-  className: f = "",
-  iconLeft: _ = !1,
-  leadingIcon: v,
-  showBeta: u = !1,
-  betaLabel: x = "Beta",
-  showEnterpriseLabel: E = !1,
-  enterpriseLabel: N = "Enterprise",
-  showButton: j = !1,
-  buttonLabel: y = "Button",
-  onButtonClick: B,
-  showSwitch: w = !1,
-  switchLabel: A = "Off",
-  switchChecked: D,
-  defaultSwitchChecked: H,
-  onSwitchChange: I,
-  switchDisabled: h,
-  expandable: e = !1,
-  expandedState: o,
-  defaultExpandedState: O = "collapsed",
-  onExpandedStateChange: a,
-  expandLabel: P,
-  collapseLabel: T,
-  ...U
-}) {
-  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(
+import { jsxs as s, jsx as i, Fragment as W } from "react/jsx-runtime";
+import { useId as X, useState as Y, Children as Z } from "react";
+import $ from "../admin-panel-header/AdminPanelHeader.js";
+import a from "./AdminPanel.module.scss.js";
+function de(b) {
+  const {
+    title: t,
+    children: c,
+    footer: l,
+    className: w = "",
+    ...E
+  } = b, {
+    subtitle: v,
+    headerActions: S,
+    iconLeft: L = !1,
+    leadingIcon: _,
+    showBeta: g = !1,
+    betaLabel: B = "Beta",
+    showEnterpriseLabel: y = !1,
+    enterpriseLabel: C = "Enterprise",
+    showButton: N = !1,
+    buttonLabel: j = "Button",
+    onButtonClick: A,
+    showSwitch: k = !1,
+    switchLabel: D = "Off",
+    switchChecked: H,
+    defaultSwitchChecked: I,
+    onSwitchChange: P,
+    switchDisabled: F,
+    expandable: O = !1,
+    expandedState: r,
+    defaultExpandedState: R = "collapsed",
+    onExpandedStateChange: d,
+    expandLabel: T,
+    collapseLabel: U,
+    ...q
+  } = E, p = X(), o = t != null && t !== !1 && t !== "", [z, G] = Y(R), e = o && O, h = e && r !== void 0, n = (e ? h ? r : z : "expanded") === "expanded", J = (u) => {
+    e && (h || G(u), d == null || d(u));
+  }, K = () => {
+    J(n ? "collapsed" : "expanded");
+  }, m = Z.toArray(c).length > 0, M = l != null, f = m || M, Q = f && (!e || n), x = m ? /* @__PURE__ */ i("div", { className: a["admin-panel__body"], children: c }) : null, V = f ? e ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: [
+        a["admin-panel__collapse"],
+        n ? a["admin-panel__collapse--expanded"] : ""
+      ].filter(Boolean).join(" "),
+      "aria-hidden": !n,
+      inert: !n,
+      children: /* @__PURE__ */ s("div", { className: a["admin-panel__collapse-inner"], children: [
+        x,
+        l
+      ] })
+    }
+  ) : /* @__PURE__ */ s(W, { children: [
+    x,
+    l
+  ] }) : null;
+  return /* @__PURE__ */ s(
     "section",
     {
-      ...U,
-      className: [s["admin-panel"], f].join(" ").trim(),
-      "aria-labelledby": i,
+      ...q,
+      className: [a["admin-panel"], w].join(" ").trim(),
+      "aria-labelledby": o ? p : void 0,
       children: [
-        /* @__PURE__ */ l(
-          L,
+        o ? /* @__PURE__ */ i(
+          $,
           {
-            titleId: i,
-            title: c,
-            subtitle: m,
-            headerActions: p,
-            iconLeft: _,
-            leadingIcon: v,
-            showBeta: u,
-            betaLabel: x,
-            showEnterpriseLabel: E,
-            enterpriseLabel: N,
-            showButton: j,
-            buttonLabel: y,
-            onButtonClick: B,
-            showSwitch: w,
-            switchLabel: A,
-            switchChecked: D,
-            defaultSwitchChecked: H,
-            onSwitchChange: I,
-            switchDisabled: h,
+            titleId: p,
+            title: t,
+            subtitle: v,
+            headerActions: S,
+            iconLeft: L,
+            leadingIcon: _,
+            showBeta: g,
+            betaLabel: B,
+            showEnterpriseLabel: y,
+            enterpriseLabel: C,
+            showButton: N,
+            buttonLabel: j,
+            onButtonClick: A,
+            showSwitch: k,
+            switchLabel: D,
+            switchChecked: H,
+            defaultSwitchChecked: I,
+            onSwitchChange: P,
+            switchDisabled: F,
             expandable: e,
-            isExpanded: d,
-            onToggleExpand: z,
-            expandLabel: P,
-            collapseLabel: T,
-            showDivider: F
-          }
-        ),
-        e ? /* @__PURE__ */ l(
-          "div",
-          {
-            className: [
-              s["admin-panel__collapse"],
-              d ? s["admin-panel__collapse--expanded"] : ""
-            ].filter(Boolean).join(" "),
-            "aria-hidden": !d,
-            children: /* @__PURE__ */ l("div", { className: s["admin-panel__collapse-inner"], children: /* @__PURE__ */ l("div", { className: s["admin-panel__body"], children: n }) })
+            isExpanded: n,
+            onToggleExpand: K,
+            expandLabel: T,
+            collapseLabel: U,
+            showDivider: Q
           }
-        ) : /* @__PURE__ */ l("div", { className: s["admin-panel__body"], children: n })
+        ) : null,
+        V
       ]
     }
   );
 }
 export {
-  W as default
+  de 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 {\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;"}
+{"version":3,"file":"AdminPanel.js","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"sourcesContent":["import {\n  Children,\n  useId,\n  useState,\n  type ChangeEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport AdminPanelHeader, {\n  type AdminPanelExpandedState,\n} from '@/components/admin-panel-header/AdminPanelHeader';\nimport styles from './AdminPanel.module.scss';\n\nexport type { AdminPanelExpandedState };\n\n/** Non-null content for required header/body slots (runtime still guards nullish escapes). */\ntype AdminPanelContent = NonNullable<ReactNode>;\n\ntype AdminPanelChromeProps = Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> & {\n  className?: string;\n  /**\n   * Optional footer rail below the body — typically\n   * [`AdminPanelFooter`](/components/admin-panel-footer) with left/right action slots.\n   * Collapses with the body when the panel is expandable.\n   */\n  footer?: ReactNode;\n};\n\ntype AdminPanelHeaderSlotProps = {\n  title: AdminPanelContent;\n  subtitle?: ReactNode;\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon forwarded to `AdminPanelHeader`'s 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />`. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  expandedState?: AdminPanelExpandedState;\n  defaultExpandedState?: AdminPanelExpandedState;\n  onExpandedStateChange?: (state: AdminPanelExpandedState) => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n};\n\n/** Panel with a header. Body and footer are optional. */\ntype AdminPanelWithHeaderProps = AdminPanelChromeProps &\n  AdminPanelHeaderSlotProps & {\n    children?: ReactNode;\n  };\n\n/**\n * Header-less panel. `children` (body) are required — footer alone is not enough.\n * Header chrome props (`subtitle`, `expandable`, …) are not accepted on this variant.\n */\ntype AdminPanelWithoutHeaderProps = AdminPanelChromeProps & {\n  title?: undefined;\n  children: AdminPanelContent;\n};\n\n/**\n * System Console admin settings panel. Provide a `title` (header), `children`\n * (body), or both. Footer is always optional. Header-only and body-only panels\n * are valid; footer-only is not.\n */\nexport type AdminPanelProps =\n  | AdminPanelWithHeaderProps\n  | AdminPanelWithoutHeaderProps;\n\n/**\n * Admin Panel is the bordered sheet used throughout System Console for a single\n * settings section. It can include an\n * [`Admin Panel Header`](/components/admin-panel-header), a body where grouped\n * fields and help text live, and an optional\n * [`Admin Panel Footer`](/components/admin-panel-footer) for sectional actions.\n * Provide a header, a body, or both — footer alone is not enough. Expand/collapse\n * state is owned here and passed to the header when present.\n */\nexport default function AdminPanel(props: AdminPanelProps) {\n  const {\n    title,\n    children,\n    footer,\n    className = '',\n    ...rest\n  } = props as AdminPanelWithHeaderProps;\n\n  const {\n    subtitle,\n    headerActions,\n    iconLeft = false,\n    leadingIcon,\n    showBeta = false,\n    betaLabel = 'Beta',\n    showEnterpriseLabel = false,\n    enterpriseLabel = 'Enterprise',\n    showButton = false,\n    buttonLabel = 'Button',\n    onButtonClick,\n    showSwitch = false,\n    switchLabel = 'Off',\n    switchChecked,\n    defaultSwitchChecked,\n    onSwitchChange,\n    switchDisabled,\n    expandable = false,\n    expandedState: expandedStateProp,\n    defaultExpandedState = 'collapsed',\n    onExpandedStateChange,\n    expandLabel,\n    collapseLabel,\n    ...domRest\n  } = rest;\n\n  const titleId = useId();\n  // Treat nullish / false / '' as no header so JS callers and type escapes stay safe.\n  const hasHeader = title != null && title !== false && title !== '';\n\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState<AdminPanelExpandedState>(defaultExpandedState);\n\n  // Expand/collapse lives on the header; without one, content stays visible.\n  const canExpand = hasHeader && expandable;\n  const isExpandControlled = canExpand && expandedStateProp !== undefined;\n  const resolvedExpandedState: AdminPanelExpandedState = !canExpand\n    ? 'expanded'\n    : isExpandControlled\n      ? expandedStateProp!\n      : uncontrolledExpanded;\n\n  const isExpanded = resolvedExpandedState === 'expanded';\n\n  const setExpandedState = (next: AdminPanelExpandedState) => {\n    if (!canExpand) return;\n    if (!isExpandControlled) {\n      setUncontrolledExpanded(next);\n    }\n    onExpandedStateChange?.(next);\n  };\n\n  const toggleExpanded = () => {\n    setExpandedState(isExpanded ? 'collapsed' : 'expanded');\n  };\n\n  const hasBody = Children.toArray(children).length > 0;\n  const hasFooter = footer != null;\n  const hasContent = hasBody || hasFooter;\n  // Skip the header divider when there is no body/footer so header-only\n  // panels don’t show an orphan rule above the card edge.\n  const showHeaderDivider = hasContent && (!canExpand || isExpanded);\n\n  const body = hasBody ? (\n    <div className={styles['admin-panel__body']}>{children}</div>\n  ) : null;\n\n  const content = hasContent ? (\n    canExpand ? (\n      <div\n        className={[\n          styles['admin-panel__collapse'],\n          isExpanded ? styles['admin-panel__collapse--expanded'] : '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        aria-hidden={!isExpanded}\n        inert={!isExpanded}\n      >\n        <div className={styles['admin-panel__collapse-inner']}>\n          {body}\n          {footer}\n        </div>\n      </div>\n    ) : (\n      <>\n        {body}\n        {footer}\n      </>\n    )\n  ) : null;\n\n  return (\n    <section\n      {...domRest}\n      className={[styles['admin-panel'], className].join(' ').trim()}\n      aria-labelledby={hasHeader ? titleId : undefined}\n    >\n      {hasHeader ? (\n        <AdminPanelHeader\n          titleId={titleId}\n          title={title}\n          subtitle={subtitle}\n          headerActions={headerActions}\n          iconLeft={iconLeft}\n          leadingIcon={leadingIcon}\n          showBeta={showBeta}\n          betaLabel={betaLabel}\n          showEnterpriseLabel={showEnterpriseLabel}\n          enterpriseLabel={enterpriseLabel}\n          showButton={showButton}\n          buttonLabel={buttonLabel}\n          onButtonClick={onButtonClick}\n          showSwitch={showSwitch}\n          switchLabel={switchLabel}\n          switchChecked={switchChecked}\n          defaultSwitchChecked={defaultSwitchChecked}\n          onSwitchChange={onSwitchChange}\n          switchDisabled={switchDisabled}\n          expandable={canExpand}\n          isExpanded={isExpanded}\n          onToggleExpand={toggleExpanded}\n          expandLabel={expandLabel}\n          collapseLabel={collapseLabel}\n          showDivider={showHeaderDivider}\n        />\n      ) : null}\n      {content}\n    </section>\n  );\n}\n"],"names":["AdminPanel","props","title","children","footer","className","rest","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","expandedStateProp","defaultExpandedState","onExpandedStateChange","expandLabel","collapseLabel","domRest","titleId","useId","hasHeader","uncontrolledExpanded","setUncontrolledExpanded","useState","canExpand","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","hasBody","Children","hasFooter","hasContent","showHeaderDivider","body","jsx","styles","content","jsxs","Fragment","AdminPanelHeader"],"mappings":";;;;AAoGA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACDL,GAEE;AAAA,IACJ,UAAAM;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,qBAAAC,IAAsB;AAAA,IACtB,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,eAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,eAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAeC;AAAA,IACf,sBAAAC,IAAuB;AAAA,IACvB,uBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDxB,GAEEyB,IAAUC,EAAA,GAEVC,IAAY/B,KAAS,QAAQA,MAAU,MAASA,MAAU,IAE1D,CAACgC,GAAsBC,CAAuB,IAClDC,EAAkCV,CAAoB,GAGlDW,IAAYJ,KAAaT,GACzBc,IAAqBD,KAAaZ,MAAsB,QAOxDc,KANkDF,IAEpDC,IACEb,IACAS,IAHF,gBAKyC,YAEvCM,IAAmB,CAACC,MAAkC;AAC1D,IAAKJ,MACAC,KACHH,EAAwBM,CAAI,GAE9Bd,KAAA,QAAAA,EAAwBc;AAAA,EAC1B,GAEMC,IAAiB,MAAM;AAC3B,IAAAF,EAAiBD,IAAa,cAAc,UAAU;AAAA,EACxD,GAEMI,IAAUC,EAAS,QAAQzC,CAAQ,EAAE,SAAS,GAC9C0C,IAAYzC,KAAU,MACtB0C,IAAaH,KAAWE,GAGxBE,IAAoBD,MAAe,CAACT,KAAaE,IAEjDS,IAAOL,IACX,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,mBAAmB,GAAI,UAAA/C,EAAA,CAAS,IACrD,MAEEgD,IAAUL,IACdT,IACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACTC,EAAO,uBAAuB;AAAA,QAC9BX,IAAaW,EAAO,iCAAiC,IAAI;AAAA,MAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,eAAa,CAACX;AAAA,MACd,OAAO,CAACA;AAAA,MAER,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAWF,EAAO,6BAA6B,GACjD,UAAA;AAAA,QAAAF;AAAA,QACA5C;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAgD,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAL;AAAA,IACA5C;AAAA,EAAA,EAAA,CACH,IAEA;AAEJ,SACE,gBAAAgD;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGtB;AAAA,MACJ,WAAW,CAACoB,EAAO,aAAa,GAAG7C,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MACxD,mBAAiB4B,IAAYF,IAAU;AAAA,MAEtC,UAAA;AAAA,QAAAE,IACC,gBAAAgB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAAvB;AAAA,YACA,OAAA7B;AAAA,YACA,UAAAK;AAAA,YACA,eAAAC;AAAA,YACA,UAAAC;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,YAAYc;AAAA,YACZ,YAAAE;AAAA,YACA,gBAAgBG;AAAA,YAChB,aAAAd;AAAA,YACA,eAAAC;AAAA,YACA,aAAakB;AAAA,UAAA;AAAA,QAAA,IAEb;AAAA,QACHI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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