@pantheon-systems/pds-toolkit-react 1.11.1 → 1.12.0

package/_dist/index.js

@@ -82,6 +82,10 @@ import './index.css';const ct = () => Math.random().toString(32).substring(2, 13
     path: "M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z",
     width: "440"
   },
+  anglesDown: {
+    path: "M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z",
+    width: "448"
+  },
   anglesLeft: {
     path: "M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z",
     width: "512"
@@ -90,6 +94,14 @@ import './index.css';const ct = () => Math.random().toString(32).substring(2, 13
     path: "M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z",
     width: "512"
   },
+  anglesUp: {
+    path: "M246.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 109.3 361.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160zm160 352l-160-160c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 301.3 361.4 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3z",
+    width: "448"
+  },
+  anglesUpDown: {
+    path: "M244 7c-11.7-9.3-28.3-9.3-40 0L44 135c-13.8 11-16 31.2-5 45s31.2 16 45 5L224 73 364 185c13.8 11 33.9 8.8 45-5s8.8-33.9-5-45L244 7zM404 377c13.8-11 16-31.2 5-45s-31.2-16-45-5L224 439 84 327c-13.8-11-33.9-8.8-45 5s-8.8 33.9 5 45L204 505c11.7 9.3 28.3 9.3 40 0L404 377z",
+    width: "448"
+  },
   arrowDownToLine: {
     path: "M32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H32zM214.6 342.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 242.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V242.7l73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-128 128z",
     width: "384"
@@ -842,7 +854,7 @@ import './index.css';const ct = () => Math.random().toString(32).substring(2, 13
     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"
   }
-}, Ks = Object.keys(S2), d2 = [
+}, js = Object.keys(S2), d2 = [
   "dawn",
   "dragonfruit",
   "dusk",
@@ -1046,7 +1058,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
     },
     c
   )));
-}, js = ({
+}, Xs = ({
   className: s,
   componentWidth: c,
   isLoading: t,
@@ -1595,7 +1607,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
   pro: "Professional",
   business: "Business",
   "flagship-performance": "Flagship Performance"
-}, Xs = {
+}, Ys = {
   drupal: "Drupal",
   wordpress: "WordPress",
   gatsby: "Gatsby",
@@ -2201,7 +2213,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
       }
     )
   );
-}, Ys = ({
+}, Qs = ({
   buttonProps: s,
   className: c,
   disabled: t = !1,
@@ -2327,7 +2339,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
   discovery: "squareQuestion",
   code: "squareTerminal",
   earlyAccess: "leaf"
-}, Qs = ({
+}, Js = ({
   children: s,
   className: c,
   title: t,
@@ -2399,7 +2411,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
     },
     r
   );
-}, Js = ({
+}, en = ({
   className: s,
   defaultValue: c,
   id: t,
@@ -2463,7 +2475,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
       )
     )))
   );
-}, en = ({
+}, tn = ({
   className: s,
   headingLevel: c = "h2",
   headingText: t,
@@ -2493,7 +2505,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
       variant: "secondary"
     }
   ));
-}, tn = ({
+}, sn = ({
   className: s,
   headingLevel: c = "h3",
   headingText: t,
@@ -3203,7 +3215,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
   );
 }, g2 = {
   "early-access": { label: "Early Access", color: "success" }
-}, sn = ({
+}, nn = ({
   badge: s,
   className: c,
   icon: t,
@@ -3585,7 +3597,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
   className: s,
   paymentType: c,
   ...t
-}) => /* @__PURE__ */ e.createElement("div", { className: M(["pds-payment-icon", s ?? ""]), ...t }, $1[c]), nn = ({
+}) => /* @__PURE__ */ e.createElement("div", { className: M(["pds-payment-icon", s ?? ""]), ...t }, $1[c]), an = ({
   cardholderName: s,
   cardNumber: c,
   cardType: t,
@@ -3926,7 +3938,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
       }
     )
   );
-}, an = ({
+}, ln = ({
   actionPrimary: s,
   actionSecondary: c,
   className: t,
@@ -4087,7 +4099,7 @@ const i1 = "cubic-bezier(.2, 0, 0, 1)", ot = "cubic-bezier(.2, 0, 0, 1)", Tt = 5
     ), H, i && /* @__PURE__ */ e.createElement("div", { className: `${E}__description` }, i), k), /* @__PURE__ */ e.createElement("div", { className: `${E}__actions` }, s && L, s && c && S)),
     l && w
   );
