@pantheon-systems/pds-toolkit-react 1.0.0-dev.133 → 1.0.0-dev.134

package/_dist/index.js

@@ -1,15 +1,15 @@
-import './index.css';var Ms = Object.defineProperty, xs = Object.defineProperties;
-var Vs = Object.getOwnPropertyDescriptors;
+import './index.css';var Ls = Object.defineProperty, zs = Object.defineProperties;
+var Ms = Object.getOwnPropertyDescriptors;
 var rt = Object.getOwnPropertySymbols;
 var Rt = Object.prototype.hasOwnProperty, qt = Object.prototype.propertyIsEnumerable;
-var Ot = (s, n, a) => n in s ? Ms(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, N = (s, n) => {
+var Ot = (s, n, a) => n in s ? Ls(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, N = (s, n) => {
   for (var a in n || (n = {}))
     Rt.call(n, a) && Ot(s, a, n[a]);
   if (rt)
     for (var a of rt(n))
       qt.call(n, a) && Ot(s, a, n[a]);
   return s;
-}, Ne = (s, n) => xs(s, Vs(n));
+}, ye = (s, n) => zs(s, Ms(n));
 var M = (s, n) => {
   var a = {};
   for (var r in s)
@@ -19,16 +19,16 @@ var M = (s, n) => {
       n.indexOf(r) < 0 && qt.call(s, r) && (a[r] = s[r]);
   return a;
 };
-import e, { useRef as Q, useState as x, createContext as Kt, useContext as Xe, forwardRef as ot, cloneElement as Is, useEffect as se, useLayoutEffect as Ss, useCallback as Yt } from "react";
-import t, { arrayOf as Ts } from "prop-types";
-import Xt from "hash-sum";
-import { NavLink as Qt, MemoryRouter as Os } from "react-router-dom";
-import { useFloating as xe, offset as Jt, flip as es, shift as ts, autoUpdate as Re, useHover as kt, useFocus as Rs, useDismiss as Ve, useRole as Ie, useInteractions as Se, useTransitionStyles as qe, useId as qs, useListNavigation as tt, useClick as Qe, FloatingOverlay as Ds, FloatingFocusManager as ss, safePolygon as As, arrow as Ps, FloatingArrow as js } from "@floating-ui/react";
+import e, { useRef as Q, useState as x, createContext as Ut, useContext as Xe, forwardRef as ot, cloneElement as xs, useEffect as se, useLayoutEffect as Vs, useCallback as Gt } from "react";
+import t, { arrayOf as Is } from "prop-types";
+import Kt from "hash-sum";
+import { NavLink as Yt, MemoryRouter as Ss } from "react-router-dom";
+import { useFloating as xe, offset as Xt, flip as Qt, shift as Jt, autoUpdate as Re, useHover as kt, useFocus as Ts, useDismiss as Ve, useRole as Ie, useInteractions as Se, useTransitionStyles as qe, useId as Os, useListNavigation as tt, useClick as Qe, FloatingOverlay as Rs, FloatingFocusManager as es, safePolygon as qs, arrow as Ds, FloatingArrow as As } from "@floating-ui/react";
 import { useMeasure as xt } from "@reactuses/core";
-import { useFloating as Ws, flip as Bs } from "@floating-ui/react-dom";
-import Fs from "focus-trap-react";
-import { ToastContainer as Zs, Slide as Us, cssTransition as Gs, toast as Dt } from "react-toastify";
-const Ks = [
+import { useFloating as Ps, flip as js } from "@floating-ui/react-dom";
+import Ws from "focus-trap-react";
+import { ToastContainer as Bs, Slide as Fs, cssTransition as Zs, toast as Dt } from "react-toastify";
+const Us = [
   "angleDown",
   "angleLeft",
   "angleRight",
@@ -169,13 +169,13 @@ const Ks = [
   "xmarkLarge",
   "xTwitter",
   "youtube"
-], Oe = t.oneOf(Ks), dt = t.oneOf([
+], Oe = t.oneOf(Us), dt = t.oneOf([
   "narrow",
   "standard",
   "wide",
   "x-wide",
   "full"
-]), Ys = t.exact({
+]), Gs = t.exact({
   /**
    * Label for a menu item
    */
@@ -184,7 +184,7 @@ const Ks = [
    * Is the item a heading?
    */
   isHeading: t.bool.isRequired
-}), ns = t.exact({
+}), ts = t.exact({
   /**
    * Description of the item
    */
@@ -209,7 +209,7 @@ const Ks = [
    *  Optional `data-testid` value for this item.
    */
   testId: t.string
-}), as = t.exact({
+}), ss = t.exact({
   /**
    * (optional) Callback function to execute when menu item is activated
    */
@@ -238,7 +238,7 @@ const Ks = [
    *  Optional `data-testid` value for this item.
    */
   testId: t.string
-}), Xs = t.exact({
+}), Ks = t.exact({
   /**
    * Is the item a node?
    */
@@ -247,7 +247,7 @@ const Ks = [
    * The content of the node.
    */
   nodeContent: t.node
-}), Qs = t.exact({
+}), Ys = t.exact({
   /**
    * Is the item a separator?
    */
@@ -847,7 +847,7 @@ const Ks = [
     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"
   }
-}, At = Object.keys(Ht), Js = (d) => {
+}, At = Object.keys(Ht), Xs = (d) => {
   var h = d, {
     ariaLabel: s,
     buttonType: n = "button",
@@ -927,7 +927,7 @@ const Ks = [
     )
   );
 };
-Js.propTypes = {
+Xs.propTypes = {
   /**
    * Aria-label attribute.
    */
@@ -975,8 +975,8 @@ let Pt = [
   "g11",
   "g12"
 ];
-const e1 = (s) => {
-  const n = parseInt(Xt(s), 16);
+const Qs = (s) => {
+  const n = parseInt(Kt(s), 16);
   return Pt[n % Pt.length];
 }, Ge = (l) => {
   var o = l, {
@@ -993,7 +993,7 @@ const e1 = (s) => {
     "className"
   ]);
   const m = "pds-avatar", d = `${m}--${s}`, h = n ? `${m}--image` : null, b = {
-    backgroundImage: r ? `var(--pds-color-gradient-avatar-${e1(r)})` : null,
+    backgroundImage: r ? `var(--pds-color-gradient-avatar-${Qs(r)})` : null,
     borderRadius: "100%",
     height: "100%",
     width: "100%"
@@ -1037,7 +1037,7 @@ Ge.propTypes = {
    */
   className: t.string
 };
-const t1 = (u) => {
+const Js = (u) => {
   var c = u, {
     darkBackground: s,
     listItems: n,
@@ -1084,7 +1084,7 @@ const t1 = (u) => {
     })
   );
 };
-t1.propTypes = {
+Js.propTypes = {
   /**
    * Boolean to set for dark background
    */
@@ -1190,7 +1190,7 @@ const gt = {
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, s1 = (o) => {
+}, e1 = (o) => {
   var m = o, {
     banners: s,
     dismissLabel: n = "Dismiss",
@@ -1327,7 +1327,7 @@ const gt = {
     )) : $[0]
   );
 };
-s1.propTypes = {
+e1.propTypes = {
   /**
    * Array of banners.
    */
@@ -1365,7 +1365,7 @@ s1.propTypes = {
    */
   className: t.string
 };
-const n1 = {
+const t1 = {
   crumbs: [],
   deferredCrumbIds: [],
   register: () => {
@@ -1376,7 +1376,7 @@ const n1 = {
   },
   resolveCrumb: () => {
   }
-}, ls = Kt(n1), jt = 8, Lt = (o) => {
+}, ns = Ut(t1), jt = 8, Lt = (o) => {
   var m = o, {
     content: s,
     customTrigger: n = !1,
@@ -1400,12 +1400,12 @@ const n1 = {
     open: d,
     onOpenChange: h,
     middleware: [
-      Jt(jt + g),
-      es({ padding: 5 }),
-      ts({ padding: 5 })
+      Xt(jt + g),
+      Qt({ padding: 5 }),
+      Jt({ padding: 5 })
     ],
     whileElementsMounted: Re
-  }), $ = kt(_, { move: !1 }), C = Rs(_), v = Ve(_), w = Ie(_, { role: "tooltip" }), { getFloatingProps: V } = Se([$, C, v, w]), { isMounted: k } = qe(_, {
+  }), $ = kt(_, { move: !1 }), C = Ts(_), v = Ve(_), w = Ie(_, { role: "tooltip" }), { getFloatingProps: V } = Se([$, C, v, w]), { isMounted: k } = qe(_, {
     initial: {
       transform: "scale(0)"
     }
@@ -1466,16 +1466,16 @@ Lt.propTypes = {
 };
 const Pe = ({ crumb: s, lastCrumb: n, classes: a }) => {
   const r = 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(Lt, { content: s.label, triggerText: r }) : s.label) : /* @__PURE__ */ e.createElement(Qt, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Lt, { content: s.label, triggerText: r }) : 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(Lt, { content: s.label, triggerText: r }) : s.label) : /* @__PURE__ */ e.createElement(Yt, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(Lt, { content: s.label, triggerText: r }) : s.label));
 };
 Pe.propTypes = {
   crumb: t.object,
   lastCrumb: t.bool,
   classes: t.string
 };
-const a1 = (s) => /* @__PURE__ */ e.createElement(Qt, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(j, { iconName: "angleLeft", iconSize: "sm" }), s.label), l1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, rs = (a) => {
+const s1 = (s) => /* @__PURE__ */ e.createElement(Yt, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(j, { iconName: "angleLeft", iconSize: "sm" }), s.label), n1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, as = (a) => {
   var r = a, { ariaLabel: s } = r, n = M(r, ["ariaLabel"]);
-  const [u, c] = x(!0), { crumbs: l, deferredCrumbIds: o } = Xe(ls), m = [...l].sort(l1), d = () => {
+  const [u, c] = x(!0), { crumbs: l, deferredCrumbIds: o } = Xe(ns), m = [...l].sort(n1), d = () => {
     c(!1);
   }, h = m.map(
     (E, p) => p === m.length - 1 ? /* @__PURE__ */ e.createElement(Pe, { crumb: E, lastCrumb: !0, key: p }) : /* @__PURE__ */ e.createElement(Pe, { crumb: E, key: p })
@@ -1503,27 +1503,27 @@ const a1 = (s) => /* @__PURE__ */ e.createElement(Qt, { className: "pds-breadcru
         key: `breadcrumb-${p}`
       }
     ) : /* @__PURE__ */ e.createElement(Pe, { crumb: E, key: `breadcrumb-${p}` })
-  ), b = m.length >= 6 ? i : h, f = m[m.length - 2], g = a1(f);
+  ), b = m.length >= 6 ? i : h, f = m[m.length - 2], g = s1(f);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", N({ className: "pds-breadcrumbs__item" }, n), b), g);
 };
-rs.propTypes = {
+as.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.array
 };
-const r1 = (r) => {
+const a1 = (r) => {
   var u = r, { ariaLabel: s, crumbs: n } = u, a = M(u, ["ariaLabel", "crumbs"]);
-  return /* @__PURE__ */ e.createElement(Os, null, /* @__PURE__ */ e.createElement(
-    ls.Provider,
+  return /* @__PURE__ */ e.createElement(Ss, null, /* @__PURE__ */ e.createElement(
+    ns.Provider,
     {
       value: {
         crumbs: n,
         defferedCrumbIds: []
       }
     },
-    /* @__PURE__ */ e.createElement(rs, N({ crumbs: n, ariaLabel: s }, a))
+    /* @__PURE__ */ e.createElement(as, N({ crumbs: n, ariaLabel: s }, a))
   ));
 };
-r1.propTypes = {
+a1.propTypes = {
   ariaLabel: t.string.isRequired,
   crumbs: t.arrayOf([
     { label: t.string },
@@ -1650,7 +1650,7 @@ const Ke = ot(
     let w = [o];
     return r == "icon-start" && u && w.unshift(v), r == "icon-end" && u && w.push(v), l && (w = [v], s = o), /* @__PURE__ */ e.createElement(
       "button",
-      Ne(N({}, b), {
+      ye(N({}, b), {
         type: n,
         className: [p, _, $, i].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || c,
@@ -1722,10 +1722,10 @@ Ke.propTypes = {
    */
   className: t.string
 };
-const Me = () => Math.random().toString(32).substring(2, 13), cs = (s, n) => {
+const Me = () => Math.random().toString(32).substring(2, 13), ls = (s, n) => {
   var a;
   for (n = n || [], a = 0; a < s.childNodes.length; a++)
-    n.push(s.childNodes[a]), cs(s.childNodes[a], n);
+    n.push(s.childNodes[a]), ls(s.childNodes[a], n);
   return n;
 }, je = (m) => {
   var d = m, {
@@ -1768,7 +1768,7 @@ const Me = () => Math.random().toString(32).substring(2, 13), cs = (s, n) => {
   );
   let v = [r.props.children];
   n == "icon-start" && a && v.unshift($), n == "icon-end" && a && v.push($);
-  const w = Is(r, {
+  const w = xs(r, {
     className: p,
     children: v
   });
@@ -1828,7 +1828,7 @@ je.propTypes = {
    */
   className: t.string
 };
-const c1 = {
+const l1 = {
   info: "Info",
   warning: "Warning",
   success: "Success",
@@ -1836,7 +1836,7 @@ const c1 = {
   discovery: "Discovery",
   code: "Code",
   earlyAccess: "Early access"
-}, T2 = (c) => {
+}, I2 = (c) => {
   var l = c, {
     children: s,
     title: n,
@@ -1856,7 +1856,7 @@ const c1 = {
     discovery: "squareQuestion",
     code: "squareTerminal",
     earlyAccess: "leaf"
-  }, h = `${c1[a]}: `;
+  }, h = `${l1[a]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -1870,7 +1870,7 @@ const c1 = {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, n), s && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, s)))
   );
-}, i1 = (h) => {
+}, r1 = (h) => {
   var i = h, {
     bodyText: s,
     headingLevel: n = "h2",
@@ -1922,7 +1922,7 @@ const c1 = {
     _
   );
 };
-i1.propTypes = {
+r1.propTypes = {
   /**
    * Short description or summary. Can be string or JSX.
    */
@@ -1963,7 +1963,7 @@ i1.propTypes = {
    */
   className: t.string
 };
-const o1 = (d) => {
+const c1 = (d) => {
   var h = d, {
     id: s,
     initialSelection: n,
@@ -2033,7 +2033,7 @@ const o1 = (d) => {
     )))
   );
 };
-o1.propTypes = {
+c1.propTypes = {
   /**
    * Unique ID for the card select group
    */
@@ -2136,7 +2136,7 @@ Vt.propTypes = {
 const It = ot(
   (c, u) => {
     var l = c, { children: s, active: n, className: a } = l, r = M(l, ["children", "active", "className"]);
-    const o = qs(), m = "pds-input__option", d = n ? `${m}--active` : null;
+    const o = Os(), m = "pds-input__option", d = n ? `${m}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       N({
@@ -2299,7 +2299,7 @@ Te.propTypes = {
    */
   className: t.string
 };
-const is = ot(
+const rs = ot(
   (b, i) => {
     var f = b, {
       checked: s = !1,
@@ -2351,7 +2351,7 @@ const is = ot(
         }, h),
         /* @__PURE__ */ e.createElement(
           "input",
-          Ne(N({
+          ye(N({
             ref: i,
             type: "checkbox",
             id: a
@@ -2367,7 +2367,7 @@ const is = ot(
     );
   }
 );
-is.propTypes = {
+rs.propTypes = {
   /**
    * Is the checkbox checked initially?
    */
@@ -2409,7 +2409,7 @@ is.propTypes = {
    */
   className: t.string
 };
-const d1 = (h) => {
+const i1 = (h) => {
   var i = h, {
     disabled: s = !1,
     id: n,
@@ -2477,7 +2477,7 @@ const d1 = (h) => {
           onChange: p
         },
         l.map((v, w) => /* @__PURE__ */ e.createElement("li", { key: w, className: `${b}__option` }, /* @__PURE__ */ e.createElement(
-          is,
+          rs,
           {
             id: v.id,
             label: v.label,
@@ -2491,7 +2491,7 @@ const d1 = (h) => {
     )
   );
 };
-d1.propTypes = {
+i1.propTypes = {
   /**
    * Is the checkbox group field disabled?
    */
@@ -2549,7 +2549,7 @@ d1.propTypes = {
    */
   className: t.string
 };
-const m1 = (V) => {
+const o1 = (V) => {
   var k = V, {
     disabled: s = !1,
     hasClearButton: n = !0,
@@ -2616,7 +2616,7 @@ const m1 = (V) => {
     virtual: !0,
     loop: !0,
     allowEscape: !0
-  }), { getReferenceProps: ge, getFloatingProps: ye, getItemProps: ne } = Se(
+  }), { getReferenceProps: ge, getFloatingProps: Ne, getItemProps: ne } = Se(
     [J, fe, X]
   ), { isMounted: de, styles: me } = qe(T, {
     duration: {
@@ -2678,7 +2678,7 @@ const m1 = (V) => {
   }, [q, m, E]);
   const ce = L.map((U, ae) => /* @__PURE__ */ e.createElement(
     It,
-    Ne(N({
+    ye(N({
       key: U
     }, ne({
       key: U.value,
@@ -2748,7 +2748,7 @@ const m1 = (V) => {
       !q && u && /* @__PURE__ */ e.createElement(Vt, { label: h.searchShortcut }),
       a && /* @__PURE__ */ e.createElement(
         "button",
-        Ne(N({
+        ye(N({
           ref: P.setReference
         }, ge({
           onClick: be,
@@ -2772,7 +2772,7 @@ const m1 = (V) => {
       N({
         ref: P.setFloating,
         className: `${D}__dropdown`
-      }, ye({
+      }, Ne({
         style: {
           zIndex: "var(--pds-z-index-dropdown)"
         }
@@ -2781,7 +2781,7 @@ const m1 = (V) => {
     )
   );
 };
-m1.propTypes = {
+o1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -2897,7 +2897,7 @@ m1.propTypes = {
    */
   className: t.string
 };
-const u1 = {
+const d1 = {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
@@ -2934,7 +2934,7 @@ const u1 = {
         key: i,
         className: `${d}__list-item ${d}__list-item--${h.type}`
       },
-      /* @__PURE__ */ e.createElement(j, { iconName: u1[h.type] }),
+      /* @__PURE__ */ e.createElement(j, { iconName: d1[h.type] }),
       r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u[h.type], ":", " "),
       h.text
     ))),
@@ -2976,7 +2976,7 @@ zt.propTypes = {
    */
   className: t.string
 };
-const os = (u) => {
+const cs = (u) => {
   var c = u, { linkContent: s, size: n = "md", className: a } = c, r = M(c, ["linkContent", "size", "className"]);
   const l = "pds-cta-link", o = n != "md" ? `${l}--${n}` : null;
   return /* @__PURE__ */ e.createElement(
@@ -2995,7 +2995,7 @@ const os = (u) => {
     )
   );
 };
-os.propTypes = {
+cs.propTypes = {
   /**
    * A link element using the router of your choice.
    */
@@ -3009,7 +3009,7 @@ os.propTypes = {
    */
   className: t.string
 };
-const p1 = (d) => {
+const m1 = (d) => {
   var h = d, {
     backgroundColor: s = "default",
     containerWidth: n = "standard",
@@ -3067,7 +3067,7 @@ const p1 = (d) => {
     ))
   );
 };
-p1.propTypes = {
+m1.propTypes = {
   /**
    * Background color of slice
    */
@@ -3227,7 +3227,7 @@ const mt = (c) => {
       N({
         className: `${o}__dropdown ${o}__menu ${o}__menu--top-level`,
         ref: C.setFloating,
-        style: Ne(N({}, k), {
+        style: ye(N({}, k), {
           floatingStyles: w,
           zIndex: "var(--pds-z-index-dropdown)"
         })
@@ -3632,7 +3632,7 @@ St.propTypes = {
    */
   className: t.string
 };
-const g1 = 11.75, h1 = (o) => {
+const u1 = 11.75, p1 = (o) => {
   var m = o, {
     ariaLabel: s = "Main navigation",
     labels: n = {
@@ -3657,7 +3657,7 @@ const g1 = 11.75, h1 = (o) => {
   }), []);
   const i = () => {
     h(window.innerWidth);
-  }, b = d <= r, f = Q(), [g] = xt(f), E = g1 * 16 * 0.8, p = g.width < E, _ = "pds-dashboard-nav", $ = p ? `${_}--collapsed` : `${_}--expanded`, C = (k) => {
+  }, b = d <= r, f = Q(), [g] = xt(f), E = u1 * 16 * 0.8, p = g.width < E, _ = "pds-dashboard-nav", $ = p ? `${_}--collapsed` : `${_}--expanded`, C = (k) => {
     const H = k.target;
     H.classList.toggle(`${_}__toggle--expanded`), H.setAttribute(
       "aria-expanded",
@@ -3675,7 +3675,7 @@ const g1 = 11.75, h1 = (o) => {
   };
   a = a.map((k) => {
     const H = k.linkContent.type, S = k.linkContent.props.href ? "href" : "to", z = S === "href" ? k.linkContent.props.href : k.linkContent.props.to, y = k.linkContent.props.children;
-    return Ne(N({}, k), {
+    return ye(N({}, k), {
       linkContent: /* @__PURE__ */ e.createElement(
         H,
         {
@@ -3742,7 +3742,7 @@ const g1 = 11.75, h1 = (o) => {
     b ? w : V
   );
 };
-h1.propTypes = {
+p1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -3771,7 +3771,7 @@ h1.propTypes = {
    */
   className: t.string
 };
-const f1 = (l) => {
+const g1 = (l) => {
   var o = l, {
     children: s,
     id: n,
@@ -3794,7 +3794,7 @@ const f1 = (l) => {
     /* @__PURE__ */ e.createElement("details", { key: r, id: m, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, r), /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${d}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, s))
   );
 };
-f1.propTypes = {
+g1.propTypes = {
   /**
    * The content of the expansion panel.
    */
@@ -3816,7 +3816,7 @@ f1.propTypes = {
    */
   className: t.string
 };
-const b1 = (u) => {
+const h1 = (u) => {
   var c = u, {
     children: s,
     displayType: n = "standard",
@@ -3835,7 +3835,7 @@ const b1 = (u) => {
     s
   );
 };
-b1.propTypes = {
+h1.propTypes = {
   /**
    * The content of the expansion panel group. This should be a series of ExpansionPanel components.
    */
@@ -3849,7 +3849,7 @@ b1.propTypes = {
    */
   className: t.string
 };
-const ds = (u) => {
+const is = (u) => {
   var c = u, {
     headingLevel: s = "h3",
     headingText: n,
@@ -3868,7 +3868,7 @@ const ds = (u) => {
     n
   );
 };
-ds.propTypes = {
+is.propTypes = {
   /**
    *  Heading level
    */
@@ -3882,7 +3882,7 @@ ds.propTypes = {
    */
   className: t.string
 };
-const _1 = (c) => {
+const f1 = (c) => {
   var l = c, {
     headingLevel: s,
     headingText: n,
@@ -3901,7 +3901,7 @@ const _1 = (c) => {
       className: [o, r].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     n && /* @__PURE__ */ e.createElement(
-      ds,
+      is,
       {
         headingLevel: s,
         className: `${o}__heading`,
@@ -3911,7 +3911,7 @@ const _1 = (c) => {
     /* @__PURE__ */ e.createElement("ul", { className: `${o}__list`, role: "list" }, a.map((m, d) => /* @__PURE__ */ e.createElement("li", { key: d, className: `${o}__item` }, m)))
   );
 };
-_1.propTypes = {
+f1.propTypes = {
   /**
    *  Heading level
    */
@@ -3929,7 +3929,7 @@ _1.propTypes = {
    */
   className: t.string
 };
-const v1 = (u) => {
+const b1 = (u) => {
   var c = u, { children: s, level: n, className: a } = c, r = M(c, ["children", "level", "className"]);
   const l = "pds-heading", o = `${n}`;
   return /* @__PURE__ */ e.createElement(
@@ -3940,7 +3940,7 @@ const v1 = (u) => {
     s
   );
 };
-v1.propTypes = {
+b1.propTypes = {
   /**
    * Heading content
    */
@@ -3980,7 +3980,7 @@ const it = (c) => {
   success: "circleCheck",
   critical: "diamondExclamation",
   spinner: "spinner"
-}, E1 = (l) => {
+}, _1 = (l) => {
   var o = l, {
     title: s,
     secondaryText: n,
@@ -4022,7 +4022,7 @@ const it = (c) => {
     )), /* @__PURE__ */ e.createElement("div", { className: `${m}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), s && /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${m}__secondaryText` }, n)))
   );
 };
-E1.propTypes = {
+_1.propTypes = {
   /**
    * Title text.
    */
@@ -4050,7 +4050,7 @@ E1.propTypes = {
    */
   className: t.string
 };
-const C1 = new Intl.NumberFormat().formatToParts(100000089e-2), ft = C1.find((s) => s.type === "decimal").value, bt = 16, Wt = 10, $1 = (g) => {
+const v1 = new Intl.NumberFormat().formatToParts(100000089e-2), ft = v1.find((s) => s.type === "decimal").value, bt = 16, Wt = 10, E1 = (g) => {
   var E = g, {
     disabled: s = !1,
     formatting: n,
@@ -4204,7 +4204,7 @@ const C1 = new Intl.NumberFormat().formatToParts(100000089e-2), ft = C1.find((s)
     w || l
   ));
 };
-$1.propTypes = {
+E1.propTypes = {
   /**
    * Is the field disabled?
    */
@@ -4278,7 +4278,7 @@ $1.propTypes = {
    */
   className: t.string
 };
-const w1 = (r) => {
+const C1 = (r) => {
   var u = r, { children: s, className: n } = u, a = M(u, ["children", "className"]);
   const c = "pds-input-group", l = [], o = ["InputText", "Select"], m = ["critical", "primary", "secondary"];
   return s.length >= 2 && s.map((d) => {
@@ -4291,7 +4291,7 @@ const w1 = (r) => {
     l.length === 2 && l
   );
 };
-w1.propTypes = {
+C1.propTypes = {
   /**
    * Input and button elements
    */
@@ -4301,7 +4301,7 @@ w1.propTypes = {
    */
   className: t.string
 };
-const N1 = (f) => {
+const $1 = (f) => {
   var g = f, {
     counterFunction: s = () => {
     },
@@ -4425,7 +4425,7 @@ const N1 = (f) => {
     )
   );
 };
-N1.propTypes = {
+$1.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string to display.
    * <br />
@@ -4496,7 +4496,7 @@ N1.propTypes = {
    */
   className: t.string
 };
-const _t = 16, Bt = 10, ms = (S) => {
+const _t = 16, Bt = 10, os = (S) => {
   var z = S, {
     autoComplete: s = "on",
     counterFunction: n = () => {
@@ -4561,7 +4561,7 @@ const _t = 16, Bt = 10, ms = (S) => {
   const [y, O] = x(l), [q, I] = x(n("")), [L, W] = x(), [A, B] = x(null), [G, Y] = x(!1), F = Q(null), D = Q(null), T = Q(null), P = Q(null), J = "pds-input-text", fe = _ ? `${J}--${_}` : null;
   let X = null;
   v === "search" && (X = "search"), A === "error" && (X = "error"), A === "success" && (X = "success"), _ && $ && se(() => {
-    switch (l && O(ye(l)), P.numExtra = "", _) {
+    switch (l && O(Ne(l)), P.numExtra = "", _) {
       case "credit-card":
         P.numExtra = 3, P.current = _t;
         break;
@@ -4572,7 +4572,7 @@ const _t = 16, Bt = 10, ms = (S) => {
   }, []);
   let ge = null;
   (_ === "credit-card" || _ === "phone") && P.current && (ge = P.current + P.numExtra);
-  const ye = (K) => {
+  const Ne = (K) => {
     if (K) {
       if (_ === "credit-card") {
         const ce = ("" + K).replace(/\D/g, "");
@@ -4612,7 +4612,7 @@ const _t = 16, Bt = 10, ms = (S) => {
   }, me = (K) => {
     _ ? i && i({ formattedValue: K, rawValue: T.current }) : i && i(K);
   }, te = (K) => {
-    O(_ ? ye(K.target.value) : K.target.value), ne(), n && I(n(_ ? T.current : K.target.value)), me(K.target.value);
+    O(_ ? Ne(K.target.value) : K.target.value), ne(), n && I(n(_ ? T.current : K.target.value)), me(K.target.value);
   }, le = (K) => {
     if (C && Y(!1), w) {
       const ce = w(K.target.value) || {};
@@ -4703,7 +4703,7 @@ const _t = 16, Bt = 10, ms = (S) => {
     !y && u && v === "search" && /* @__PURE__ */ e.createElement(Vt, { label: d.searchShortcut })
   );
 };
-ms.propTypes = {
+os.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.
    *
@@ -4839,7 +4839,7 @@ ms.propTypes = {
    */
   className: t.string
 };
-const y1 = (c) => {
+const w1 = (c) => {
   var l = c, {
     linkItems: s,
     headingLevel: n = "h3",
@@ -4861,7 +4861,7 @@ const y1 = (c) => {
     s && /* @__PURE__ */ e.createElement("ul", { className: `${o}__list`, role: "list" }, s.map((d, h) => /* @__PURE__ */ e.createElement("li", { key: h, className: "pds-cta-links-card__item" }, d)))
   );
 };
-y1.propTypes = {
+w1.propTypes = {
   /**
    *  Heading level
    */
@@ -4879,7 +4879,7 @@ y1.propTypes = {
    */
   className: t.string
 };
-const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink, k1 = (s) => s.isNode, us = (_) => {
+const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink, N1 = (s) => s.isNode, ds = (_) => {
   var $ = _, {
     avatarImageSrc: s,
     disabled: n,
@@ -4924,17 +4924,17 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
     update: H,
     placement: S,
     refs: z
-  } = Ws({
+  } = Ps({
     placement: "bottom-start",
-    middleware: [Bs()]
+    middleware: [js()]
   }), [y, O] = x(1025), q = g && y <= d;
   se(() => (O(window.innerWidth), window.addEventListener("resize", I), () => {
     window.removeEventListener("resize", I);
   }), []);
   const I = () => {
     O(window.innerWidth);
-  }, L = "pds-menu-button", W = q ? `${L}--isMobile` : null, A = g ? `${L}--navbar` : null, B = Me(), [G] = x(`menu-button-${B}`), [Y] = x(`menu-listbox-${B}`), F = u || G, D = z.floating, T = Q(null), [P, J] = x(!1), [fe, X] = x(!1), [ge, ye] = x(""), [ne, de] = x(0), me = Q([]), te = Q([]), le = Q([]);
-  Ss(() => {
+  }, L = "pds-menu-button", W = q ? `${L}--isMobile` : null, A = g ? `${L}--navbar` : null, B = Me(), [G] = x(`menu-button-${B}`), [Y] = x(`menu-listbox-${B}`), F = u || G, D = z.floating, T = Q(null), [P, J] = x(!1), [fe, X] = x(!1), [ge, Ne] = x(""), [ne, de] = x(0), me = Q([]), te = Q([]), le = Q([]);
+  Vs(() => {
     window.addEventListener("mousedown", U, !0), H();
     const R = D.current;
     return R && (R.dataset.fuiPlacement = S), fe && (setTimeout(() => {
@@ -4944,7 +4944,7 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
     };
   }, [P, S]);
   const ee = (R, ie) => {
-    ye(R), de(ie);
+    Ne(R), de(ie);
   }, ue = () => {
     J(!0), X(!0);
   }, he = () => {
@@ -5060,7 +5060,7 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
         },
         R.label
       );
-    if (k1(R))
+    if (N1(R))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: ze }, R.nodeContent);
     if (Ct(R) || R.label) {
       te.current.push(ze), le.current.push(R);
@@ -5137,18 +5137,18 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
         },
         Ee.map((Le, Be) => {
           _e = me.current[Be];
-          const Fe = Le[0].isHeading, Ze = Fe ? `${F}-group-${_e}-heading` : "", ks = `${F}-group-${_e}`, Hs = Fe ? null : `${b} ${Be + 1}`;
+          const Fe = Le[0].isHeading, Ze = Fe ? `${F}-group-${_e}-heading` : "", Ns = `${F}-group-${_e}`, ys = Fe ? null : `${b} ${Be + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
               "aria-labelledby": Ze,
-              "aria-label": Hs,
-              key: ks
+              "aria-label": ys,
+              key: Ns
             },
-            Le.map((Ls, zs) => ae(
-              Ls,
-              zs,
+            Le.map((ks, Hs) => ae(
+              ks,
+              Hs,
               _e,
               Ze
             ))
@@ -5252,14 +5252,14 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
     ), ie.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
   }, ut = () => /* @__PURE__ */ e.createElement("ul", { className: `${L}__mobile-menu`, role: "menu" }, o.map((R, ie) => ae(R, ie)));
   let et;
-  const $s = a === "icon-end" ? "pds-button pds-button--navbar" : null, ws = [`${L}__toggle`, $s].join(" ").trim().replace(/\s+/g, " ");
+  const Es = a === "icon-end" ? "pds-button pds-button--navbar" : null, Cs = [`${L}__toggle`, Es].join(" ").trim().replace(/\s+/g, " ");
   q && (et = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: F,
       type: "button",
       disabled: n,
-      className: ws,
+      className: Cs,
       "aria-expanded": !1,
       onClick: at
     },
@@ -5273,18 +5273,18 @@ const vt = (s) => s.isSeparator, Et = (s) => s.isHeading, Ct = (s) => s.isLink,
       }
     )
   ));
-  const Ns = et, ys = P ? `${L}--expanded` : null;
+  const $s = et, ws = P ? `${L}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     N({
-      className: [L, A, W, ys, E].join(" ").trim().replace(/\s+/g, " "),
+      className: [L, A, W, ws, E].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": i,
       ref: T
     }, p),
-    q ? /* @__PURE__ */ e.createElement(e.Fragment, null, Ns, /* @__PURE__ */ e.createElement(ut, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, He, De(o))
+    q ? /* @__PURE__ */ e.createElement(e.Fragment, null, $s, /* @__PURE__ */ e.createElement(ut, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, He, De(o))
   );
 };
-us.propTypes = {
+ds.propTypes = {
   /**
    * Image src for avatar — only necessary for avatar-based buttons.
    */
@@ -5323,11 +5323,11 @@ us.propTypes = {
    */
   menuItems: t.arrayOf(
     t.oneOfType([
-      Ys,
-      ns,
-      as,
-      Xs,
-      Qs
+      Gs,
+      ts,
+      ss,
+      Ks,
+      Ys
     ])
   ),
   /**
@@ -5363,7 +5363,7 @@ us.propTypes = {
    */
   className: t.string
 };
-const H1 = (d) => {
+const y1 = (d) => {
   var h = d, {
     ariaLabel: s,
     children: n,
@@ -5414,7 +5414,7 @@ const H1 = (d) => {
     }
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, V && /* @__PURE__ */ e.createElement(
-    Ds,
+    Rs,
     {
       lockScroll: !0,
       style: {
@@ -5424,9 +5424,9 @@ const H1 = (d) => {
         zIndex: "var(--pds-z-index-modal)"
       }
     },
-    /* @__PURE__ */ e.createElement(ss, { context: p }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(es, { context: p }, /* @__PURE__ */ e.createElement(
       "div",
-      N(Ne(N({
+      N(ye(N({
         ref: E.setFloating,
         "aria-label": s || l
       }, w()), {
@@ -5450,7 +5450,7 @@ const H1 = (d) => {
     ))
   ));
 };
-H1.propTypes = {
+y1.propTypes = {
   /**
    * Aria label that describes the modal. Will default to the title if not provided.
    */
@@ -5517,7 +5517,7 @@ Ue.propTypes = {
    */
   className: t.string
 };
-const L1 = (f) => {
+const k1 = (f) => {
   var g = f, {
     children: s,
     colorType: n = "default",
@@ -5563,7 +5563,7 @@ const L1 = (f) => {
   }, z = () => p(!E), y = e.createRef();
   se(() => {
     if (_ <= h && s) {
-      const T = cs(
+      const T = ls(
         document.querySelector(".pds-navbar__mobile")
       ), P = ["a", "button", "input", "select", "textarea"];
       E ? T.forEach((J) => {
@@ -5635,7 +5635,7 @@ const L1 = (f) => {
     },
     /* @__PURE__ */ e.createElement(Ue, null, I, L)
   ), F = /* @__PURE__ */ e.createElement(
-    Fs,
+    Ws,
     {
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
@@ -5652,7 +5652,7 @@ const L1 = (f) => {
     v ? F : D
   );
 };
-L1.propTypes = {
+k1.propTypes = {
   /**
    * Color scheme.
    */
@@ -5710,7 +5710,7 @@ L1.propTypes = {
    */
   className: t.string
 };
-const ps = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
+const ms = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   const [r, u] = x(!1), [c, l] = x(0);
   se(() => (l(window.innerWidth), window.addEventListener("resize", o), () => {
     window.removeEventListener("resize", o);
@@ -5727,7 +5727,7 @@ const ps = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   m ? E = kt(i, {
     enabled: !1
   }) : E = kt(i, {
-    handleClose: As({
+    handleClose: qs({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0,
@@ -5765,12 +5765,12 @@ const ps = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
     ))
   ));
 };
-ps.propTypes = {
+ms.propTypes = {
   items: t.array,
   label: t.string,
   mobileMenuMaxWidth: t.number
 };
-const z1 = (l) => {
+const H1 = (l) => {
   var o = l, {
     ariaLabel: s = "Main Navigation",
     colorType: n = "default",
@@ -5849,7 +5849,7 @@ const z1 = (l) => {
           className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${S(y) === !0 ? `${v}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
-          ps,
+          ms,
           {
             label: y.label,
             items: y.links,
@@ -5881,7 +5881,7 @@ const z1 = (l) => {
     /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, z)
   );
 };
-z1.propTypes = {
+H1.propTypes = {
   /**
    * Aria label for `nav` element.
    */
@@ -5903,7 +5903,7 @@ z1.propTypes = {
    */
   className: t.string
 };
-const gs = (r) => {
+const us = (r) => {
   var u = r, { platformType: s, className: n } = u, a = M(u, ["platformType", "className"]);
   const c = "pds-platform-icon", l = `pds-platform-icon--${s}`;
   let o;
@@ -5934,7 +5934,7 @@ const gs = (r) => {
     o
   );
 };
-gs.propTypes = {
+us.propTypes = {
   /**
    * Which platform icon to display
    */
@@ -6204,7 +6204,7 @@ const $t = {
     label: "Early Access",
     color: "success"
   }
-}, M1 = (d) => {
+}, L1 = (d) => {
   var h = d, {
     badge: s,
     icon: n,
@@ -6236,7 +6236,7 @@ const $t = {
         "aria-label": a.props.children,
         className: `${i}__selection-link`
       }, a.props),
-      /* @__PURE__ */ e.createElement("div", { className: `${i}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__icon` }, /* @__PURE__ */ e.createElement(gs, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${i}__subtitle` }, r))),
+      /* @__PURE__ */ e.createElement("div", { className: `${i}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__icon` }, /* @__PURE__ */ e.createElement(us, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${i}__title` }, l, r && /* @__PURE__ */ e.createElement("div", { className: `${i}__subtitle` }, r))),
       s && /* @__PURE__ */ e.createElement(
         it,
         {
@@ -6269,7 +6269,7 @@ const $t = {
     }))
   );
 };
-M1.propTypes = {
+L1.propTypes = {
   /**
    * Optional indicator badge type. Choose from only early-access at this time.
    */
@@ -6312,7 +6312,7 @@ M1.propTypes = {
    */
   className: t.string
 };
-const Je = Kt({}), x1 = (s) => {
+const Je = Ut({}), z1 = (s) => {
   if (typeof window == "undefined")
     return 0;
   const n = window.location.href.split("/"), r = `/${n[n.length - 1]}`.split("");
@@ -6324,7 +6324,7 @@ const Je = Kt({}), x1 = (s) => {
   }), s.findIndex(
     (c) => c.link === r.join("")
   );
-}, hs = ({
+}, ps = ({
   pages: s,
   render: n = null,
   paginationItemClickHandler: a = null,
@@ -6332,7 +6332,7 @@ const Je = Kt({}), x1 = (s) => {
   buttonCallback: u = null,
   children: c
 }) => {
-  const [l, o] = x(() => x1(s)), [m, d] = x([]), h = s.length, [i, b] = x("");
+  const [l, o] = x(() => z1(s)), [m, d] = x([]), h = s.length, [i, b] = x("");
   return /* @__PURE__ */ e.createElement(
     Je.Provider,
     {
@@ -6354,7 +6354,7 @@ const Je = Kt({}), x1 = (s) => {
     c
   );
 };
-hs.propTypes = {
+ps.propTypes = {
   children: t.node.isRequired,
   render: t.func,
   paginationItemClickHandler: t.func,
@@ -6435,9 +6435,9 @@ const Tt = (g) => {
   }, X = (le) => {
     const ee = P[le];
     w(ee.value), C(null), _(!1), l && l(ee), i && fe(ee);
-  }, ge = /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${y}__trigger-icon` }), ye = /* @__PURE__ */ e.createElement(j, { iconName: "check", className: `${y}__checked-icon` }), ne = P.map((le, ee) => /* @__PURE__ */ e.createElement(
+  }, ge = /* @__PURE__ */ e.createElement(j, { iconName: "angleDown", className: `${y}__trigger-icon` }), Ne = /* @__PURE__ */ e.createElement(j, { iconName: "check", className: `${y}__checked-icon` }), ne = P.map((le, ee) => /* @__PURE__ */ e.createElement(
     It,
-    Ne(N({
+    ye(N({
       key: le
     }, G({
       key: le.value,
@@ -6456,7 +6456,7 @@ const Tt = (g) => {
       active: $ === ee
     }),
     le.label,
-    v === le.value && ye
+    v === le.value && Ne
   )), de = V || c, me = r ? `${r / 16}rem` : null, te = r ? { width: me } : null;
   return /* @__PURE__ */ e.createElement(
     Te,
@@ -6593,7 +6593,7 @@ Tt.propTypes = {
    */
   className: t.string
 };
-const V1 = {
+const M1 = {
   left: {
     title: "Go to previous page",
     rel: "prev",
@@ -6610,12 +6610,12 @@ const V1 = {
   }
 }, We = (r) => {
   var u = r, { arrowText: s = null, direction: n } = u, a = M(u, ["arrowText", "direction"]);
-  const { buttonCallback: c, currentKey: l, setCurrentKey: o, setDirection: m, pages: d } = Xe(Je), h = Yt(
+  const { buttonCallback: c, currentKey: l, setCurrentKey: o, setDirection: m, pages: d } = Xe(Je), h = Gt(
     (p, _) => {
       c && (p.preventDefault(), c(_));
     },
     [c, l]
-  ), { title: i, rel: b, srText: f, icon: g, keyModifier: E } = V1[n];
+  ), { title: i, rel: b, srText: f, icon: g, keyModifier: E } = M1[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     N({
@@ -6642,7 +6642,7 @@ We.propTypes = {
   arrowText: t.string,
   direction: t.oneOf(["right", "left"])
 };
-const I1 = (n) => {
+const x1 = (n) => {
   var s = M(n, []);
   const {
     buttonCallback: a,
@@ -6676,7 +6676,7 @@ const I1 = (n) => {
     )), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `of ${l}`), r < l - 1 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Next", direction: "right" }) : null)
   );
 };
-function S1(s, n, a, r, u, c) {
+function V1(s, n, a, r, u, c) {
   if (r > 3) {
     let l = [];
     const o = n.find((m) => m.key == r);
@@ -6776,7 +6776,7 @@ function S1(s, n, a, r, u, c) {
     ]), a(l);
   }
 }
-const fs = (r) => {
+const gs = (r) => {
   var u = r, { index: s, page: n } = u, a = M(u, ["index", "page"]);
   var h;
   const c = function() {
@@ -6808,12 +6808,12 @@ const fs = (r) => {
     "…"
   ));
 };
-fs.propTypes = {
+gs.propTypes = {
   index: t.number.isRequired,
   page: t.oneOfType([t.object, t.string]).isRequired,
   render: t.func
 };
-const T1 = (n) => {
+const I1 = (n) => {
   var s = M(n, []);
   const {
     buttonCallback: a,
@@ -6825,14 +6825,14 @@ const T1 = (n) => {
     itemLength: m,
     pageDirection: d,
     pages: h
-  } = Xe(Je), i = Yt(
+  } = Xe(Je), i = Gt(
     (f, g) => {
       a && (f.preventDefault(), a(g));
     },
     [a, r]
   ), [b] = x(h);
   return se(() => {
-    S1(
+    V1(
       h,
       c,
       l,
@@ -6857,7 +6857,7 @@ const T1 = (n) => {
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(We, { direction: "left" })) : null, c.map((f, g) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${g}` }, /* @__PURE__ */ e.createElement(fs, N({ index: g, page: f }, s)))), r < m - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(We, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement(We, { direction: "left" })) : null, c.map((f, g) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${g}` }, /* @__PURE__ */ e.createElement(gs, N({ index: g, page: f }, s)))), r < m - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(We, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
       "a",
       {
         href: b[b.length - 1].link,
@@ -6868,7 +6868,7 @@ const T1 = (n) => {
       "Last"
     ))) : null)
   ));
-}, O1 = (n) => {
+}, S1 = (n) => {
   var s = M(n, []);
   const { currentKey: a, headingId: r, itemLength: u } = Xe(Je);
   return /* @__PURE__ */ e.createElement(
@@ -6881,16 +6881,16 @@ const T1 = (n) => {
     /* @__PURE__ */ e.createElement("div", { id: r, className: "visually-hidden" }, "Pagination"),
     /* @__PURE__ */ e.createElement("ul", { className: "pds-pager__items" }, a > 0 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Previous", direction: "left" }) : null, /* @__PURE__ */ e.createElement("li", { className: "pds-pager__items-mini" }, `${a + 1} of ${u}`), a < u - 1 ? /* @__PURE__ */ e.createElement(We, { arrowText: "Next", direction: "right" }) : null)
   );
-}, R1 = (s, n, ...a) => {
+}, T1 = (s, n, ...a) => {
   switch (s) {
     case "basic":
-      return /* @__PURE__ */ e.createElement(T1, N({}, a));
+      return /* @__PURE__ */ e.createElement(I1, N({}, a));
     case "mini":
-      return /* @__PURE__ */ e.createElement(O1, N({ location: n }, a));
+      return /* @__PURE__ */ e.createElement(S1, N({ location: n }, a));
     case "advanced":
-      return /* @__PURE__ */ e.createElement(I1, N({}, a));
+      return /* @__PURE__ */ e.createElement(x1, N({}, a));
   }
-}, q1 = (o) => {
+}, O1 = (o) => {
   var m = o, {
     buttonCallback: s = null,
     headingId: n = "pager-heading",
@@ -6907,7 +6907,7 @@ const T1 = (n) => {
     "type"
   ]);
   return /* @__PURE__ */ e.createElement(
-    hs,
+    ps,
     N({
       pages: a,
       render: u,
@@ -6915,10 +6915,10 @@ const T1 = (n) => {
       buttonCallback: s,
       headingId: n
     }, l),
-    R1(c)
+    T1(c)
   );
 };
-q1.propTypes = {
+O1.propTypes = {
   /**
    * Optional function for the navigation buttons
    */
@@ -6948,7 +6948,7 @@ q1.propTypes = {
    */
   className: t.string
 };
-const D1 = (u) => {
+const R1 = (u) => {
   var c = u, {
     children: s,
     variant: n = "default",
@@ -6967,7 +6967,7 @@ const D1 = (u) => {
     s
   );
 };
-D1.propTypes = {
+R1.propTypes = {
   /**
    * Panel content.
    */
@@ -6987,7 +6987,7 @@ D1.propTypes = {
    */
   className: t.string
 };
-const Ae = 8, Zt = 14, A1 = 6, P1 = (i) => {
+const Ae = 8, Zt = 14, q1 = 6, D1 = (i) => {
   var b = i, {
     content: s,
     customTrigger: n = !1,
@@ -7023,10 +7023,10 @@ const Ae = 8, Zt = 14, A1 = 6, P1 = (i) => {
       g(T), T || u();
     },
     middleware: [
-      Jt(Ae + A1 + $),
-      es({ padding: 8 }),
-      ts({ padding: 8 }),
-      Ps({ element: C })
+      Xt(Ae + q1 + $),
+      Qt({ padding: 8 }),
+      Jt({ padding: 8 }),
+      Ds({ element: C })
     ],
     whileElementsMounted: Re
   }), H = () => {
@@ -7068,7 +7068,7 @@ const Ae = 8, Zt = 14, A1 = 6, P1 = (i) => {
         }
       ))
     ),
-    B && /* @__PURE__ */ e.createElement(ss, { context: V, modal: !1 }, /* @__PURE__ */ e.createElement(
+    B && /* @__PURE__ */ e.createElement(es, { context: V, modal: !1 }, /* @__PURE__ */ e.createElement(
       "div",
       N({
         className: `${p}__container`,
@@ -7076,7 +7076,7 @@ const Ae = 8, Zt = 14, A1 = 6, P1 = (i) => {
         style: w
       }, q()),
       /* @__PURE__ */ e.createElement(
-        js,
+        As,
         {
           ref: C,
           context: V,
@@ -7093,7 +7093,7 @@ const Ae = 8, Zt = 14, A1 = 6, P1 = (i) => {
     ))
   );
 };
-P1.propTypes = {
+D1.propTypes = {
   /**
    * Content to display in the popover.
    */
@@ -7148,7 +7148,7 @@ P1.propTypes = {
    */
   className: t.string
 };
-const bs = (o) => {
+const hs = (o) => {
   var m = o, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
@@ -7173,7 +7173,7 @@ const bs = (o) => {
     n === !0 && /* @__PURE__ */ e.createElement("span", { className: [i, b].join(" ").trim() }, u && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r, " ", u)),
     /* @__PURE__ */ e.createElement("span", { className: `${d}__label` }, a)
   );
-}, j1 = (b) => {
+}, A1 = (b) => {
   var f = b, {
     actionPrimary: s,
     actionSecondary: n,
@@ -7329,7 +7329,7 @@ const bs = (o) => {
         className: [g, _].join(" ").trim().replace(/\s+/g, " ")
       },
       d && /* @__PURE__ */ e.createElement(
-        bs,
+        hs,
         {
           className: `${g}__status-badge`,
           type: d,
@@ -7343,7 +7343,7 @@ const bs = (o) => {
     a && S
   );
 };
-j1.propTypes = {
+A1.propTypes = {
   /**
    * Primary card action
    */
@@ -7427,7 +7427,7 @@ j1.propTypes = {
    */
   containerClassName: t.string
 };
-const W1 = (m) => {
+const P1 = (m) => {
   var d = m, {
     id: s,
     label: n,
@@ -7466,7 +7466,7 @@ const W1 = (m) => {
     a && /* @__PURE__ */ e.createElement("div", { className: `${i}__message` }, a)
   );
 };
-W1.propTypes = {
+P1.propTypes = {
   /**
    * ID of the Progress Bar. If not provided, a unique ID will be generated.
    */
@@ -7496,7 +7496,7 @@ W1.propTypes = {
    */
   className: t.string
 };
-const B1 = 3.815, F1 = 4.678, Z1 = 5.96, _s = (d) => {
+const j1 = 3.815, W1 = 4.678, B1 = 5.96, fs = (d) => {
   var h = d, {
     id: s,
     innerLabel: n,
@@ -7517,8 +7517,8 @@ const B1 = 3.815, F1 = 4.678, Z1 = 5.96, _s = (d) => {
     "className"
   ]);
   const i = s || Me(), b = "pds-progress-ring", f = u ? `${b}__label` : "visually-hidden", g = `${b}__loading-text ${b}__loading-text--${l}`, E = (k) => k * 16;
-  let p = E(F1), _ = 7;
-  l === "sm" && (p = E(B1), _ = _ / 1.25), l === "lg" && (p = E(Z1), _ = _ * 1.25);
+  let p = E(W1), _ = 7;
+  l === "sm" && (p = E(j1), _ = _ / 1.25), l === "lg" && (p = E(B1), _ = _ * 1.25);
   const $ = p / 2 - _ / 2, C = `${$ / 100}rem`, v = 2 * Math.PI * $, w = v - v * r / 100;
   let V;
   return n ? V = n : c ? V = `${r}%` : V = "", /* @__PURE__ */ e.createElement(
@@ -7585,7 +7585,7 @@ const B1 = 3.815, F1 = 4.678, Z1 = 5.96, _s = (d) => {
     )
   );
 };
-_s.propTypes = {
+fs.propTypes = {
   /**
    * ID of the Progress Ring. If not provided, a unique ID will be generated.
    */
@@ -7619,7 +7619,7 @@ _s.propTypes = {
    */
   className: t.string
 };
-const U1 = (l) => {
+const F1 = (l) => {
   var o = l, {
     attribution: s,
     image: n,
@@ -7649,7 +7649,7 @@ const U1 = (l) => {
     ), /* @__PURE__ */ e.createElement("div", { className: `${m}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${m}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${m}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${m}__icon ${m}__icon--after` }, /* @__PURE__ */ e.createElement(j, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
-U1.propTypes = {
+F1.propTypes = {
   /**
    * Attribution for the quote
    */
@@ -7675,7 +7675,7 @@ U1.propTypes = {
    */
   className: t.string
 };
-const G1 = (i) => {
+const Z1 = (i) => {
   var b = i, {
     disabled: s = !1,
     id: n,
@@ -7743,7 +7743,7 @@ const G1 = (i) => {
     )
   );
 };
-G1.propTypes = {
+Z1.propTypes = {
   /**
    * Is the radio group field disabled?
    */
@@ -7811,7 +7811,7 @@ const wt = {
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, K1 = (h) => {
+}, U1 = (h) => {
   var i = h, {
     dismissLabel: s = "Dismiss",
     id: n,
@@ -7885,7 +7885,7 @@ const wt = {
     )
   );
 };
-K1.propTypes = {
+U1.propTypes = {
   /**
    * Label for dismiss button. Provide a translation string if needed.
    */
@@ -7935,7 +7935,7 @@ K1.propTypes = {
    */
   className: t.string
 };
-const Y1 = (m) => {
+const G1 = (m) => {
   var d = m, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -8024,7 +8024,7 @@ const Y1 = (m) => {
     f ? _ : $
   );
 };
-Y1.propTypes = {
+G1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -8057,7 +8057,7 @@ Y1.propTypes = {
    */
   className: t.string
 };
-const X1 = (m) => {
+const K1 = (m) => {
   var d = m, {
     ariaLabel: s = "Secondary navigation",
     headingText: n,
@@ -8169,7 +8169,7 @@ const X1 = (m) => {
     f ? _ : $
   );
 };
-X1.propTypes = {
+K1.propTypes = {
   /**
    * Aria label for the navigation.
    */
@@ -8202,7 +8202,7 @@ X1.propTypes = {
    */
   className: t.string
 };
-const Q1 = (d) => {
+const Y1 = (d) => {
   var h = d, {
     headingLevel: s = "h3",
     gotoText: n = "Go to",
@@ -8226,7 +8226,7 @@ const Q1 = (d) => {
   let f = "";
   l === "Active" && (f = "success"), l === "Frozen" && (f = "frozen");
   const g = /* @__PURE__ */ e.createElement(
-    bs,
+    hs,
     {
       label: l,
       statusType: f,
@@ -8243,7 +8243,7 @@ const Q1 = (d) => {
     /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__heading` }, /* @__PURE__ */ e.createElement(b, { className: `${i}__site-name pds-ts-l` }, u), g), /* @__PURE__ */ e.createElement("div", { className: `${i}__plan` }, c))
   );
 };
-Q1.propTypes = {
+Y1.propTypes = {
   /**
    *  Heading level or `span`.
    */
@@ -8277,7 +8277,7 @@ Q1.propTypes = {
    */
   className: t.string
 };
-const J1 = (c) => {
+const X1 = (c) => {
   var l = c, {
     containerWidth: s = "standard",
     children: n,
@@ -8304,7 +8304,7 @@ const J1 = (c) => {
     /* @__PURE__ */ e.createElement("div", { className: m }, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${o}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__copyright` }, "© ", d, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), i && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), b && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/pantheon-cookies?_gl=1*12uc311*_gcl_au*NjU2MzA3MDUzLjE2ODk3ODU1NTI." }, "Cookie Policy"), f && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/terms-of-service" }, "Terms of Use"), g && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 };
-J1.propTypes = {
+X1.propTypes = {
   /**
    * PDS container width.
    */
@@ -8330,7 +8330,7 @@ J1.propTypes = {
    */
   className: t.string
 };
-const vs = (u) => {
+const bs = (u) => {
   var c = u, {
     destination: s = "main",
     text: n = "Skip to main content",
@@ -8349,7 +8349,7 @@ const vs = (u) => {
     n
   );
 };
-vs.propTypes = {
+bs.propTypes = {
   /**
    * The ID of the element to skip to.
    */
@@ -8363,7 +8363,7 @@ vs.propTypes = {
    */
   className: t.string
 };
-const e2 = (r) => {
+const Q1 = (r) => {
   var u = r, {
     linkItems: s = ["facebook", "x", "linkedin", "youtube", "instagram"],
     className: n
@@ -8389,7 +8389,7 @@ const e2 = (r) => {
     )))
   );
 };
-e2.propTypes = {
+Q1.propTypes = {
   /**
    * Array of social media links
    */
@@ -8430,7 +8430,7 @@ const Nt = {
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, t2 = (o) => {
+}, J1 = (o) => {
   var m = o, {
     actionItems: s,
     disabled: n,
@@ -8475,7 +8475,7 @@ const Nt = {
     }, l),
     f,
     /* @__PURE__ */ e.createElement(
-      us,
+      ds,
       {
         className: `${d}__menu-button`,
         label: a,
@@ -8489,12 +8489,12 @@ const Nt = {
     )
   );
 };
-t2.propTypes = {
+J1.propTypes = {
   /**
    * Array of menu items
    */
   actionItems: t.arrayOf(
-    t.oneOfType([ns, as])
+    t.oneOfType([ts, ss])
   ),
   /**
    * Is the button disabled?
@@ -8517,7 +8517,7 @@ t2.propTypes = {
    */
   className: t.string
 };
-const s2 = (r) => {
+const e2 = (r) => {
   var u = r, { listItems: s, className: n } = u, a = M(u, ["listItems", "className"]);
   const c = "pds-tile-list", l = "pds-tile-list--stats", o = ({ item: m }) => {
     const { imageSrc: d, stat: h, description: i } = m;
@@ -8531,7 +8531,7 @@ const s2 = (r) => {
     s.map((m, d) => /* @__PURE__ */ e.createElement(o, { key: d, item: m }))
   );
 };
-s2.propTypes = {
+e2.propTypes = {
   /**
    * Array of list Items
    */
@@ -8556,7 +8556,7 @@ s2.propTypes = {
    */
   className: t.string
 };
-const n2 = (u) => {
+const t2 = (u) => {
   var c = u, {
     label: s = null,
     type: n = "neutral",
@@ -8583,7 +8583,7 @@ const n2 = (u) => {
     s && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, s)
   );
 };
-n2.propTypes = {
+t2.propTypes = {
   /**
    *  Status label text
    */
@@ -8605,7 +8605,7 @@ n2.propTypes = {
    */
   className: t.string
 };
-const a2 = (u) => {
+const s2 = (u) => {
   var c = u, {
     steps: s,
     translatableLabels: n = {
@@ -8698,7 +8698,7 @@ const a2 = (u) => {
           className: `${o}__step`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
-          _s,
+          fs,
           {
             label: "Step progress",
             size: "sm",
@@ -8735,7 +8735,7 @@ const a2 = (u) => {
       /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, $)
     ));
 };
-a2.propTypes = {
+s2.propTypes = {
   /**
    * An array of step objects
    */
@@ -8777,14 +8777,14 @@ a2.propTypes = {
    */
   className: t.string
 };
-const l2 = (u) => {
+const n2 = (u) => {
   var c = u, { headers: s, rowData: n, className: a } = c, r = M(c, ["headers", "rowData", "className"]);
   const [l] = x(s), [o, m] = x(n), [d, h] = x({ order: "asc", key: "" }), i = (p) => {
     m(o.sort((_, $) => _[p].localeCompare($[p]))), h({ order: "desc", key: p });
   }, b = (p) => {
     m(o.sort((_, $) => $[p].localeCompare(_[p]))), h({ order: "asc", key: p });
   }, f = (p, _) => {
-    h(Ne(N({}, d), { key: _ })), d.order === "asc" ? i(_) : b(_);
+    h(ye(N({}, d), { key: _ })), d.order === "asc" ? i(_) : b(_);
   }, g = (p, _) => /* @__PURE__ */ e.createElement("tr", { id: _, key: `table-row-${_}` }, p.map(($, C) => /* @__PURE__ */ e.createElement("td", { key: `${_}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, $)))), E = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
@@ -8823,7 +8823,7 @@ const l2 = (u) => {
     /* @__PURE__ */ e.createElement("tbody", null, o.map((p, _) => g(p, _)))
   ));
 };
-l2.propTypes = {
+n2.propTypes = {
   headers: t.arrayOf(t.object),
   rowData: t.arrayOf(t.node),
   /**
@@ -8831,7 +8831,7 @@ l2.propTypes = {
    */
   className: t.string
 };
-const r2 = (d) => {
+const a2 = (d) => {
   var h = d, {
     appendIds: s = !1,
     ariaLabel: n = "Table of contents",
@@ -8977,7 +8977,7 @@ const r2 = (d) => {
     /* @__PURE__ */ e.createElement(H, { headings: _, activeID: $ })
   );
 };
-r2.propTypes = {
+a2.propTypes = {
   /**
    * Whether to append the id to the URL when a link is clicked.
    */
@@ -9011,7 +9011,7 @@ r2.propTypes = {
    */
   className: t.string
 };
-const c2 = (l) => {
+const l2 = (l) => {
   var o = l, {
     ariaLabel: s,
     defaultSelected: n = 0,
@@ -9150,7 +9150,7 @@ const c2 = (l) => {
     ))
   ));
 };
-c2.propTypes = {
+l2.propTypes = {
   /**
    * Sets tabset aria label
    */
@@ -9166,7 +9166,7 @@ c2.propTypes = {
   /**
    * Array of objects for tab data
    */
-  tabs: Ts(
+  tabs: Is(
     t.shape({
       /**
        * Sets if tab disabled (optional)
@@ -9196,15 +9196,15 @@ c2.propTypes = {
   className: t.string
 };
 let Mt = [
-  "color-01",
-  "color-02",
-  "color-03",
-  "color-04",
-  "color-05",
-  "color-06",
-  "color-07",
-  "color-08",
-  "color-09",
+  "color-1",
+  "color-2",
+  "color-3",
+  "color-4",
+  "color-5",
+  "color-6",
+  "color-7",
+  "color-8",
+  "color-9",
   "color-10",
   "color-11",
   "color-12",
@@ -9217,10 +9217,10 @@ let Mt = [
   "color-19",
   "color-20"
 ];
-const i2 = (s) => {
-  const n = parseInt(Xt(s), 16);
+const r2 = (s) => {
+  const n = parseInt(Kt(s), 16);
   return Mt[n % Mt.length];
-}, o2 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, Ut = (s) => getComputedStyle(document.documentElement).getPropertyValue(s), Gt = (s = "color-01") => s.replace("color-", "tag-"), d2 = (m) => {
+}, c2 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, i2 = (m) => {
   var d = m, {
     linkContent: s,
     isRemovable: n,
@@ -9238,42 +9238,33 @@ const i2 = (s) => {
     "tagLabel",
     "className"
   ]);
-  const h = "pds-tag", [i, b] = x(!0), f = u ? `${h}--${u}` : `${h}--${i2(c)}`, g = i ? null : "pds-tag--hide", E = Ut(`--pds-color-${Gt(u)}-background`), p = Ut(`--pds-color-${Gt(u)}-foreground`), _ = () => {
-    b((w) => !w);
+  const [h, i] = x(!0), b = "pds-tag", f = u ? `${b}--${u}` : `${b}--${r2(c)}`, g = h ? null : "pds-tag--hide", E = () => {
+    i((C) => !C);
   };
-  let $, C, v;
-  return s && !n ? ($ = s.type, C = s.props.href ? "href" : "to", v = C === "href" ? s.props.href : s.props.to) : ($ = "span", C = null, v = null), /* @__PURE__ */ e.createElement(
-    $,
-    Ne(N({
-      href: C === "href" ? v : null,
-      to: C === "to" ? v : null,
-      className: [h, f, g, l].join(" ").trim().replace(/\s+/g, " ")
-    }, o), {
-      style: { background: E, color: p }
-    }),
-    /* @__PURE__ */ e.createElement(
-      "span",
-      {
-        className: `${h}__label`,
-        title: c
-      },
-      o2(c, 20)
-    ),
+  let p, _, $;
+  return s && !n ? (p = s.type, _ = s.props.href ? "href" : "to", $ = _ === "href" ? s.props.href : s.props.to) : (p = "span", _ = null, $ = null), /* @__PURE__ */ e.createElement(
+    p,
+    N({
+      href: _ === "href" ? $ : null,
+      to: _ === "to" ? $ : null,
+      className: [b, f, g, l].join(" ").trim().replace(/\s+/g, " ")
+    }, o),
+    /* @__PURE__ */ e.createElement("span", { className: `${b}__label`, title: c }, c2(c, 20)),
     n ? /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        className: `${h}__remove`,
+        className: `${b}__remove`,
         "aria-label": `${r}: ${c}`,
         onClick: () => {
-          _(), a();
+          E(), a();
         }
       },
-      /* @__PURE__ */ e.createElement(j, { iconName: "xmark", className: `${h}__remove-icon` })
+      /* @__PURE__ */ e.createElement(j, { iconName: "xmark", className: `${b}__remove-icon` })
     ) : null
   );
 };
-d2.propTypes = {
+i2.propTypes = {
   /**
    * Should the tag be a link? If yes, provide a link element.
    */
@@ -9303,7 +9294,7 @@ d2.propTypes = {
    */
   className: t.string
 };
-const m2 = (p) => {
+const o2 = (p) => {
   var _ = p, {
     counterFunction: s = () => {
     },
@@ -9388,7 +9379,7 @@ const m2 = (p) => {
     )
   );
 };
-m2.propTypes = {
+o2.propTypes = {
   /**
    * If a counter is desired provide a function that accepts the input's value and will return a string.
    */
@@ -9467,7 +9458,7 @@ m2.propTypes = {
    */
   className: t.string
 };
-const Es = (m) => {
+const _s = (m) => {
   var d = m, {
     displayType: s = "border",
     headingLevel: n = "span",
@@ -9495,7 +9486,7 @@ const Es = (m) => {
     a && /* @__PURE__ */ e.createElement(b, { className: `${h}__heading pds-ts-xl` }, a),
     c && /* @__PURE__ */ e.createElement("div", { className: `${h}__summary` }, /* @__PURE__ */ e.createElement("p", null, c)),
     u && (s == "border" || s == "clean") && /* @__PURE__ */ e.createElement(
-      os,
+      cs,
       {
         linkContent: u,
         size: "sm",
@@ -9504,7 +9495,7 @@ const Es = (m) => {
     )
   ), /* @__PURE__ */ e.createElement("span", { className: `${h}__separator` }));
 };
-Es.propTypes = {
+_s.propTypes = {
   /**
    * Visual display type.
    */
@@ -9534,7 +9525,7 @@ Es.propTypes = {
    */
   className: t.string
 };
-const u2 = (c) => {
+const d2 = (c) => {
   var l = c, {
     displayType: s = "border",
     headingLevel: n = "h2",
@@ -9553,7 +9544,7 @@ const u2 = (c) => {
       className: [o, m, r].join(" ").trim()
     }, u),
     a.map((d, h) => /* @__PURE__ */ e.createElement(
-      Es,
+      _s,
       {
         key: h,
         displayType: s,
@@ -9567,7 +9558,7 @@ const u2 = (c) => {
     ))
   );
 };
-u2.propTypes = {
+d2.propTypes = {
   /**
    * Visual display type
    */
@@ -9613,7 +9604,7 @@ const yt = {
   success: "check",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, Cs = ({
+}, vs = ({
   children: s,
   id: n,
   type: a = "info",
@@ -9652,7 +9643,7 @@ const yt = {
     /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, o), s)
   );
 };
-Cs.propTypes = {
+vs.propTypes = {
   /**
    * Toast message content.
    */
@@ -9680,7 +9671,7 @@ Cs.propTypes = {
    */
   className: t.string
 };
-const p2 = ({
+const m2 = ({
   autoCloseDuration: s = 5e3,
   limit: n = 5,
   position: a = "bottom-right",
@@ -9688,7 +9679,7 @@ const p2 = ({
 }) => {
   const c = ["pds-toaster", r].join(" ").trim().replace(/\s+/g, " ");
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    Zs,
+    Bs,
     {
       className: c,
       autoClose: s,
@@ -9698,11 +9689,11 @@ const p2 = ({
       newestOnTop: !0,
       position: a,
       role: "status",
-      transition: Us
+      transition: Fs
     }
   ));
 };
-p2.propTypes = {
+m2.propTypes = {
   /**
    * Duration in milliseconds before the toast will auto-close.
    */
@@ -9720,7 +9711,7 @@ p2.propTypes = {
    */
   className: t.string
 };
-const g2 = (o) => {
+const u2 = (o) => {
   var m = o, {
     disabled: s = !1,
     id: n,
@@ -9772,7 +9763,7 @@ const g2 = (o) => {
       )))
     );
 };
-g2.propTypes = {
+u2.propTypes = {
   /**
    * Is the ToggleButton disabled?
    */
@@ -9814,7 +9805,7 @@ g2.propTypes = {
    */
   className: t.string
 };
-const h2 = (b) => {
+const p2 = (b) => {
   var f = b, {
     disabled: s = !1,
     id: n,
@@ -9904,7 +9895,7 @@ const h2 = (b) => {
     )
   );
 };
-h2.propTypes = {
+p2.propTypes = {
   /**
    * Is the switch disabled?
    */
@@ -9950,7 +9941,7 @@ h2.propTypes = {
    */
   className: t.string
 };
-const f2 = (d) => {
+const g2 = (d) => {
   var h = d, {
     ariaLabel: s = "User menu",
     menuItems: n,
@@ -10079,7 +10070,7 @@ const f2 = (d) => {
       "aria-expanded",
       de.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), de.nextElementSibling.classList.toggle(`${w}__mobile-menu--expanded`);
-  }, ye = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, Ne = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${w}__toggle`,
@@ -10104,10 +10095,10 @@ const f2 = (d) => {
     N({
       className: [w, V, o].join(" ").trim().replace(/\s+/g, " ")
     }, m),
-    C ? ye : X
+    C ? Ne : X
   );
 };
-f2.propTypes = {
+g2.propTypes = {
   /**
    * Aria label for the user menu.
    */
@@ -10164,30 +10155,30 @@ f2.propTypes = {
    */
   className: t.string
 };
-const O2 = () => {
+const S2 = () => {
   const s = (a, r, u = {}) => {
-    const c = /* @__PURE__ */ e.createElement(Cs, { type: a }, r);
+    const c = /* @__PURE__ */ e.createElement(vs, { type: a }, r);
     let l = N({}, u);
-    return (a === "critical" || a === "warning") && (l = Ne(N({}, l), {
+    return (a === "critical" || a === "warning") && (l = ye(N({}, l), {
       autoClose: !1,
       role: "alert"
-    })), a === "working" && (l = Ne(N({}, l), {
+    })), a === "working" && (l = ye(N({}, l), {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
     })), Dt(c, l);
-  }, n = Gs({
+  }, n = Zs({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
   return [s, Dt, n];
-}, b2 = {
+}, h2 = {
   silver: "Silver",
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, _2 = (b) => {
+}, f2 = (b) => {
   var f = b, {
     ariaLabel: s = "Workspace selector menu",
     createWorkspaceLink: n,
@@ -10253,7 +10244,7 @@ const O2 = () => {
   const ge = (re) => {
     const be = d.filter((K) => K.displayName.toLowerCase().includes(re.toLowerCase()));
     w(be);
-  }, ye = (re) => {
+  }, Ne = (re) => {
     re.preventDefault(), re.key === "Enter" && V.current[p].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? H ? document.getElementById("workspace-filter").focus() : E(!1) : n ? k.current.querySelector("a").focus() : E(!1));
   }, ne = /* @__PURE__ */ e.createElement("div", { className: `${y}__button-content` }, /* @__PURE__ */ e.createElement(
     Ge,
@@ -10268,7 +10259,7 @@ const O2 = () => {
     {
       size: "sm",
       color: X.planTier,
-      label: b2[X.planTier]
+      label: h2[X.planTier]
     }
   )), de = /* @__PURE__ */ e.createElement(
     j,
@@ -10278,7 +10269,7 @@ const O2 = () => {
       className: `${y}__trigger-icon`
     }
   ), me = H && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
-    ms,
+    os,
     {
       className: `${y}__filter-input`,
       hasClearButton: !0,
@@ -10307,7 +10298,7 @@ const O2 = () => {
           role: "menuitem",
           tabIndex: p === be ? 0 : -1,
           ref: ae,
-          onKeyDown: ye
+          onKeyDown: Ne
         }, P()),
         /* @__PURE__ */ e.createElement(U, N({}, re.workspaceLink.props), /* @__PURE__ */ e.createElement("div", { className: `${y}__item-content` }, /* @__PURE__ */ e.createElement(
           Ge,
@@ -10390,7 +10381,7 @@ const O2 = () => {
     S ? he : ee
   );
 };
-_2.propTypes = {
+f2.propTypes = {
   /**
    * Aria label for the workspace selector menu.
    */
@@ -10467,7 +10458,7 @@ _2.propTypes = {
    */
   className: t.string
 };
-const v2 = (h) => {
+const b2 = (h) => {
   var i = h, {
     alignContent: s,
     alignItems: n,
@@ -10508,7 +10499,7 @@ const v2 = (h) => {
     o
   );
 };
-v2.propTypes = {
+b2.propTypes = {
   /**
    * Align content
    */
@@ -10557,7 +10548,7 @@ v2.propTypes = {
    */
   className: t.string
 };
-const E2 = (m) => {
+const _2 = (m) => {
   var d = m, {
     children: s,
     hasSidebarToggle: n = !0,
@@ -10600,7 +10591,7 @@ const E2 = (m) => {
     },
     /* @__PURE__ */ e.createElement(j, { iconName: "angleLeft", iconSize: "sm" })
   ), /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-inner` }, V));
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(vs, { text: c }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(bs, { text: c }), /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: [p, _, $, l].join(" ").trim().replace(/\s+/g, " ")
@@ -10610,7 +10601,7 @@ const E2 = (m) => {
     /* @__PURE__ */ e.createElement("div", { className: `${p}__container` }, !E && w, /* @__PURE__ */ e.createElement("div", { className: `${p}__content-panel` }, /* @__PURE__ */ e.createElement("main", { id: "main", className: `${p}__main pds-global__main` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__main-inner` }, k)), H))
   ));
 };
-E2.propTypes = {
+_2.propTypes = {
   /**
    * Layout content.
    */
@@ -10640,7 +10631,7 @@ E2.propTypes = {
    */
   className: t.string
 };
-const C2 = (o) => {
+const v2 = (o) => {
   var m = o, {
     children: s,
     gridGap: n = "standard",
@@ -10693,7 +10684,7 @@ const C2 = (o) => {
     w
   );
 };
-C2.propTypes = {
+v2.propTypes = {
   /**
    * Layout content.
    */
@@ -10719,7 +10710,7 @@ C2.propTypes = {
    */
   className: t.string
 };
-const $2 = (r) => {
+const E2 = (r) => {
   var u = r, { children: s, className: n } = u, a = M(u, ["children", "className"]);
   const c = {};
   e.Children.forEach(s, (b) => {
@@ -10748,7 +10739,7 @@ const $2 = (r) => {
     o && /* @__PURE__ */ e.createElement("div", { className: `${i}__form-container` }, o)
   );
 };
-$2.propTypes = {
+E2.propTypes = {
   /**
    * Layout content.
    */
@@ -10758,7 +10749,7 @@ $2.propTypes = {
    */
   className: t.string
 };
-const w2 = (u) => {
+const C2 = (u) => {
   var c = u, {
     children: s,
     gridGap: n = "standard",
@@ -10793,7 +10784,7 @@ const w2 = (u) => {
     ))
   );
 };
-w2.propTypes = {
+C2.propTypes = {
   /**
    * Item content.
    */
@@ -10807,7 +10798,7 @@ w2.propTypes = {
    */
   className: t.string
 };
-const N2 = (c) => {
+const $2 = (c) => {
   var l = c, {
     children: s,
     gridGap: n = "standard",
@@ -10846,7 +10837,7 @@ const N2 = (c) => {
     /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, _)
   );
 };
-N2.propTypes = {
+$2.propTypes = {
   /**
    * Item content.
    */
@@ -10865,90 +10856,90 @@ N2.propTypes = {
   className: t.string
 };
 export {
-  Js as AnimatedButton,
+  Xs as AnimatedButton,
   Ge as Avatar,
-  t1 as AvatarTileList,
-  s1 as Banner,
-  r1 as Breadcrumbs,
+  Js as AvatarTileList,
+  e1 as Banner,
+  a1 as Breadcrumbs,
   Ke as Button,
   je as ButtonLink,
-  os as CTALink,
-  p1 as CTASlice,
-  T2 as Callout,
-  i1 as Card,
-  o1 as CardSelectGroup,
-  is as Checkbox,
-  d1 as CheckboxGroup,
-  m1 as Combobox,
+  cs as CTALink,
+  m1 as CTASlice,
+  I2 as Callout,
+  r1 as Card,
+  c1 as CardSelectGroup,
+  rs as Checkbox,
+  i1 as CheckboxGroup,
+  o1 as Combobox,
   zt as ComparisonList,
   Ue as Container,
-  h1 as DashboardNav,
+  p1 as DashboardNav,
   mt as DropdownMenu,
-  f1 as ExpansionPanel,
-  b1 as ExpansionPanelGroup,
-  v2 as FlexContainer,
-  ds as FooterHeading,
-  _1 as FooterLinks,
-  E2 as GlobalLayout,
-  v1 as Heading,
+  g1 as ExpansionPanel,
+  h1 as ExpansionPanelGroup,
+  b2 as FlexContainer,
+  is as FooterHeading,
+  f1 as FooterLinks,
+  _2 as GlobalLayout,
+  b1 as Heading,
   j as Icon,
   ct as IconButton,
   it as IndicatorBadge,
-  E1 as InlineMessage,
-  $1 as InputFormatted,
-  w1 as InputGroup,
-  N1 as InputObscured,
-  ms as InputText,
+  _1 as InlineMessage,
+  E1 as InputFormatted,
+  C1 as InputGroup,
+  $1 as InputObscured,
+  os as InputText,
   Te as InputWrapper,
-  y1 as LinksCard,
-  us as MenuButton,
-  H1 as Modal,
-  z1 as NavMenu,
-  L1 as Navbar,
-  M1 as NewSiteCard,
-  q1 as Pager,
-  D1 as Panel,
+  w1 as LinksCard,
+  ds as MenuButton,
+  y1 as Modal,
+  H1 as NavMenu,
+  k1 as Navbar,
+  L1 as NewSiteCard,
+  O1 as Pager,
+  R1 as Panel,
   St as PantheonLogo,
-  gs as PlatformIcon,
-  P1 as Popover,
-  j1 as PricingCard,
-  W1 as ProgressBar,
-  _s as ProgressRing,
-  U1 as PullQuote,
-  G1 as RadioGroup,
-  K1 as SectionMessage,
+  us as PlatformIcon,
+  D1 as Popover,
+  A1 as PricingCard,
+  P1 as ProgressBar,
+  fs as ProgressRing,
+  F1 as PullQuote,
+  Z1 as RadioGroup,
+  U1 as SectionMessage,
   Tt as Select,
-  Y1 as SideNav,
-  X1 as SideNavCompact,
-  C2 as SidebarLayout,
-  Q1 as SiteCard,
-  J1 as SiteFooter,
-  vs as Skiplink,
-  e2 as SocialLinks,
+  G1 as SideNav,
+  K1 as SideNavCompact,
+  v2 as SidebarLayout,
+  Y1 as SiteCard,
+  X1 as SiteFooter,
+  bs as Skiplink,
+  Q1 as SocialLinks,
   st as Spinner,
-  t2 as SplitButton,
-  s2 as StatsTileList,
-  bs as StatusBadge,
-  n2 as StatusIndicator,
-  a2 as Stepper,
-  $2 as StepperLayout,
-  l2 as Table,
-  r2 as TableOfContents,
-  c2 as Tabs,
-  d2 as Tag,
-  m2 as Textarea,
-  w2 as ThreeItemLayout,
-  Es as Tile,
-  u2 as TileGrid,
-  Cs as Toast,
-  p2 as Toaster,
-  g2 as ToggleButton,
-  h2 as ToggleSwitch,
+  J1 as SplitButton,
+  e2 as StatsTileList,
+  hs as StatusBadge,
+  t2 as StatusIndicator,
+  s2 as Stepper,
+  E2 as StepperLayout,
+  n2 as Table,
+  a2 as TableOfContents,
+  l2 as Tabs,
+  i2 as Tag,
+  o2 as Textarea,
+  C2 as ThreeItemLayout,
+  _s as Tile,
+  d2 as TileGrid,
+  vs as Toast,
+  m2 as Toaster,
+  u2 as ToggleButton,
+  p2 as ToggleSwitch,
   Lt as Tooltip,
-  N2 as TwoItemLayout,
-  f2 as UserMenu,
-  _2 as WorkspaceSelector,
+  $2 as TwoItemLayout,
+  g2 as UserMenu,
+  f2 as WorkspaceSelector,
   At as iconList,
-  O2 as useToast
+  S2 as useToast
 };
 //# sourceMappingURL=index.js.map