@pantheon-systems/pds-toolkit-react 2.0.0-alpha.59 → 2.0.0-alpha.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/codemods/v1-to-v2/css-token-renames.js +186 -0
  2. package/codemods/v1-to-v2/mappings.json +85 -7
  3. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.input.tsx +24 -0
  4. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.output.tsx +24 -0
  5. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.input.tsx +29 -0
  6. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.output.tsx +29 -0
  7. package/codemods/v1-to-v2/transforms/css-class-removals.js +97 -27
  8. package/codemods/v1-to-v2/transforms/css-class-renames.js +80 -16
  9. package/dist/components/SiteFooter/SiteFooter.d.ts +7 -3
  10. package/dist/components/buttons/MenuButton/MenuButton.d.ts +4 -1
  11. package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
  12. package/dist/css/component-css/pds-button.css +1 -3
  13. package/dist/css/component-css/pds-checkbox.css +1 -1
  14. package/dist/css/component-css/pds-cta-link.css +1 -1
  15. package/dist/css/component-css/pds-expansion-panel-group.css +1 -1
  16. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  17. package/dist/css/component-css/pds-index.css +11 -13
  18. package/dist/css/component-css/pds-menu-button.css +1 -1
  19. package/dist/css/component-css/pds-side-nav.css +1 -1
  20. package/dist/css/component-css/pds-tab-menu.css +2 -2
  21. package/dist/css/component-css/pds-utility-button.css +1 -1
  22. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  23. package/dist/css/design-tokens/variables.dark.css +6 -13
  24. package/dist/css/design-tokens/variables.global.css +1 -0
  25. package/dist/css/design-tokens/variables.light.css +7 -14
  26. package/dist/css/pds-components.css +11 -13
  27. package/dist/css/pds-core.css +1 -1
  28. package/dist/index.css +1 -1
  29. package/dist/index.js +148 -141
  30. package/dist/index.js.map +1 -1
  31. package/package.json +7 -6
package/dist/index.js CHANGED
@@ -3363,18 +3363,18 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3363
3363
  offsetValue: 8,
3364
3364
  placement: "bottom-start",
3365
3365
  role: "menu"
3366
- }), A = Nt(), j = "pds-menu-button", M = a, [N] = h(`menu-button-${a}`), P = [], F = [];
3366
+ }), A = Nt(), j = "pds-menu-button", M = g === "navbar", N = M ? "subtle" : g, P = a, [F] = h(`menu-button-${a}`), I = [], L = [];
3367
3367
  ((e) => {
3368
3368
  e.forEach((e) => {
3369
- !Mn(e) && !Nn(e) && !Fn(e) && F.push(e);
3369
+ !Mn(e) && !Nn(e) && !Fn(e) && L.push(e);
3370
3370
  });
3371
3371
  })(c);
3372
- let I = (e) => {
3372
+ let R = (e) => {
3373
3373
  "disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), O(!1));
3374
- }, L = () => {
3374
+ }, z = () => {
3375
3375
  l && l();
3376
- }, R = (t, n, r = "", i = "") => {
3377
- let a = M + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
3376
+ }, B = (t, n, r = "", i = "") => {
3377
+ let a = P + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
3378
3378
  if (Mn(t)) return /* @__PURE__ */ e.createElement("li", {
3379
3379
  key: o,
3380
3380
  className: "pds-dropdown__separator",
@@ -3391,17 +3391,17 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3391
3391
  role: "presentation"
3392
3392
  }, t.nodeContent);
3393
3393
  if (Pn(t) || "label" in t && t.label) {
3394
- let n = F.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
3394
+ let n = L.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
3395
3395
  if ("label" in t && t.label && s.push(t.label), Pn(t) && t.linkContent) {
3396
3396
  let e = t.linkContent;
3397
3397
  s.push(e.props.children);
3398
3398
  }
3399
3399
  t.iconName && s.unshift(/* @__PURE__ */ e.createElement(Q, {
3400
- key: `icon-${M}`,
3400
+ key: `icon-${P}`,
3401
3401
  iconName: t.iconName,
3402
3402
  size: t.iconSize ?? "s"
3403
3403
  })), i && a && s.unshift(/* @__PURE__ */ e.createElement("span", {
3404
- key: `critical-${M}`,
3404
+ key: `critical-${P}`,
3405
3405
  className: "visually-hidden"
3406
3406
  }, a));
3407
3407
  let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
@@ -3431,16 +3431,16 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3431
3431
  tabIndex: r ? 0 : -1,
3432
3432
  ...S({
3433
3433
  onClick: () => {
3434
- Pn(t) || I(t), O(!1);
3434
+ Pn(t) || R(t), O(!1);
3435
3435
  },
3436
3436
  onKeyDown: (e) => {
3437
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Pn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : I(t));
3437
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Pn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : R(t));
3438
3438
  }
3439
3439
  })
3440
3440
  }, l);
3441
3441
  }
3442
- }, z = (t, n) => {
3443
- let r = "id" in t && t.id ? t.id : `${M}-accordion-item-${n + 1}`;
3442
+ }, V = (t, n) => {
3443
+ let r = "id" in t && t.id ? t.id : `${P}-accordion-item-${n + 1}`;
3444
3444
  if (Mn(t)) return /* @__PURE__ */ e.createElement("li", {
3445
3445
  key: r,
3446
3446
  className: "pds-dropdown__separator",
@@ -3462,11 +3462,11 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3462
3462
  o.push(e.props.children);
3463
3463
  }
3464
3464
  t.iconName && o.unshift(/* @__PURE__ */ e.createElement(Q, {
3465
- key: `icon-${M}-${n}`,
3465
+ key: `icon-${P}-${n}`,
3466
3466
  iconName: t.iconName,
3467
3467
  size: t.iconSize ?? "s"
3468
3468
  })), i && a && o.unshift(/* @__PURE__ */ e.createElement("span", {
3469
- key: `critical-${M}-${n}`,
3469
+ key: `critical-${P}-${n}`,
3470
3470
  className: "visually-hidden"
3471
3471
  }, a));
3472
3472
  let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
@@ -3483,27 +3483,27 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3483
3483
  className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
3484
3484
  id: r,
3485
3485
  onClick: () => {
3486
- Pn(t) || I(t);
3486
+ Pn(t) || R(t);
3487
3487
  },
3488
3488
  role: "menuitem",
3489
3489
  tabIndex: t.disabled ? -1 : 0
3490
3490
  }, c);
