@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.cjs","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n} from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { renderAsChild } from '@/utils/slot';\nimport styles from './ActionButton.module.scss';\n\ninterface ActionButtonOwnProps {\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  destructive?: boolean;\n  className?: string;\n  /**\n   * When true, disables the control. On a native `<button>`, sets the `disabled`\n   * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and\n   * blocks click / middle-click navigation (the link stays focusable).\n   */\n  disabled?: boolean;\n}\n\nexport interface ActionButtonProps\n  extends ActionButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * When true, merges ActionButton props onto the single child element instead of\n   * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.\n   */\n  asChild?: false;\n  /**\n   * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native\n   * `<button>`; not available with `asChild`.\n   */\n  active?: boolean;\n}\n\nexport interface ActionButtonAsChildProps\n  extends\n    ActionButtonOwnProps,\n    Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {\n  /**\n   * Merges ActionButton props onto the single child element instead of rendering a\n   * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the\n   * child. Do not pass `type` or `active` — they are not available on links.\n   * Pass an empty child; ActionButton supplies the icon and label anatomy.\n   */\n  asChild: true;\n  /** Single empty element to render as the ActionButton (e.g. `<a href=\"…\" />`). */\n  children: ReactElement;\n}\n\ntype ActionButtonComponent = {\n  (\n    props: ActionButtonAsChildProps & RefAttributes<HTMLElement>,\n  ): ReactElement | null;\n  (\n    props: ActionButtonProps & RefAttributes<HTMLButtonElement>,\n  ): ReactElement | null;\n  displayName?: string;\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 *\n * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational\n * action with Action Button styling (no nested `<button>`).\n */\nconst ActionButton = forwardRef(function ActionButton(\n  props: ActionButtonProps | ActionButtonAsChildProps,\n  ref: Ref<HTMLButtonElement | HTMLElement>,\n) {\n  if (props.asChild) {\n    const {\n      icon,\n      label,\n      destructive = false,\n      className,\n      disabled,\n      children,\n      asChild,\n      ...rest\n    } = props;\n    void asChild;\n\n    const rootClass = [\n      styles['action-button'],\n      destructive ? styles['action-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const anatomy = (\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      </>\n    );\n\n    return renderAsChild({\n      child: children,\n      props: {\n        ...rest,\n        className: rootClass,\n      },\n      ref,\n      content: anatomy,\n      disabled: Boolean(disabled),\n      disabledClassName: styles['action-button--disabled'],\n      warnOnChildContent: true,\n    });\n  }\n\n  const {\n    icon,\n    label,\n    active,\n    destructive = false,\n    className,\n    disabled,\n    type = 'button',\n    asChild,\n    ...htmlProps\n  } = props;\n  void asChild;\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 as Ref<HTMLButtonElement>}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\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}) as ActionButtonComponent;\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"names":["ActionButton","forwardRef","props","ref","icon","label","destructive","className","disabled","children","asChild","rest","rootClass","styles","anatomy","jsxs","Fragment","jsx","IconSlotContext","renderAsChild","active","type","htmlProps"],"mappings":"gRA2EMA,EAAeC,EAAAA,WAAW,SAC9BC,EACAC,EACA,CACA,GAAID,EAAM,QAAS,CACjB,KAAM,CACJ,KAAAE,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EACDT,EAGEU,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBP,EAAcO,EAAAA,QAAO,4BAA4B,EAAI,GACrDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAELO,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAAC,QAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,MACtC,SAAAd,EACH,EACF,QACC,OAAA,CAAK,UAAWS,EAAAA,QAAO,sBAAsB,EAAI,SAAAR,CAAAA,CAAM,CAAA,EAC1D,EAGF,OAAOc,gBAAc,CACnB,MAAOV,EACP,MAAO,CACL,GAAGE,EACH,UAAWC,CAAA,EAEb,IAAAT,EACA,QAASW,EACT,SAAU,EAAQN,EAClB,kBAAmBK,EAAAA,QAAO,yBAAyB,EACnD,mBAAoB,EAAA,CACrB,CACH,CAEA,KAAM,CACJ,KAAAT,EACA,MAAAC,EACA,OAAAe,EACA,YAAAd,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,KAAAa,EAAO,SACP,QAAAX,EACA,GAAGY,CAAA,EACDpB,EAGEU,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBO,EAASP,EAAAA,QAAO,uBAAuB,EAAI,GAC3CP,EAAcO,EAAAA,QAAO,4BAA4B,EAAI,GACrDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,SAAA,CACC,IAAAZ,EACA,UAAWS,EACX,KAAAS,EACA,SAAAb,EACA,eAAcY,IAAW,OAAY,OAAYA,EAChD,GAAGE,EAEJ,SAAA,CAAAL,MAAC,QAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QACC,OAAA,CAAK,UAAWL,EAAAA,QAAO,sBAAsB,EAAI,SAAAR,CAAA,CAAM,CAAA,CAAA,CAAA,CAG9D,CAAC,EAEDL,EAAa,YAAc"}

package/dist/components/action-button/ActionButton.css

@@ -0,0 +1 @@
+._action-button_1nxkv_2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:108px;min-width:64px;max-width:100%;padding:var(--spacing-m) 0 var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);--action-button-fg: rgba(var(--center-channel-color-rgb), .64);color:var(--action-button-fg);cursor:pointer;text-decoration:none;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0}._action-button_1nxkv_2:any-link,._action-button_1nxkv_2:hover,._action-button_1nxkv_2:focus,._action-button_1nxkv_2:active,._action-button_1nxkv_2:visited{color:var(--action-button-fg);text-decoration:none}._action-button_1nxkv_2:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._action-button_1nxkv_2:hover:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--center-channel-color-rgb),.08);--action-button-fg: rgba(var(--center-channel-color-rgb), .75)}._action-button_1nxkv_2:active:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--button-bg-rgb),.08);--action-button-fg: var(--link-color)}._action-button_1nxkv_2:is(:disabled,._action-button--disabled_1nxkv_30){opacity:.48;cursor:not-allowed}._action-button--active_1nxkv_42{--action-button-fg: var(--link-color);background-color:rgba(var(--button-bg-rgb),.08)}._action-button--active_1nxkv_42 ._action-button__icon_1nxkv_46,._action-button--active_1nxkv_42 ._action-button__label_1nxkv_47{color:var(--link-color)}._action-button--active_1nxkv_42:hover:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--button-bg-rgb),.12)}._action-button--active_1nxkv_42:active:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--button-bg-rgb),.16)}._action-button--destructive_1nxkv_56{--focus-ring-color: var(--error-text, var(--color-danger));--action-button-fg: var(--error-text, var(--color-danger));background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04)}._action-button--destructive_1nxkv_56:hover:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);--action-button-fg: var(--error-text, var(--color-danger))}._action-button--destructive_1nxkv_56:active:not(:disabled,._action-button--disabled_1nxkv_30){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);--action-button-fg: var(--error-text, var(--color-danger))}._action-button__icon_1nxkv_46{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0;color:var(--action-button-fg)}._action-button__label_1nxkv_47{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;box-sizing:border-box;max-width:100%;padding-inline:var(--action-button-padding-inline, clamp(var(--spacing-xs), 33.33% - 13.33px, var(--spacing-l)));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal;text-align:center;color:var(--action-button-fg)}

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

