@phillips/seldon 1.145.0 → 1.146.0

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-dismissable-layer/dist/index.js

@@ -0,0 +1,130 @@
+import * as n from "react";
+import { composeEventHandlers as h } from "../../primitive/dist/index.js";
+import { Primitive as w, dispatchDiscreteCustomEvent as z } from "../../react-primitive/dist/index.js";
+import { useComposedRefs as R } from "../../react-compose-refs/dist/index.js";
+import { useCallbackRef as g } from "../../react-use-callback-ref/dist/index.js";
+import { useEscapeKeydown as H } from "../../react-use-escape-keydown/dist/index.js";
+import { jsx as B } from "react/jsx-runtime";
+var M = "DismissableLayer", y = "dismissableLayer.update", K = "dismissableLayer.pointerDownOutside", j = "dismissableLayer.focusOutside", C, T = n.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = n.forwardRef(
+  (s, e) => {
+    const {
+      disableOutsidePointerEvents: r = !1,
+      onEscapeKeyDown: a,
+      onPointerDownOutside: i,
+      onFocusOutside: c,
+      onInteractOutside: f,
+      onDismiss: d,
+      ...v
+    } = s, o = n.useContext(T), [u, S] = n.useState(null), l = u?.ownerDocument ?? globalThis?.document, [, W] = n.useState({}), A = R(e, (t) => S(t)), p = Array.from(o.layers), [N] = [...o.layersWithOutsidePointerEventsDisabled].slice(-1), _ = p.indexOf(N), b = u ? p.indexOf(u) : -1, k = o.layersWithOutsidePointerEventsDisabled.size > 0, D = b >= _, U = Y((t) => {
+      const E = t.target, P = [...o.branches].some((m) => m.contains(E));
+      !D || P || (i?.(t), f?.(t), t.defaultPrevented || d?.());
+    }, l), O = q((t) => {
+      const E = t.target;
+      [...o.branches].some((m) => m.contains(E)) || (c?.(t), f?.(t), t.defaultPrevented || d?.());
+    }, l);
+    return H((t) => {
+      b === o.layers.size - 1 && (a?.(t), !t.defaultPrevented && d && (t.preventDefault(), d()));
+    }, l), n.useEffect(() => {
+      if (u)
+        return r && (o.layersWithOutsidePointerEventsDisabled.size === 0 && (C = l.body.style.pointerEvents, l.body.style.pointerEvents = "none"), o.layersWithOutsidePointerEventsDisabled.add(u)), o.layers.add(u), L(), () => {
+          r && o.layersWithOutsidePointerEventsDisabled.size === 1 && (l.body.style.pointerEvents = C);
+        };
+    }, [u, l, r, o]), n.useEffect(() => () => {
+      u && (o.layers.delete(u), o.layersWithOutsidePointerEventsDisabled.delete(u), L());
+    }, [u, o]), n.useEffect(() => {
+      const t = () => W({});
+      return document.addEventListener(y, t), () => document.removeEventListener(y, t);
+    }, []), /* @__PURE__ */ B(
+      w.div,
+      {
+        ...v,
+        ref: A,
+        style: {
+          pointerEvents: k ? D ? "auto" : "none" : void 0,
+          ...s.style
+        },
+        onFocusCapture: h(s.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: h(s.onBlurCapture, O.onBlurCapture),
+        onPointerDownCapture: h(
+          s.onPointerDownCapture,
+          U.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = M;
+var X = "DismissableLayerBranch", F = n.forwardRef((s, e) => {
+  const r = n.useContext(T), a = n.useRef(null), i = R(e, a);
+  return n.useEffect(() => {
+    const c = a.current;
+    if (c)
+      return r.branches.add(c), () => {
+        r.branches.delete(c);
+      };
+  }, [r.branches]), /* @__PURE__ */ B(w.div, { ...s, ref: i });
+});
+F.displayName = X;
+function Y(s, e = globalThis?.document) {
+  const r = g(s), a = n.useRef(!1), i = n.useRef(() => {
+  });
+  return n.useEffect(() => {
+    const c = (d) => {
+      if (d.target && !a.current) {
+        let v = function() {
+          I(
+            K,
+            r,
+            o,
+            { discrete: !0 }
+          );
+        };
+        const o = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", i.current), i.current = v, e.addEventListener("click", i.current, { once: !0 })) : v();
+      } else
+        e.removeEventListener("click", i.current);
+      a.current = !1;
+    }, f = window.setTimeout(() => {
+      e.addEventListener("pointerdown", c);
+    }, 0);
+    return () => {
+      window.clearTimeout(f), e.removeEventListener("pointerdown", c), e.removeEventListener("click", i.current);
+    };
+  }, [e, r]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => a.current = !0
+  };
+}
+function q(s, e = globalThis?.document) {
+  const r = g(s), a = n.useRef(!1);
+  return n.useEffect(() => {
+    const i = (c) => {
+      c.target && !a.current && I(j, r, { originalEvent: c }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", i), () => e.removeEventListener("focusin", i);
+  }, [e, r]), {
+    onFocusCapture: () => a.current = !0,
+    onBlurCapture: () => a.current = !1
+  };
+}
+function L() {
+  const s = new CustomEvent(y);
+  document.dispatchEvent(s);
+}
+function I(s, e, r, { discrete: a }) {
+  const i = r.originalEvent.target, c = new CustomEvent(s, { bubbles: !1, cancelable: !0, detail: r });
+  e && i.addEventListener(s, e, { once: !0 }), a ? z(i, c) : i.dispatchEvent(c);
+}
+var ee = x, te = F;
+export {
+  te as Branch,
+  x as DismissableLayer,
+  F as DismissableLayerBranch,
+  ee as Root
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-portal/dist/index.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import n from "react-dom";
+import { Primitive as s } from "../../react-primitive/dist/index.js";
+import { useLayoutEffect as c } from "../../react-use-layout-effect/dist/index.js";
+import { jsx as u } from "react/jsx-runtime";
+var l = "Portal", p = o.forwardRef((r, e) => {
+  const { container: a, ...f } = r, [i, m] = o.useState(!1);
+  c(() => m(!0), []);
+  const t = a || i && globalThis?.document?.body;
+  return t ? n.createPortal(/* @__PURE__ */ u(s.div, { ...f, ref: e }), t) : null;
+});
+p.displayName = l;
+export {
+  p as Portal
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-presence/dist/index.js

@@ -0,0 +1,70 @@
+import * as i from "react";
+import { useComposedRefs as O } from "../../react-compose-refs/dist/index.js";
+import { useLayoutEffect as A } from "../../react-use-layout-effect/dist/index.js";
+function E(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var T = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = O(r.ref, v(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+T.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(u.animationName);
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const y = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = y);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(r.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+export {
+  T as Presence
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -0,0 +1,36 @@
+import * as f from "react";
+import * as p from "react-dom";
+import { createSlot as c } from "../../react-slot/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+var u = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], h = u.reduce((t, i) => {
+  const o = c(`Primitive.${i}`), r = f.forwardRef((e, m) => {
+    const { asChild: s, ...a } = e, n = s ? o : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(n, { ...a, ref: m });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
+function w(t, i) {
+  t && p.flushSync(() => t.dispatchEvent(i));
+}
+export {
+  h as Primitive,
+  w as dispatchDiscreteCustomEvent
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-slot/dist/index.js

@@ -0,0 +1,48 @@
+import * as l from "react";
+import { composeRefs as m } from "../../react-compose-refs/dist/index.js";
+import { jsx as u } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function b(e) {
+  const r = /* @__PURE__ */ y(e), t = l.forwardRef((o, n) => {
+    const { children: i, ...c } = o, s = l.Children.toArray(i), f = s.find(E);
+    if (f) {
+      const a = f.props.children, d = s.map((p) => p === f ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : p);
+      return /* @__PURE__ */ u(r, { ...c, ref: n, children: l.isValidElement(a) ? l.cloneElement(a, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u(r, { ...c, ref: n, children: i });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const r = l.forwardRef((t, o) => {
+    const { children: n, ...i } = t;
+    if (l.isValidElement(n)) {
+      const c = S(n), s = C(i, n.props);
+      return n.type !== l.Fragment && (s.ref = o ? m(o, c) : c), l.cloneElement(n, s);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var g = Symbol("radix.slottable");
+function E(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function C(e, r) {
+  const t = { ...r };
+  for (const o in r) {
+    const n = e[o], i = r[o];
+    /^on[A-Z]/.test(o) ? n && i ? t[o] = (...s) => {
+      i(...s), n(...s);
+    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...i } : o === "className" && (t[o] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function S(e) {
+  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  b as createSlot
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-callback-ref/dist/index.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+function c(r) {
+  const t = e.useRef(r);
+  return e.useEffect(() => {
+    t.current = r;
+  }), e.useMemo(() => (...u) => t.current?.(...u), []);
+}
+export {
+  c as useCallbackRef
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-controllable-state/dist/index.js

@@ -0,0 +1,52 @@
+import * as o from "react";
+import { useLayoutEffect as m } from "../../react-use-layout-effect/dist/index.js";
+var v = o[" useInsertionEffect ".trim().toString()] || m;
+function w({
+  prop: e,
+  defaultProp: s,
+  onChange: t = () => {
+  },
+  caller: f
+}) {
+  const [u, c, i] = R({
+    defaultProp: s,
+    onChange: t
+  }), n = e !== void 0, a = n ? e : u;
+  {
+    const r = o.useRef(e !== void 0);
+    o.useEffect(() => {
+      const l = r.current;
+      l !== n && console.warn(
+        `${f} is changing from ${l ? "controlled" : "uncontrolled"} to ${n ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), r.current = n;
+    }, [n, f]);
+  }
+  const d = o.useCallback(
+    (r) => {
+      if (n) {
+        const l = C(r) ? r(e) : r;
+        l !== e && i.current?.(l);
+      } else
+        c(r);
+    },
+    [n, e, c, i]
+  );
+  return [a, d];
+}
+function R({
+  defaultProp: e,
+  onChange: s
+}) {
+  const [t, f] = o.useState(e), u = o.useRef(t), c = o.useRef(s);
+  return v(() => {
+    c.current = s;
+  }, [s]), o.useEffect(() => {
+    u.current !== t && (c.current?.(t), u.current = t);
+  }, [t, u]), [t, f, c];
+}
+function C(e) {
+  return typeof e == "function";
+}
+export {
+  w as useControllableState
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js

@@ -0,0 +1,14 @@
+import * as r from "react";
+import { useCallbackRef as s } from "../../react-use-callback-ref/dist/index.js";
+function p(n, e = globalThis?.document) {
+  const t = s(n);
+  r.useEffect(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+export {
+  p as useEscapeKeydown
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-use-layout-effect/dist/index.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+var e = globalThis?.document ? t.useLayoutEffect : () => {
+};
+export {
+  e as useLayoutEffect
+};

package/dist/node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-visually-hidden/dist/index.js

@@ -0,0 +1,30 @@
+import * as i from "react";
+import { Primitive as a } from "../../react-primitive/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+var t = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), d = "VisuallyHidden", l = i.forwardRef(
+  (r, e) => /* @__PURE__ */ o(
+    a.span,
+    {
+      ...r,
+      ref: e,
+      style: { ...t, ...r.style }
+    }
+  )
+);
+l.displayName = d;
+export {
+  t as VISUALLY_HIDDEN_STYLES,
+  l as VisuallyHidden
+};

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index7.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/ics/dist/index.js

@@ -1,6 +1,6 @@
-import { __exports as l } from "../../../_virtual/index7.js";
+import { __exports as l } from "../../../_virtual/index5.js";
 import "./pipeline/index.js";
-import { __exports as _ } from "../../../_virtual/index8.js";
+import { __exports as _ } from "../../../_virtual/index6.js";
 Object.defineProperty(l, "__esModule", {
   value: !0
 });

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index8.js";
+import { __exports as u } from "../../../../_virtual/index6.js";
 import "./build.js";
 import "./format.js";
 import "./validate.js";

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index8.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/uuid/dist/esm-browser/native.js

@@ -0,0 +1,4 @@
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = { randomUUID: o };
+export {
+  t as default
+};

package/dist/node_modules/uuid/dist/esm-browser/rng.js

@@ -0,0 +1,13 @@
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    t = crypto.getRandomValues.bind(crypto);
+  }
+  return t(e);
+}
+export {
+  o as default
+};

package/dist/node_modules/uuid/dist/esm-browser/stringify.js

@@ -0,0 +1,9 @@
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return (i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]]).toLowerCase();
+}
+export {
+  c as unsafeStringify
+};

package/dist/node_modules/uuid/dist/esm-browser/v4.js

@@ -0,0 +1,15 @@
+import f from "./native.js";
+import e from "./rng.js";
+import { unsafeStringify as m } from "./stringify.js";
+function g(n, t, a) {
+  if (f.randomUUID && !t && !n)
+    return f.randomUUID();
+  n = n || {};
+  const r = n.random ?? n.rng?.() ?? e();
+  if (r.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, m(r);
+}
+export {
+  g as default
+};

package/dist/patterns/AccountPageHeader/AccountPageHeader.d.ts

@@ -4,7 +4,7 @@ export interface AccountPageHeaderProps extends ComponentProps<'div'> {
     /** The main title displayed at the top of the account page */
     title: string;
     /** Optional subtitle text that appears below the main title */
-    subheader?: string;
+    subtitle?: string;
     /**
      * Array of action buttons to display in the header
      * @property {string} [label] - Optional text to display on the button
@@ -17,7 +17,7 @@ export interface AccountPageHeaderProps extends ComponentProps<'div'> {
         label?: string;
         ariaLabel: string;
         icon: IconName;
-        onClick: () => void;
+        onClick: (e?: React.SyntheticEvent) => void;
         isPrimary?: boolean;
     }>;
     /** Optional text displayed above the title */

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { getCommonProps as $ } from "../../utils/index.js";
+import { forwardRef as b } from "react";
+import { getCommonProps as P } from "../../utils/index.js";
 import k from "../../node_modules/classnames/index.js";
 import l from "../../components/Text/Text.js";
 import { TextVariants as c } from "../../components/Text/types.js";
@@ -8,31 +8,31 @@ import y from "../../components/Divider/Divider.js";
 import x from "../../components/Button/Button.js";
 import { ButtonVariants as L } from "../../components/Button/types.js";
 import m from "../../components/Icon/Icon.js";
-import h from "../../components/IconButton/IconButton.js";
-import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
-const T = P(
-  ({ className: _, title: v, subheader: t, actionButtons: o, overline: s, showDivider: N = !0, ...g }, u) => {
-    const { className: e, ...C } = $(g, "AccountPageHeader"), i = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), b = () => /* @__PURE__ */ n("div", { className: `${e}__button-wrapper`, children: [
-      d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(h, { onClick: a.onClick, "aria-label": a.ariaLabel, children: /* @__PURE__ */ r(m, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel }) }, `icon-button-${a.icon}`)) }),
-      i && /* @__PURE__ */ n(p, { children: [
-        /* @__PURE__ */ r(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: L.secondary, onClick: i.onClick, children: [
-          /* @__PURE__ */ r(m, { icon: i.icon }),
+import f from "../../components/IconButton/IconButton.js";
+import { SSRMediaQuery as h } from "../../providers/SeldonProvider/utils.js";
+const T = b(
+  ({ className: _, title: N, subtitle: t, actionButtons: o, overline: s, showDivider: v = !0, ...g }, u) => {
+    const { className: i, ...C } = P(g, "AccountPageHeader"), e = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), $ = () => /* @__PURE__ */ n("div", { className: `${i}__button-wrapper`, children: [
+      d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(f, { onClick: a.onClick, "aria-label": a.ariaLabel, children: /* @__PURE__ */ r(m, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel }) }, `icon-button-${a.icon}`)) }),
+      e && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ r(h.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: L.secondary, onClick: e.onClick, children: [
+          /* @__PURE__ */ r(m, { icon: e.icon }),
           " ",
-          i.label
+          e.label
         ] }) }),
-        /* @__PURE__ */ r(f.Media, { lessThan: "md", children: /* @__PURE__ */ r(h, { onClick: i.onClick, "aria-label": i.ariaLabel, children: /* @__PURE__ */ r(m, { icon: i.icon, title: i.ariaLabel }) }) })
+        /* @__PURE__ */ r(h.Media, { lessThan: "md", children: /* @__PURE__ */ r(f, { onClick: e.onClick, "aria-label": e.ariaLabel, children: /* @__PURE__ */ r(m, { icon: e.icon, title: e.ariaLabel }) }) })
       ] })
     ] });
-    return /* @__PURE__ */ n("div", { ...C, className: k(e, _), ref: u, children: [
-      /* @__PURE__ */ n("div", { className: `${e}__container`, children: [
-        s && /* @__PURE__ */ r(l, { variant: c.string2, className: `${e}__overline`, children: s }),
-        /* @__PURE__ */ n("div", { className: `${e}__header`, children: [
-          /* @__PURE__ */ r(l, { variant: c.title1, children: v }),
-          o && o.length > 0 && b()
+    return /* @__PURE__ */ n("div", { ...C, className: k(i, _), ref: u, children: [
+      /* @__PURE__ */ n("div", { className: `${i}__container`, children: [
+        s && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__overline`, children: s }),
+        /* @__PURE__ */ n("div", { className: `${i}__title-wrapper`, children: [
+          /* @__PURE__ */ r(l, { variant: c.title1, className: `${i}__title`, children: N }),
+          o && o.length > 0 && $()
         ] }),
-        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${e}__subheader`, children: t })
+        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__subtitle`, children: t })
       ] }),
-      N && /* @__PURE__ */ r(y, { className: `${e}__divider` })
+      v && /* @__PURE__ */ r(y, { className: `${i}__divider` })
     ] });
   }
 );

package/dist/patterns/AccountPageHeader/AccountPageHeader.stories.d.ts

@@ -11,7 +11,7 @@ export declare const Playground: {
     (props: AccountPageHeaderProps): import("react/jsx-runtime").JSX.Element;
     args: {
         title: string;
-        subheader: string;
+        subtitle: string;
         overline: string;
         actionButtons: ({
             label: string;

package/dist/scss/componentStyles.scss

@@ -49,6 +49,7 @@
 @use 'components/SeldonImage/seldonImage';
 @use 'components/Filter/filter';
 @use 'components/FavoritingTileButton/favoritingTileButton';
+@use 'components/Toast/toast';
 
 // Patterns
 @use 'patterns/HeroBanner/heroBanner';