3491
3491
  }
3492
- }, B = (t) => {
3492
+ }, H = (t) => {
3493
3493
  let n = t.filter(Nn || Mn), r = n.length > 0, a = Z([
3494
3494
  "pds-dropdown__panel",
3495
3495
  `${j}__listbox`,
3496
3496
  i ? `${j}__listbox--icon-only` : null
3497
3497
  ]), o = 0;
3498
3498
  if (r) {
3499
- let r = V(t, n);
3499
+ let r = U(t, n);
3500
3500
  return r.forEach((e, t) => {
3501
- P.push(`${t}`);
3501
+ I.push(`${t}`);
3502
3502
  }), /* @__PURE__ */ e.createElement("div", {
3503
3503
  ref: D.setFloating,
3504
- "aria-labelledby": M,
3504
+ "aria-labelledby": P,
3505
3505
  className: a,
3506
- id: N,
3506
+ id: F,
3507
3507
  role: "menu",
3508
3508
  style: {
3509
3509
  ...y,
@@ -3512,22 +3512,22 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3512
3512
  },
3513
3513
  ...b()
3514
3514
  }, r.map((t, n) => {
3515
- let r = P[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${M}-group-${r}-heading` : "", s = `${M}-group-${r}`, c = i ? null : `${m} ${n + 1}`;
3515
+ let r = I[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${P}-group-${r}-heading` : "", s = `${P}-group-${r}`, c = i ? null : `${m} ${n + 1}`;
3516
3516
  return /* @__PURE__ */ e.createElement("ul", {
3517
3517
  key: s,
3518
3518
  "aria-label": c,
3519
3519
  "aria-labelledby": a || void 0,
3520
3520
  role: "group"
3521
3521
  }, t.map((e) => {
3522
- let t = R(e, o, r, a);
3522
+ let t = B(e, o, r, a);
3523
3523
  return !Mn(e) && !Nn(e) && !Fn(e) && o++, t;
3524
3524
  }));
3525
3525
  }));
3526
3526
  } else return /* @__PURE__ */ e.createElement("ul", {
3527
3527
  ref: D.setFloating,
3528
- "aria-labelledby": M,
3528
+ "aria-labelledby": P,
3529
3529
  className: a,
3530
- id: N,
3530
+ id: F,
3531
3531
  role: "menu",
3532
3532
  style: {
3533
3533
  ...y,
@@ -3536,47 +3536,47 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3536
3536
  },
3537
3537
  ...b()
3538
3538
  }, t.map((e) => {
3539
- let t = R(e, o);
3539
+ let t = B(e, o);
3540
3540
  return !Mn(e) && !Nn(e) && !Fn(e) && o++, t;
3541
3541
  }));
3542
- }, V = (e, t) => {
3542
+ }, U = (e, t) => {
3543
3543
  let n = [], r = [...t], i = r.shift(), a = [];
3544
3544
  return e.forEach((t, o) => {
3545
3545
  t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
3546
3546
  }), n.filter((e) => e.length > 0);
3547
- }, H, U = u === "m" ? "s" : "xs", W = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(an, {
3547
+ }, W, G = u === "m" ? "s" : "xs", K = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(an, {
3548
3548
  className: "pds-button__tally",
3549
3549
  label: f.label,
3550
- size: U,
3550
+ size: G,
3551
3551
  type: f.type
3552
- })) : s, G = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(an, {
3552
+ })) : s, ee = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(an, {
3553
3553
  className: `${j}__tally`,
3554
3554
  label: f.label,
3555
3555
  size: "s",
3556
3556
  type: f.type
3557
3557
  })) : s;
