@pantheon-systems/pds-toolkit-react 1.0.0-dev.159 → 1.0.0-dev.160

package/_dist/index.js

@@ -1,88 +1,35 @@
 import './index.css';var Bs = Object.defineProperty, Fs = Object.defineProperties;
 var Ws = Object.getOwnPropertyDescriptors;
 var ht = Object.getOwnPropertySymbols;
-var es = Object.prototype.hasOwnProperty, ts = Object.prototype.propertyIsEnumerable;
-var Jt = (s, n, a) => n in s ? Bs(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, w = (s, n) => {
+var ts = Object.prototype.hasOwnProperty, ss = Object.prototype.propertyIsEnumerable;
+var es = (s, n, a) => n in s ? Bs(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, w = (s, n) => {
   for (var a in n || (n = {}))
-    es.call(n, a) && Jt(s, a, n[a]);
+    ts.call(n, a) && es(s, a, n[a]);
   if (ht)
     for (var a of ht(n))
-      ts.call(n, a) && Jt(s, a, n[a]);
+      ss.call(n, a) && es(s, a, n[a]);
   return s;
 }, Ee = (s, n) => Fs(s, Ws(n));
 var T = (s, n) => {
   var a = {};
   for (var c in s)
-    es.call(s, c) && n.indexOf(c) < 0 && (a[c] = s[c]);
+    ts.call(s, c) && n.indexOf(c) < 0 && (a[c] = s[c]);
   if (s != null && ht)
     for (var c of ht(s))
-      n.indexOf(c) < 0 && ts.call(s, c) && (a[c] = s[c]);
+      n.indexOf(c) < 0 && ss.call(s, c) && (a[c] = s[c]);
   return a;
 };
-import e, { isValidElement as jt, createContext as Ct, useState as R, useContext as ke, forwardRef as Ke, cloneElement as ft, useRef as ee, useEffect as ae, useLayoutEffect as Zs, useCallback as ps } from "react";
-import gs from "hash-sum";
+import e, { createContext as Ct, useState as R, useContext as ke, forwardRef as Ke, cloneElement as ft, useRef as ee, useEffect as ae, isValidElement as jt, useLayoutEffect as Zs, useCallback as Bt } from "react";
 import t from "prop-types";
-import { NavLink as hs, MemoryRouter as Us } from "react-router-dom";
-import { useFloating as Se, offset as Bt, flip as Ft, shift as Wt, autoUpdate as De, useHover as bt, useFocus as fs, useDismiss as Ie, useRole as Te, useInteractions as Oe, useId as Gs, useListNavigation as it, useTransitionStyles as Ye, useClick as lt, safePolygon as bs, FloatingOverlay as Ks, FloatingFocusManager as vs, arrow as Ys, FloatingArrow as Xs } from "@floating-ui/react";
+import { NavLink as gs, MemoryRouter as Us } from "react-router-dom";
+import { useFloating as Se, offset as Ft, flip as Wt, shift as Zt, autoUpdate as De, useHover as bt, useFocus as hs, useDismiss as Ie, useRole as Te, useInteractions as Oe, useId as Gs, useListNavigation as it, useTransitionStyles as Ye, useClick as lt, safePolygon as fs, FloatingOverlay as Ks, FloatingFocusManager as bs, arrow as Ys, FloatingArrow as Xs } from "@floating-ui/react";
 import { useHotkeys as Qs } from "react-hotkeys-hook";
 import { useMeasure as $t } from "@reactuses/core";
 import { useFloating as Js, flip as e1 } from "@floating-ui/react-dom";
+import vs from "hash-sum";
 import t1 from "focus-trap-react";
-import { ToastContainer as s1, Slide as n1, cssTransition as a1, toast as ss } from "react-toastify";
-let ns = [
-  "g01",
-  "g02",
-  "g03",
-  "g04",
-  "g05",
-  "g06",
-  "g07",
-  "g08",
-  "g09",
-  "g10",
-  "g11",
-  "g12"
-];
-const l1 = (s) => {
-  const n = parseInt(gs(s), 16);
-  return ns[n % ns.length];
-}, ot = (l) => {
-  var i = l, {
-    size: s = "md",
-    imageSrc: n,
-    linkContent: a,
-    uniqueId: c,
-    className: r
-  } = i, o = T(i, [
-    "size",
-    "imageSrc",
-    "linkContent",
-    "uniqueId",
-    "className"
-  ]);
-  const m = "pds-avatar", p = `${m}--${s}`, g = n ? `${m}--image` : null, u = {
-    backgroundImage: c ? `var(--pds-color-gradient-avatar-${l1(c)})` : null,
-    borderRadius: "100%",
-    height: "100%",
-    width: "100%"
-  };
-  let b, E, $;
-  return jt(a) ? (b = a.type, E = a.props.href ? "href" : "to", $ = E === "href" ? a.props.href : a.props.to) : (b = "div", E = null, $ = null), /* @__PURE__ */ e.createElement("div", { className: [m, p].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
-    b,
-    w({
-      href: E === "href" ? $ : null,
-      to: E === "to" ? $ : null,
-      className: [m + "__inner", p, g, r].join(" ").trim().replace(/\s+/g, " ")
-    }, o),
-    n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${m}__image`, alt: "" }) : /* @__PURE__ */ e.createElement(
-      "span",
-      {
-        style: u,
-        className: !c && s === "sm" ? `${m}__user-fallback` : null
-      }
-    )
-  ));
-}, c1 = (r) => {
+import { ToastContainer as s1, Slide as n1, cssTransition as a1, toast as ns } from "react-toastify";
+const l1 = (r) => {
   var o = r, {
     darkBackground: s,
     listItems: n,
@@ -129,7 +76,7 @@ const l1 = (s) => {
     })
   );
 };
-c1.propTypes = {
+l1.propTypes = {
   /**
    * Boolean to set for dark background
    */
@@ -152,7 +99,7 @@ c1.propTypes = {
    */
   className: t.string
 };
-const r1 = {
+const c1 = {
   crumbs: [],
   deferredCrumbIds: [],
   register: () => {
@@ -163,7 +110,7 @@ const r1 = {
   },
   resolveCrumb: () => {
   }
-}, Es = Ct(r1), A = (r) => {
+}, Es = Ct(c1), A = (r) => {
   var o = r, {
     iconName: s,
     iconSize: n = "md",
@@ -790,7 +737,7 @@ const r1 = {
     path: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z",
     width: "576"
   }
-}, as = Object.keys(qt), zt = 300, o1 = 400, ls = 8, vt = (p) => {
+}, as = Object.keys(qt), zt = 300, r1 = 400, ls = 8, vt = (p) => {
   var g = p, {
     content: s,
     customTrigger: n = !1,
@@ -818,21 +765,21 @@ const r1 = {
     open: d,
     onOpenChange: u,
     middleware: [
-      Bt(h),
-      Ft({ padding: 5 }),
-      Wt({ padding: 5 })
+      Ft(h),
+      Wt({ padding: 5 }),
+      Zt({ padding: 5 })
     ],
     whileElementsMounted: De
   }), v = bt(C, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), y = fs(C), L = Ie(C), k = Te(C, { role: "tooltip" }), { getReferenceProps: x, getFloatingProps: N } = Oe([
+  }), y = hs(C), L = Ie(C), k = Te(C, { role: "tooltip" }), { getReferenceProps: x, getFloatingProps: N } = Oe([
     v,
     y,
     L,
     k
-  ]), M = o1, z = Ee(w({}, f), {
+  ]), M = r1, z = Ee(w({}, f), {
     zIndex: a || M
   });
   return /* @__PURE__ */ e.createElement(
@@ -875,16 +822,16 @@ const r1 = {
   );
 }, Fe = ({ crumb: s, lastCrumb: n, classes: a }) => {
   const c = s.label.length > 16 ? `${s.label.slice(0, 16)}...` : null;
-  return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(hs, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label));
+  return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(gs, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label));
 };
 Fe.propTypes = {
   crumb: t.object,
   lastCrumb: t.bool,
   classes: t.string
 };
-const i1 = (s) => /* @__PURE__ */ e.createElement(hs, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }), s.label), d1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, _s = (a) => {
+const o1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }), s.label), i1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, _s = (a) => {
   var c = a, { ariaLabel: s } = c, n = T(c, ["ariaLabel"]);
-  const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = ke(Es), m = [...l].sort(d1), p = () => {
+  const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = ke(Es), m = [...l].sort(i1), p = () => {
     o(!1);
   }, g = m.map(
     ($, h) => h === m.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: $, lastCrumb: !0, key: h }) : /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: h })
@@ -912,14 +859,14 @@ const i1 = (s) => /* @__PURE__ */ e.createElement(hs, { className: "pds-breadcru
         key: `breadcrumb-${h}`
       }
     ) : /* @__PURE__ */ e.createElement(Fe, { crumb: $, key: `breadcrumb-${h}` })
-  ), u = m.length >= 6 ? d : g, b = m[m.length - 2], E = i1(b);
+  ), u = m.length >= 6 ? d : g, b = m[m.length - 2], E = o1(b);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", w({ className: "pds-breadcrumbs__item" }, n), u), E);
 };
 _s.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.array
 };
-const m1 = (c) => {
+const d1 = (c) => {
   var r = c, { ariaLabel: s, crumbs: n } = r, a = T(r, ["ariaLabel", "crumbs"]);
   return /* @__PURE__ */ e.createElement(Us, null, /* @__PURE__ */ e.createElement(
     Es.Provider,
@@ -932,14 +879,14 @@ const m1 = (c) => {
     /* @__PURE__ */ e.createElement(_s, w({ crumbs: n, ariaLabel: s }, a))
   ));
 };
-m1.propTypes = {
+d1.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.arrayOf([
     { label: t.string },
     { uri: t.string }
   ])
 };
-const u1 = [
+const m1 = [
   "angleDown",
   "angleLeft",
   "angleRight",
@@ -1088,13 +1035,13 @@ const u1 = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], dt = t.oneOf(u1), yt = t.oneOf([
+], dt = t.oneOf(m1), yt = t.oneOf([
   "narrow",
   "standard",
   "wide",
   "x-wide",
   "full"
-]), p1 = t.exact({
+]), u1 = t.exact({
   /**
    * Label for a menu item
    */
@@ -1157,7 +1104,7 @@ const u1 = [
    *  Optional `data-testid` value for this item.
    */
   testId: t.string
-}), g1 = t.exact({
+}), p1 = t.exact({
   /**
    * Is the item a node?
    */
@@ -1166,7 +1113,7 @@ const u1 = [
    * The content of the node.
    */
   nodeContent: t.node
-}), h1 = t.exact({
+}), g1 = t.exact({
   /**
    * Is the item a separator?
    */
@@ -1224,7 +1171,7 @@ const u1 = [
     c && r && /* @__PURE__ */ e.createElement(ws, { variant: r }),
     n
   );
-}, f1 = {
+}, h1 = {
   search: "magnifyingGlass",
   error: "triangleExclamation",
   success: "check"
@@ -1238,19 +1185,19 @@ const u1 = [
     /* @__PURE__ */ e.createElement(
       A,
       {
-        iconName: f1[s],
+        iconName: h1[s],
         iconSize: "md",
         className: `${n}__icon`
       }
     )
   );
-}, b1 = ({
+}, f1 = ({
   inputId: s,
   shortcutLabel: n
 }) => (Qs("/", (c) => {
   const r = document.getElementById(s);
   r && r.focus(), c.preventDefault();
-}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward", iconSize: "md" }))), v1 = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward", iconSize: "md" }))), b1 = ({
   id: s,
   clearLabel: n,
   handleClearInput: a
@@ -1264,7 +1211,7 @@ const u1 = [
     onClick: a
   },
   /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "md" })
-), E1 = ({
+), v1 = ({
   id: s,
   currentLength: n,
   maxLength: a,
@@ -1282,7 +1229,7 @@ const u1 = [
     a,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden", "aria-live": "polite" }, r && `${c} ${o}`)
   );
-}, Zt = (a) => {
+}, Ut = (a) => {
   var c = a, { label: s } = c, n = T(c, ["label"]);
   return /* @__PURE__ */ e.createElement("span", w({ className: "visually-hidden" }, n), s);
 }, Ns = (s) => s ? { width: `${s / 16}rem` } : null, Nt = (i) => {
@@ -1309,7 +1256,7 @@ const u1 = [
       role: "status"
     }, l),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__icon` }),
-    c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, a) : /* @__PURE__ */ e.createElement(Zt, { label: a })
+    c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, a) : /* @__PURE__ */ e.createElement(Ut, { label: a })
   );
 }, Ze = Ke(
   (E, b) => {
@@ -1538,7 +1485,7 @@ Ue.propTypes = {
    */
   className: t.string
 };
-const _1 = (g) => {
+const E1 = (g) => {
   var d = g, {
     bodyText: s,
     headingLevel: n = "h2",
@@ -1590,7 +1537,7 @@ const _1 = (g) => {
     _
   );
 };
-_1.propTypes = {
+E1.propTypes = {
   /**
    * Short description or summary. Can be string or JSX.
    */
@@ -1631,7 +1578,7 @@ _1.propTypes = {
    */
   className: t.string
 };
-const C1 = (p) => {
+const _1 = (p) => {
   var g = p, {
     id: s,
     initialSelection: n,
@@ -1701,7 +1648,7 @@ const C1 = (p) => {
     )))
   );
 };
-C1.propTypes = {
+_1.propTypes = {
   /**
    * Unique ID for the card select group
    */
@@ -1797,11 +1744,11 @@ const at = ({ type: s }) => {
 at.propTypes = {
   type: t.oneOf(["search", "error", "success"]).isRequired
 };
-const Ut = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward" }));
-Ut.propTypes = {
+const Gt = ({ label: s }) => /* @__PURE__ */ e.createElement("div", { className: "pds-input__search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, s), /* @__PURE__ */ e.createElement(A, { iconName: "slashForward" }));
+Gt.propTypes = {
   label: t.string.isRequired
 };
-const Gt = Ke(
+const Kt = Ke(
   (o, r) => {
     var l = o, { children: s, active: n, className: a } = l, c = T(l, ["children", "active", "className"]);
     const i = Gs(), m = "pds-input__option", p = n ? `${m}--active` : null;
@@ -1818,7 +1765,7 @@ const Gt = Ke(
     );
   }
 );
-Gt.propTypes = {
+Kt.propTypes = {
   children: t.node.isRequired,
   active: t.bool,
   className: t.string
@@ -2036,7 +1983,7 @@ const ks = Ke(
       return de ? de.label : "";
     }, [z, I] = R(!1), [H, V] = R(null), [S, D] = R(
       l ? M(l) : ""
-    ), [q, B] = R([]), [W, Z] = R(""), [F, O] = R(null), P = ee([]), U = "pds-combobox", { context: G, refs: te } = Se({
+    ), [q, B] = R([]), [Z, W] = R(""), [F, O] = R(null), P = ee([]), U = "pds-combobox", { context: G, refs: te } = Se({
       open: z,
       onOpenChange: I,
       whileElementsMounted: De
@@ -2072,10 +2019,10 @@ const ks = Ke(
         };
     }, []);
     const Y = () => {
-      Z(""), O(null);
+      W(""), O(null);
     }, ge = (ie) => {
       const de = v(ie) || {};
-      Y(), de.error && O("error"), de.success && O("success"), Z(de.message);
+      Y(), de.error && O("error"), de.success && O("success"), W(de.message);
     }, Ne = (ie) => {
       let de = ie.target.value;
       de.length > 0 && (de = de.trimStart()), D(de), de ? (V(null), I(!0)) : I(!1);
@@ -2108,7 +2055,7 @@ const ks = Ke(
       B(ie);
     }, [S, m, h]);
     const ve = q.map((ie, de) => /* @__PURE__ */ e.createElement(
-      Gt,
+      Kt,
       Ee(w({
         key: ie
       }, be({
@@ -2125,7 +2072,7 @@ const ks = Ke(
         active: H === de
       }),
       ie.optionDisplay || ie.label
-    )), Xe = W || u, Ht = i ? `${i / 16}rem` : null, Qe = i ? { width: Ht } : null;
+    )), Xe = Z || u, Ht = i ? `${i / 16}rem` : null, Qe = i ? { width: Ht } : null;
     return /* @__PURE__ */ e.createElement(
       Ae,
       w({
@@ -2179,7 +2126,7 @@ const ks = Ke(
             handleClearInput: Le
           }
         ),
-        !S && r && /* @__PURE__ */ e.createElement(Ut, { label: g.searchShortcut }),
+        !S && r && /* @__PURE__ */ e.createElement(Gt, { label: g.searchShortcut }),
         a && /* @__PURE__ */ e.createElement(
           "button",
           Ee(w({
@@ -2337,7 +2284,7 @@ ks.propTypes = {
    */
   className: t.string
 };
-const $1 = (p) => {
+const C1 = (p) => {
   var g = p, {
     backgroundColor: s = "default",
     containerWidth: n = "standard",
@@ -2395,7 +2342,7 @@ const $1 = (p) => {
     ))
   );
 };
-$1.propTypes = {
+C1.propTypes = {
   /**
    * Background color of slice
    */
@@ -2437,7 +2384,7 @@ $1.propTypes = {
    */
   className: t.string
 };
-const qe = Ct(null), y1 = ({
+const qe = Ct(null), $1 = ({
   children: s,
   mobileMenuMaxWidth: n = 640
 }) => {
@@ -2453,7 +2400,7 @@ const qe = Ct(null), y1 = ({
     windowWidth: a
   };
   return /* @__PURE__ */ e.createElement(qe.Provider, { value: l }, s);
-}, w1 = (r) => {
+}, y1 = (r) => {
   var o = r, {
     destination: s = "main",
     text: n = "Skip to main content",
@@ -2471,7 +2418,7 @@ const qe = Ct(null), y1 = ({
     }, c),
     n
   );
-}, Kt = Ct(null), Fn = (p) => {
+}, Yt = Ct(null), Fn = (p) => {
   var g = p, {
     children: s,
     hasSidebarToggle: n = !0,
@@ -2521,7 +2468,7 @@ const qe = Ct(null), y1 = ({
     },
     /* @__PURE__ */ e.createElement("span", { className: `${f}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }))
   ), /* @__PURE__ */ e.createElement("div", { className: `${f}__sidebar-inner` }, z));
-  return /* @__PURE__ */ e.createElement(Kt.Provider, { value: _ }, /* @__PURE__ */ e.createElement(w1, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Yt.Provider, { value: _ }, /* @__PURE__ */ e.createElement(y1, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     w({
       className: [
@@ -2545,7 +2492,7 @@ const qe = Ct(null), y1 = ({
       /* @__PURE__ */ e.createElement("main", { id: "main", className: `${f}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__main-inner` }, I), H && /* @__PURE__ */ e.createElement("footer", { className: `${f}__footer` }, H))
     )
   ));
-}, Yt = (i) => {
+}, Xt = (i) => {
   var m = i, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
@@ -2607,7 +2554,7 @@ const qe = Ct(null), y1 = ({
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        Yt,
+        Xt,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -2619,7 +2566,7 @@ const qe = Ct(null), y1 = ({
   );
 };
 Hs.propTypes = { option: t.object };
-const N1 = (E) => {
+const w1 = (E) => {
   var $ = E, {
     disabled: s = !1,
     id: n,
@@ -2658,7 +2605,7 @@ const N1 = (E) => {
   const L = ke(qe);
   L && (y = L.isMobile);
   let k = null;
-  const x = ke(Kt);
+  const x = ke(Yt);
   x && (k = x.navbarWidth);
   const N = 2.25, M = 22, z = k > 900 ? M : k / 16 - d - N * 0.675;
   let I = N;
@@ -2685,14 +2632,14 @@ const N1 = (E) => {
       };
     }
   }, [h]);
-  const W = g.map((P) => {
+  const Z = g.map((P) => {
     const { id: U, name: G } = P;
     return {
       label: G,
       value: U,
       optionDisplay: /* @__PURE__ */ e.createElement(Hs, { option: P })
     };
-  }), Z = /* @__PURE__ */ e.createElement(
+  }), W = /* @__PURE__ */ e.createElement(
     ks,
     {
       ref: v,
@@ -2708,7 +2655,7 @@ const N1 = (E) => {
       onFocus: i,
       onOptionSelect: B,
       placeholder: p,
-      options: W,
+      options: Z,
       showLabel: !1,
       className: `${V}__combobox`
     }
@@ -2717,7 +2664,7 @@ const N1 = (E) => {
     {
       style: h ? { visibility: "visible" } : { visibility: "hidden" }
     },
-    Z
+    W
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -2733,7 +2680,7 @@ const N1 = (E) => {
         className: `${V}__search-toggle-icon`
       }
     )
-  )), O = /* @__PURE__ */ e.createElement("div", { className: `${V}--mobile-inner` }, Z);
+  )), O = /* @__PURE__ */ e.createElement("div", { className: `${V}--mobile-inner` }, W);
   return /* @__PURE__ */ e.createElement(
     "div",
     w({
@@ -2747,7 +2694,7 @@ const N1 = (E) => {
     y ? O : F
   );
 };
-N1.propTypes = {
+w1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -2834,7 +2781,7 @@ N1.propTypes = {
    */
   className: t.string
 };
-const k1 = (l) => {
+const N1 = (l) => {
   var i = l, {
     children: s,
     id: n,
@@ -2857,7 +2804,7 @@ const k1 = (l) => {
     /* @__PURE__ */ e.createElement("details", { key: c, id: m, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${p}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, s))
   );
 };
-k1.propTypes = {
+N1.propTypes = {
   /**
    * The content of the expansion panel.
    */
@@ -2879,7 +2826,7 @@ k1.propTypes = {
    */
   className: t.string
 };
-const H1 = (r) => {
+const k1 = (r) => {
   var o = r, {
     children: s,
     displayType: n = "standard",
@@ -2898,7 +2845,7 @@ const H1 = (r) => {
     s
   );
 };
-H1.propTypes = {
+k1.propTypes = {
   /**
    * The content of the expansion panel group. This should be a series of ExpansionPanel components.
    */
@@ -3011,7 +2958,7 @@ const Et = (d) => {
       }
     ) : k
   );
-}, z1 = ($) => {
+}, H1 = ($) => {
   var h = $, {
     accept: s,
     chooseFileLabel: n = "Choose file",
@@ -3107,7 +3054,7 @@ const Et = (d) => {
     )
   );
 };
-z1.propTypes = {
+H1.propTypes = {
   /**
    * File types the input should accept. Leave null for all file types.
    */
@@ -3198,7 +3145,7 @@ zs.propTypes = {
    */
   className: t.string
 };
-const L1 = (o) => {
+const z1 = (o) => {
   var l = o, {
     headingLevel: s,
     headingText: n,
@@ -3227,7 +3174,7 @@ const L1 = (o) => {
     /* @__PURE__ */ e.createElement("ul", { className: `${i}__list`, role: "list" }, a.map((m, p) => /* @__PURE__ */ e.createElement("li", { key: p, className: `${i}__item` }, m)))
   );
 };
-L1.propTypes = {
+z1.propTypes = {
   /**
    *  Heading level
    */
@@ -3245,7 +3192,7 @@ L1.propTypes = {
    */
   className: t.string
 };
-const M1 = (r) => {
+const L1 = (r) => {
   var o = r, { children: s, level: n, className: a } = o, c = T(o, ["children", "level", "className"]);
   const l = "pds-heading", i = `${n}`;
   return /* @__PURE__ */ e.createElement(
@@ -3256,7 +3203,7 @@ const M1 = (r) => {
     s
   );
 };
-M1.propTypes = {
+L1.propTypes = {
   /**
    * Heading content
    */
@@ -3270,7 +3217,7 @@ M1.propTypes = {
    */
   className: t.string
 };
-const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s) => s.type === "decimal").value, Mt = 16, cs = 10, V1 = (E) => {
+const M1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = M1.find((s) => s.type === "decimal").value, Mt = 16, cs = 10, x1 = (E) => {
   var $ = E, {
     disabled: s = !1,
     formatting: n,
@@ -3307,7 +3254,7 @@ const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s)
     u
   ]), [C, v] = R(""), [y, L] = R(null), [k, x] = R(null), N = ee(null), M = ee(null), z = ee("");
   ae(() => {
-    switch (r && v(Z(r)), z.numExtra = "", n) {
+    switch (r && v(W(r)), z.numExtra = "", n) {
       case "credit-card":
         z.numExtra = 3, z.current = Mt;
         break;
@@ -3332,7 +3279,7 @@ const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s)
       rawValue: M.current
     });
   }, D = (O) => {
-    v(Z(O.target.value)), V(), S(O.target.value);
+    v(W(O.target.value)), V(), S(O.target.value);
   }, q = () => {
     x("error"), f.current.push(ye.error);
   }, B = (O) => {
@@ -3346,9 +3293,9 @@ const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s)
         `Phone number must have at least ${z.current} digits.`
       )) : (n === "credit-card" || n === "phone") && (x("success"), f.current.push(ye.success));
     S(O.target.value);
-  }, W = () => {
+  }, Z = () => {
     V(), v(""), M.current = "", N.current.focus(), S("");
-  }, Z = (O) => {
+  }, W = (O) => {
     if (O) {
       if (n === "credit-card") {
         const P = ("" + O).replace(/\D/g, "");
@@ -3412,7 +3359,7 @@ const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s)
     {
       id: c,
       label: o,
-      handleClearInput: W
+      handleClearInput: Z
     }
   ))), (l || y) && /* @__PURE__ */ e.createElement(
     "div",
@@ -3424,7 +3371,7 @@ const x1 = new Intl.NumberFormat().formatToParts(100000089e-2), Lt = x1.find((s)
     y || l
   ));
 };
-V1.propTypes = {
+x1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -3498,7 +3445,7 @@ V1.propTypes = {
    */
   className: t.string
 };
-const S1 = (b) => {
+const V1 = (b) => {
   var E = b, {
     counterFunction: s = () => {
     },
@@ -3551,9 +3498,9 @@ const S1 = (b) => {
     i && i(_);
   }, B = () => {
     S(), f(""), I.current.value = null, I.current.focus(), s && v(s("")), i && i("");
-  }, W = () => {
+  }, Z = () => {
     M((O) => !O);
-  }, Z = (O) => {
+  }, W = (O) => {
     var P;
     (!((P = z.current) != null && P.contains(O.relatedTarget)) || !O.relatedTarget) && M(!1);
   };
@@ -3564,7 +3511,7 @@ const S1 = (b) => {
     w({
       className: h.current.join(" ").trim(),
       ref: z,
-      onBlur: Z
+      onBlur: W
     }, u),
     /* @__PURE__ */ e.createElement("span", { className: p ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, o)),
     /* @__PURE__ */ e.createElement(
@@ -3606,7 +3553,7 @@ const S1 = (b) => {
         className: `pds-input-field__accessory ${$}__toggle`,
         title: `${N ? "Hide" : "Show"} content of ${o} input`,
         "aria-controls": c,
-        onClick: W,
+        onClick: Z,
         onMouseDown: (O) => O.preventDefault()
       },
       N ? /* @__PURE__ */ e.createElement(A, { iconName: "eyeSlash" }) : /* @__PURE__ */ e.createElement(A, { iconName: "eye" })
@@ -3622,7 +3569,7 @@ const S1 = (b) => {
     )
   );
 };
-S1.propTypes = {
+V1.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string to display.
    * <br />
@@ -3693,7 +3640,7 @@ S1.propTypes = {
    */
   className: t.string
 };
-const xt = 16, rs = 10, I1 = (N) => {
+const xt = 16, rs = 10, S1 = (N) => {
   var M = N, {
     autoComplete: s = "on",
     counterFunction: n = () => {
@@ -3755,7 +3702,7 @@ const xt = 16, rs = 10, I1 = (N) => {
     "validationMessages",
     "className"
   ]);
-  const [z, I] = R(l), [H, V] = R(n("")), [S, D] = R(), [q, B] = R(null), [W, Z] = R(!1), F = ee(null), O = ee(null), P = ee(null), U = ee(null), G = "pds-input-text", te = _ ? `${G}--${_}` : null;
+  const [z, I] = R(l), [H, V] = R(n("")), [S, D] = R(), [q, B] = R(null), [Z, W] = R(!1), F = ee(null), O = ee(null), P = ee(null), U = ee(null), G = "pds-input-text", te = _ ? `${G}--${_}` : null;
   let se = null;
   v === "search" && (se = "search"), q === "error" && (se = "error"), q === "success" && (se = "success"), _ && f && ae(() => {
     switch (l && I(ue(l)), U.numExtra = "", _) {
@@ -3811,14 +3758,14 @@ const xt = 16, rs = 10, I1 = (N) => {
   }, Ce = (Q) => {
     I(_ ? ue(Q.target.value) : Q.target.value), pe(), n && V(n(_ ? P.current : Q.target.value)), be(Q.target.value);
   }, oe = (Q) => {
-    if (C && Z(!1), y) {
+    if (C && W(!1), y) {
       const le = y(Q.target.value) || {};
       pe(), le.error && B("error"), le.success && B("success"), D(le.message);
     }
     _ && f && !y && (F.current.checkValidity() === !1 || Q.target.value.length < ne ? (B("error"), _ === "credit-card" && D(L.creditCardError), _ === "phone" && D(L.phoneError)) : B("success")), be(Q.target.value);
   }, K = (Q) => {
     var le;
-    (!((le = O.current) != null && le.contains(Q.relatedTarget)) || !Q.relatedTarget) && Z(!1);
+    (!((le = O.current) != null && le.contains(Q.relatedTarget)) || !Q.relatedTarget) && W(!1);
   }, Y = () => {
     pe(), I(""), P.current = "", F.current.focus(), n && V(n("")), be("");
   };
@@ -3833,9 +3780,9 @@ const xt = 16, rs = 10, I1 = (N) => {
     }
   }, []);
   const ge = () => {
-    Z((Q) => !Q);
+    W((Q) => !Q);
   };
-  C && v === "password" && (W ? x.type = "text" : x.type = "password"), _ === "phone" && (x.type = "tel");
+  C && v === "password" && (Z ? x.type = "text" : x.type = "password"), _ === "phone" && (x.type = "tel");
   const Ne = S || g;
   return /* @__PURE__ */ e.createElement(
     Ae,
@@ -3855,7 +3802,7 @@ const xt = 16, rs = 10, I1 = (N) => {
       showLabel: h,
       validationState: q
     }, x),
-    C && v === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${p.visibilityStatus} ${W ? "visible" : "hidden"}.`),
+    C && v === "password" && /* @__PURE__ */ e.createElement("div", { className: "visually-hidden", "aria-live": "polite" }, `${p.visibilityStatus} ${Z ? "visible" : "hidden"}.`),
     /* @__PURE__ */ e.createElement(
       "input",
       {
@@ -3893,17 +3840,17 @@ const xt = 16, rs = 10, I1 = (N) => {
       {
         type: "button",
         className: "pds-input__visibility-toggle",
-        title: W ? p.visibilityToggleHide : p.visibilityToggleShow,
+        title: Z ? p.visibilityToggleHide : p.visibilityToggleShow,
         "aria-controls": o,
         onClick: ge,
         onMouseDown: (Q) => Q.preventDefault()
       },
-      /* @__PURE__ */ e.createElement(A, { iconName: W ? "eyeSlash" : "eye" })
+      /* @__PURE__ */ e.createElement(A, { iconName: Z ? "eyeSlash" : "eye" })
     ),
-    !z && r && v === "search" && /* @__PURE__ */ e.createElement(Ut, { label: p.searchShortcut })
+    !z && r && v === "search" && /* @__PURE__ */ e.createElement(Gt, { label: p.searchShortcut })
   );
 };
-I1.propTypes = {
+S1.propTypes = {
   /**
    * Auto complete attribute for the input field. The attribute value is either the keyword `off` or `on`, or an ordered list of space-separated tokens. Password fields are automatically off.
    *
@@ -4039,7 +3986,7 @@ I1.propTypes = {
    */
   className: t.string
 };
-const T1 = (o) => {
+const I1 = (o) => {
   var l = o, {
     linkItems: s,
     headingLevel: n = "h3",
@@ -4061,7 +4008,7 @@ const T1 = (o) => {
     s && /* @__PURE__ */ e.createElement("ul", { className: `${i}__list`, role: "list" }, s.map((p, g) => /* @__PURE__ */ e.createElement("li", { key: g, className: "pds-cta-links-card__item" }, p)))
   );
 };
-T1.propTypes = {
+I1.propTypes = {
   /**
    *  Heading level
    */
@@ -4079,7 +4026,60 @@ T1.propTypes = {
    */
   className: t.string
 };
-const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink, O1 = (s) => s.isNode, Ls = (h) => {
+let os = [
+  "g01",
+  "g02",
+  "g03",
+  "g04",
+  "g05",
+  "g06",
+  "g07",
+  "g08",
+  "g09",
+  "g10",
+  "g11",
+  "g12"
+];
+const T1 = (s) => {
+  const n = parseInt(vs(s), 16);
+  return os[n % os.length];
+}, ot = (l) => {
+  var i = l, {
+    size: s = "md",
+    imageSrc: n,
+    linkContent: a,
+    uniqueId: c,
+    className: r
+  } = i, o = T(i, [
+    "size",
+    "imageSrc",
+    "linkContent",
+    "uniqueId",
+    "className"
+  ]);
+  const m = "pds-avatar", p = `${m}--${s}`, g = n ? `${m}--image` : null, u = {
+    backgroundImage: c ? `var(--pds-color-gradient-avatar-${T1(c)})` : null,
+    borderRadius: "100%",
+    height: "100%",
+    width: "100%"
+  };
+  let b, E, $;
+  return jt(a) ? (b = a.type, E = a.props.href ? "href" : "to", $ = E === "href" ? a.props.href : a.props.to) : (b = "div", E = null, $ = null), /* @__PURE__ */ e.createElement("div", { className: [m, p].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement(
+    b,
+    w({
+      href: E === "href" ? $ : null,
+      to: E === "to" ? $ : null,
+      className: [m + "__inner", p, g, r].join(" ").trim().replace(/\s+/g, " ")
+    }, o),
+    n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${m}__image`, alt: "" }) : /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        style: u,
+        className: !c && s === "sm" ? `${m}__user-fallback` : null
+      }
+    )
+  ));
+}, Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink, O1 = (s) => s.isNode, Ls = (h) => {
   var _ = h, {
     avatarImageSrc: s,
     disabled: n,
@@ -4129,10 +4129,10 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   let M = !1;
   const z = ke(qe);
   z && (M = z.isMobile);
-  const I = b && M, H = "pds-menu-button", V = I ? `${H}--isMobile` : null, S = b ? `${H}--navbar` : null, D = Re(), [q] = R(`menu-button-${D}`), [B] = R(`menu-listbox-${D}`), W = r || q, Z = N.floating, F = ee(null), [O, P] = R(!1), [U, G] = R(!1), [te, se] = R(""), [ne, ue] = R(0), pe = ee([]), J = ee([]), be = ee([]);
+  const I = b && M, H = "pds-menu-button", V = I ? `${H}--isMobile` : null, S = b ? `${H}--navbar` : null, D = Re(), [q] = R(`menu-button-${D}`), [B] = R(`menu-listbox-${D}`), Z = r || q, W = N.floating, F = ee(null), [O, P] = R(!1), [U, G] = R(!1), [te, se] = R(""), [ne, ue] = R(0), pe = ee([]), J = ee([]), be = ee([]);
   Zs(() => {
     window.addEventListener("mousedown", Me, !0), k();
-    const j = Z.current;
+    const j = W.current;
     return j && (j.dataset.fuiPlacement = x), U && (setTimeout(() => {
       j.focus();
     }, 0), G(!1)), () => {
@@ -4144,7 +4144,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   }, oe = () => {
     P(!0), G(!0);
   }, K = () => {
-    P(!1), Ce(void 0, -1), F.current.querySelector(`#${W}`).focus();
+    P(!1), Ce(void 0, -1), F.current.querySelector(`#${Z}`).focus();
   }, Y = (j) => {
     j = j.toLowerCase();
     let ce = !1;
@@ -4242,7 +4242,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   }, Me = (j) => {
     F.current && !F.current.contains(j.target) && O && K();
   }, ve = (j, ce, X = "", he = "", ...me) => {
-    const we = X ? `-group-${X}` : "", $e = W + we + "-item-" + (ce + 1), Ve = j.id ? j.id : $e;
+    const we = X ? `-group-${X}` : "", $e = Z + we + "-item-" + (ce + 1), Ve = j.id ? j.id : $e;
     if (Vt(j))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ve });
     if (St(j))
@@ -4310,7 +4310,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
       let $e = pe.current[0];
       const Ve = we[0].findIndex(
         (xe) => !Vt(xe) && !St(xe)
-      ), gt = `${W}-group-${$e}-item-${Ve + 1}`;
+      ), gt = `${Z}-group-${$e}-item-${Ve + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -4318,7 +4318,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
           id: B,
           role: "menu",
           tabIndex: -1,
-          "aria-labelledby": W,
+          "aria-labelledby": Z,
           "aria-activedescendant": te !== "" ? te : gt,
           style: {
             visibility: O ? "visible" : "hidden",
@@ -4333,7 +4333,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
         },
         we.map((xe, Je) => {
           $e = pe.current[Je];
-          const et = xe[0].isHeading, tt = et ? `${W}-group-${$e}-heading` : "", As = `${W}-group-${$e}`, qs = et ? null : `${d} ${Je + 1}`;
+          const et = xe[0].isHeading, tt = et ? `${Z}-group-${$e}-heading` : "", As = `${Z}-group-${$e}`, qs = et ? null : `${d} ${Je + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -4352,7 +4352,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
         })
       );
     } else {
-      const we = `${W}-item-1`;
+      const we = `${Z}-item-1`;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
         "ul",
         {
@@ -4360,7 +4360,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
           id: B,
           role: "menu",
           tabIndex: -1,
-          "aria-labelledby": W,
+          "aria-labelledby": Z,
           "aria-activedescendant": te !== "" ? te : we,
           style: {
             visibility: O ? "visible" : "hidden",
@@ -4380,7 +4380,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   a === "icon-end" && (Qe = /* @__PURE__ */ e.createElement(
     Ze,
     {
-      id: W,
+      id: Z,
       isSplitButton: o,
       label: l,
       size: p,
@@ -4400,7 +4400,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   )), a === "icon-only" && (Qe = /* @__PURE__ */ e.createElement(
     Et,
     {
-      id: W,
+      id: Z,
       ariaLabel: l,
       size: p,
       variant: "standard",
@@ -4419,7 +4419,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   )), (a === "avatar" || a === "avatar-with-text") && (Qe = /* @__PURE__ */ e.createElement(
     "button",
     {
-      id: W,
+      id: Z,
       type: "button",
       disabled: n,
       className: `${H}__trigger ${H}__trigger--avatar`,
@@ -4453,7 +4453,7 @@ const Vt = (s) => s.isSeparator, St = (s) => s.isHeading, It = (s) => s.isLink,
   I && (ze = /* @__PURE__ */ e.createElement(
     "button",
     {
-      id: W,
+      id: Z,
       type: "button",
       disabled: n,
       className: je,
@@ -4520,11 +4520,11 @@ Ls.propTypes = {
    */
   menuItems: t.arrayOf(
     t.oneOfType([
-      p1,
+      u1,
       Cs,
       $s,
-      g1,
-      h1
+      p1,
+      g1
     ])
   ),
   /**
@@ -4589,7 +4589,7 @@ st.propTypes = {
    */
   className: t.string
 };
-const Xt = (l) => {
+const Qt = (l) => {
   var i = l, {
     colorType: s = "default",
     displayType: n = "full",
@@ -4926,7 +4926,7 @@ const Xt = (l) => {
     n === "sub-brand" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, $))
   );
 };
-Xt.propTypes = {
+Qt.propTypes = {
   /**
    * Color Type
    */
@@ -4988,36 +4988,36 @@ const R1 = (u) => {
   ae(() => (window.addEventListener("keyup", L), () => {
     window.removeEventListener("keyup", L);
   }), []);
-  const L = (Z) => {
-    var F = Z.key, O = !1;
+  const L = (W) => {
+    var F = W.key, O = !1;
     switch (F) {
       case "Esc":
       case "Escape":
         $(!1), O = !0;
         break;
     }
-    O && (Z.stopPropagation(), Z.preventDefault());
+    O && (W.stopPropagation(), W.preventDefault());
   }, k = () => $(!E), x = e.createRef();
   ae(() => {
     if (h && s) {
-      const Z = ys(
+      const W = ys(
         document.querySelector(".pds-navbar__mobile")
       ), F = ["a", "button", "input", "select", "textarea"];
-      E ? Z.forEach((O) => {
+      E ? W.forEach((O) => {
         F.includes(O.nodeName.toLowerCase()) && (O.tabIndex = 0);
-      }) : Z.forEach((O) => {
+      }) : W.forEach((O) => {
         F.includes(O.nodeName.toLowerCase()) && (O.tabIndex = -1);
       });
     }
   }, [E]);
-  const N = (Z) => {
-    Z.target.nodeName === "A" && $(!1);
+  const N = (W) => {
+    W.target.nodeName === "A" && $(!1);
   };
   ae(() => {
     if (E) {
-      const Z = document.querySelector(".pds-navbar__bar-mobile"), F = document.querySelector(".pds-navbar__mobile");
-      return Z.addEventListener("click", N), F.addEventListener("click", N), () => {
-        Z.removeEventListener("click", N), F.removeEventListener("click", N);
+      const W = document.querySelector(".pds-navbar__bar-mobile"), F = document.querySelector(".pds-navbar__mobile");
+      return W.addEventListener("click", N), F.addEventListener("click", N), () => {
+        W.removeEventListener("click", N), F.removeEventListener("click", N);
       };
     }
   }, [E]), ae(() => {
@@ -5026,9 +5026,9 @@ const R1 = (u) => {
     E ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [E]);
   const M = {};
-  e.Children.forEach(s, (Z) => {
-    const F = Z.props.slot;
-    F && (M[F] ? M[F].push(Z) : M[F] = [Z]);
+  e.Children.forEach(s, (W) => {
+    const F = W.props.slot;
+    F && (M[F] ? M[F].push(W) : M[F] = [W]);
   });
   const z = M["items-left"], I = M["items-right"];
   let H = /* @__PURE__ */ e.createElement(
@@ -5040,13 +5040,13 @@ const R1 = (u) => {
     }
   );
   if (i) {
-    const Z = i.type;
-    H = /* @__PURE__ */ e.createElement(Z, w({ "aria-label": l }, i.props), H);
+    const W = i.type;
+    H = /* @__PURE__ */ e.createElement(W, w({ "aria-label": l }, i.props), H);
   }
   let V = "default";
   (n === "reverse" || n === "reverse-transparent") && (V = "reverse");
   const S = () => o === "custom" ? /* @__PURE__ */ e.createElement(e.Fragment, null, H) : /* @__PURE__ */ e.createElement(
-    Xt,
+    Qt,
     {
       colorType: V,
       displayType: o,
@@ -5080,13 +5080,13 @@ const R1 = (u) => {
       }
     },
     /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(st, { className: `${f}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__inner-mobile` }, /* @__PURE__ */ e.createElement(S, null), s && D)), /* @__PURE__ */ e.createElement(st, null, s && q))
-  ), W = /* @__PURE__ */ e.createElement(st, { width: a, className: `${f}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${f}__logo` }, /* @__PURE__ */ e.createElement(S, null)), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, z ? /* @__PURE__ */ e.createElement("div", { className: `${f}__items-left` }, z) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${f}__items-right` }, I)));
+  ), Z = /* @__PURE__ */ e.createElement(st, { width: a, className: `${f}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${f}__logo` }, /* @__PURE__ */ e.createElement(S, null)), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, z ? /* @__PURE__ */ e.createElement("div", { className: `${f}__items-left` }, z) : /* @__PURE__ */ e.createElement("span", null), I && /* @__PURE__ */ e.createElement("div", { className: `${f}__items-right` }, I)));
   return /* @__PURE__ */ e.createElement(
     "header",
     w({
       className: [f, v, C, y, g].join(" ").trim().replace(/\s+/g, " ")
     }, d),
-    h ? B : W
+    h ? B : Z
   );
 };
 R1.propTypes = {
@@ -5160,7 +5160,7 @@ const Ms = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   m ? $ = bt(d, {
     enabled: !1
   }) : $ = bt(d, {
-    handleClose: bs({
+    handleClose: fs({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0,
@@ -5248,10 +5248,10 @@ const D1 = (l) => {
       ArrowDown: () => {
         var F, O, P, U;
         $("down");
-        let W = z.target.parentNode.children[1], Z = ((O = (F = z.target) == null ? void 0 : F.parentNode.children[1]) == null ? void 0 : O.children) || ((U = (P = z.target) == null ? void 0 : P.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
-        h.container != W && W != null && _({
-          container: W,
-          containerChildren: [...Z]
+        let Z = z.target.parentNode.children[1], W = ((O = (F = z.target) == null ? void 0 : F.parentNode.children[1]) == null ? void 0 : O.children) || ((U = (P = z.target) == null ? void 0 : P.parentNode.parentNode.children[1]) == null ? void 0 : U.children);
+        h.container != Z && Z != null && _({
+          container: Z,
+          containerChildren: [...W]
         }), g === null || g == h.containerChildren.length - 1 ? d(0) : d(parseInt(g) + 1);
       },
       ArrowUp: () => {
@@ -5652,7 +5652,7 @@ const Tt = {
       }
     )
   )
-}, os = {
+}, is = {
   "early-access": {
     label: "Early Access",
     color: "success"
@@ -5693,9 +5693,9 @@ const Tt = {
       s && /* @__PURE__ */ e.createElement(
         _t,
         {
-          label: os[s].label,
+          label: is[s].label,
           size: "sm",
-          color: os[s].color,
+          color: is[s].color,
           className: `${d}__badge`
         }
       ),
@@ -5855,9 +5855,9 @@ const kt = (E) => {
     onNavigate: C,
     loop: !0,
     openOnArrowKeyDown: !0
-  }), { getReferenceProps: q, getFloatingProps: B, getItemProps: W } = Oe(
+  }), { getReferenceProps: q, getFloatingProps: B, getItemProps: Z } = Oe(
     [S, V, D]
-  ), { isMounted: Z, styles: F } = Ye(I, {
+  ), { isMounted: W, styles: F } = Ye(I, {
     duration: {
       open: 300,
       close: 150
@@ -5889,10 +5889,10 @@ const kt = (E) => {
     const K = U[oe];
     y(K.value), C(null), _(!1), l && l(K), d && te(K);
   }, ne = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${z}__trigger-icon` }), ue = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${z}__checked-icon` }), pe = U.map((oe, K) => /* @__PURE__ */ e.createElement(
-    Gt,
+    Kt,
     Ee(w({
       key: oe
-    }, W({
+    }, Z({
       key: oe.value,
       ref(Y) {
         M.current[K] = Y;
@@ -5951,7 +5951,7 @@ const kt = (E) => {
       /* @__PURE__ */ e.createElement("span", null, O(v) || p),
       ne
     ),
-    Z && /* @__PURE__ */ e.createElement(
+    W && /* @__PURE__ */ e.createElement(
       "div",
       w({
         ref: H.setFloating,
@@ -6065,7 +6065,7 @@ const P1 = {
   }
 }, Ge = (c) => {
   var r = c, { arrowText: s = null, direction: n } = r, a = T(r, ["arrowText", "direction"]);
-  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: p } = ke(rt), g = ps(
+  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: p } = ke(rt), g = Bt(
     (h, _) => {
       o && (h.preventDefault(), o(_));
     },
@@ -6280,7 +6280,7 @@ const F1 = (n) => {
     itemLength: m,
     pageDirection: p,
     pages: g
-  } = ke(rt), d = ps(
+  } = ke(rt), d = Bt(
     (b, E) => {
       a && (b.preventDefault(), a(E));
     },
@@ -6407,7 +6407,7 @@ const G1 = {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
-}, is = (i) => {
+}, ds = (i) => {
   var m = i, {
     listItems: s,
     listLabel: n,
@@ -6490,7 +6490,7 @@ const G1 = {
       label: l[0].savingsBadgeLabel
     }
   ), l[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${E}__savings-details` }, l[0].savingsDetails))), N = /* @__PURE__ */ e.createElement(
-    is,
+    ds,
     {
       className: `${E}__list`,
       listLabel: l[0].listLabel,
@@ -6520,7 +6520,7 @@ const G1 = {
   }), N = l.map((V) => {
     const D = v === f(V.label) ? null : `${E}__list--hide`;
     return /* @__PURE__ */ e.createElement(
-      is,
+      ds,
       {
         className: [`${E}__list`, D].join(" ").trim().replace(/\s+/g, " "),
         listLabel: V.listLabel,
@@ -6602,7 +6602,7 @@ const G1 = {
         className: [E, _].join(" ").trim().replace(/\s+/g, " ")
       },
       p && /* @__PURE__ */ e.createElement(
-        Yt,
+        Xt,
         {
           className: `${E}__status-badge`,
           type: p,
@@ -6700,7 +6700,7 @@ K1.propTypes = {
    */
   containerClassName: t.string
 };
-const ds = {
+const ms = {
   neutral: "--pds-color-semantic-neutral-utility",
   info: "--pds-color-semantic-info-foreground",
   success: "--pds-color-semantic-success-foreground",
@@ -6751,7 +6751,7 @@ const ds = {
       {
         className: `${E}__percentage`,
         style: {
-          color: `hsl(from var(${ds[f]}) h s calc(l - 7))`
+          color: `hsl(from var(${ms[f]}) h s calc(l - 7))`
         }
       },
       o,
@@ -6771,7 +6771,7 @@ const ds = {
           className: `${E}__bar`,
           style: {
             width: `${_}%`,
-            backgroundColor: `var(${ds[f]})`
+            backgroundColor: `var(${ms[f]})`
           }
         }
       )
@@ -7104,7 +7104,7 @@ const tn = (p) => {
   let b = "";
   l === "Active" && (b = "success"), l === "Frozen" && (b = "frozen");
   const E = /* @__PURE__ */ e.createElement(
-    Yt,
+    Xt,
     {
       label: l,
       statusType: b,
@@ -7424,9 +7424,9 @@ const cn = (r) => {
     (V || S) && (D = I);
     const q = `${l}__step`, B = [q];
     L && B.push(`${q}--current`), k && B.push(`${q}--complete`), x && B.push(`${q}--error`);
-    let W = `${n.step} ${y}`;
-    k && (W = `${n.step} ${y}, ${n.completed}`), x && (W = `${n.step} ${y}, ${n.hasError}`);
-    const Z = k ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    let Z = `${n.step} ${y}`;
+    k && (Z = `${n.step} ${y}, ${n.completed}`), x && (Z = `${n.step} ${y}, ${n.hasError}`);
+    const W = k ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "check",
@@ -7434,7 +7434,7 @@ const cn = (r) => {
         className: `${l}__step-complete-icon`
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }), F = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-label` }, C.label);
-    let O = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-content` }, F, Z);
+    let O = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-content` }, F, W);
     if (k && C.callback) {
       const P = (U) => {
         C.callback(C), U.preventDefault();
@@ -7446,7 +7446,7 @@ const cn = (r) => {
           onClick: P
         },
         F,
-        Z
+        W
       );
     }
     return /* @__PURE__ */ e.createElement(
@@ -7454,7 +7454,7 @@ const cn = (r) => {
       {
         key: C.id,
         id: C.id,
-        "aria-label": W,
+        "aria-label": Z,
         "aria-posinset": y,
         "aria-setsize": $,
         "aria-current": L ? "step" : null,
@@ -7709,7 +7709,7 @@ const on = (p) => {
           N(S[0].target.id);
         else if (S.length > 1) {
           const q = S.sort(
-            (B, W) => D(B.target.id) > D(W.target.id)
+            (B, Z) => D(B.target.id) > D(Z.target.id)
           );
           N(q[0].target.id);
         }
@@ -8702,11 +8702,11 @@ const fn = (m) => {
     const ue = ne.id ? ne.id : Re();
     E.current.push(ue), $.current.push(ne);
   });
-  const W = (ne) => {
+  const Z = (ne) => {
     const ue = E.current.indexOf(ne), pe = $.current[ue];
     pe.callback && !pe.disabled && (pe.callback(pe), b(!1));
-  }, Z = (ne) => {
-    W(ne.currentTarget.id);
+  }, W = (ne) => {
+    Z(ne.currentTarget.id);
   }, F = /* @__PURE__ */ e.createElement(
     ot,
     {
@@ -8736,7 +8736,7 @@ const fn = (m) => {
         ref: (J) => {
           I.current[ue] = J;
         }
-      }, D({ onClick: (J) => Z(J) })),
+      }, D({ onClick: (J) => W(J) })),
       ne.iconName && /* @__PURE__ */ e.createElement(
         A,
         {
@@ -8864,13 +8864,13 @@ const Zn = () => {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
-    })), ss(o, l);
+    })), ns(o, l);
   }, n = a1({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
-  return [s, ss, n];
+  return [s, ns, n];
 }, bn = Ke(
   (I, z) => {
     var H = I, {
@@ -8935,7 +8935,7 @@ const Zn = () => {
       "value",
       "className"
     ]);
-    const V = Ns(m), S = "pds-text-input", D = c ? fe.disabled : null, q = _ && !c ? fe.required : null, B = k === "error" ? fe.error : null, W = k === "success" ? fe.success : null, Z = h ? fe.readonly : null;
+    const V = Ns(m), S = "pds-text-input", D = c ? fe.disabled : null, q = _ && !c ? fe.required : null, B = k === "error" ? fe.error : null, Z = k === "success" ? fe.success : null, W = h ? fe.readonly : null;
     let F = null;
     y === "search" && (F = "search"), k === "error" && (F = "error"), k === "success" && (F = "success");
     const O = L || g, P = typeof x != "undefined", U = typeof a != "undefined", [G, te] = R(
@@ -8963,8 +8963,8 @@ const Zn = () => {
           D,
           q,
           B,
-          W,
           Z,
+          W,
           N != null ? N : ""
         ]),
         style: m ? V : null
@@ -9001,7 +9001,7 @@ const Zn = () => {
           "aria-describedby": O ? `${l}__message` : null
         }, i)
       ), r && se && /* @__PURE__ */ e.createElement(
-        v1,
+        b1,
         {
           id: l,
           clearLabel: v.clearButton,
@@ -9019,13 +9019,13 @@ const Zn = () => {
         },
         /* @__PURE__ */ e.createElement(A, { iconName: J ? "eyeSlash" : "eye", iconSize: "md" })
       ), o && y === "search" && !se && /* @__PURE__ */ e.createElement(
-        b1,
+        f1,
         {
           inputId: l,
           shortcutLabel: v.searchShortcut
         }
       ), n && y !== "password" && /* @__PURE__ */ e.createElement(
-        E1,
+        v1,
         {
           id: l,
           currentLength: se.length,
@@ -9082,7 +9082,7 @@ const Zn = () => {
     open: b,
     onOpenChange: E,
     whileElementsMounted: De
-  }), D = lt(S, { event: "mousedown" }), q = Ie(S), B = Te(S, { role: "menu" }), W = it(S, {
+  }), D = lt(S, { event: "mousedown" }), q = Ie(S), B = Te(S, { role: "menu" }), Z = it(S, {
     listRef: C,
     activeIndex: $,
     onNavigate: h,
@@ -9090,8 +9090,8 @@ const Zn = () => {
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0,
     focusItemOnOpen: !1
-  }), { getReferenceProps: Z, getFloatingProps: F, getItemProps: O } = Oe(
-    [q, B, D, W]
+  }), { getReferenceProps: W, getFloatingProps: F, getItemProps: O } = Oe(
+    [q, B, D, Z]
   ), { isMounted: P, styles: U } = Ye(S, {
     duration: {
       open: 300,
@@ -9209,7 +9209,7 @@ const Zn = () => {
       className: `${N}__trigger`,
       "aria-label": s,
       ref: H.setReference
-    }, Z()),
+    }, W()),
     ne,
     ue
   ), P && /* @__PURE__ */ e.createElement(
@@ -9511,11 +9511,11 @@ const Un = (o) => {
       "value",
       "className"
     ]);
-    const x = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", M = a ? fe.disabled : null, z = E && !a ? fe.required : null, I = _ === "error" ? fe.error : null, H = _ === "success" ? fe.success : null, V = g > 0 ? `${N}--indent-${g}` : null, S = h || m, D = typeof s != "undefined", q = typeof n != "undefined", [B, W] = R(
+    const x = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", M = a ? fe.disabled : null, z = E && !a ? fe.required : null, I = _ === "error" ? fe.error : null, H = _ === "success" ? fe.success : null, V = g > 0 ? `${N}--indent-${g}` : null, S = h || m, D = typeof s != "undefined", q = typeof n != "undefined", [B, Z] = R(
       q ? n : !1
-    ), Z = s || B, F = (te) => {
-      D || W(te.target.checked), u && u(te);
-    }, O = `${N}__box`, P = r ? null : Z ? `${O}--checked` : null, U = r ? `${O}--indeterminate` : null, G = () => {
+    ), W = s || B, F = (te) => {
+      D || Z(te.target.checked), u && u(te);
+    }, O = `${N}__box`, P = r ? null : W ? `${O}--checked` : null, U = r ? `${O}--indeterminate` : null, G = Bt(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           A,
@@ -9525,7 +9525,7 @@ const Un = (o) => {
             className: `${N}__icon ${N}__icon--indeterminate`
           }
         );
-      if (Z)
+      if (W)
         return /* @__PURE__ */ e.createElement(
           A,
           {
@@ -9534,7 +9534,7 @@ const Un = (o) => {
             className: `${N}__icon ${N}__icon--checked`
           }
         );
-    };
+    }, [r, W]);
     return /* @__PURE__ */ e.createElement(
       "div",
       w({
@@ -9557,7 +9557,7 @@ const Un = (o) => {
           name: p,
           type: "checkbox",
           checked: D ? s : B,
-          "aria-checked": r ? "mixed" : Z ? "true" : "false"
+          "aria-checked": r ? "mixed" : W ? "true" : "false"
         }, f ? { value: f } : {}), {
           disabled: a,
           required: E,
@@ -9795,7 +9795,7 @@ const Un = (o) => {
       }
     )
   );
-}, $n = ({ toggleStatusLabel: s, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Zt, { label: s }), /* @__PURE__ */ e.createElement(
+}, $n = ({ toggleStatusLabel: s, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ut, { label: s }), /* @__PURE__ */ e.createElement(
   "label",
   {
     htmlFor: n,
@@ -9803,7 +9803,7 @@ const Un = (o) => {
     "aria-hidden": "true"
   },
   s
-)), yn = ({ toggleStatusLabel: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Zt, { label: s }), /* @__PURE__ */ e.createElement(
+)), yn = ({ toggleStatusLabel: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ut, { label: s }), /* @__PURE__ */ e.createElement(
   "span",
   {
     className: "pds-switch__input-decor",
@@ -9896,8 +9896,8 @@ const Un = (o) => {
         className: "pds-input-message--switch"
       }
     );
-    let W, Z;
-    return N ? W = /* @__PURE__ */ e.createElement(e.Fragment, null, q, B, D) : M && (Z = "pds-switch--placement-right", W = m ? /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, B, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
+    let Z, W;
+    return N ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, q, B, D) : M && (W = "pds-switch--placement-right", Z = m ? /* @__PURE__ */ e.createElement(e.Fragment, null, q, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, B, /* @__PURE__ */ e.createElement("div", null, D))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: re([
@@ -9915,12 +9915,12 @@ const Un = (o) => {
           y,
           L,
           k,
-          Z,
+          W,
           $
         ]),
         style: o ? v : null
       }, h),
-      W
+      Z
     );
   }
 ), e2 = (p) => {
@@ -9983,7 +9983,7 @@ const Un = (o) => {
         zIndex: "var(--pds-z-index-modal)"
       })
     },
-    /* @__PURE__ */ e.createElement(vs, { context: h }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(bs, { context: h }, /* @__PURE__ */ e.createElement(
       "div",
       w(Ee(w({
         ref: $.setFloating,
@@ -10039,7 +10039,7 @@ const Un = (o) => {
   } else
     a = s;
   return a;
-}, Qt = (o) => {
+}, Jt = (o) => {
   var l = o, {
     headingText: s,
     menuItems: n,
@@ -10087,9 +10087,9 @@ const Un = (o) => {
     const D = [];
     return S.forEach((q) => {
       q.links ? (D.push(_({ item: q, level: "top-level" })), q.links.forEach((B) => {
-        B.links ? (D.push(_({ item: B, level: "second-level" })), B.links.forEach((W) => {
+        B.links ? (D.push(_({ item: B, level: "second-level" })), B.links.forEach((Z) => {
           D.push(
-            _({ item: W, level: "third-level" })
+            _({ item: Z, level: "third-level" })
           );
         })) : D.push(_({ item: B, level: "second-level" }));
       })) : D.push(_({ item: q, level: "top-level" }));
@@ -10182,7 +10182,7 @@ const Un = (o) => {
   let m = !1;
   const p = ke(qe);
   p && (m = p.isMobile);
-  const g = ke(Kt);
+  const g = ke(Yt);
   let d = !0;
   g && (d = g.isSidebarExpanded);
   const u = "pds-dashboard-nav", b = d ? `${u}--expanded` : `${u}--collapsed`, E = (v) => {
@@ -10239,15 +10239,15 @@ const Un = (o) => {
       placement: "right-start",
       open: H,
       onOpenChange: V,
-      middleware: [Bt(12), Ft(), Wt()],
+      middleware: [Ft(12), Wt(), Zt()],
       whileElementsMounted: De
     }), B = bt(q, {
       move: !1,
-      handleClose: bs()
-    }), W = fs(q), Z = Ie(q), F = Te(q, { role: "menu" }), { getReferenceProps: O, getFloatingProps: P } = Oe([
+      handleClose: fs()
+    }), Z = hs(q), W = Ie(q), F = Te(q, { role: "menu" }), { getReferenceProps: O, getFloatingProps: P } = Oe([
       B,
-      W,
       Z,
+      W,
       F
     ]);
     return /* @__PURE__ */ e.createElement(
@@ -10304,7 +10304,7 @@ const Un = (o) => {
       v.icon
     )
   })), C = /* @__PURE__ */ e.createElement(
-    Qt,
+    Jt,
     {
       menuItems: f,
       selectTextFallback: c
@@ -10317,7 +10317,7 @@ const Un = (o) => {
       className: [u, b, r].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     !m && /* @__PURE__ */ e.createElement(
-      Xt,
+      Qt,
       {
         className: `${u}__logo`,
         displayType: d ? "full" : "icon",
@@ -10417,7 +10417,7 @@ const Un = (o) => {
       )
     );
   }, f = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((v, y) => _(v, y)))), C = /* @__PURE__ */ e.createElement(
-    Qt,
+    Jt,
     {
       headingText: a,
       menuItems: r,
@@ -10561,7 +10561,7 @@ const Un = (o) => {
       )
     );
   }, f = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((v, y) => _(v, y)))), C = /* @__PURE__ */ e.createElement(
-    Qt,
+    Jt,
     {
       headingText: a,
       menuItems: r,
@@ -10639,7 +10639,7 @@ const Un = (o) => {
           return;
         }
         g(
-          (W) => W.filter((Z) => Z.id !== N)
+          (Z) => Z.filter((W) => W.id !== N)
         ), I && k.onDismiss();
       }, 200);
     };
@@ -10853,7 +10853,7 @@ const Un = (o) => {
     n && a && /* @__PURE__ */ e.createElement("span", { className: p }),
     /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, s)
   );
-}, Be = 8, ms = 14, Nn = 6, o2 = (b) => {
+}, Be = 8, us = 14, Nn = 6, o2 = (b) => {
   var E = b, {
     content: s,
     customTrigger: n = !1,
@@ -10900,9 +10900,9 @@ const Un = (o) => {
       h(G), G || r();
     },
     middleware: [
-      Bt(Be + Nn + v),
-      Ft({ padding: 8 }),
+      Ft(Be + Nn + v),
       Wt({ padding: 8 }),
+      Zt({ padding: 8 }),
       Ys({ element: y })
     ],
     whileElementsMounted: De
@@ -10912,7 +10912,7 @@ const Un = (o) => {
     z,
     I,
     H
-  ]), D = (O = (F = N.arrow) == null ? void 0 : F.x) != null ? O : 0, q = (U = (P = N.arrow) == null ? void 0 : P.y) != null ? U : 0, B = D + ms / 2, W = q + Be, { isMounted: Z } = Ye(x, {
+  ]), D = (O = (F = N.arrow) == null ? void 0 : F.x) != null ? O : 0, q = (U = (P = N.arrow) == null ? void 0 : P.y) != null ? U : 0, B = D + us / 2, Z = q + Be, { isMounted: W } = Ye(x, {
     initial: {
       transform: "scale(0)"
     },
@@ -10920,8 +10920,8 @@ const Un = (o) => {
       transformOrigin: {
         top: `${B}px calc(100% + ${Be}px)`,
         bottom: `${B}px ${-Be}px`,
-        left: `calc(100% + ${Be}px) ${W}px`,
-        right: `${-Be}px ${W}px`
+        left: `calc(100% + ${Be}px) ${Z}px`,
+        right: `${-Be}px ${Z}px`
       }[G]
     })
   });
@@ -10945,7 +10945,7 @@ const Un = (o) => {
         }
       ))
     ),
-    Z && /* @__PURE__ */ e.createElement(vs, { context: x, modal: !1 }, /* @__PURE__ */ e.createElement(
+    W && /* @__PURE__ */ e.createElement(bs, { context: x, modal: !1 }, /* @__PURE__ */ e.createElement(
       "div",
       w({
         className: `${f}__container`,
@@ -10958,7 +10958,7 @@ const Un = (o) => {
           ref: y,
           context: x,
           height: Be,
-          width: ms,
+          width: us,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
@@ -11025,7 +11025,7 @@ const Un = (o) => {
     s && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, s)
   );
 };
-let us = [
+let ps = [
   "color-1",
   "color-2",
   "color-3",
@@ -11048,8 +11048,8 @@ let us = [
   "color-20"
 ];
 const kn = (s) => {
-  const n = parseInt(gs(s), 16);
-  return us[n % us.length];
+  const n = parseInt(vs(s), 16);
+  return ps[n % ps.length];
 }, Hn = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, m2 = (m) => {
   var p = m, {
     linkContent: s,
@@ -11417,48 +11417,48 @@ Vn.propTypes = {
 const u2 = ({
   children: s,
   mobileMenuMaxWidth: n = 640
-}) => /* @__PURE__ */ e.createElement(y1, { mobileMenuMaxWidth: n }, s);
+}) => /* @__PURE__ */ e.createElement($1, { mobileMenuMaxWidth: n }, s);
 export {
   ot as Avatar,
-  c1 as AvatarTileList,
+  l1 as AvatarTileList,
   a2 as Banner,
-  m1 as Breadcrumbs,
+  d1 as Breadcrumbs,
   Ze as Button,
   Ue as ButtonLink,
   mn as CTALink,
-  $1 as CTASlice,
+  C1 as CTASlice,
   Kn as Callout,
-  _1 as Card,
-  C1 as CardSelectGroup,
+  E1 as Card,
+  _1 as CardSelectGroup,
   Cn as Checkbox,
   Yn as CheckboxFieldset,
   Xn as CheckboxGroup,
   ks as Combobox,
-  is as ComparisonList,
+  ds as ComparisonList,
   st as Container,
-  Kt as DashboardContext,
+  Yt as DashboardContext,
   Fn as DashboardLayout,
   t2 as DashboardNav,
-  N1 as DashboardSearch,
-  Qt as DropdownMenu,
-  k1 as ExpansionPanel,
-  H1 as ExpansionPanelGroup,
-  z1 as FileUpload,
+  w1 as DashboardSearch,
+  Jt as DropdownMenu,
+  N1 as ExpansionPanel,
+  k1 as ExpansionPanelGroup,
+  H1 as FileUpload,
   zn as FlexContainer,
   zs as FooterHeading,
-  L1 as FooterLinks,
+  z1 as FooterLinks,
   u2 as GlobalWrapper,
-  M1 as Heading,
+  L1 as Heading,
   A as Icon,
   Et as IconButton,
   _t as IndicatorBadge,
   l2 as InlineMessage,
-  V1 as InputFormatted,
+  x1 as InputFormatted,
   Qn as InputGroup,
-  S1 as InputObscured,
-  I1 as InputText,
+  V1 as InputObscured,
+  S1 as InputText,
   Ae as InputWrapper,
-  T1 as LinksCard,
+  I1 as LinksCard,
   Ls as MenuButton,
   e2 as Modal,
   D1 as NavMenu,
@@ -11466,7 +11466,7 @@ export {
   A1 as NewSiteCard,
   U1 as Pager,
   r2 as Panel,
-  Xt as PantheonLogo,
+  Qt as PantheonLogo,
   xs as PlatformIcon,
   o2 as Popover,
   K1 as PricingCard,
@@ -11483,12 +11483,12 @@ export {
   Ln as SidebarLayout,
   tn as SiteCard,
   sn as SiteFooter,
-  w1 as Skiplink,
+  y1 as Skiplink,
   nn as SocialLinks,
   Nt as Spinner,
   an as SplitButton,
   ln as StatsTileList,
-  Yt as StatusBadge,
+  Xt as StatusBadge,
   d2 as StatusIndicator,
   cn as Stepper,
   Mn as StepperLayout,
@@ -11512,7 +11512,7 @@ export {
   fn as UserMenu,
   En as WorkspaceSelector,
   as as iconList,
-  us as tagColors,
+  ps as tagColors,
   Zn as useToast
 };
 //# sourceMappingURL=index.js.map