-}, ln = ({
+}, cn = ({
   className: s,
   gotoText: c = "Go to",
   headingLevel: t = "h3",
@@ -5401,7 +5413,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     }
   ]
-}, cn = ({
+}, rn = ({
   className: s,
   code: c,
   colorType: t = "dark",
@@ -5522,7 +5534,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     )
   );
-}, rn = ({
+}, on = ({
   backgroundColor: s = "default",
   className: c,
   containerWidth: t = "standard",
@@ -5555,7 +5567,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       n
     ))
   );
-}, on = ({
+}, mn = ({
   className: s,
   stat: c,
   status: t,
@@ -5577,7 +5589,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       iconName: i[t]
     }
   ), c && /* @__PURE__ */ e.createElement("div", { className: `${a}__stat-value` }, c)));
-}, mn = ({
+}, dn = ({
   className: s,
   heading: c,
   headingLevel: t = "span",
@@ -5642,13 +5654,12 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     case "wistia":
       o = i;
       break;
-    case "youtube":
     default:
       o = m;
       break;
   }
   return /* @__PURE__ */ e.createElement("div", { className: M([a, s ?? ""]), ...r }, o);
-}, dn = ({
+}, un = ({
   alignment: s = "center",
   className: c,
   ctaRegion: t,
@@ -5699,7 +5710,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     !E && a && !g && /* @__PURE__ */ e.createElement("div", { className: `${f}__media`, style: v }, typeof a == "string" ? /* @__PURE__ */ e.createElement("img", { alt: "", className: `${f}__image`, src: a }) : a),
     !E && g && y
   );
-}, un = ({
+}, pn = ({
   className: s,
   ctaRegion: c,
   heading: t,
@@ -5729,7 +5740,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     t
   ), n && n), c && /* @__PURE__ */ e.createElement("div", { className: `${o}__cta` }, c));
-}, pn = ({
+}, fn = ({
   additions: s = 4,
   className: c,
   componentWidth: t,
@@ -5790,7 +5801,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     ))
   );
-}, fn = ({
+}, hn = ({
   className: s,
   contentAlignment: c = "indented",
   layoutDirection: t = "vertical",
@@ -5830,7 +5841,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     t
   );
-}, hn = ({
+}, gn = ({
   className: s,
   headingLevel: c,
   headingText: t,
@@ -5846,7 +5857,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       headingText: t
     }
   ), /* @__PURE__ */ e.createElement("ul", { className: `${a}__list`, role: "list" }, l.map((i, n) => /* @__PURE__ */ e.createElement("li", { key: n, className: `${a}__item` }, i))));
-}, gn = ({
+}, Cn = ({
   as: s = "div",
   children: c,
   className: t,
@@ -5989,7 +6000,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     );
   }
-), Cn = ({
+), _n = ({
   children: s,
   className: c,
   disabled: t = !1,
@@ -6043,7 +6054,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     )
   );
-}, _n = ({
+}, En = ({
   className: s,
   disabled: c = !1,
   fieldsetProps: t,
@@ -6415,7 +6426,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       (a) => a.id === r.id
     )
   })).sort((r, a) => r.badge && !a.badge ? -1 : !r.badge && a.badge ? 1 : 0);
-}, En = ({
+}, vn = ({
   auxiliaryPanel: s,
   className: c,
   disabled: t = !1,
@@ -6812,7 +6823,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
   pleaseSelectEndDate: ". Please select an end date.",
   selectedDateRange: "Selected date range: ",
   to: " to "
-}, vn = ({
+}, bn = ({
   className: s,
   disabled: c = !1,
   hasDateRange: t,
@@ -7075,7 +7086,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       ))
     )
   );
-}, bn = je(
+}, $n = je(
   ({
     accept: s,
     className: c,
@@ -7207,7 +7218,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     );
   }
-), $n = ({
+), yn = ({
   children: s,
   className: c,
   ...t
@@ -7232,7 +7243,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     )
   );
-}, yn = ({
+}, Nn = ({
   className: s,
   defaultValue: c,
   disabled: t = !1,
@@ -7318,7 +7329,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     )
   );
-}, Nn = je(
+}, wn = je(
   ({
     checked: s,
     className: c,
@@ -7520,7 +7531,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     )
   );
-}, wn = je(
+}, Ln = je(
   ({
     addMorePlaceholder: s = "Add another",
     className: c,
@@ -7691,7 +7702,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     );
   }
-), Ln = je(
+), Hn = je(
   ({
     className: s,
     counterMaxLength: c,
@@ -7986,7 +7997,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       )
     );
   }