3558
- if (i || (H = /* @__PURE__ */ e.createElement(un, {
3558
+ if (i || (W = /* @__PURE__ */ e.createElement(un, {
3559
3559
  ref: D.setReference,
3560
- "aria-controls": N,
3560
+ "aria-controls": F,
3561
3561
  "aria-expanded": T,
3562
3562
  "aria-haspopup": "true",
3563
- className: `${j}__trigger`,
3563
+ className: Z([`${j}__trigger`, M ? `${j}__trigger--navbar` : null]),
3564
3564
  disabled: n,
3565
3565
  displayType: "icon-end",
3566
3566
  iconName: "angleDown",
3567
- id: M,
3567
+ id: P,
3568
3568
  isSplitButton: o,
3569
- label: W,
3569
+ label: K,
3570
3570
  size: u,
3571
3571
  statusDot: d,
3572
3572
  type: "button",
3573
- variant: g,
3574
- ...C({ onClick: L })
3573
+ variant: N,
3574
+ ...C({ onClick: z })
3575
3575
  })), i) {
3576
3576
  let t = ln(s);
3577
- H = /* @__PURE__ */ e.createElement(pn, {
3577
+ W = /* @__PURE__ */ e.createElement(pn, {
3578
3578
  ref: D.setReference,
3579
- "aria-controls": N,
3579
+ "aria-controls": F,
3580
3580
  "aria-expanded": T,
3581
3581
  "aria-haspopup": "true",
3582
3582
  ariaLabel: t,
@@ -3584,29 +3584,29 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
3584
3584
  disabled: n,
3585
3585
  hasTooltip: !1,
3586
3586
  iconName: r,
3587
- id: M,
3587
+ id: P,
3588
3588
  size: u,
3589
3589
  type: "button",
3590
3590
  variant: "standard",
3591
- ...C({ onClick: L })
3591
+ ...C({ onClick: z })
3592
3592
  });
3593
3593
  }
3594
- let K = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : G, ee = T ? `${j}--expanded` : null;
3594
+ let q = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : ee, te = T ? `${j}--expanded` : null;
3595
3595
  return /* @__PURE__ */ e.createElement("span", {
3596
3596
  className: Z([
3597
3597
  j,
3598
- ee,
3598
+ te,
3599
3599
  t
3600
3600
  ]),
3601
3601
  "data-testid": p,
3602
3602
  ..._
3603
3603
  }, A ? /* @__PURE__ */ e.createElement(An, {
3604
3604
  disabled: n,
3605
- label: K
3605
+ label: q
3606
3606
  }, /* @__PURE__ */ e.createElement("ul", {
3607
3607
  className: `${j}__mobile-menu`,
3608
3608
  role: "menu"
3609
- }, c.map((e, t) => z(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, H, w && /* @__PURE__ */ e.createElement(x, null, B(c))));
3609
+ }, c.map((e, t) => V(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, W, w && /* @__PURE__ */ e.createElement(x, null, H(c))));
3610
3610
  }, zn = ({ border: t = !1, className: n, defaultValue: r, disabled: i = !1, iconOnly: a = !1, id: o, label: s, onChange: c, options: l, size: u = "m", value: d, ...f }) => {
3611
3611
  let p = "pds-segmented-button", m = u === "m" ? null : `${p}--${u}`, g = t ? `${p}--bordered` : null, _ = a ? `${p}--icon-only` : null;
3612
3612
  a && process.env.NODE_ENV !== "production" && l.some((e) => !e.iconName) && console.warn("[SegmentedButton] `iconOnly` mode requires every option to have an `iconName`. Options without one will render an empty segment.");
@@ -10853,7 +10853,14 @@ var Er = {
10853
10853
  className: Z([s, t ?? ""]),
10854
10854
  ...o
10855
10855
  }, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
10856
- }, ka = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
10856
+ }, ka = {
10857
+ privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
10858
+ dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
10859
+ cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
10860
+ termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
10861
+ acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
10862
+ accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
10863
+ }, Aa = (e) => typeof e == "string", ja = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
10857
10864
  "privacy",
10858
10865
  "dataSubjectRequest",
10859
10866
  "cookiePolicy",
@@ -10861,7 +10868,7 @@ var Er = {
10861
10868
  "acceptableUse",
10862
10869
  "accessibilityStatement"
10863
10870
  ], surfaceColor: s, ...c }) => {
10864
- let l = "pds-site-footer", u = a ? `${l}--border` : null, d = s === "secondary" ? `${l}--on-secondary` : null, f = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", p = (/* @__PURE__ */ new Date()).getFullYear(), m = o.includes("privacy"), h = o.includes("dataSubjectRequest"), g = o.includes("cookiePolicy"), _ = o.includes("termsOfUse"), v = o.includes("acceptableUse"), y = o.includes("accessibilityStatement");
10871
+ let l = "pds-site-footer", u = a ? `${l}--border` : null, d = s === "secondary" ? `${l}--on-secondary` : null, f = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", p = (/* @__PURE__ */ new Date()).getFullYear();
10865
10872
  return /* @__PURE__ */ e.createElement(t, {
10866
10873
  className: Z([
10867
10874
  l,
@@ -10870,8 +10877,8 @@ var Er = {
10870
10877
  r ?? ""
10871
10878
  ]),
10872
10879
  ...c
10873
- }, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), h && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
10874
- }, Aa = ({ className: t, option: n, ...r }) => {
10880
+ }, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => Aa(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, ka[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
10881
+ }, Ma = ({ className: t, option: n, ...r }) => {
10875
10882
  let i = "pds-site-option-display", a = n.type ? Ln[n.type] : "boltSolid", o = m(null), [s] = De(o), c = s.width / 16 - 7.5, l, u;
10876
10883
  n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
10877
10884
  let d = /* @__PURE__ */ e.createElement(rn, {
@@ -10894,7 +10901,7 @@ var Er = {
10894
10901
  className: `${i}__status`,
10895
10902
  style: { pointerEvents: "none" }
10896
10903
  }, d));
10897
- }, ja = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
10904
+ }, Na = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
10898
10905
  clearButton: "Clear input text",
10899
10906
  inputInstructions: "Type to search options"
10900
10907
  }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -10906,7 +10913,7 @@ var Er = {
10906
10913
  id: n,
10907
10914
  label: i,
10908
10915
  value: r ?? i,
10909
- optionDisplay: /* @__PURE__ */ e.createElement(Aa, { option: t }),
10916
+ optionDisplay: /* @__PURE__ */ e.createElement(Ma, { option: t }),
10910
10917
  siteData: t
10911
10918
  };
10912
10919
  });
@@ -10935,7 +10942,7 @@ var Er = {
10935
10942
  };
10936
10943
  //#endregion
10937
10944
  //#region src/components/SortableList/sortable-utils.ts
10938
- function Ma(e, t, n = null, r = 0, i = []) {
10945
+ function Pa(e, t, n = null, r = 0, i = []) {
10939
10946
  return e.reduce((e, a, o) => {
10940
10947
  let s = !!a.children?.length, c = t.has(a.id);
10941
10948
  return e.push({
@@ -10947,10 +10954,10 @@ function Ma(e, t, n = null, r = 0, i = []) {
10947
10954
  index: o,
10948
10955
  isExpanded: c,
10949
10956
  parentId: n
10950
- }), s && c && a.children && e.push(...Ma(a.children, t, a.id, r + 1, [...i, a.id])), e;
10957
+ }), s && c && a.children && e.push(...Pa(a.children, t, a.id, r + 1, [...i, a.id])), e;
10951
10958
  }, []);
10952
10959
  }
10953
- function Na(e) {
10960
+ function Fa(e) {
10954
10961
  let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
10955
10962
  for (let i of e) {
10956
10963
  let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -10963,28 +10970,28 @@ function Na(e) {
10963
10970
  e && (e.children || (e.children = []), e.children.push(o));
10964
10971
  }
10965
10972
  }
10966
- return Pa(r);
10973
+ return Ia(r);
10967
10974
  }
10968
- function Pa(e) {
10975
+ function Ia(e) {
10969
10976
  return e.map((e) => {
10970
10977
  if (e.children?.length) return {
10971
10978
  ...e,
10972
- children: Pa(e.children)
10979
+ children: Ia(e.children)
10973
10980
  };
10974
10981
  let { children: t, ...n } = e;
10975
10982
  return n;
10976
10983
  });
10977
10984
  }
10978
- function Fa(e, t) {
10985
+ function La(e, t) {
10979
10986
  for (let n of e) {
10980
10987
  if (n.id === t) return n;
10981
10988
  if (n.children) {
10982
- let e = Fa(n.children, t);
10989
+ let e = La(n.children, t);
10983
10990
  if (e) return e;
10984
10991
  }
10985
10992
  }
10986
10993
  }
10987
- function Ia(e, t, n, r, i, a, o) {
10994
+ function Ra(e, t, n, r, i, a, o) {
10988
10995
  let s = e.findIndex((e) => e.id === n);
10989
10996
  if (s === -1) return 0;
10990
10997
  let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
@@ -10992,7 +10999,7 @@ function Ia(e, t, n, r, i, a, o) {
10992
10999
  }
10993
11000
  //#endregion
10994
11001
  //#region src/components/SortableList/SortableListHeader.tsx
10995
- var La = ({ children: t, className: n, columns: r, ...i }) => {
11002
+ var za = ({ children: t, className: n, columns: r, ...i }) => {
10996
11003
  if (!r && !t) return null;
10997
11004
  let a = r ? {
10998
11005
  display: "grid",
@@ -11013,13 +11020,13 @@ var La = ({ children: t, className: n, columns: r, ...i }) => {
11013
11020
  };
11014
11021
  //#endregion
11015
11022
  //#region src/components/SortableList/useSortableTree.ts
11016
- function Ra({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
11023
+ function Ba({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
11017
11024
  let i = n !== void 0, [a, o] = h(() => n ?? e ?? []), [c, l] = h(/* @__PURE__ */ new Set()), u = m(null), d = m(t);
11018
11025
  t && !d.current && (u.current = {
11019
11026
  items: i ? n : a,
11020
11027
  expandedIds: c
11021
- }), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ba("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
11022
- let f = i ? n : a, g = p(() => Ma(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
11028
+ }), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ha("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
11029
+ let f = i ? n : a, g = p(() => Pa(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
11023
11030
  l((t) => {
11024
11031
  let n = new Set(t);
11025
11032
  return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11037,7 +11044,7 @@ function Ra({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
11037
11044
  }, []),
11038
11045
  flatNodes: g,
11039
11046
  handleReorder: s((e) => {
11040
- let t = Na(e);
11047
+ let t = Fa(e);
11041
11048
  i || o(t), r?.(t);
11042
11049
  }, [i, r]),
11043
11050
  resetToSnapshot: s(() => {
@@ -11049,24 +11056,24 @@ function Ra({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
11049
11056
  toggleExpand: v
11050
11057
  };
11051
11058
  }
11052
- var za = /* @__PURE__ */ new Set();
11053
- function Ba(e) {
11054
- za.has(e) || (za.add(e), console.warn(e));
11059
+ var Va = /* @__PURE__ */ new Set();
11060
+ function Ha(e) {
11061
+ Va.has(e) || (Va.add(e), console.warn(e));
11055
11062
  }
11056
11063
  //#endregion
11057
11064
  //#region src/components/SortableList/SortableList.tsx
11058
- var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
11065
+ var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
11059
11066
  let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), W = s((e, t) => {
11060
11067
  if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
11061
11068
  e.preventDefault();
11062
11069
  let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
11063
11070
  return B.current = i, z(i), {
11064
- x: t.currentCoordinates.x + a * Va,
11071
+ x: t.currentCoordinates.x + a * Ua,
11065
11072
  y: t.currentCoordinates.y
11066
11073
  };
11067
11074
  }
11068
11075
  return Le(e, t);
11069
- }, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Ra({
11076
+ }, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Ba({
11070
11077
  defaultItems: a,
11071
11078
  isDragEnabled: G,
11072
11079
  items: g,
@@ -11093,9 +11100,9 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11093
11100
  X,
11094
11101
  Y,
11095
11102
  j
11096
- ]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? Fa(K, String(T)) ?? null : null, [T, K]), de = p(() => {
11103
+ ]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? La(K, String(T)) ?? null : null, [T, K]), de = p(() => {
11097
11104
  let e = le?.depth ?? 0;
11098
- return !T || !j || O || _ === 0 ? e : Ia(q, String(T), String(j), V * Va, Va, _);
11105
+ return !T || !j || O || _ === 0 ? e : Ra(q, String(T), String(j), V * Ua, Ua, _);
11099
11106
  }, [
11100
11107
  T,
11101
11108
  le,
@@ -11107,7 +11114,7 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11107
11114
  ]), fe = p(() => {
11108
11115
  if (!T || O || de === 0 || j && X(j)) return null;
11109
11116
  let e = q.findIndex((e) => e.id === T);
11110
- return e === -1 ? null : Wa(q, e, de);
11117
+ return e === -1 ? null : Ka(q, e, de);
11111
11118
  }, [
11112
11119
  T,
11113
11120
  q,
@@ -11153,19 +11160,19 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11153
11160
  }, [q, Y]), ge = s((e) => {
11154
11161
  let t = e.delta.x;
11155
11162
  if (P.current = t, A.current || _ === 0) return;
11156
- let n = Math.floor(t / Va), r = U.current;
11157
- (n > r || n < r && t < r * Va - Va * .4) && (U.current = n, H(n));
11163
+ let n = Math.floor(t / Ua), r = U.current;
11164
+ (n > r || n < r && t < r * Ua - Ua * .4) && (U.current = n, H(n));
11158
11165
  }, [_]), _e = s((e) => {
11159
11166
  let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
11160
11167
  E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (ee(L.current), L.current = null);
11161
- let o = q.findIndex((e) => e.id === t.id), s = r ? i * Va : a * Va, c = !n || t.id === n.id, l = n?.id ?? null;
11168
+ let o = q.findIndex((e) => e.id === t.id), s = r ? i * Ua : a * Ua, c = !n || t.id === n.id, l = n?.id ?? null;
11162
11169
  if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
11163
11170
  if (o === -1) return;
11164
11171
  let e = q[o];
11165
11172
  if (!e) return;
11166
- let n = Ia(q, String(t.id), String(t.id), s, Va, _);
11173
+ let n = Ra(q, String(t.id), String(t.id), s, Ua, _);
11167
11174
  if (n === e.depth) return;
11168
- let r = [...q], [i] = r.splice(o, 1), a = Wa(r, o, n);
11175
+ let r = [...q], [i] = r.splice(o, 1), a = Ka(r, o, n);
11169
11176
  if (a && oe.has(a)) return;
11170
11177
  let c = {
11171
11178
  ...i,
@@ -11187,9 +11194,9 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11187
11194
  let e = q[u];
11188
11195
  g = Math.min(e.depth + 1, _), v = String(l);
11189
11196
  } else {
11190
- g = Ia(d, String(t.id), String(l), s, Va, _, p.depth);
11197
+ g = Ra(d, String(t.id), String(l), s, Ua, _, p.depth);
11191
11198
  let e = d[h];
11192
- v = e && e.depth === g - 1 ? String(l) : Wa(d, h, g);
11199
+ v = e && e.depth === g - 1 ? String(l) : Ka(d, h, g);
11193
11200
  }
11194
11201
  if (v && oe.has(v)) return;
11195
11202
  let y = {
@@ -11212,24 +11219,24 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11212
11219
  E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (ee(L.current), L.current = null);
11213
11220
  }, [ee]), ye = p(() => ({
11214
11221
  onDragStart({ active: e }) {
11215
- let t = q.find((t) => t.id === e.id), n = Fa(K, String(e.id));
11222
+ let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
11216
11223
  return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? q.indexOf(t) + 1 : "?"} of ${q.length} at depth ${t?.depth ?? 0}.`;
11217
11224
  },
11218
11225
  onDragOver({ active: e, over: t }) {
11219
11226
  if (!t) return;
11220
11227
  let n = q.findIndex((e) => e.id === t.id);
11221
11228
  if (n === -1) return;
11222
- let r = Fa(K, String(e.id)), i = r ? c(r) : String(e.id), a = Ia(q, String(e.id), String(t.id), P.current, Va, _);
11229
+ let r = La(K, String(e.id)), i = r ? c(r) : String(e.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
11223
11230
  return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
11224
11231
  },
11225
11232
  onDragEnd({ active: e, over: t }) {
11226
- let n = Fa(K, String(e.id)), r = n ? c(n) : String(e.id);
11233
+ let n = La(K, String(e.id)), r = n ? c(n) : String(e.id);
11227
11234
  if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
11228
- let i = q.findIndex((e) => e.id === t.id), a = Ia(q, String(e.id), String(t.id), P.current, Va, _);
11235
+ let i = q.findIndex((e) => e.id === t.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
11229
11236
  return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
11230
11237
  },
11231
11238
  onDragCancel({ active: e }) {
11232
- let t = q.find((t) => t.id === e.id), n = Fa(K, String(e.id));
11239
+ let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
11233
11240
  return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
11234
11241
  }
11235
11242
  }), [
@@ -11237,14 +11244,14 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11237
11244
  q,
11238
11245
  c,
11239
11246
  _
11240
- ]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === La ? e.cloneElement(t, be) : t);
11247
+ ]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === za ? e.cloneElement(t, be) : t);
11241
11248
  return /* @__PURE__ */ e.createElement(Oe, {
11242
11249
  accessibility: {
11243
11250
  announcements: ye,
11244
11251
  ...x ? { screenReaderInstructions: { draggable: x } } : {}
11245
11252
  },
11246
11253
  collisionDetection: me,
11247
- measuring: Ha,
11254
+ measuring: Wa,
11248
11255
  onDragCancel: ve,
11249
11256
  onDragEnd: _e,
11250
11257
  onDragMove: ge,
@@ -11319,14 +11326,14 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
11319
11326
  return o(a) ? e.cloneElement(a, s) : a;
11320
11327
  })()) : null));
11321
11328
  });
11322
- function Wa(e, t, n) {
11329
+ function Ka(e, t, n) {
11323
11330
  if (n === 0) return null;
11324
11331
  for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
11325
11332
  return null;
11326
11333
  }
11327
11334
  //#endregion
11328
11335
  //#region src/components/SortableList/SortableRow.tsx
11329
- var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
11336
+ var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
11330
11337
  let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = Re({
11331
11338
  attributes: {
11332
11339
  role: "listitem",
@@ -11381,11 +11388,11 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11381
11388
  key: t.id,
11382
11389
  className: `${w}__cell`
11383
11390
  }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
11384
- }, Ka = [
11391
+ }, Ja = [
11385
11392
  "default",
11386
11393
  "working",
11387
11394
  "checked"
11388
- ], qa = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
11395
+ ], Ya = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
11389
11396
  let l = {
11390
11397
  checkForUpdates: "Check for updates",
11391
11398
  checking: "Checking...",
@@ -11432,7 +11439,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11432
11439
  triggerIconColor: "default",
11433
11440
  triggerIconSize: "s"
11434
11441
  }), t === "left" && g));
11435
- }, Ja = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
11442
+ }, Xa = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
11436
11443
  let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(nn, {
11437
11444
  className: `${s}__spinner`,
11438
11445
  size: "m"
@@ -11449,7 +11456,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11449
11456
  ]),
11450
11457
  ...a
11451
11458
  }, r ? d : l);
11452
- }, Ya = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
11459
+ }, Za = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
11453
11460
  let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
11454
11461
  let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
11455
11462
  return /* @__PURE__ */ e.createElement("li", {
@@ -11467,7 +11474,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11467
11474
  style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
11468
11475
  ...a
11469
11476
  }, l);
11470
- }, Xa = ({ className: t, steps: n, translatableLabels: r = {
11477
+ }, Qa = ({ className: t, steps: n, translatableLabels: r = {
11471
11478
  step: "Step",
11472
11479
  completed: "completed",
11473
11480
  hasError: "has an error",
@@ -11556,7 +11563,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11556
11563
  "data-steps": d,
11557
11564
  ...i
11558
11565
  }, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
11559
- }, Za = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
11566
+ }, $a = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
11560
11567
  let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
11561
11568
  return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
11562
11569
  className: Z([...p]),
@@ -11582,14 +11589,14 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11582
11589
  size: "s",
11583
11590
  variant: "highlight"
11584
11591
  })))));
11585
- }, Qa = ({ className: t, labelStrings: n = {
11592
+ }, eo = ({ className: t, labelStrings: n = {
11586
11593
  step: "Step",
11587
11594
  completed: "completed",
11588
11595
  hasError: "has an error"
11589
11596
  }, steps: r, ...i }) => {
11590
11597
  let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
11591
11598
  let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
11592
- return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Za, {
11599
+ return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement($a, {
11593
11600
  key: `s${i}`,
11594
11601
  _isFirstStep: c,
11595
11602
  "aria-current": a ? "step" : null,
@@ -11610,7 +11617,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11610
11617
  className: Z([a, t ?? ""]),
11611
11618
  ...i
11612
11619
  }, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
11613
- }, $a = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: W, rowData: G, selectAllLabel: K = "Select all rows", selectedRows: ee, sortKey: q, sortOrder: te, totalItemCount: ne, ...re }) => {
11620
+ }, to = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: W, rowData: G, selectAllLabel: K = "Select all rows", selectedRows: ee, sortKey: q, sortOrder: te, totalItemCount: ne, ...re }) => {
11614
11621
  let J = "pds-table", ie = u(), ae = u(), Y = m(null), oe = L !== void 0, X = N !== void 0, se = P !== void 0, ce = X || O !== void 0 || R !== void 0, le = G.length > 0 || X && (ne ?? 0) > 0, [ue, de] = h({
11615
11622
  key: a ?? "",
11616
11623
  order: a === void 0 ? "asc" : o
@@ -11831,7 +11838,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11831
11838
  variant: "standard"
11832
11839
  }))))));
11833
11840
  return V ? /* @__PURE__ */ e.createElement(da, { padding: "none" }, Ze) : Ze;
11834
- }, eo = [
11841
+ }, no = [
11835
11842
  " ",
11836
11843
  "/",
11837
11844
  ".",
@@ -11849,7 +11856,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11849
11856
  "=",
11850
11857
  "|",
11851
11858
  "~"
11852
- ], to = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), no = (e) => {
11859
+ ], ro = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), io = (e) => {
11853
11860
  let t = [];
11854
11861
  return e.forEach((e) => {
11855
11862
  let { id: n, innerText: r } = e;
@@ -11862,18 +11869,18 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11862
11869
  title: r
11863
11870
  });
11864
11871
  }), t;
11865
- }, ro = (e, t, n) => {
11872
+ }, ao = (e, t, n) => {
11866
11873
  let [r, i] = h([]);
11867
11874
  return l(() => {
11868
11875
  let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
11869
11876
  let e = Array.from(document.querySelectorAll(r));
11870
11877
  e.forEach((e) => {
11871
- eo.forEach((t) => {
11872
- e.id.includes(t) && (e.id = e.id.replace(new RegExp(to(t), "g"), "-"));
11878
+ no.forEach((t) => {
11879
+ e.id.includes(t) && (e.id = e.id.replace(new RegExp(ro(t), "g"), "-"));
11873
11880
  });
11874
11881
  }), e.forEach((e, t) => {
11875
11882
  e.id || (e.id = `${n}-item-${t}`);
11876
- }), i(no(e));
11883
+ }), i(io(e));
11877
11884
  };
11878
11885
  a();
11879
11886
  let o = document.getElementById(e);
@@ -11889,7 +11896,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11889
11896
  t,
11890
11897
  n
11891
11898
  ]), { nestedHeadings: r };
11892
- }, io = (e, t) => {
11899
+ }, oo = (e, t) => {
11893
11900
  let [n, r] = h(void 0), i = m({});
11894
11901
  return l(() => {
11895
11902
  let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -11908,7 +11915,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11908
11915
  o.disconnect(), r(void 0);
11909
11916
  };
11910
11917
  }, [e, t]), n;
11911
- }, ao = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
11918
+ }, so = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
11912
11919
  key: r.id,
11913
11920
  className: `${n}__list-item`
11914
11921
  }, /* @__PURE__ */ e.createElement("a", {
@@ -11924,8 +11931,8 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11924
11931
  className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
11925
11932
  href: `#${r.id}`,
11926
11933
  onClick: (e) => i(e, r.id)
11927
- }, r.title))))))), oo = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
11928
- let d = "pds-toc", { nestedHeadings: f } = ro(c, o, u()), p = io(c, o), m = (e) => {
11934
+ }, r.title))))))), co = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
11935
+ let d = "pds-toc", { nestedHeadings: f } = ao(c, o, u()), p = oo(c, o), m = (e) => {
11929
11936
  typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
11930
11937
  }, h = (e) => {
11931
11938
  document.querySelector(`#${e}`)?.scrollIntoView({
@@ -11943,13 +11950,13 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11943
11950
  baseClass: d,
11944
11951
  className: `${s ? "" : "visually-hidden"}`,
11945
11952
  level: i
11946
- }, a), /* @__PURE__ */ e.createElement(ao, {
11953
+ }, a), /* @__PURE__ */ e.createElement(so, {
11947
11954
  activeID: p,
11948
11955
  baseClass: d,
11949
11956
  headings: f,
11950
11957
  onLinkClick: g
11951
11958
  }));
11952
- }, so = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
11959
+ }, lo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
11953
11960
  let c = "pds-tabs", [u, d] = h(a ?? r);
11954
11961
  l(() => {
11955
11962
  a !== void 0 && d(a);
@@ -12063,7 +12070,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12063
12070
  className: `${c}__panel-content`,
12064
12071
  hidden: o !== u
12065
12072
  }, r)))));
12066
- }, co = [
12073
+ }, uo = [
12067
12074
  "orange",
12068
12075
  "stone",
12069
12076
  "gold",
@@ -12077,7 +12084,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12077
12084
  "magenta",
12078
12085
  "rose",
12079
12086
  "red"
12080
- ], lo = [
12087
+ ], fo = [
12081
12088
  "orange-solid",
12082
12089
  "teal-solid",
12083
12090
  "indigo-solid",
@@ -12087,14 +12094,14 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12087
12094
  "lime-solid",
12088
12095
  "sky-solid",
12089
12096
  "slate-solid"
12090
- ], uo = [
12097
+ ], po = [
12091
12098
  "success-solid",
12092
12099
  "warning-solid",
12093
12100
  "critical-solid",
12094
12101
  "info-solid",
12095
12102
  "discovery-solid"
12096
- ], fo = [...lo, ...uo], po = [...co, ...lo], mo = (e) => po[parseInt(_(e), 16) % po.length], ho = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, go = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
12097
- let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${mo(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
12103
+ ], mo = [...fo, ...po], ho = [...uo, ...fo], go = (e) => ho[parseInt(_(e), 16) % ho.length], _o = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, vo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
12104
+ let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${go(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
12098
12105
  p((e) => !e);
12099
12106
  }, b, x, S;
12100
12107
  if (r && !n && o(r)) {
@@ -12116,7 +12123,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12116
12123
  }, /* @__PURE__ */ e.createElement("span", {
12117
12124
  className: `${m}__label`,
12118
12125
  title: l
12119
- }, u > 0 ? ho(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
12126
+ }, u > 0 ? _o(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
12120
12127
  "aria-label": `${a}: ${l}`,
12121
12128
  className: `${m}__remove`,
12122
12129
  onClick: () => {
@@ -12128,7 +12135,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12128
12135
  iconName: "xmark",
12129
12136
  size: "m"
12130
12137
  })) : null);
12131
- }, _o = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
12138
+ }, yo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
12132
12139
  let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = Xe(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
12133
12140
  return /* @__PURE__ */ e.createElement("div", {
12134
12141
  className: Z([
@@ -12139,7 +12146,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12139
12146
  ]),
12140
12147
  ...a
12141
12148
  }, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
12142
- }, vo = () => {
12149
+ }, bo = () => {
12143
12150
  let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
12144
12151
  return l(() => {
12145
12152
  if (!e) return;
@@ -12150,7 +12157,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12150
12157
  window.removeEventListener("resize", n);
12151
12158
  };
12152
12159
  }, []), n;
12153
- }, yo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
12160
+ }, xo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
12154
12161
  let [j, M] = h(u || !1);
12155
12162
  l(() => {
12156
12163
  M(u || !1);
@@ -12172,7 +12179,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12172
12179
  return;
12173
12180
  }
12174
12181
  M(!j);
12175
- }, U = vo();
12182
+ }, U = bo();
12176
12183
  l(() => {
12177
12184
  U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
12178
12185
  }, [U]);
@@ -12275,7 +12282,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12275
12282
  !e && c && b && b();
12276
12283
  }
12277
12284
  }, r));
