@pantheon-systems/pds-toolkit-react 1.0.0-dev.164 → 1.0.0-dev.165

package/_dist/index.js

@@ -819,11 +819,11 @@ const l1 = {
     }, z()),
     s
   ));
-}, Fe = ({ crumb: s, lastCrumb: n, classes: a }) => {
+}, We = ({ crumb: s, lastCrumb: n, classes: a }) => {
   const c = s.label.length > 16 ? `${s.label.slice(0, 16)}...` : null;
   return /* @__PURE__ */ e.createElement("li", { className: `${a || ""}`, key: `key-${s.label}` }, n ? /* @__PURE__ */ e.createElement("a", { className: "pds-breadcrumbs__disabled" }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label) : /* @__PURE__ */ e.createElement(hs, { end: !0, to: s.uri }, s.label.length > 15 ? /* @__PURE__ */ e.createElement(vt, { content: s.label, triggerText: c }) : s.label));
 };
-Fe.propTypes = {
+We.propTypes = {
   crumb: t.object,
   lastCrumb: t.bool,
   classes: t.string
@@ -833,9 +833,9 @@ const r1 = (s) => /* @__PURE__ */ e.createElement(hs, { className: "pds-breadcru
   const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = ke(Es), d = [...l].sort(o1), u = () => {
     o(!1);
   }, h = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Fe, { crumb: _, key: g })
+    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(We, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(We, { crumb: _, key: g })
   ), m = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Fe, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(We, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${g}`,
@@ -844,20 +844,20 @@ const r1 = (s) => /* @__PURE__ */ e.createElement(hs, { className: "pds-breadcru
       },
       "..."
     )), /* @__PURE__ */ e.createElement(
-      Fe,
+      We,
       {
         crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
     )) : g > 2 && g < d.length - 2 ? /* @__PURE__ */ e.createElement(
-      Fe,
+      We,
       {
         crumb: _,
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
-    ) : /* @__PURE__ */ e.createElement(Fe, { crumb: _, key: `breadcrumb-${g}` })
+    ) : /* @__PURE__ */ e.createElement(We, { crumb: _, key: `breadcrumb-${g}` })
   ), p = d.length >= 6 ? m : h, b = d[d.length - 2], E = r1(b);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), p), E);
 };
@@ -1252,7 +1252,7 @@ const d1 = [
     /* @__PURE__ */ e.createElement("span", { className: `${u}__icon` }),
     c && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, a) : /* @__PURE__ */ e.createElement(Gt, { label: a })
   );
-}, We = Ge(
+}, Ze = Ge(
   (E, b) => {
     var _ = E, {
       ariaLabel: s,
@@ -1318,8 +1318,8 @@ const d1 = [
     );
   }
 );
-We.displayName = "Button";
-We.propTypes = {
+Ze.displayName = "Button";
+Ze.propTypes = {
   /**
    * Aria-label attribute.
    */
@@ -1378,7 +1378,7 @@ We.propTypes = {
    */
   className: t.string
 };
-const Ze = (d) => {
+const Ae = (d) => {
   var u = d, {
     disabled: s = !1,
     displayType: n = "label-only",
@@ -1424,7 +1424,7 @@ const Ze = (d) => {
     children: $
   });
   return s ? /* @__PURE__ */ e.createElement(
-    We,
+    Ze,
     y({
       disabled: !0,
       onClick: () => {
@@ -1442,7 +1442,8 @@ const Ze = (d) => {
     w
   );
 };
-Ze.propTypes = {
+Ae.displayName = "ButtonLink";
+Ae.propTypes = {
   /**
    * Is the link disabled?
    */
@@ -1514,7 +1515,7 @@ const v1 = (h) => {
       className: `${p}__kicker pds-overline-text pds-overline-text--sm`
     },
     o
-  ), a && /* @__PURE__ */ e.createElement(E, { className: `${p}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(Ze, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(Ze, { linkContent: i, variant: "secondary" })));
+  ), a && /* @__PURE__ */ e.createElement(E, { className: `${p}__heading` }, a), s && /* @__PURE__ */ e.createElement("div", { className: `${p}__bodytext` }, /* @__PURE__ */ e.createElement("p", null, s)), !r && l && /* @__PURE__ */ e.createElement("div", { className: `${p}__links pds-button-group` }, /* @__PURE__ */ e.createElement(Ae, { linkContent: l, variant: "primary" }), i && /* @__PURE__ */ e.createElement(Ae, { linkContent: i, variant: "secondary" })));
   return r && l ? /* @__PURE__ */ e.createElement(
     _,
     y({
@@ -1764,7 +1765,7 @@ Yt.propTypes = {
   active: t.bool,
   className: t.string
 };
-const Ae = Ge(
+const qe = Ge(
   (v, g) => {
     var f = v, {
       children: s,
@@ -1856,7 +1857,7 @@ const Ae = Ge(
     );
   }
 );
-Ae.propTypes = {
+qe.propTypes = {
   /**
    * Children. The input field component.
    */
@@ -2031,20 +2032,20 @@ const ks = Ge(
     }, He = () => {
       I(!z);
     }, Me = (de) => de.map((ze) => {
-      const { label: Pe, optionDisplay: je, value: pt, searchIndex: ht } = ze, q = pt || Pe, re = [Pe, pt];
+      const { label: je, optionDisplay: Be, value: pt, searchIndex: ht } = ze, q = pt || je, re = [je, pt];
       return ht && re.push(...ht), {
-        label: Pe,
+        label: je,
         value: q,
         searchIndex: re,
-        optionDisplay: je
+        optionDisplay: Be
       };
     });
     ne(() => {
       const de = Me(g).filter((me) => {
         const ze = me.searchIndex.map(
-          (je) => je.toLowerCase()
-        ), Pe = S.toLowerCase();
-        return ze.some((je) => je.includes(Pe));
+          (Be) => Be.toLowerCase()
+        ), je = S.toLowerCase();
+        return ze.some((Be) => Be.includes(je));
       });
       B(de);
     }, [S, d, g]);
@@ -2068,7 +2069,7 @@ const ks = Ge(
       de.optionDisplay || de.label
     )), Ye = W || p, Mt = i ? `${i / 16}rem` : null, Xe = i ? { width: Mt } : null;
     return /* @__PURE__ */ e.createElement(
-      Ae,
+      qe,
       y({
         className: w,
         decorator: c ? "search" : null,
@@ -2378,7 +2379,7 @@ _1.propTypes = {
    */
   className: t.string
 };
-const qe = Ct(null), C1 = ({
+const Pe = Ct(null), C1 = ({
   children: s,
   mobileMenuMaxWidth: n = 640
 }) => {
@@ -2393,7 +2394,7 @@ const qe = Ct(null), C1 = ({
     mobileMenuMaxWidth: n,
     windowWidth: a
   };
-  return /* @__PURE__ */ e.createElement(qe.Provider, { value: l }, s);
+  return /* @__PURE__ */ e.createElement(Pe.Provider, { value: l }, s);
 }, $1 = (r) => {
   var o = r, {
     destination: s = "main",
@@ -2434,7 +2435,7 @@ const qe = Ct(null), C1 = ({
   ]);
   const [m, p] = R(
     a
-  ), { isMobile: b } = ke(qe), E = ee(), [_] = Nt(E), v = {
+  ), { isMobile: b } = ke(Pe), E = ee(), [_] = Nt(E), v = {
     navbarWidth: _.width,
     isSidebarExpanded: b ? !0 : m
   }, f = "pds-dashboard", C = b ? `${f}--isMobile` : `${f}--notMobile`, $ = b ? null : m ? `${f}--sidebarExpanded` : `${f}--sidebarCollapsed`, w = m ? `${r}rem` : `${c}rem`, M = {
@@ -2596,7 +2597,7 @@ const y1 = (E) => {
   ]);
   const [g, v] = R(!1), [f, C] = R(null), $ = ee(null);
   let w = !1;
-  const M = ke(qe);
+  const M = ke(Pe);
   M && (w = M.isMobile);
   let H = null;
   const L = ke(Xt);
@@ -3000,7 +3001,7 @@ const Et = (m) => {
     V.value = "", f(!1), x();
   }, k = C || i;
   return /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: b,
       decorator: N,
@@ -3779,7 +3780,7 @@ const It = 16, rs = 10, V1 = (N) => {
   C && $ === "password" && (W ? L.type = "text" : L.type = "password"), v === "phone" && (L.type = "tel");
   const Ne = S || h;
   return /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: H,
       decorator: ae,
@@ -4117,7 +4118,7 @@ const os = [
     middleware: [Js()]
   });
   let x = !1;
-  const z = ke(qe);
+  const z = ke(Pe);
   z && (x = z.isMobile);
   const I = b && x, k = "pds-menu-button", V = I ? `${k}--isMobile` : null, S = b ? `${k}--navbar` : null, D = Re(), [P] = R(`menu-button-${D}`), [B] = R(`menu-listbox-${D}`), W = r || P, Z = N.floating, F = ee(null), [O, j] = R(!1), [U, G] = R(!1), [oe, ae] = R(""), [fe, se] = R(0), ie = ee([]), Y = ee([]), pe = ee([]);
   Ws(() => {
@@ -4368,7 +4369,7 @@ const os = [
   };
   let Xe;
   a === "icon-end" && (Xe = /* @__PURE__ */ e.createElement(
-    We,
+    Ze,
     {
       id: W,
       isSplitButton: o,
@@ -4439,14 +4440,14 @@ const os = [
     ), re.nextElementSibling.classList.toggle(`${k}__mobile-menu--expanded`);
   }, me = () => /* @__PURE__ */ e.createElement("ul", { className: `${k}__mobile-menu`, role: "menu" }, i.map((q, re) => _e(q, re)));
   let ze;
-  const Pe = a === "icon-end" ? "pds-button pds-button--navbar" : null, je = [`${k}__toggle`, Pe].join(" ").trim().replace(/\s+/g, " ");
+  const je = a === "icon-end" ? "pds-button pds-button--navbar" : null, Be = [`${k}__toggle`, je].join(" ").trim().replace(/\s+/g, " ");
   I && (ze = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: W,
       type: "button",
       disabled: n,
-      className: je,
+      className: Be,
       "aria-expanded": !1,
       onClick: de
     },
@@ -4972,7 +4973,7 @@ const O1 = (p) => {
   ]);
   const [E, _] = R(!1);
   let g = !1;
-  const v = ke(qe);
+  const v = ke(Pe);
   v && (g = v.isMobile);
   const f = "pds-navbar", C = c ? `${f}--noBorder` : "", $ = n !== "default" ? `${f}--${n}` : "", w = g ? `${f}--isMobile` : `${f}--notMobile`;
   ne(() => (window.addEventListener("keyup", M), () => {
@@ -5902,7 +5903,7 @@ const Lt = (E) => {
     $ === le.value && se
   )), Y = M || o, pe = c ? `${c / 16}rem` : null, be = c ? { width: pe } : null;
   return /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: p,
       disabled: s,
@@ -6546,7 +6547,7 @@ const U1 = {
   ));
   let I = null;
   s && (s.type === "button" && (I = /* @__PURE__ */ e.createElement(
-    We,
+    Ze,
     {
       variant: s.variant,
       label: M,
@@ -6554,7 +6555,7 @@ const U1 = {
       disabled: s.disabled
     }
   )), s.type === "link" && (I = /* @__PURE__ */ e.createElement(
-    Ze,
+    Ae,
     {
       variant: s.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: s.linkUrl, target: s.linkTarget }, s.label)
@@ -6562,14 +6563,14 @@ const U1 = {
   )));
   let k = null;
   return n && (n.type === "button" && (k = /* @__PURE__ */ e.createElement(
-    We,
+    Ze,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
   )), n.type === "link" && (k = /* @__PURE__ */ e.createElement(
-    Ze,
+    Ae,
     {
       variant: "secondary",
       linkContent: /* @__PURE__ */ e.createElement(
@@ -6718,7 +6719,7 @@ const K1 = (m) => {
     _(v.target.value), l && l(v.target.value);
   };
   return /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: u,
       disabled: s,
@@ -7031,7 +7032,7 @@ const At = {
   const u = "pds-split-button", h = `${u}--${r}`, m = s[0], p = s.slice(1);
   let b = null;
   return m.isLink === !0 ? b = /* @__PURE__ */ e.createElement(
-    Ze,
+    Ae,
     {
       className: `${u}__primary-action`,
       size: c,
@@ -7041,7 +7042,7 @@ const At = {
       linkContent: m.linkContent
     }
   ) : b = /* @__PURE__ */ e.createElement(
-    We,
+    Ze,
     {
       className: `${u}__primary-action`,
       label: m.label,
@@ -7834,7 +7835,7 @@ const Wn = (d) => {
     d && d(f);
   }, D = M || i;
   return /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: E,
       disabled: n,
@@ -8393,7 +8394,7 @@ const hn = (b) => {
       className: `${_}__off-icon`
     }
   )), /* @__PURE__ */ e.createElement(
-    Ae,
+    qe,
     y({
       className: m,
       disabled: s,
@@ -8693,7 +8694,7 @@ const Zn = () => {
   ]);
   const [b, E] = R(!1), [_, g] = R(null), [v, f] = R(d), C = ee([]), $ = ee(null), w = d.length >= o;
   let M = !1;
-  const H = ke(qe);
+  const H = ke(Pe);
   H && (M = H.isMobile);
   const L = i && M, N = "pds-workspace-selector", x = L ? `${N}--isMobile` : null, z = `${N}__menu`, I = w ? `${z}--scroll` : null, { refs: k, floatingStyles: V, context: S } = Se({
     open: b,
@@ -8811,7 +8812,7 @@ const Zn = () => {
       );
     }
   ), pe = n && /* @__PURE__ */ e.createElement("div", { className: `${N}__create-link`, ref: $ }, /* @__PURE__ */ e.createElement(
-    Ze,
+    Ae,
     {
       displayType: "icon-end",
       iconName: "plus",
@@ -9924,7 +9925,7 @@ const vn = (o) => {
     "className"
   ]);
   let d = !1;
-  const u = ke(qe);
+  const u = ke(Pe);
   u && (d = u.isMobile);
   const h = ke(Xt);
   let m = !0;
@@ -10240,7 +10241,7 @@ const vn = (o) => {
   ]);
   const [h, m] = R(null), [p, b] = R(!1), E = ee([]), _ = ee([]);
   let g = !1;
-  const v = ke(qe);
+  const v = ke(Pe);
   v && (g = v.isMobile);
   const f = o && g, C = "pds-user-menu", $ = f ? `${C}--isMobile` : null, w = `${C}__menu`, { refs: M, floatingStyles: H, context: L } = Se({
     placement: "bottom-end",
@@ -10645,7 +10646,7 @@ const vn = (o) => {
     n && a && /* @__PURE__ */ e.createElement("span", { className: u }),
     /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, s)
   );
-}, Be = 8, ms = 14, Nn = 6, o2 = (b) => {
+}, Fe = 8, ms = 14, Nn = 6, o2 = (b) => {
   var E = b, {
     content: s,
     customTrigger: n = !1,
@@ -10692,7 +10693,7 @@ const vn = (o) => {
       g(G), G || r();
     },
     middleware: [
-      $t(Be + Nn + $),
+      $t(Fe + Nn + $),
       yt({ padding: 8 }),
       wt({ padding: 8 }),
       Ks({ element: w })
@@ -10704,16 +10705,16 @@ const vn = (o) => {
     z,
     I,
     k
-  ]), D = (O = (F = N.arrow) == null ? void 0 : F.x) != null ? O : 0, P = (U = (j = N.arrow) == null ? void 0 : j.y) != null ? U : 0, B = D + ms / 2, W = P + Be, { isMounted: Z } = Ke(L, {
+  ]), D = (O = (F = N.arrow) == null ? void 0 : F.x) != null ? O : 0, P = (U = (j = N.arrow) == null ? void 0 : j.y) != null ? U : 0, B = D + ms / 2, W = P + Fe, { isMounted: Z } = Ke(L, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: G }) => ({
       transformOrigin: {
-        top: `${B}px calc(100% + ${Be}px)`,
-        bottom: `${B}px ${-Be}px`,
-        left: `calc(100% + ${Be}px) ${W}px`,
-        right: `${-Be}px ${W}px`
+        top: `${B}px calc(100% + ${Fe}px)`,
+        bottom: `${B}px ${-Fe}px`,
+        left: `calc(100% + ${Fe}px) ${W}px`,
+        right: `${-Fe}px ${W}px`
       }[G]
     })
   });
@@ -10749,7 +10750,7 @@ const vn = (o) => {
         {
           ref: w,
           context: L,
-          height: Be,
+          height: Fe,
           width: ms,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
@@ -11293,8 +11294,8 @@ export {
   a1 as AvatarTileList,
   a2 as Banner,
   i1 as Breadcrumbs,
-  We as Button,
-  Ze as ButtonLink,
+  Ze as Button,
+  Ae as ButtonLink,
   dn as CTALink,
   _1 as CTASlice,
   Gn as Callout,
@@ -11327,7 +11328,7 @@ export {
   Xn as InputGroup,
   x1 as InputObscured,
   V1 as InputText,
-  Ae as InputWrapper,
+  qe as InputWrapper,
   S1 as LinksCard,
   Ls as MenuButton,
   Jn as Modal,
@@ -11344,7 +11345,7 @@ export {
   an as ProgressRing,
   d2 as PullQuote,
   K1 as RadioGroup,
-  qe as ResponsiveContext,
+  Pe as ResponsiveContext,
   c2 as SectionMessage,
   Un as SegmentedButton,
   Lt as Select,