-), Hn = ({
+), Mn = ({
   children: s,
   className: c,
   fontSize: t,
@@ -8022,7 +8033,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `(${r})`),
     /* @__PURE__ */ e.createElement(O, { className: `${n}__icon`, iconName: "externalLink" })
   );
-}, Mn = ({
+}, kn = ({
   ariaLabel: s,
   children: c,
   className: t,
@@ -8114,7 +8125,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       C && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, C)
     ))
   ));
-}, kn = ({
+}, zn = ({
   ariaLabel: s = "Breadcrumb",
   className: c,
   crumbs: t,
@@ -8211,7 +8222,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       ]
     })
   ) : r = c), r;
-}, zn = ({
+}, xn = ({
   ariaLabel: s,
   className: c,
   menuItems: t,
@@ -8314,7 +8325,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     ...l
   },
   t
-), r2 = Qt(null), xn = ({
+), r2 = Qt(null), Sn = ({
   children: s,
   className: c,
   hasSidebarToggle: t = !0,
@@ -8689,7 +8700,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     ))
   );
-}, Sn = ({
+}, Vn = ({
   ariaLabel: s,
   className: c,
   labels: t = {
@@ -8783,7 +8794,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${l}__status`, style: { pointerEvents: "none" } }, u)
   );
-}, Vn = ({
+}, In = ({
   className: s,
   disabled: c = !1,
   horizontalOffset: t = 0,
@@ -8863,7 +8874,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     s
   );
-}, In = ({
+}, An = ({
   children: s,
   className: c,
   colorType: t = "default",
@@ -9052,7 +9063,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       !d.isSeparator && d.linkContent
     ))
   ));
-}, An = ({
+}, Dn = ({
   ariaLabel: s = "Main Navigation",
   className: c,
   colorType: t = "default",
@@ -9160,7 +9171,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu` }, w)
   );
-}, Dn = ({
+}, Tn = ({
   ariaLabel: s,
   className: c,
   headingText: t,
@@ -9306,7 +9317,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     _,
     E
   );
-}, Nt = 0, Tn = ({
+}, Nt = 0, On = ({
   ariaLabel: s,
   className: c,
   hasMobileMenu: t = !0,
@@ -9740,7 +9751,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       }
     ) : o)
   );