12278
- }, bo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
12285
+ }, So = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
12279
12286
  let c = "pds-docs-layout", l = {
12280
12287
  "--docs-sidebar-max-width": `${i}rem`,
12281
12288
  "--docs-sidebar-min-width": `${a}rem`,
@@ -12293,7 +12300,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12293
12300
  },
12294
12301
  ...s
12295
12302
  }, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
12296
- }, xo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
12303
+ }, Co = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
12297
12304
  let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Xe(t);
12298
12305
  return /* @__PURE__ */ e.createElement("div", {
12299
12306
  className: Z([u, n ?? ""]),
@@ -12307,7 +12314,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12307
12314
  },
12308
12315
  ...l
12309
12316
  }, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
12310
- }, So = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
12317
+ }, wo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
12311
12318
  let o = Xe(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Si, {
12312
12319
  className: Z([
12313
12320
  l,
@@ -12318,7 +12325,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12318
12325
  ...a
12319
12326
  }, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
12320
12327
  return i ? /* @__PURE__ */ e.createElement(da, null, d) : d;
12321
- }, Co = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
12328
+ }, To = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
12322
12329
  let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = Xe(t), u = [
12323
12330
  l["first-item"],
12324
12331
  l["second-item"],
@@ -12336,7 +12343,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12336
12343
  key: n,
12337
12344
  className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
12338
12345
  }, t)));