@@ -0,0 +1,54 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactElement, ReactNode, RefAttributes } from 'react';
+interface ActionButtonOwnProps {
+    /** Pass `<Icon glyph={<SomeIcon />} />` — ActionButton provides the correct size (20) via context. */
+    icon: ReactNode;
+    /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
+    destructive?: boolean;
+    className?: string;
+    /**
+     * When true, disables the control. On a native `<button>`, sets the `disabled`
+     * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and
+     * blocks click / middle-click navigation (the link stays focusable).
+     */
+    disabled?: boolean;
+}
+export interface ActionButtonProps extends ActionButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * When true, merges ActionButton props onto the single child element instead of
+     * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.
+     */
+    asChild?: false;
+    /**
+     * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native
+     * `<button>`; not available with `asChild`.
+     */
+    active?: boolean;
+}
+export interface ActionButtonAsChildProps extends ActionButtonOwnProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {
+    /**
+     * Merges ActionButton props onto the single child element instead of rendering a
+     * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the
+     * child. Do not pass `type` or `active` — they are not available on links.
+     * Pass an empty child; ActionButton supplies the icon and label anatomy.
+     */
+    asChild: true;
+    /** Single empty element to render as the ActionButton (e.g. `<a href="…" />`). */
+    children: ReactElement;
+}
+type ActionButtonComponent = {
+    (props: ActionButtonAsChildProps & RefAttributes<HTMLElement>): ReactElement | null;
+    (props: ActionButtonProps & RefAttributes<HTMLButtonElement>): ReactElement | null;
+    displayName?: string;
+};
+/**
+ * Action Buttons surface a small set of high-frequency actions in a fixed context — a
+ * profile popover, a channel info panel, a card. They sit close to the content they act on
+ * and read as a row of equal-weight choices.
+ *
+ * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational
+ * action with Action Button styling (no nested `<button>`).
+ */
+declare const ActionButton: ActionButtonComponent;
+export default ActionButton;
+//# sourceMappingURL=ActionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,UAAU,oBAAoB;IAC5B,sGAAsG;IACtG,IAAI,EAAE,SAAS,CAAC;IAChB,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBACf,SACE,oBAAoB,EACpB,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzD;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAC;IACd,kFAAkF;IAClF,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,KAAK,qBAAqB,GAAG;IAC3B,CACE,KAAK,EAAE,wBAAwB,GAAG,aAAa,CAAC,WAAW,CAAC,GAC3D,YAAY,GAAG,IAAI,CAAC;IACvB,CACE,KAAK,EAAE,iBAAiB,GAAG,aAAa,CAAC,iBAAiB,CAAC,GAC1D,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAyFZ,qBAAqB,CAAC;AAI5B,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,74 @@
+import { jsxs as i, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { forwardRef as A } from "react";
+import { IconSlotContext as s } from "../icon/Icon.js";
+import { renderAsChild as P } from "../../utils/slot.js";
+import t from "./ActionButton.module.scss.js";
+const w = A(function(a, o) {
+  if (a.asChild) {
+    const {
+      icon: f,
+      label: v,
+      destructive: p = !1,
+      className: C,
+      disabled: N,
+      children: _,
+      asChild: F,
+      ...B
+    } = a, j = [
+      t["action-button"],
+      p ? t["action-button--destructive"] : "",
+      C ?? ""
+    ].filter(Boolean).join(" "), x = /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ e("span", { className: t["action-button__icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(s.Provider, { value: { size: "20" }, children: f }) }),
+      /* @__PURE__ */ e("span", { className: t["action-button__label"], children: v })
+    ] });
+    return P({
+      child: _,
+      props: {
+        ...B,
+        className: j
+      },
+      ref: o,
+      content: x,
+      disabled: !!N,
+      disabledClassName: t["action-button--disabled"],
+      warnOnChildContent: !0
+    });
+  }
+  const {
+    icon: l,
+    label: c,
+    active: n,
+    destructive: r = !1,
+    className: d,
+    disabled: u,
+    type: m = "button",
+    asChild: g,
+    ...b
+  } = a, h = [
+    t["action-button"],
+    n ? t["action-button--active"] : "",
+    r ? t["action-button--destructive"] : "",
+    d ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      ref: o,
+      className: h,
+      type: m,
+      disabled: u,
+      "aria-pressed": n === void 0 ? void 0 : n,
+      ...b,
+      children: [
+        /* @__PURE__ */ e("span", { className: t["action-button__icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(s.Provider, { value: { size: "20" }, children: l }) }),
+        /* @__PURE__ */ e("span", { className: t["action-button__label"], children: c })
+      ]
+    }
+  );
+});
+w.displayName = "ActionButton";
+export {
+  w as default
+};
+//# sourceMappingURL=ActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n} from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { renderAsChild } from '@/utils/slot';\nimport styles from './ActionButton.module.scss';\n\ninterface ActionButtonOwnProps {\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  destructive?: boolean;\n  className?: string;\n  /**\n   * When true, disables the control. On a native `<button>`, sets the `disabled`\n   * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and\n   * blocks click / middle-click navigation (the link stays focusable).\n   */\n  disabled?: boolean;\n}\n\nexport interface ActionButtonProps\n  extends ActionButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * When true, merges ActionButton props onto the single child element instead of\n   * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.\n   */\n  asChild?: false;\n  /**\n   * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native\n   * `<button>`; not available with `asChild`.\n   */\n  active?: boolean;\n}\n\nexport interface ActionButtonAsChildProps\n  extends\n    ActionButtonOwnProps,\n    Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {\n  /**\n   * Merges ActionButton props onto the single child element instead of rendering a\n   * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the\n   * child. Do not pass `type` or `active` — they are not available on links.\n   * Pass an empty child; ActionButton supplies the icon and label anatomy.\n   */\n  asChild: true;\n  /** Single empty element to render as the ActionButton (e.g. `<a href=\"…\" />`). */\n  children: ReactElement;\n}\n\ntype ActionButtonComponent = {\n  (\n    props: ActionButtonAsChildProps & RefAttributes<HTMLElement>,\n  ): ReactElement | null;\n  (\n    props: ActionButtonProps & RefAttributes<HTMLButtonElement>,\n  ): ReactElement | null;\n  displayName?: string;\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 *\n * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational\n * action with Action Button styling (no nested `<button>`).\n */\nconst ActionButton = forwardRef(function ActionButton(\n  props: ActionButtonProps | ActionButtonAsChildProps,\n  ref: Ref<HTMLButtonElement | HTMLElement>,\n) {\n  if (props.asChild) {\n    const {\n      icon,\n      label,\n      destructive = false,\n      className,\n      disabled,\n      children,\n      asChild,\n      ...rest\n    } = props;\n    void asChild;\n\n    const rootClass = [\n      styles['action-button'],\n      destructive ? styles['action-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const anatomy = (\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      </>\n    );\n\n    return renderAsChild({\n      child: children,\n      props: {\n        ...rest,\n        className: rootClass,\n      },\n      ref,\n      content: anatomy,\n      disabled: Boolean(disabled),\n      disabledClassName: styles['action-button--disabled'],\n      warnOnChildContent: true,\n    });\n  }\n\n  const {\n    icon,\n    label,\n    active,\n    destructive = false,\n    className,\n    disabled,\n    type = 'button',\n    asChild,\n    ...htmlProps\n  } = props;\n  void asChild;\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 as Ref<HTMLButtonElement>}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\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}) as ActionButtonComponent;\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"names":["ActionButton","forwardRef","props","ref","icon","label","destructive","className","disabled","children","asChild","rest","rootClass","styles","anatomy","jsxs","Fragment","jsx","IconSlotContext","renderAsChild","active","type","htmlProps"],"mappings":";;;;;AA2EA,MAAMA,IAAeC,EAAW,SAC9BC,GACAC,GACA;AACA,MAAID,EAAM,SAAS;AACjB,UAAM;AAAA,MACJ,MAAAE;AAAAA,MACA,OAAAC;AAAAA,MACA,aAAAC,IAAc;AAAA,MACd,WAAAC;AAAAA,MACA,UAAAC;AAAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAAA,MACA,GAAGC;AAAA,IAAA,IACDT,GAGEU,IAAY;AAAA,MAChBC,EAAO,eAAe;AAAA,MACtBP,IAAcO,EAAO,4BAA4B,IAAI;AAAA,MACrDN,KAAa;AAAA,IAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,GAELO,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,WAAWJ,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAI,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,QACtC,UAAAd,GACH,GACF;AAAA,wBACC,QAAA,EAAK,WAAWS,EAAO,sBAAsB,GAAI,UAAAR,EAAAA,CAAM;AAAA,IAAA,GAC1D;AAGF,WAAOc,EAAc;AAAA,MACnB,OAAOV;AAAA,MACP,OAAO;AAAA,QACL,GAAGE;AAAA,QACH,WAAWC;AAAAA,MAAA;AAAA,MAEb,KAAAT;AAAA,MACA,SAASW;AAAA,MACT,UAAU,EAAQN;AAAAA,MAClB,mBAAmBK,EAAO,yBAAyB;AAAA,MACnD,oBAAoB;AAAA,IAAA,CACrB;AAAA,EACH;AAEA,QAAM;AAAA,IACJ,MAAAT;AAAA,IACA,OAAAC;AAAA,IACA,QAAAe;AAAA,IACA,aAAAd,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAa,IAAO;AAAA,IACP,SAAAX;AAAA,IACA,GAAGY;AAAA,EAAA,IACDpB,GAGEU,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBO,IAASP,EAAO,uBAAuB,IAAI;AAAA,IAC3CP,IAAcO,EAAO,4BAA4B,IAAI;AAAA,IACrDN,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWS;AAAA,MACX,MAAAS;AAAA,MACA,UAAAb;AAAA,MACA,gBAAcY,MAAW,SAAY,SAAYA;AAAA,MAChD,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAK,WAAWJ,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAI,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,0BACC,QAAA,EAAK,WAAWL,EAAO,sBAAsB,GAAI,UAAAR,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9D,CAAC;AAEDL,EAAa,cAAc;"}

package/dist/components/action-button/ActionButton.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ActionButton.css');const t={"action-button":"_action-button_1nxkv_2","action-button--disabled":"_action-button--disabled_1nxkv_30","action-button--active":"_action-button--active_1nxkv_42","action-button__icon":"_action-button__icon_1nxkv_46","action-button__label":"_action-button__label_1nxkv_47","action-button--destructive":"_action-button--destructive_1nxkv_56"};exports.default=t;
+//# sourceMappingURL=ActionButton.module.scss.cjs.map

package/dist/components/action-button/ActionButton.module.scss.cjs.map

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

package/dist/components/action-button/ActionButton.module.scss.js

@@ -0,0 +1,12 @@
+import './ActionButton.css';const t = {
+  "action-button": "_action-button_1nxkv_2",
+  "action-button--disabled": "_action-button--disabled_1nxkv_30",
+  "action-button--active": "_action-button--active_1nxkv_42",
+  "action-button__icon": "_action-button__icon_1nxkv_46",
+  "action-button__label": "_action-button__label_1nxkv_47",
+  "action-button--destructive": "_action-button--destructive_1nxkv_56"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=ActionButton.module.scss.js.map

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

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

package/dist/components/action-button/index.cjs

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

package/dist/components/action-button/index.cjs.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC"}

package/dist/components/action-button/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.cjs","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport styles from './AdminConsoleFooter.module.scss';\n\nexport type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminConsoleFooterProps {\n  /** Primary footer action label. Default: \"Save\". Accepts translated nodes. */\n  saveLabel?: ReactNode;\n  /** Default: \"Cancel\". Accepts translated nodes. */\n  cancelLabel?: ReactNode;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminConsoleFooterStatus;\n  /**\n   * Override default copy when `warning` | `error`. Defaults: \"There are\n   * outstanding issues in the form above.\" / \"There are errors in the form above.\"\n   */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Console Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminConsoleFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminConsoleFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-console-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-console-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-console-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-console-footer__inner']}>\n        <div className={styles['admin-console-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div className={styles['admin-console-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminConsoleFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":"4WA2BMA,EAAkB,kDAClBC,EAAgB,sCAOtB,SAAwBC,EAAmB,CACzC,UAAAC,EAAY,OACZ,YAAAC,EAAc,SACd,OAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,OAAAC,EAAS,OACT,cAAAC,EACA,UAAAC,EAAY,EACd,EAA4B,CAC1B,IAAIC,EAAsB,KAE1B,GAAIH,IAAW,UAAW,CACxB,MAAMI,EAAOH,GAAiBT,EAC9BW,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,SAAAD,EAAAA,IAACE,EAAA,CAAiB,KAAM,EAAA,CAAI,CAAA,CAAA,EAE9BF,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,GAAIJ,IAAW,QAAS,CACtB,MAAMI,EAAOH,GAAiBR,EAC9BU,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,SAAAD,EAAAA,IAACG,EAAA,CAAuB,KAAM,EAAA,CAAI,CAAA,CAAA,EAEpCH,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,MAAMO,EACJX,IAAW,UACPQ,UAAO,sCAAsC,EAC7CR,IAAW,QACTQ,UAAO,oCAAoC,EAC3C,GAER,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CAACC,EAAAA,QAAO,sBAAsB,EAAGG,EAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EACH,KAAK,cAEL,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWG,UAAO,6BAA6B,EAClD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAAA,QAAO,+BAA+B,EACpD,SAAA,CAAAD,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,UACT,SAAUb,EACV,QAASF,EAER,SAAAF,CAAA,CAAA,EAEHY,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,WACT,QAASd,EAER,SAAAF,CAAA,CAAA,CACH,EACF,EACCO,GAAY,KACXI,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,8BAA8B,EAAG,KAAK,QAC1D,SAAAL,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}

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

@@ -0,0 +1 @@
+._admin-console-footer_rqy27_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-console-footer__inner_rqy27_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-console-footer__actions_rqy27_18{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-console-footer__status_rqy27_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-console-footer__status-icon_rqy27_35{display:inline-flex;flex-shrink:0;line-height:0}._admin-console-footer__status-icon_rqy27_35 svg{display:block}._admin-console-footer--status-warning_rqy27_43 ._admin-console-footer__status_rqy27_24,._admin-console-footer--status-warning_rqy27_43 ._admin-console-footer__status-icon_rqy27_35{color:var(--color-warning)}._admin-console-footer--status-error_rqy27_46 ._admin-console-footer__status_rqy27_24,._admin-console-footer--status-error_rqy27_46 ._admin-console-footer__status-icon_rqy27_35{color:var(--error-text, var(--color-danger))}

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';
+export interface AdminConsoleFooterProps {
+    /** Primary footer action label. Default: "Save". Accepts translated nodes. */
+    saveLabel?: ReactNode;
+    /** Default: "Cancel". Accepts translated nodes. */
+    cancelLabel?: ReactNode;
+    onSave?: () => void;
+    onCancel?: () => void;
+    /** When true, Save uses disabled styling until the sheet is actionable. */
+    saveDisabled?: boolean;
+    /** Optional validation summary beside the buttons. */
+    status?: AdminConsoleFooterStatus;
+    /**
+     * Override default copy when `warning` | `error`. Defaults: "There are
+     * outstanding issues in the form above." / "There are errors in the form above."
+     */
+    statusMessage?: ReactNode;
+    className?: string;
+}
+/**
+ * Admin Console Footer pins Save and Cancel to the bottom of System Console form layouts. It
+ * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and
+ * optional validation status without stealing focus from the draft.
+ */
+export default function AdminConsoleFooter({ saveLabel, cancelLabel, onSave, onCancel, saveDisabled, status, statusMessage, className, }: AdminConsoleFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminConsoleFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAkB,EAClB,WAAsB,EACtB,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,MAAe,EACf,aAAa,EACb,SAAc,GACf,EAAE,uBAAuB,2CA4EzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConsoleFooter.js","sources":["../../../src/components/admin-console-footer/AdminConsoleFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport styles from './AdminConsoleFooter.module.scss';\n\nexport type AdminConsoleFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminConsoleFooterProps {\n  /** Primary footer action label. Default: \"Save\". Accepts translated nodes. */\n  saveLabel?: ReactNode;\n  /** Default: \"Cancel\". Accepts translated nodes. */\n  cancelLabel?: ReactNode;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminConsoleFooterStatus;\n  /**\n   * Override default copy when `warning` | `error`. Defaults: \"There are\n   * outstanding issues in the form above.\" / \"There are errors in the form above.\"\n   */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Console Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminConsoleFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminConsoleFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span\n          className={styles['admin-console-footer__status-icon']}\n          aria-hidden\n        >\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-console-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-console-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-console-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-console-footer__inner']}>\n        <div className={styles['admin-console-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div className={styles['admin-console-footer__status']} role=\"alert\">\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminConsoleFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":";;;;;AA2BA,MAAMA,IAAkB,mDAClBC,IAAgB;AAOtB,SAAwBC,EAAmB;AAAA,EACzC,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA4B;AAC1B,MAAIC,IAAsB;AAE1B,MAAIH,MAAW,WAAW;AACxB,UAAMI,IAAOH,KAAiBT;AAC9B,IAAAW,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,UAEX,UAAA,gBAAAD,EAACE,GAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9B,gBAAAF,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,MAAIJ,MAAW,SAAS;AACtB,UAAMI,IAAOH,KAAiBR;AAC9B,IAAAU,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,UAEX,UAAA,gBAAAD,EAACG,GAAA,EAAuB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpC,gBAAAH,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,QAAMO,IACJX,MAAW,YACPQ,EAAO,sCAAsC,IAC7CR,MAAW,UACTQ,EAAO,oCAAoC,IAC3C;AAER,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,sBAAsB,GAAGG,GAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA;AAAA,MACH,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWG,EAAO,6BAA6B,GAClD,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,+BAA+B,GACpD,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,UAAUb;AAAA,cACV,SAASF;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAY;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,SAASd;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,QACCO,KAAY,OACX,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GAAG,MAAK,SAC1D,UAAAL,EAAA,CACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleFooter.css');const o={"admin-console-footer":"_admin-console-footer_rqy27_2","admin-console-footer__inner":"_admin-console-footer__inner_rqy27_9","admin-console-footer__actions":"_admin-console-footer__actions_rqy27_18","admin-console-footer__status":"_admin-console-footer__status_rqy27_24","admin-console-footer__status-icon":"_admin-console-footer__status-icon_rqy27_35","admin-console-footer--status-warning":"_admin-console-footer--status-warning_rqy27_43","admin-console-footer--status-error":"_admin-console-footer--status-error_rqy27_46"};exports.default=o;
+//# sourceMappingURL=AdminConsoleFooter.module.scss.cjs.map

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

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

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

@@ -0,0 +1,13 @@
+import './AdminConsoleFooter.css';const o = {
+  "admin-console-footer": "_admin-console-footer_rqy27_2",
+  "admin-console-footer__inner": "_admin-console-footer__inner_rqy27_9",
+  "admin-console-footer__actions": "_admin-console-footer__actions_rqy27_18",
+  "admin-console-footer__status": "_admin-console-footer__status_rqy27_24",
+  "admin-console-footer__status-icon": "_admin-console-footer__status-icon_rqy27_35",
+  "admin-console-footer--status-warning": "_admin-console-footer--status-warning_rqy27_43",
+  "admin-console-footer--status-error": "_admin-console-footer--status-error_rqy27_46"
+};
+export {
+  o as default
+};
+//# sourceMappingURL=AdminConsoleFooter.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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/arrow-back-ios.js"),m=__m?.default??__m,__h=require("@mattermost/compass-icons/components/mattermost.js"),h=__h?.default??__h,l=require("../icon/Icon.cjs"),f=require("../icon-button/IconButton.cjs"),_=require("../tag/Tag.cjs"),s=require("./AdminConsoleHeader.module.scss.cjs");function j({title:n,showBack:d=!1,ariaLabelBack:o="Go back",onBackClick:i,enterpriseBadge:r=!1,enterpriseBadgeLabel:t="Enterprise",trailing:a,className:c=""}){const u=r?e.jsx(_.default,{label:t,size:"x-small",leadingIcon:e.jsx(l.default,{size:"12",glyph:e.jsx(h,{})})}):null;return e.jsx("header",{className:[s.default["admin-console-header"],c].join(" ").trim(),children:e.jsxs("div",{className:s.default["admin-console-header__row"],children:[d&&e.jsx("div",{className:s.default["admin-console-header__back"],children:e.jsx(f.default,{type:"button",style:"default",size:"medium",className:s.default["admin-console-header__back-button"],"aria-label":o,onClick:i,icon:e.jsx(l.default,{size:"20",glyph:e.jsx(m,{})})})}),e.jsxs("div",{className:s.default["admin-console-header__title-row"],children:[e.jsxs("div",{className:s.default["admin-console-header__intro"],children:[e.jsx("h1",{className:s.default["admin-console-header__title"],children:n}),u]}),a!=null?e.jsx("div",{className:s.default["admin-console-header__trailing"],children:a}):null]})]})})}exports.default=j;
+//# sourceMappingURL=AdminConsoleHeader.cjs.map

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface AdminConsoleHeaderProps {
+    /** Page heading (Heading 500). */
+    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;
+    /** Default: "Enterprise". Accepts translated nodes. */
+    enterpriseBadgeLabel?: ReactNode;
+    /** Optional actions on the trailing edge of the title row. */
+    trailing?: ReactNode;
+    className?: string;
+}
+/**
+ * The Admin Console header is the stripe above scrolling System Console content. It anchors
+ * the active page title, optional edition signalling, navigation back into nested settings,
+ * and sparse trailing utilities.
+ */
+export default function AdminConsoleHeader({ title, showBack, ariaLabelBack, onBackClick, enterpriseBadge, enterpriseBadgeLabel, trailing, className, }: AdminConsoleHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminConsoleHeader.d.ts.map

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

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

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import __p from "@mattermost/compass-icons/components/arrow-back-ios.js";const p=__p&&__p.default?__p.default:__p;
+import ___ from "@mattermost/compass-icons/components/mattermost.js";const _=___&&___.default?___.default:___;
+import n from "../icon/Icon.js";
+import f from "../icon-button/IconButton.js";
+import u from "../tag/Tag.js";
+import o from "./AdminConsoleHeader.module.scss.js";
+function x({
+  title: i,
+  showBack: r = !1,
+  ariaLabelBack: s = "Go back",
+  onBackClick: c,
+  enterpriseBadge: m = !1,
+  enterpriseBadgeLabel: d = "Enterprise",
+  trailing: l,
+  className: t = ""
+}) {
+  const h = m ? /* @__PURE__ */ e(
+    u,
+    {
+      label: d,
+      size: "x-small",
+      leadingIcon: /* @__PURE__ */ e(n, { size: "12", glyph: /* @__PURE__ */ e(_, {}) })
+    }
+  ) : null;
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      className: [o["admin-console-header"], t].join(" ").trim(),
+      children: /* @__PURE__ */ a("div", { className: o["admin-console-header__row"], children: [
+        r && /* @__PURE__ */ e("div", { className: o["admin-console-header__back"], children: /* @__PURE__ */ e(
+          f,
+          {
+            type: "button",
+            style: "default",
+            size: "medium",
+            className: o["admin-console-header__back-button"],
+            "aria-label": s,
+            onClick: c,
+            icon: /* @__PURE__ */ e(n, { size: "20", glyph: /* @__PURE__ */ e(p, {}) })
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: o["admin-console-header__title-row"], children: [
+          /* @__PURE__ */ a("div", { className: o["admin-console-header__intro"], children: [
+            /* @__PURE__ */ e("h1", { className: o["admin-console-header__title"], children: i }),
+            h
+          ] }),
+          l != null ? /* @__PURE__ */ e("div", { className: o["admin-console-header__trailing"], children: l }) : null
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  x as default
+};
+//# sourceMappingURL=AdminConsoleHeader.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import './AdminConsoleHeader.css';const e = {
+  "admin-console-header": "_admin-console-header_1kerw_2",
+  "admin-console-header__row": "_admin-console-header__row_1kerw_10",
+  "admin-console-header__back": "_admin-console-header__back_1kerw_18",
+  "admin-console-header__back-button": "_admin-console-header__back-button_1kerw_32",
+  "admin-console-header__title-row": "_admin-console-header__title-row_1kerw_40",
+  "admin-console-header__intro": "_admin-console-header__intro_1kerw_50",
+  "admin-console-header__title": "_admin-console-header__title_1kerw_40",
+  "admin-console-header__trailing": "_admin-console-header__trailing_1kerw_70"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AdminConsoleHeader.module.scss.js.map