-}, On = ({
+}, Rn = ({
   ariaLabel: s,
   className: c,
   hasLogo: t,
@@ -9919,7 +9930,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     /* @__PURE__ */ e.createElement("div", { style: { ...A } }, Y, /* @__PURE__ */ e.createElement("ul", { className: M([h, b]) }, x.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${f}__no-results` }, a) : x))
   ));
-}, Rn = ({
+}, Pn = ({
   ariaLabel: s,
   className: c,
   menuItems: t,
@@ -9996,7 +10007,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     },
     r ? /* @__PURE__ */ e.createElement("div", { className: `${i}__mobile-menu-wrapper` }, o) : o
   );
-}, Pn = ({
+}, Fn = ({
   ariaLabel: s = "User menu",
   className: c,
   menuItems: t,
@@ -10148,7 +10159,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, Fn = ({
+}, Bn = ({
   ariaLabel: s = "Workspace selector menu",
   className: c,
   createWorkspaceLink: t,
@@ -10370,7 +10381,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
   info: "circleInfo",
   warning: "triangleExclamation",
   critical: "diamondExclamation"
-}, Bn = ({
+}, Zn = ({
   banners: s,
   className: c,
   dismissLabel: t = "Dismiss",
@@ -10493,7 +10504,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation"
-}, Zn = ({
+}, Gn = ({
   className: s,
   message: c,
   title: t,
@@ -10534,7 +10545,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, Gn = ({
+}, Wn = ({
   className: s,
   ctaButton: c,
   dismissLabel: t = "Dismiss",
@@ -10652,7 +10663,19 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${a}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), s)
   );
-}, Wn = ({
+}, Ls = ({ ariaLabel: s, closeToast: c }) => /* @__PURE__ */ e.createElement(
+  "button",
+  {
+    "aria-label": s ?? "Close",
+    className: "pds-toast__close-button",
+    onClick: (t) => {
+      t.stopPropagation(), c(t);
+    },
+    tabIndex: 0,
+    type: "button"
+  },
+  /* @__PURE__ */ e.createElement(O, { iconName: "xmark", iconSize: "md" })
+), qn = ({
   autoCloseDuration: s = !1,
   className: c,
   limit: t = 5,
@@ -10665,6 +10688,7 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
       newestOnTop: !0,
       autoClose: s,
       className: a,
+      closeButton: Ls,
       draggable: !1,
       icon: !1,
       limit: t,
@@ -10674,8 +10698,8 @@ const x1 = 0.125, S1 = 0.25, V1 = 0.328, I1 = 0.41, Lt = 0.512, A1 = 0.64, Ht =
     }
   ));
 };
-var Ls = /* @__PURE__ */ ((s) => (s.Critical = "critical", s.Info = "info", s.Success = "success", s.Warning = "warning", s.Working = "working", s))(Ls || {});
-const qn = () => {
+var Hs = /* @__PURE__ */ ((s) => (s.Critical = "critical", s.Info = "info", s.Success = "success", s.Warning = "warning", s.Working = "working", s))(Hs || {});
+const Un = () => {
   const s = (t, l, r = {}) => {
     const a = /* @__PURE__ */ e.createElement(ws, { type: t }, l);
     let i = {
@@ -10698,7 +10722,7 @@ const qn = () => {
 }, Ct = "...", wt = (s, c) => {
   const t = c - s + 1;
   return Array.from({ length: t }, (l, r) => r + s);
-}, Hs = ({
+}, Ms = ({
   bufferCount: s = 1,
   currentPage: c,
   itemsPerPage: t,
@@ -10732,7 +10756,7 @@ const qn = () => {
       m
     ];
   }
-}, [l, t, s, c]), Un = ({
+}, [l, t, s, c]), Kn = ({
   bufferCount: s = 1,
   className: c,
   currentPage: t,
@@ -10747,7 +10771,7 @@ const qn = () => {
   totalItemCount: m,
   ...o
 }) => {
-  const u = Hs({
+  const u = Ms({
     currentPage: t,
     totalItemCount: m,
     bufferCount: s,
@@ -10839,7 +10863,7 @@ const qn = () => {
       )
     ))
   );
-}, $2 = 0, Kn = ({
+}, $2 = 0, jn = ({
   children: s,
   className: c,
   id: t,
@@ -10907,7 +10931,7 @@ const qn = () => {
       /* @__PURE__ */ e.createElement("div", { ref: f, className: `${g}__content` }, s)
     )
   );
-}, jn = ({
+}, Xn = ({
   children: s,
   className: c,
   displayType: t = "standard",
@@ -10922,7 +10946,7 @@ const qn = () => {
     },
     s
   );
-}, Xn = ({
+}, Yn = ({
   children: s,
   className: c,
   hasStatusIndicator: t = !1,
@@ -10942,7 +10966,7 @@ const qn = () => {
     t && r && /* @__PURE__ */ e.createElement("span", { className: o }, E && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, E)),
     /* @__PURE__ */ e.createElement("div", { className: M([g, _]) }, s)
   );
-}, Yn = ({
+}, Qn = ({
   background: s = "default",
   children: c,
   className: t,
@@ -10965,7 +10989,7 @@ const qn = () => {
     },
     c
   );
-}, y2 = 0, Qn = ({
+}, y2 = 0, Jn = ({
   children: s,
   className: c,
   expandButtonAriaLabel: t,
@@ -11058,7 +11082,7 @@ const qn = () => {
       /* @__PURE__ */ e.createElement("div", { className: `${a}__items-inside` }, E)
     )
   );
-}, Jn = ({
+}, ea = ({
   alt: s = "",
   className: c,
   height: t,
@@ -11079,7 +11103,7 @@ const qn = () => {
       ...i
     }
   ));
-}, at = 8, N2 = 14, Ms = 6, ks = ({
+}, at = 8, N2 = 14, ks = 6, zs = ({
   className: s,
   classNameContainer: c,
   closeButtonLabel: t = "Close",
@@ -11114,7 +11138,7 @@ const qn = () => {
       h(te), te || n();
     },
     middleware: [
-      Ke(at + Ms + v),
+      Ke(at + ks + v),
       Ge({ padding: 8 }),
       dt({ padding: 8 }),
       e1({ element: y })
@@ -11205,7 +11229,7 @@ const qn = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, ea = ({
+}, ta = ({
   className: s,
   colorBreakpoints: c = [
     { colorType: "info", percentage: 0 },
@@ -11267,7 +11291,7 @@ const qn = () => {
     )),
     d && b
   );
-}, zs = ({
+}, xs = ({
   className: s,
   id: c,
   innerLabel: t,
@@ -11350,7 +11374,7 @@ const qn = () => {
       )
     )
   );
-}, ta = ({
+}, sa = ({
   attribution: s,
   className: c,
   image: t,
@@ -11375,8 +11399,8 @@ const qn = () => {
     ), /* @__PURE__ */ e.createElement("div", { className: `${i}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${i}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${i}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon--after` }, /* @__PURE__ */ e.createElement(O, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 };
-var xs = /* @__PURE__ */ ((s) => (s.CHECKED = "checked", s.DEFAULT = "default", s.WORKING = "working", s))(xs || {});
-const sa = ({
+var Ss = /* @__PURE__ */ ((s) => (s.CHECKED = "checked", s.DEFAULT = "default", s.WORKING = "working", s))(Ss || {});
+const na = ({
   alignment: s = "left",
   className: c,
   componentWidth: t,
@@ -11455,7 +11479,7 @@ const sa = ({
       s === "left" && b
     )
   );
-}, na = ({
+}, aa = ({
   className: s,
   handleUpgradeClick: c,
   popoverContent: t,
@@ -11489,7 +11513,7 @@ const sa = ({
       size: "md"
     }
   ), t && /* @__PURE__ */ e.createElement(
-    ks,
+    zs,
     {
       content: t,
       placement: "bottom",
@@ -11536,7 +11560,7 @@ const sa = ({
     url: "https://www.youtube.com/user/GetPantheon",
     label: "Pantheon on YouTube"
   }
-}, aa = ({
+}, la = ({
   className: s,
   linkItems: c = ["facebook", "x", "bluesky", "linkedin", "youtube", "instagram"],
   ...t
@@ -11552,7 +11576,7 @@ const sa = ({
     },
     /* @__PURE__ */ e.createElement(O, { iconName: Kt[r].icon, iconSize: "xl" })
   ))));
-}, la = ({
+}, ca = ({
   className: s,
   label: c = null,
   size: t = "md",
@@ -11581,7 +11605,7 @@ const sa = ({
     ) : /* @__PURE__ */ e.createElement("span", { "aria-hidden": "true", className: `${a}__icon`, role: "img" }),
     c && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, c)
   );
-}, ca = ({
+}, ra = ({
   className: s,
   steps: c,
   translatableLabels: t = {
@@ -11673,7 +11697,7 @@ const sa = ({
           id: `${b.id}--mobile`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${a}__progress-indicator` }, /* @__PURE__ */ e.createElement(
-          zs,
+          xs,
           {
             innerLabel: w,
             label: "Step progress",
@@ -11711,7 +11735,7 @@ const sa = ({
       },
       /* @__PURE__ */ e.createElement("div", { className: `${a}__steps` }, h)
     ));
-}, Ss = ({
+}, Vs = ({
   _isFirstStep: s,
   backButton: c,
   forwardButton: t,
@@ -11732,7 +11756,7 @@ const sa = ({
       iconSize: "md"
     }
   )), /* @__PURE__ */ e.createElement("div", { className: `${u}__step-label` }, n)), /* @__PURE__ */ e.createElement("div", { className: `${u}__step-content` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__step-content-inner` }, m, (c || t) && /* @__PURE__ */ e.createElement("div", { className: `${u}__step-buttons` }, c && !s && /* @__PURE__ */ e.createElement(Oe, { ...c, size: "sm", variant: "secondary" }), t && /* @__PURE__ */ e.createElement(Oe, { ...t, size: "sm", variant: "primary" })))));
-}, ra = ({
+}, oa = ({
   className: s,
   labelStrings: c = {
     step: "Step",
@@ -11746,7 +11770,7 @@ const sa = ({
     const _ = g + 1, E = g === m, C = g === 0, f = u.isComplete || !1, h = u.hasError && E;
     let b = `${c.step} ${_}`;
     return f && (b = `${c.step} ${_}, ${c.completed}`), h && (b = `${c.step} ${_}, ${c.hasError}`), /* @__PURE__ */ e.createElement(
-      Ss,
+      Vs,
       {
         key: `s${_}`,
         _isFirstStep: C,
@@ -11767,7 +11791,7 @@ const sa = ({
   });
   if (n >= 2 && n <= 6)
     return /* @__PURE__ */ e.createElement("div", { className: M([r, s ?? ""]), ...l }, /* @__PURE__ */ e.createElement("ol", { className: `${r}__steps` }, t && o));
-}, oa = ({
+}, ia = ({
   className: s,
   headers: c,
   rowData: t,
@@ -11821,7 +11845,7 @@ const sa = ({
       /* @__PURE__ */ e.createElement(O, { iconName: "caretDown", iconSize: "sm" })
     )
   )) : /* @__PURE__ */ e.createElement("span", null, C.title))))), /* @__PURE__ */ e.createElement("tbody", null, a.map((C, f) => _(C, f)))));
-}, ia = ({
+}, ma = ({
   appendIds: s = !1,
   ariaLabel: c = "Table of contents",
   className: t,
@@ -11961,7 +11985,7 @@ const sa = ({
     ),
     /* @__PURE__ */ e.createElement(N, { activeID: h, headings: f })
   );
-}, ma = ({
+}, da = ({
   ariaLabel: s,
   className: c,
   defaultSelected: t = 0,
@@ -12121,10 +12145,10 @@ const sa = ({
   "color-18",
   "color-19",
   "color-20"
-], Vs = (s) => {
+], Is = (s) => {
   const c = parseInt(H2(s), 16);
   return L2[c % L2.length];
-}, Is = (s, c) => s.length > c ? s.slice(0, c) + " ..." : s, da = ({
+}, As = (s, c) => s.length > c ? s.slice(0, c) + " ..." : s, ua = ({
   className: s,
   isRemovable: c,
   linkContent: t,
@@ -12134,7 +12158,7 @@ const sa = ({
   tagLabel: i,
   ...n
 }) => {
-  const [m, o] = B(!0), u = "pds-tag", g = a ? `${u}--${a}` : `${u}--${Vs(i)}`, _ = m ? null : "pds-tag--hide", E = () => {
+  const [m, o] = B(!0), u = "pds-tag", g = a ? `${u}--${a}` : `${u}--${Is(i)}`, _ = m ? null : "pds-tag--hide", E = () => {
     o((b) => !b);
   };
   let C, f, h;
@@ -12152,7 +12176,7 @@ const sa = ({
       to: f === "to" ? h : null,
       ...n
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${u}__label`, title: i }, Is(i, 20)),
+    /* @__PURE__ */ e.createElement("span", { className: `${u}__label`, title: i }, As(i, 20)),
     c ? /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -12173,7 +12197,7 @@ const sa = ({
       )
     ) : null
   );
-}, ua = ({
+}, pa = ({
   className: s,
   onChange: c,
   theme: t = "light",
@@ -12235,7 +12259,7 @@ const sa = ({
       preferredPlacement: "top"
     }
   ));
-}, pa = ({
+}, fa = ({
   className: s,
   listItems: c,
   ...t
@@ -12269,7 +12293,7 @@ const sa = ({
     },
     n()
   );
-}, As = ({
+}, Ds = ({
   className: s,
   displayType: c = "border",
   headingLevel: t = "span",
@@ -12306,7 +12330,7 @@ const sa = ({
       }
     )
   ), /* @__PURE__ */ e.createElement("span", { className: `${m}__separator` }));
-}, fa = ({
+}, ha = ({
   className: s,
   displayType: c = "border",
   headingLevel: t = "h2",
@@ -12326,7 +12350,7 @@ const sa = ({
       ...r
     },
     l.map((o, u) => /* @__PURE__ */ e.createElement(
-      As,
+      Ds,
       {
         key: u,
         className: o.className,
@@ -12339,7 +12363,7 @@ const sa = ({
       }
     ))
   );
-}, ha = ({
+}, ga = ({
   children: s,
   className: c,
   containerWidth: t = "x-wide",
@@ -12434,7 +12458,7 @@ const sa = ({
     },
     C ? S : V
   );
-}, ga = ({
+}, Ca = ({
   children: s,
   className: c,
   hasContentSpacing: t,
@@ -12456,7 +12480,7 @@ const sa = ({
       u
     )
   );
-}, Ca = ({
+}, _a = ({
   children: s,
   className: c,
   sidebarMinWidth: t = 14.5,
@@ -12483,7 +12507,7 @@ const sa = ({
     },
     a ? E : C
   );
-}, _a = ({
+}, Ea = ({
   alignContent: s = "flex-start",
   alignItems: c = "stretch",
   children: t,
@@ -12533,10 +12557,10 @@ const sa = ({
     },
     t
   );
-}, Ea = ({
+}, va = ({
   children: s,
   mobileMenuMaxWidth: c = 640
-}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: c }, /* @__PURE__ */ e.createElement(d1, null, s)), va = ({
+}) => /* @__PURE__ */ e.createElement(g1, { mobileMenuMaxWidth: c }, /* @__PURE__ */ e.createElement(d1, null, s)), ba = ({
   children: s,
   className: c,
   gridGap: t = "standard",
@@ -12580,7 +12604,7 @@ const sa = ({
     },
     u ? r === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, h) : l === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, f, h)
   );
-}, ba = ({
+}, $a = ({
   children: s,
   className: c,
   ...t
@@ -12599,7 +12623,7 @@ const sa = ({
     },
     r
   ), a && /* @__PURE__ */ e.createElement("div", { className: `${o}__form-container` }, a));
-}, $a = ({
+}, ya = ({
   children: s,
   className: c,
   gridGap: t = "standard",
@@ -12631,7 +12655,7 @@ const sa = ({
       u
     ))
   );
-}, ya = ({
+}, Na = ({
   children: s,
   className: c,
   gridGap: t = "standard",
@@ -12666,7 +12690,7 @@ const sa = ({
     /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, h),
     /* @__PURE__ */ e.createElement("div", { className: C.join(" ").trim() }, b)
   );
-}, Na = (s, c) => {
+}, wa = (s, c) => {
   const [t, l] = B(!1), r = rt(
     (i) => {
       i.key === s && (l(!0), c && c(i));
@@ -12683,144 +12707,144 @@ const sa = ({
   }), [r, a]), t;
 };
 export {
-  ha as AppLayout,
+  ga as AppLayout,
   jt as Avatar,
-  pa as AvatarTileList,
-  Bn as Banner,
-  js as BranchDiff,
-  kn as Breadcrumb,
+  fa as AvatarTileList,
+  Zn as Banner,
+  Xs as BranchDiff,
+  zn as Breadcrumb,
   Oe as Button,
   bt as ButtonLink,
-  zn as ButtonNav,
+  xn as ButtonNav,
   cs as CTALink,
-  rn as CTASlice,
-  Qs as Callout,
+  on as CTASlice,
+  Js as Callout,
   It as Card,
   l2 as CardHeading,
-  Js as CardSelectGroup,
+  en as CardSelectGroup,
   is as Checkbox,
-  Cn as CheckboxFieldset,
-  _n as CheckboxGroup,
+  _n as CheckboxFieldset,
+  En as CheckboxGroup,
   f2 as ClipboardButton,
   T2 as CloseButton,
-  cn as CodeBlock,
+  rn as CodeBlock,
   ms as Combobox,
-  En as ComboboxMultiselect,
-  mn as CompactEmptyState,
+  vn as ComboboxMultiselect,
+  dn as CompactEmptyState,
   C2 as ComparisonList,
   gt as Container,
   r2 as DashboardContext,
-  xn as DashboardGlobal,
-  ga as DashboardInner,
-  Sn as DashboardNav,
+  Sn as DashboardGlobal,
+  Ca as DashboardInner,
+  Vn as DashboardNav,
   Cs as DashboardNavItem,
-  Vn as DashboardSearch,
-  on as DashboardStat,
-  vn as Datepicker,
-  Ca as DocsLayout,
+  In as DashboardSearch,
+  mn as DashboardStat,
+  bn as Datepicker,
+  _a as DocsLayout,
   Dt as DropdownMenu,
-  en as EmptyStateCard,
-  Kn as ExpansionPanel,
-  jn as ExpansionPanelGroup,
-  pn as FileDiff,
-  bn as FileUpload,
-  _a as FlexContainer,
-  fn as FlowSteps,
+  tn as EmptyStateCard,
+  jn as ExpansionPanel,
+  Xn as ExpansionPanelGroup,
+  fn as FileDiff,
+  $n as FileUpload,
+  Ea as FlexContainer,
+  hn as FlowSteps,
   os as FooterHeading,
-  hn as FooterLinks,
-  Ea as GlobalWrapper,
-  dn as HorizontalEmptyState,
+  gn as FooterLinks,
+  va as GlobalWrapper,
+  un as HorizontalEmptyState,
   O as Icon,
   St as IconButton,
   vt as IndicatorBadge,
-  Zn as InlineMessage,
-  $n as InputGroup,
-  Hn as LinkNewWindow,
-  tn as LinksCard,
+  Gn as InlineMessage,
+  yn as InputGroup,
+  Mn as LinkNewWindow,
+  sn as LinksCard,
   P2 as MenuButton,
-  Mn as Modal,
-  An as NavMenu,
-  In as Navbar,
-  sn as NewSiteCard,
-  Un as Pagination,
-  Xn as Panel,
-  Yn as PanelList,
-  Qn as PanelRow,
+  kn as Modal,
+  Dn as NavMenu,
+  An as Navbar,
+  nn as NewSiteCard,
+  Kn as Pagination,
+  Yn as Panel,
+  Qn as PanelList,
+  Jn as PanelRow,
   At as PantheonLogo,
-  nn as PaymentCard,
+  an as PaymentCard,
   y1 as PaymentIcon,
-  Jn as Picture,
+  ea as Picture,
   F2 as PlatformIcon,
-  ks as Popover,
-  an as PricingCard,
-  ea as ProgressBar,
-  zs as ProgressRing,
-  ta as PullQuote,
-  yn as RadioGroup,
-  sa as RefreshChecker,
-  xs as RefreshCheckerState,
+  zs as Popover,
+  ln as PricingCard,
+  ta as ProgressBar,
+  xs as ProgressRing,
+  sa as PullQuote,
+  Nn as RadioGroup,
+  na as RefreshChecker,
+  Ss as RefreshCheckerState,
   Me as ResponsiveContext,
-  Gn as SectionMessage,
+  Wn as SectionMessage,
   C1 as SegmentedButton,
   L1 as Select,
   w1 as SelectOptionGroup,
-  Dn as SideNav,
-  Tn as SideNavCompact,
-  On as SideNavGlobal,
+  Tn as SideNav,
+  On as SideNavCompact,
+  Rn as SideNavGlobal,
   vs as SideNavGlobalItem,
-  va as SidebarLayout,
-  ln as SiteCard,
-  na as SiteDashboardHeading,
-  gn as SiteFooter,
+  ba as SidebarLayout,
+  cn as SiteCard,
+  aa as SiteDashboardHeading,
+  Cn as SiteFooter,
   _s as SiteOptionDisplay,
   h2 as SitePlanLevelLabel,
   O2 as SiteTypeIcon,
-  Xs as SiteTypeLabel,
+  Ys as SiteTypeLabel,
   ns as Skeleton,
   gs as Skiplink,
-  aa as SocialLinks,
+  la as SocialLinks,
   it as Spinner,
   _1 as SplitButton,
   t2 as StatusBadge,
-  la as StatusIndicator,
+  ca as StatusIndicator,
   $t as StatusTypeLabels,
-  ca as Stepper,
-  ba as StepperLayout,
-  Nn as Switch,
-  Rn as TabMenu,
-  oa as Table,
-  ia as TableOfContents,
-  ma as Tabs,
-  da as Tag,
-  wn as TagsInput,
+  ra as Stepper,
+  $a as StepperLayout,
+  wn as Switch,
+  Pn as TabMenu,
+  ia as Table,
+  ma as TableOfContents,
+  da as Tabs,
+  ua as Tag,
+  Ln as TagsInput,
   zt as Tally,
   W2 as TextInput,
-  Ln as Textarea,
-  ua as ThemeSwitcher,
-  $a as ThreeItemLayout,
-  As as Tile,
-  fa as TileGrid,
+  Hn as Textarea,
+  pa as ThemeSwitcher,
+  ya as ThreeItemLayout,
+  Ds as Tile,
+  ha as TileGrid,
   ws as Toast,
-  Ls as ToastType,
-  Wn as Toaster,
+  Hs as ToastType,
+  qn as Toaster,
   Ae as Tooltip,
-  ya as TwoItemLayout,
-  Pn as UserMenu,
-  Ys as UtilityButton,
-  un as VerticalEmptyState,
-  ra as VerticalStepper,
+  Na as TwoItemLayout,
+  Fn as UserMenu,
+  Qs as UtilityButton,
+  pn as VerticalEmptyState,
+  oa as VerticalStepper,
   rs as VideoEmbed,
-  Fn as WorkspaceSelector,
+  Bn as WorkspaceSelector,
   g2 as badgeTypes,
-  Ks as iconList,
+  js as iconList,
   Rt as isHeadingItemType,
   Pt as isLinkItemType,
   h1 as isNodeItemType,
   Ot as isSeparatorItemType,
   L2 as tagColors,
   f1 as useClipboard,
-  Na as useKeyPress,
-  qn as useToast,
+  wa as useKeyPress,
+  Un as useToast,
   R2 as useWindowWidth
 };
 //# sourceMappingURL=index.js.map