12339
- }, wo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
12346
+ }, Eo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
12340
12347
  let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
12341
12348
  switch (i) {
12342
12349
  case "equal":
@@ -12357,7 +12364,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12357
12364
  ]),
12358
12365
  ...o
12359
12366
  }, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
12360
- }, To = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
12367
+ }, Do = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
12361
12368
  let _ = "pds-flex", v = `${_}-container`, y = {
12362
12369
  "--pds-flex-align-content": t,
12363
12370
  "--pds-flex-align-items": n,
@@ -12383,7 +12390,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12383
12390
  },
12384
12391
  ...g
12385
12392
  }, r);
12386
- }, Eo = (e) => {
12393
+ }, Oo = (e) => {
12387
12394
  let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
12388
12395
  return l(() => {
12389
12396
  if (!t) return;
@@ -12392,20 +12399,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12392
12399
  };
12393
12400
  return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
12394
12401
  }, [e]), n;
12395
- }, Do = [
12402
+ }, ko = [
12396
12403
  "light",
12397
12404
  "dark",
12398
12405
  "system"
12399
- ], Oo = (e) => typeof e == "string" && Do.includes(e), ko = r(null), Ao = {
12406
+ ], Ao = (e) => typeof e == "string" && ko.includes(e), jo = r(null), Mo = {
12400
12407
  resolvedTheme: "light",
12401
12408
  setTheme: () => {},
12402
12409
  theme: "light"
12403
- }, jo = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Mo = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
12404
- let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = Eo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
12410
+ }, No = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Po = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
12411
+ let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = Oo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
12405
12412
  l(() => {
12406
12413
  if (_(!0), !(d || !o || typeof window > "u")) try {
12407
12414
  let e = window.localStorage.getItem(c);
12408
- Oo(e) && m(e);
12415
+ Ao(e) && m(e);
12409
12416
  } catch {}
12410
12417
  }, []), l(() => {
12411
12418
  typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -12425,20 +12432,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12425
12432
  ]),
12426
12433
  theme: v
12427
12434
  };
12428
- return /* @__PURE__ */ e.createElement(ko.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: jo({
12435
+ return /* @__PURE__ */ e.createElement(jo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: No({
12429
12436
  defaultTheme: n,
12430
12437
  storageKey: c
12431
12438
  }) } }), t);
12432
- }, No = () => c(ko) ?? Ao, Po = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
12439
+ }, Fo = () => c(jo) ?? Mo, Io = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
12433
12440
  l(() => {
12434
12441
  let e = document.documentElement, t = () => {
12435
12442
  window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
12436
12443
  };
12437
12444
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
12438
12445
  }, [r]);
12439
- let a = n ? /* @__PURE__ */ e.createElement(Mo, i, t) : t;
12446
+ let a = n ? /* @__PURE__ */ e.createElement(Po, i, t) : t;
12440
12447
  return /* @__PURE__ */ e.createElement(It, null, a);
12441
- }, Fo = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
12448
+ }, Lo = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
12442
12449
  let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
12443
12450
  return /* @__PURE__ */ e.createElement("div", {
12444
12451
  className: Z([
@@ -12452,7 +12459,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12452
12459
  ]),
12453
12460
  ...c
12454
12461
  }, n);
12455
- }, Io = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
12462
+ }, Ro = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
12456
12463
  let f = "pds-grid-item", p = [
12457
12464
  l ? `${f}--sm-${l}` : null,
12458
12465
  c ? `${f}--md-${c}` : null,
@@ -12471,7 +12478,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12471
12478
  ]),
12472
12479
  ...d
12473
12480
  }, t);
12474
- }, Lo = (e, t, n) => {
12481
+ }, zo = (e, t, n) => {
12475
12482
  let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: c = !1 } = n ?? {}, [u, d] = h(!1), f = s((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === c, [
12476
12483
  r,
12477
12484
  i,
@@ -12495,7 +12502,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12495
12502
  m,
12496
12503
  a
12497
12504
  ]), u;
12498
- }, Ro = () => {
12505
+ }, Bo = () => {
12499
12506
  let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
12500
12507
  return l(() => {
12501
12508
  if (!e) return;
@@ -12509,6 +12516,6 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12509
12516
  }, []), t;
12510
12517
  };
12511
12518
  //#endregion
12512
- export { Jn as ActionCard, yo as AppLayout, rt as Avatar, it as Badge, Bi as Banner, _r as BarChart, on as BranchDiff, di as Breadcrumb, un as Button, dn as ButtonLink, bi as ButtonNav, si as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Lr as Checkbox, Rr as CheckboxFieldset, zr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Dr as CodeBlock, Br as Combobox, Hr as ComboboxMultiselect, Zn as CompactEmptyState, kr as ComparisonList, Si as Container, Kr as Datepicker, bo as DocsLayout, ta as Drawer, bn as Dropdown, xi as DropdownMenu, la as ExpansionPanel, ua as ExpansionPanelGroup, Nr as FileDiff, qr as FileUpload, kn as FilterButton, To as FlexContainer, na as FullScreenOverlay, Po as GlobalWrapper, Fo as Grid, Io as GridItem, jr as HorizontalEmptyState, Q as Icon, pn as IconButton, Ir as IdentityBlock, Hi as InlineMessage, Jr as InputGroup, yr as LineChart, ci as LinkNewWindow, Gi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, ra as Modal, Ci as Navbar, oa as Pagination, sa as PaginationChapter, ca as PaginationCompact, da as Panel, fa as PanelList, pa as PanelRow, ma as PanelStack, va as PantheonLogo, Fr as PaymentIcon, ui as Picture, xr as PieChart, Hn as PlatformIcon, xa as Popover, Ca as ProgressBar, Ta as ProgressRing, Cr as ProportionBar, Yr as RadioGroup, Oa as ResultCount, Wn as SSOButton, Wi as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, wi as SideNav, Ei as SideNavGlobal, Ti as SideNavGlobalItem, xo as SidebarLayout, ka as SiteFooter, Oi as SiteMenu, Aa as SiteOptionDisplay, ja as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ua as SortableList, La as SortableListHeader, Ga as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, qa as StatusChecker, Ja as StatusIndicator, jn as StatusTypeLabels, Ya as StepList, Xa as Stepper, So as StepperLayout, Xr as Switch, Ai as TabMenu, $a as Table, oo as TableOfContents, so as Tabs, go as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, ko as ThemeContext, Mo as ThemeContextProvider, Pi as ThemeSwitcher, Co as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, wo as TwoItemLayout, Fi as UserMenu, _o as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, Qa as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, jo as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ka as statusCheckerStates, co as tagColors, fo as tagSolidColors, lo as tagSolidHueColors, uo as tagSolidStatusColors, vo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, Lo as useKeyPress, Rt as useKeyboardShortcut, Eo as useMediaQuery, No as useTheme, ea as useToast, Ro as useWindowWidth };
12519
+ export { Jn as ActionCard, xo as AppLayout, rt as Avatar, it as Badge, Bi as Banner, _r as BarChart, on as BranchDiff, di as Breadcrumb, un as Button, dn as ButtonLink, bi as ButtonNav, si as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Lr as Checkbox, Rr as CheckboxFieldset, zr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Dr as CodeBlock, Br as Combobox, Hr as ComboboxMultiselect, Zn as CompactEmptyState, kr as ComparisonList, Si as Container, Kr as Datepicker, So as DocsLayout, ta as Drawer, bn as Dropdown, xi as DropdownMenu, la as ExpansionPanel, ua as ExpansionPanelGroup, Nr as FileDiff, qr as FileUpload, kn as FilterButton, Do as FlexContainer, na as FullScreenOverlay, Io as GlobalWrapper, Lo as Grid, Ro as GridItem, jr as HorizontalEmptyState, Q as Icon, pn as IconButton, Ir as IdentityBlock, Hi as InlineMessage, Jr as InputGroup, yr as LineChart, ci as LinkNewWindow, Gi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, ra as Modal, Ci as Navbar, oa as Pagination, sa as PaginationChapter, ca as PaginationCompact, da as Panel, fa as PanelList, pa as PanelRow, ma as PanelStack, va as PantheonLogo, Fr as PaymentIcon, ui as Picture, xr as PieChart, Hn as PlatformIcon, xa as Popover, Ca as ProgressBar, Ta as ProgressRing, Cr as ProportionBar, Yr as RadioGroup, Oa as ResultCount, Wn as SSOButton, Wi as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, wi as SideNav, Ei as SideNavGlobal, Ti as SideNavGlobalItem, Co as SidebarLayout, ja as SiteFooter, Oi as SiteMenu, Ma as SiteOptionDisplay, Na as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ga as SortableList, za as SortableListHeader, qa as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Ya as StatusChecker, Xa as StatusIndicator, jn as StatusTypeLabels, Za as StepList, Qa as Stepper, wo as StepperLayout, Xr as Switch, Ai as TabMenu, to as Table, co as TableOfContents, lo as Tabs, vo as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, jo as ThemeContext, Po as ThemeContextProvider, Pi as ThemeSwitcher, To as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, Eo as TwoItemLayout, Fi as UserMenu, yo as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, eo as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, No as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ja as statusCheckerStates, uo as tagColors, mo as tagSolidColors, fo as tagSolidHueColors, po as tagSolidStatusColors, bo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, zo as useKeyPress, Rt as useKeyboardShortcut, Oo as useMediaQuery, Fo as useTheme, ea as useToast, Bo as useWindowWidth };
12513
12520
 
12514
12521
  //# sourceMappingURL=index.js.map