@pantheon-systems/pds-toolkit-react 2.0.0-alpha.77 → 2.0.0-alpha.78

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.
package/dist/index.js CHANGED
@@ -8764,7 +8764,7 @@ var Xr = {
8764
8764
  }, n, /* @__PURE__ */ e.createElement(Q, {
8765
8765
  className: `${a}__icon`,
8766
8766
  iconName: "arrowRight",
8767
- size: r === "xs" ? "s" : r === "s" ? "m" : "l"
8767
+ size: r === "m" ? "m" : "s"
8768
8768
  }));
8769
8769
  }, Hi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
8770
8770
  let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
@@ -10917,7 +10917,34 @@ var Xr = {
10917
10917
  ]),
10918
10918
  ...i
10919
10919
  }, t);
10920
- }, Za = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
10920
+ }, Za = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
10921
+ let f = "pds-feature-panel", p = l === "vertical" ? null : `${f}--${l}`, m = s === "bleed" ? null : `${f}--image-${s}`, h = c ? `${f}--hasDismiss` : null, g = o ? `${f}--has-image` : null, _ = r && "linkContent" in r;
10922
+ return /* @__PURE__ */ e.createElement("div", {
10923
+ className: Z([
10924
+ f,
10925
+ p,
10926
+ m,
10927
+ h,
10928
+ g,
10929
+ t ?? ""
10930
+ ]),
10931
+ ...d
10932
+ }, c && /* @__PURE__ */ e.createElement("div", { className: `${f}__dismiss` }, /* @__PURE__ */ e.createElement(In, {
10933
+ ariaLabel: i,
10934
+ onClick: u,
10935
+ size: "s"
10936
+ })), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__body` }, /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), /* @__PURE__ */ e.createElement("p", { className: `${f}__content` }, n), r && (_ ? /* @__PURE__ */ e.createElement(Mn, {
10937
+ ...r,
10938
+ className: `${f}__cta`,
10939
+ size: "s",
10940
+ variant: "brand"
10941
+ }) : /* @__PURE__ */ e.createElement(jn, {
10942
+ ...r,
10943
+ className: `${f}__cta`,
10944
+ size: "s",
10945
+ variant: "brand"
10946
+ }))));
10947
+ }, Qa = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
10921
10948
  let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
10922
10949
  return /* @__PURE__ */ e.createElement("div", {
10923
10950
  className: Z([
@@ -10927,7 +10954,7 @@ var Xr = {
10927
10954
  ]),
10928
10955
  ...a
10929
10956
  }, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
10930
- }, Qa = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
10957
+ }, $a = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
10931
10958
  let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
10932
10959
  return /* @__PURE__ */ e.createElement("ul", {
10933
10960
  className: Z([
@@ -10939,7 +10966,7 @@ var Xr = {
10939
10966
  ]),
10940
10967
  ...o
10941
10968
  }, n);
10942
- }, $a = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
10969
+ }, eo = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
10943
10970
  let o = "pds-panel-row", [s, c] = g(!1), l = gt(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
10944
10971
  c((e) => !e);
10945
10972
  };
@@ -10970,10 +10997,23 @@ var Xr = {
10970
10997
  opacity: "0"
10971
10998
  }
10972
10999
  }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
10973
- }, eo = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
11000
+ }, to = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
10974
11001
  className: Z(["pds-panel-stack", n ?? ""]),
10975
11002
  ...r
10976
- }, t), to = /* @__PURE__ */ e.createElement("svg", {
11003
+ }, t), no = ({ children: t, className: n, contentMaxHeight: r, heading: i, icon: a, ...o }) => {
11004
+ let s = "pds-widget-panel", c = gt(t), l = c.__unslotted, u = c.footer, d = r ? { maxHeight: r } : void 0;
11005
+ return /* @__PURE__ */ e.createElement("div", {
11006
+ className: Z([s, n ?? ""]),
11007
+ ...o
11008
+ }, /* @__PURE__ */ e.createElement("div", { className: `${s}__header` }, a && /* @__PURE__ */ e.createElement(Q, {
11009
+ className: `${s}__icon`,
11010
+ iconName: a,
11011
+ size: "m"
11012
+ }), /* @__PURE__ */ e.createElement("h2", { className: `${s}__heading` }, i)), /* @__PURE__ */ e.createElement("div", {
11013
+ className: `${s}__content`,
11014
+ style: d
11015
+ }, l), _t(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
11016
+ }, ro = /* @__PURE__ */ e.createElement("svg", {
10977
11017
  "aria-label": "Pantheon",
10978
11018
  fill: "none",
10979
11019
  focusable: "false",
@@ -11035,7 +11075,7 @@ var Xr = {
11035
11075
  }), /* @__PURE__ */ e.createElement("path", {
11036
11076
  d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
11037
11077
  fill: "var(--pds-color-foreground-default)"
11038
- })), no = /* @__PURE__ */ e.createElement("svg", {
11078
+ })), io = /* @__PURE__ */ e.createElement("svg", {
11039
11079
  "aria-label": "Pantheon",
11040
11080
  fill: "none",
11041
11081
  focusable: "false",
@@ -11070,7 +11110,7 @@ var Xr = {
11070
11110
  }), /* @__PURE__ */ e.createElement("path", {
11071
11111
  d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
11072
11112
  fill: "var(--pds-color-foreground-default)"
11073
- })), ro = /* @__PURE__ */ e.createElement("svg", {
11113
+ })), ao = /* @__PURE__ */ e.createElement("svg", {
11074
11114
  "aria-label": "Pantheon",
11075
11115
  fill: "none",
11076
11116
  focusable: "false",
@@ -11105,17 +11145,17 @@ var Xr = {
11105
11145
  }), /* @__PURE__ */ e.createElement("path", {
11106
11146
  d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
11107
11147
  fill: "var(--pds-color-foreground-default)"
11108
- })), io = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
11148
+ })), oo = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
11109
11149
  let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
11110
11150
  switch (r) {
11111
11151
  case "full":
11112
- f = to;
11152
+ f = ro;
11113
11153
  break;
11114
11154
  case "icon":
11115
- f = no;
11155
+ f = io;
11116
11156
  break;
11117
11157
  case "wordmark":
11118
- f = ro;
11158
+ f = ao;
11119
11159
  break;
11120
11160
  }
11121
11161
  let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
@@ -11132,7 +11172,7 @@ var Xr = {
11132
11172
  ]),
11133
11173
  ...o
11134
11174
  }, i ? h : f);
11135
- }, ao = 8, oo = 14, so = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
11175
+ }, so = 8, co = 14, lo = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
11136
11176
  let [S, w] = g(d);
11137
11177
  u(() => {
11138
11178
  w(d);
@@ -11159,12 +11199,12 @@ var Xr = {
11159
11199
  M(R),
11160
11200
  N(R),
11161
11201
  H(R)
11162
- ]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J + oo / 2, ne = ee + ao, { isMounted: re } = U(R, {
11202
+ ]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J + co / 2, ne = ee + so, { isMounted: re } = U(R, {
11163
11203
  initial: { transform: "scale(0)" },
11164
11204
  common: ({ side: e }) => ({ transformOrigin: {
11165
- top: `${te}px calc(100% + ${ao}px)`,
11205
+ top: `${te}px calc(100% + ${so}px)`,
11166
11206
  bottom: `${te}px -8px`,
11167
- left: `calc(100% + ${ao}px) ${ne}px`,
11207
+ left: `calc(100% + ${so}px) ${ne}px`,
11168
11208
  right: `-8px ${ne}px`
11169
11209
  }[e] })
11170
11210
  });
@@ -11196,23 +11236,23 @@ var Xr = {
11196
11236
  className: `${j}__arrow`,
11197
11237
  context: R,
11198
11238
  fill: "var(--pds-color-surface-default)",
11199
- height: ao,
11239
+ height: so,
11200
11240
  stroke: "var(--pds-color-border-default)",
11201
11241
  strokeWidth: 1,
11202
11242
  tipRadius: 0,
11203
- width: oo
11243
+ width: co
11204
11244
  }), /* @__PURE__ */ e.createElement("div", { className: `${j}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${j}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${j}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${j}__close-wrapper` }, /* @__PURE__ */ e.createElement(In, {
11205
11245
  ariaLabel: r,
11206
11246
  onClick: G,
11207
11247
  size: "s"
11208
11248
  })))))));
11209
- }, co = {
11249
+ }, uo = {
11210
11250
  neutral: "--pds-color-status-neutral-indicator",
11211
11251
  info: "--pds-color-status-info-fill",
11212
11252
  success: "--pds-color-status-success-fill",
11213
11253
  warning: "--pds-color-status-warning-fill",
11214
11254
  critical: "--pds-color-status-critical-fill"
11215
- }, lo = ({ className: t, colorBreakpoints: n = [{
11255
+ }, fo = ({ className: t, colorBreakpoints: n = [{
11216
11256
  colorType: "info",
11217
11257
  percentage: 0
11218
11258
  }, {
@@ -11233,7 +11273,7 @@ var Xr = {
11233
11273
  id: m
11234
11274
  }, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
11235
11275
  className: `${h}__percentage`,
11236
- style: { color: `hsl(from var(${co[y]}) h s calc(l - 7))` }
11276
+ style: { color: `hsl(from var(${uo[y]}) h s calc(l - 7))` }
11237
11277
  }, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
11238
11278
  "aria-labelledby": m,
11239
11279
  "aria-valuenow": v,
@@ -11243,16 +11283,16 @@ var Xr = {
11243
11283
  className: `${h}__bar`,
11244
11284
  style: {
11245
11285
  width: `${v}%`,
11246
- backgroundColor: `var(${co[y]})`
11286
+ backgroundColor: `var(${uo[y]})`
11247
11287
  }
11248
11288
  }))), S && b);
11249
- }, uo = {
11289
+ }, po = {
11250
11290
  neutral: "--pds-color-status-neutral-indicator",
11251
11291
  info: "--pds-color-status-info-fill",
11252
11292
  success: "--pds-color-status-success-fill",
11253
11293
  warning: "--pds-color-status-warning-fill",
11254
11294
  critical: "--pds-color-status-critical-fill"
11255
- }, fo = ({ className: t, colorBreakpoints: n = [{
11295
+ }, mo = ({ className: t, colorBreakpoints: n = [{
11256
11296
  colorType: "info",
11257
11297
  percentage: 0
11258
11298
  }, {
@@ -11301,7 +11341,7 @@ var Xr = {
11301
11341
  strokeDasharray: x,
11302
11342
  strokeDashoffset: S,
11303
11343
  strokeWidth: y,
11304
- style: { stroke: `var(${uo[C]})` },
11344
+ style: { stroke: `var(${po[C]})` },
11305
11345
  transform: `rotate(-90 ${v / 2} ${v / 2})`
11306
11346
  }), /* @__PURE__ */ e.createElement("text", {
11307
11347
  alignmentBaseline: "middle",
@@ -11311,22 +11351,22 @@ var Xr = {
11311
11351
  x: "50%",
11312
11352
  y: "51%"
11313
11353
  }, w))));
11314
- }, po = {
11354
+ }, ho = {
11315
11355
  of: "of",
11316
11356
  showing: "Showing",
11317
11357
  unitPlural: "results",
11318
11358
  unitSingular: "result"
11319
- }, mo = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, ho = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
11359
+ }, go = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, _o = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
11320
11360
  let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
11321
- ...po,
11361
+ ...ho,
11322
11362
  ...i
11323
- }, p = n !== void 0, m = mo(r, f, d, a);
11363
+ }, p = n !== void 0, m = go(r, f, d, a);
11324
11364
  return /* @__PURE__ */ e.createElement("div", {
11325
11365
  "aria-live": "polite",
11326
11366
  className: Z([s, t ?? ""]),
11327
11367
  ...o
11328
11368
  }, /* @__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}`));
11329
- }, go = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
11369
+ }, vo = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
11330
11370
  let s = "pds-row-actions-menu", c = a === "dropdown" ? null : `${s}--${a}`, l = d(), u = h(null);
11331
11371
  return /* @__PURE__ */ e.createElement("div", {
11332
11372
  className: Z([
@@ -11353,14 +11393,14 @@ var Xr = {
11353
11393
  size: "s",
11354
11394
  variant: "subtle"
11355
11395
  })));
11356
- }, _o = {
11396
+ }, yo = {
11357
11397
  privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
11358
11398
  dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
11359
11399
  cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
11360
11400
  termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
11361
11401
  acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
11362
11402
  accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
11363
- }, vo = (e) => typeof e == "string", yo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
11403
+ }, bo = (e) => typeof e == "string", xo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
11364
11404
  "privacy",
11365
11405
  "dataSubjectRequest",
11366
11406
  "cookiePolicy",
@@ -11377,8 +11417,8 @@ var Xr = {
11377
11417
  r ?? ""
11378
11418
  ]),
11379
11419
  ...c
11380
- }, /* @__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) => vo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, _o[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
11381
- }, bo = ({ className: t, option: n, ...r }) => {
11420
+ }, /* @__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) => bo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, yo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
11421
+ }, So = ({ className: t, option: n, ...r }) => {
11382
11422
  let i = "pds-site-option-display", a = n.type ? Kn[n.type] : "boltSolid", o = h(null), [s] = qe(o), c = s.width / 16 - 7.5, l, u;
11383
11423
  n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
11384
11424
  let d = /* @__PURE__ */ e.createElement(Tn, {
@@ -11401,7 +11441,7 @@ var Xr = {
11401
11441
  className: `${i}__status`,
11402
11442
  style: { pointerEvents: "none" }
11403
11443
  }, d));
11404
- }, xo = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
11444
+ }, Co = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
11405
11445
  clearButton: "Clear input text",
11406
11446
  inputInstructions: "Type to search options"
11407
11447
  }, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
@@ -11413,7 +11453,7 @@ var Xr = {
11413
11453
  id: n,
11414
11454
  label: i,
11415
11455
  value: r ?? i,
11416
- optionDisplay: /* @__PURE__ */ e.createElement(bo, { option: t }),
11456
+ optionDisplay: /* @__PURE__ */ e.createElement(So, { option: t }),
11417
11457
  siteData: t
11418
11458
  };
11419
11459
  });
@@ -11442,7 +11482,7 @@ var Xr = {
11442
11482
  };
11443
11483
  //#endregion
11444
11484
  //#region src/components/SortableList/sortable-utils.ts
11445
- function So(e, t, n = null, r = 0, i = []) {
11485
+ function wo(e, t, n = null, r = 0, i = []) {
11446
11486
  return e.reduce((e, a, o) => {
11447
11487
  let s = !!a.children?.length, c = t.has(a.id);
11448
11488
  return e.push({
@@ -11454,10 +11494,10 @@ function So(e, t, n = null, r = 0, i = []) {
11454
11494
  index: o,
11455
11495
  isExpanded: c,
11456
11496
  parentId: n
11457
- }), s && c && a.children && e.push(...So(a.children, t, a.id, r + 1, [...i, a.id])), e;
11497
+ }), s && c && a.children && e.push(...wo(a.children, t, a.id, r + 1, [...i, a.id])), e;
11458
11498
  }, []);
11459
11499
  }
11460
- function Co(e) {
11500
+ function To(e) {
11461
11501
  let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
11462
11502
  for (let i of e) {
11463
11503
  let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
@@ -11470,28 +11510,28 @@ function Co(e) {
11470
11510
  e && (e.children || (e.children = []), e.children.push(o));
11471
11511
  }
11472
11512
  }
11473
- return wo(r);
11513
+ return Eo(r);
11474
11514
  }
11475
- function wo(e) {
11515
+ function Eo(e) {
11476
11516
  return e.map((e) => {
11477
11517
  if (e.children?.length) return {
11478
11518
  ...e,
11479
- children: wo(e.children)
11519
+ children: Eo(e.children)
11480
11520
  };
11481
11521
  let { children: t, ...n } = e;
11482
11522
  return n;
11483
11523
  });
11484
11524
  }
11485
- function To(e, t) {
11525
+ function Do(e, t) {
11486
11526
  for (let n of e) {
11487
11527
  if (n.id === t) return n;
11488
11528
  if (n.children) {
11489
- let e = To(n.children, t);
11529
+ let e = Do(n.children, t);
11490
11530
  if (e) return e;
11491
11531
  }
11492
11532
  }
11493
11533
  }
11494
- function Eo(e, t, n, r, i, a, o) {
11534
+ function Oo(e, t, n, r, i, a, o) {
11495
11535
  let s = e.findIndex((e) => e.id === n);
11496
11536
  if (s === -1) return 0;
11497
11537
  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;
@@ -11499,7 +11539,7 @@ function Eo(e, t, n, r, i, a, o) {
11499
11539
  }
11500
11540
  //#endregion
11501
11541
  //#region src/components/SortableList/SortableListHeader.tsx
11502
- var Do = ({ children: t, className: n, columns: r, ...i }) => {
11542
+ var ko = ({ children: t, className: n, columns: r, ...i }) => {
11503
11543
  if (!r && !t) return null;
11504
11544
  let a = r ? {
11505
11545
  display: "grid",
@@ -11520,13 +11560,13 @@ var Do = ({ children: t, className: n, columns: r, ...i }) => {
11520
11560
  };
11521
11561
  //#endregion
11522
11562
  //#region src/components/SortableList/useSortableTree.ts
11523
- function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
11563
+ function Ao({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
11524
11564
  let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
11525
11565
  t && !d.current && (u.current = {
11526
11566
  items: i ? n : a,
11527
11567
  expandedIds: s
11528
- }), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ao("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
11529
- let f = i ? n : a, p = m(() => So(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
11568
+ }), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Mo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
11569
+ let f = i ? n : a, p = m(() => wo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
11530
11570
  l((t) => {
11531
11571
  let n = new Set(t);
11532
11572
  return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -11544,7 +11584,7 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
11544
11584
  }, []),
11545
11585
  flatNodes: p,
11546
11586
  handleReorder: c((e) => {
11547
- let t = Co(e);
11587
+ let t = To(e);
11548
11588
  i || o(t), r?.(t);
11549
11589
  }, [i, r]),
11550
11590
  resetToSnapshot: c(() => {
@@ -11556,24 +11596,24 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
11556
11596
  toggleExpand: v
11557
11597
  };
11558
11598
  }
11559
- var ko = /* @__PURE__ */ new Set();
11560
- function Ao(e) {
11561
- ko.has(e) || (ko.add(e), console.warn(e));
11599
+ var jo = /* @__PURE__ */ new Set();
11600
+ function Mo(e) {
11601
+ jo.has(e) || (jo.add(e), console.warn(e));
11562
11602
  }
11563
11603
  //#endregion
11564
11604
  //#region src/components/SortableList/SortableList.tsx
11565
- var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
11605
+ var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
11566
11606
  let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
11567
11607
  if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
11568
11608
  e.preventDefault();
11569
11609
  let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
11570
11610
  return B.current = i, z(i), {
11571
- x: t.currentCoordinates.x + a * jo,
11611
+ x: t.currentCoordinates.x + a * No,
11572
11612
  y: t.currentCoordinates.y
11573
11613
  };
11574
11614
  }
11575
11615
  return rt(e, t);
11576
- }, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Oo({
11616
+ }, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Ao({
11577
11617
  defaultItems: a,
11578
11618
  isDragEnabled: G,
11579
11619
  items: p,
@@ -11600,9 +11640,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11600
11640
  Y,
11601
11641
  oe,
11602
11642
  j
11603
- ]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? To(K, String(T)) ?? null : null, [T, K]), de = m(() => {
11643
+ ]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? Do(K, String(T)) ?? null : null, [T, K]), de = m(() => {
11604
11644
  let e = le?.depth ?? 0;
11605
- return !T || !j || O || _ === 0 ? e : Eo(J, String(T), String(j), V * jo, jo, _);
11645
+ return !T || !j || O || _ === 0 ? e : Oo(J, String(T), String(j), V * No, No, _);
11606
11646
  }, [
11607
11647
  T,
11608
11648
  le,
@@ -11614,7 +11654,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11614
11654
  ]), fe = m(() => {
11615
11655
  if (!T || O || de === 0 || j && Y(j)) return null;
11616
11656
  let e = J.findIndex((e) => e.id === T);
11617
- return e === -1 ? null : Po(J, e, de);
11657
+ return e === -1 ? null : Io(J, e, de);
11618
11658
  }, [
11619
11659
  T,
11620
11660
  J,
@@ -11660,19 +11700,19 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11660
11700
  }, [J, oe]), ge = c((e) => {
11661
11701
  let t = e.delta.x;
11662
11702
  if (P.current = t, A.current || _ === 0) return;
11663
- let n = Math.floor(t / jo), r = U.current;
11664
- (n > r || n < r && t < r * jo - jo * .4) && (U.current = n, H(n));
11703
+ let n = Math.floor(t / No), r = U.current;
11704
+ (n > r || n < r && t < r * No - No * .4) && (U.current = n, H(n));
11665
11705
  }, [_]), _e = c((e) => {
11666
11706
  let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
11667
11707
  E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
11668
- let o = J.findIndex((e) => e.id === t.id), s = r ? i * jo : a * jo, c = !n || t.id === n.id, l = n?.id ?? null;
11708
+ let o = J.findIndex((e) => e.id === t.id), s = r ? i * No : a * No, c = !n || t.id === n.id, l = n?.id ?? null;
11669
11709
  if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
11670
11710
  if (o === -1) return;
11671
11711
  let e = J[o];
11672
11712
  if (!e) return;
11673
- let n = Eo(J, String(t.id), String(t.id), s, jo, _);
11713
+ let n = Oo(J, String(t.id), String(t.id), s, No, _);
11674
11714
  if (n === e.depth) return;
11675
- let r = [...J], [i] = r.splice(o, 1), a = Po(r, o, n);
11715
+ let r = [...J], [i] = r.splice(o, 1), a = Io(r, o, n);
11676
11716
  if (a && se.has(a)) return;
11677
11717
  let c = {
11678
11718
  ...i,
@@ -11694,9 +11734,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11694
11734
  let e = J[u];
11695
11735
  g = Math.min(e.depth + 1, _), v = String(l);
11696
11736
  } else {
11697
- g = Eo(d, String(t.id), String(l), s, jo, _, p.depth);
11737
+ g = Oo(d, String(t.id), String(l), s, No, _, p.depth);
11698
11738
  let e = d[h];
11699
- v = e && e.depth === g - 1 ? String(l) : Po(d, h, g);
11739
+ v = e && e.depth === g - 1 ? String(l) : Io(d, h, g);
11700
11740
  }
11701
11741
  if (v && se.has(v)) return;
11702
11742
  let y = {
@@ -11719,24 +11759,24 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11719
11759
  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 && (q(L.current), L.current = null);
11720
11760
  }, [q]), ye = m(() => ({
11721
11761
  onDragStart({ active: e }) {
11722
- let t = J.find((t) => t.id === e.id), n = To(K, String(e.id));
11762
+ let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
11723
11763
  return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
11724
11764
  },
11725
11765
  onDragOver({ active: e, over: t }) {
11726
11766
  if (!t) return;
11727
11767
  let n = J.findIndex((e) => e.id === t.id);
11728
11768
  if (n === -1) return;
11729
- let r = To(K, String(e.id)), i = r ? o(r) : String(e.id), a = Eo(J, String(e.id), String(t.id), P.current, jo, _);
11769
+ let r = Do(K, String(e.id)), i = r ? o(r) : String(e.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
11730
11770
  return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
11731
11771
  },
11732
11772
  onDragEnd({ active: e, over: t }) {
11733
- let n = To(K, String(e.id)), r = n ? o(n) : String(e.id);
11773
+ let n = Do(K, String(e.id)), r = n ? o(n) : String(e.id);
11734
11774
  if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
11735
- let i = J.findIndex((e) => e.id === t.id), a = Eo(J, String(e.id), String(t.id), P.current, jo, _);
11775
+ let i = J.findIndex((e) => e.id === t.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
11736
11776
  return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
11737
11777
  },
11738
11778
  onDragCancel({ active: e }) {
11739
- let t = J.find((t) => t.id === e.id), n = To(K, String(e.id));
11779
+ let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
11740
11780
  return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
11741
11781
  }
11742
11782
  }), [
@@ -11744,14 +11784,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11744
11784
  J,
11745
11785
  o,
11746
11786
  _
11747
- ]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === Do ? e.cloneElement(t, be) : t);
11787
+ ]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === ko ? e.cloneElement(t, be) : t);
11748
11788
  return /* @__PURE__ */ e.createElement(Je, {
11749
11789
  accessibility: {
11750
11790
  announcements: ye,
11751
11791
  ...x ? { screenReaderInstructions: { draggable: x } } : {}
11752
11792
  },
11753
11793
  collisionDetection: me,
11754
- measuring: Mo,
11794
+ measuring: Po,
11755
11795
  onDragCancel: ve,
11756
11796
  onDragEnd: _e,
11757
11797
  onDragMove: ge,
@@ -11826,14 +11866,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
11826
11866
  return s(a) ? e.cloneElement(a, o) : a;
11827
11867
  })()) : null));
11828
11868
  });
11829
- function Po(e, t, n) {
11869
+ function Io(e, t, n) {
11830
11870
  if (n === 0) return null;
11831
11871
  for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
11832
11872
  return null;
11833
11873
  }
11834
11874
  //#endregion
11835
11875
  //#region src/components/SortableList/SortableRow.tsx
11836
- var Fo = ({ 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 }) => {
11876
+ var Lo = ({ 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 }) => {
11837
11877
  let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = it({
11838
11878
  attributes: {
11839
11879
  role: "listitem",
@@ -11888,7 +11928,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11888
11928
  key: t.id,
11889
11929
  className: `${w}__cell`
11890
11930
  }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
11891
- }, Io = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
11931
+ }, Ro = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
11892
11932
  let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = d(), v = n && r && t;
11893
11933
  return /* @__PURE__ */ e.createElement("div", {
11894
11934
  "aria-labelledby": _,
@@ -11924,11 +11964,11 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11924
11964
  size: { width: 6 },
11925
11965
  textSize: "xl"
11926
11966
  }) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
11927
- }, Lo = [
11967
+ }, zo = [
11928
11968
  "default",
11929
11969
  "working",
11930
11970
  "checked"
11931
- ], Ro = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
11971
+ ], Bo = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
11932
11972
  let l = {
11933
11973
  checkForUpdates: "Check for updates",
11934
11974
  checking: "Checking...",
@@ -11975,7 +12015,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11975
12015
  triggerIconColor: "default",
11976
12016
  triggerIconSize: "s"
11977
12017
  }), t === "left" && g));
11978
- }, zo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
12018
+ }, Vo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
11979
12019
  let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(wn, {
11980
12020
  className: `${o}__spinner`,
11981
12021
  size: "m"
@@ -11992,7 +12032,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
11992
12032
  ]),
11993
12033
  ...a
11994
12034
  }, r ? d : l);
11995
- }, Bo = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
12035
+ }, Ho = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
11996
12036
  let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
11997
12037
  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`;
11998
12038
  return /* @__PURE__ */ e.createElement("li", {
@@ -12010,7 +12050,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12010
12050
  style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
12011
12051
  ...a
12012
12052
  }, l);
12013
- }, Vo = ({ className: t, steps: n, translatableLabels: r = {
12053
+ }, Uo = ({ className: t, steps: n, translatableLabels: r = {
12014
12054
  step: "Step",
12015
12055
  completed: "completed",
12016
12056
  hasError: "has an error",
@@ -12074,7 +12114,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12074
12114
  key: t.id,
12075
12115
  className: `${o}__step`,
12076
12116
  id: `${t.id}--mobile`
12077
- }, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(fo, {
12117
+ }, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(mo, {
12078
12118
  innerLabel: n,
12079
12119
  label: "Step progress",
12080
12120
  percentage: i,
@@ -12100,7 +12140,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12100
12140
  "data-steps": u,
12101
12141
  ...i
12102
12142
  }, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
12103
- }, Ho = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
12143
+ }, Wo = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
12104
12144
  let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
12105
12145
  return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
12106
12146
  className: Z([...p]),
@@ -12126,14 +12166,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12126
12166
  size: "s",
12127
12167
  variant: "highlight"
12128
12168
  })))));
12129
- }, Uo = ({ className: t, labelStrings: n = {
12169
+ }, Go = ({ className: t, labelStrings: n = {
12130
12170
  step: "Step",
12131
12171
  completed: "completed",
12132
12172
  hasError: "has an error"
12133
12173
  }, steps: r, ...i }) => {
12134
12174
  let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
12135
12175
  let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
12136
- return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Ho, {
12176
+ return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Wo, {
12137
12177
  key: `s${i}`,
12138
12178
  _isFirstStep: c,
12139
12179
  "aria-current": a ? "step" : null,
@@ -12154,7 +12194,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12154
12194
  className: Z([a, t ?? ""]),
12155
12195
  ...i
12156
12196
  }, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
12157
- }, Wo = () => {
12197
+ }, Ko = () => {
12158
12198
  let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
12159
12199
  return u(() => {
12160
12200
  if (!e) return;
@@ -12165,8 +12205,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12165
12205
  window.removeEventListener("resize", n);
12166
12206
  };
12167
12207
  }, []), n;
12168
- }, Go = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasMobileCards: E = !1, hasMobileDetailSheet: D = !0, inspectedRowId: O, isLoading: k = !1, isRowSelectable: A = () => !0, itemsPerPage: j, loadingRowCount: M = 5, maxHeight: N, minHeight: P, nextDetailPanelRowLabel: F = "Next row", onDetailPanelNext: I, onDetailPanelPrev: L, onPageChange: R, onPageSizeChange: z, onRowInspect: B, onRowSelectionChange: V, onSort: H, pageSizeOptions: U, pageSizeSelectLabel: W = "Rows per page", paginationLabels: G, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ee, rowData: te, selectAllLabel: ne = "Select all rows", selectedRows: re, sortKey: ie, sortOrder: ae, totalItemCount: oe, ...se }) => {
12169
- let Y = "pds-table", X = d(), ce = d(), le = h(null), ue = Wo() === "sm" && E, de = K && !ue, fe = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), pe = J !== void 0 || B === void 0 && D, me = J !== void 0 || B !== void 0 || D, he = H !== void 0, ge = R !== void 0, _e = z !== void 0, ve = ge || j !== void 0 || U !== void 0, ye = te.length > 0 || ge && (oe ?? 0) > 0, [be, xe] = g({
12208
+ }, qo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasMobileCards: E = !1, hasMobileDetailSheet: D = !0, inspectedRowId: O, isLoading: k = !1, isRowSelectable: A = () => !0, itemsPerPage: j, loadingRowCount: M = 5, maxHeight: N, minHeight: P, nextDetailPanelRowLabel: F = "Next row", onDetailPanelNext: I, onDetailPanelPrev: L, onPageChange: R, onPageSizeChange: z, onRowInspect: B, onRowSelectionChange: V, onSort: H, pageSizeOptions: U, pageSizeSelectLabel: W = "Rows per page", paginationLabels: G, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ee, rowData: te, selectAllLabel: ne = "Select all rows", selectedRows: re, sortKey: ie, sortOrder: ae, totalItemCount: oe, ...se }) => {
12209
+ let Y = "pds-table", X = d(), ce = d(), le = h(null), ue = Ko() === "sm" && E, de = K && !ue, fe = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), pe = J !== void 0 || B === void 0 && D, me = J !== void 0 || B !== void 0 || D, he = H !== void 0, ge = R !== void 0, _e = z !== void 0, ve = ge || j !== void 0 || U !== void 0, ye = te.length > 0 || ge && (oe ?? 0) > 0, [be, xe] = g({
12170
12210
  key: a ?? "",
12171
12211
  order: a === void 0 ? "asc" : o
12172
12212
  }), Se = m(() => {
@@ -12478,8 +12518,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12478
12518
  size: "s",
12479
12519
  variant: "standard"
12480
12520
  }))))));
12481
- return de ? /* @__PURE__ */ e.createElement(Za, { padding: "none" }, xt) : xt;
12482
- }, Ko = [
12521
+ return de ? /* @__PURE__ */ e.createElement(Qa, { padding: "none" }, xt) : xt;
12522
+ }, Jo = [
12483
12523
  " ",
12484
12524
  "/",
12485
12525
  ".",
@@ -12497,7 +12537,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12497
12537
  "=",
12498
12538
  "|",
12499
12539
  "~"
12500
- ], qo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Jo = (e) => {
12540
+ ], Yo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Xo = (e) => {
12501
12541
  let t = [];
12502
12542
  return e.forEach((e) => {
12503
12543
  let { id: n, innerText: r } = e;
@@ -12510,18 +12550,18 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12510
12550
  title: r
12511
12551
  });
12512
12552
  }), t;
12513
- }, Yo = (e, t, n) => {
12553
+ }, Zo = (e, t, n) => {
12514
12554
  let [r, i] = g([]);
12515
12555
  return u(() => {
12516
12556
  let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
12517
12557
  let e = Array.from(document.querySelectorAll(r));
12518
12558
  e.forEach((e) => {
12519
- Ko.forEach((t) => {
12520
- e.id.includes(t) && (e.id = e.id.replace(new RegExp(qo(t), "g"), "-"));
12559
+ Jo.forEach((t) => {
12560
+ e.id.includes(t) && (e.id = e.id.replace(new RegExp(Yo(t), "g"), "-"));
12521
12561
  });
12522
12562
  }), e.forEach((e, t) => {
12523
12563
  e.id || (e.id = `${n}-item-${t}`);
12524
- }), i(Jo(e));
12564
+ }), i(Xo(e));
12525
12565
  };
12526
12566
  a();
12527
12567
  let o = document.getElementById(e);
@@ -12537,7 +12577,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12537
12577
  t,
12538
12578
  n
12539
12579
  ]), { nestedHeadings: r };
12540
- }, Xo = (e, t) => {
12580
+ }, Qo = (e, t) => {
12541
12581
  let [n, r] = g(void 0), i = h({});
12542
12582
  return u(() => {
12543
12583
  let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
@@ -12556,7 +12596,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12556
12596
  o.disconnect(), r(void 0);
12557
12597
  };
12558
12598
  }, [e, t]), n;
12559
- }, Zo = ({ 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", {
12599
+ }, $o = ({ 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", {
12560
12600
  key: r.id,
12561
12601
  className: `${n}__list-item`
12562
12602
  }, /* @__PURE__ */ e.createElement("a", {
@@ -12572,8 +12612,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12572
12612
  className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
12573
12613
  href: `#${r.id}`,
12574
12614
  onClick: (e) => i(e, r.id)
12575
- }, r.title))))))), Qo = ({ 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 }) => {
12576
- let u = "pds-toc", { nestedHeadings: f } = Yo(c, o, d()), p = Xo(c, o), m = (e) => {
12615
+ }, r.title))))))), es = ({ 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 }) => {
12616
+ let u = "pds-toc", { nestedHeadings: f } = Zo(c, o, d()), p = Qo(c, o), m = (e) => {
12577
12617
  typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
12578
12618
  }, h = (e) => {
12579
12619
  document.querySelector(`#${e}`)?.scrollIntoView({
@@ -12591,13 +12631,13 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12591
12631
  baseClass: u,
12592
12632
  className: `${s ? "" : "visually-hidden"}`,
12593
12633
  level: i
12594
- }, a), /* @__PURE__ */ e.createElement(Zo, {
12634
+ }, a), /* @__PURE__ */ e.createElement($o, {
12595
12635
  activeID: p,
12596
12636
  baseClass: u,
12597
12637
  headings: f,
12598
12638
  onLinkClick: g
12599
12639
  }));
12600
- }, $o = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
12640
+ }, ts = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
12601
12641
  let c = "pds-tabs", [l, d] = g(a ?? r);
12602
12642
  u(() => {
12603
12643
  a !== void 0 && d(a);
@@ -12711,7 +12751,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12711
12751
  className: `${c}__panel-content`,
12712
12752
  hidden: o !== l
12713
12753
  }, r)))));
12714
- }, es = [
12754
+ }, ns = [
12715
12755
  "orange",
12716
12756
  "stone",
12717
12757
  "gold",
@@ -12725,7 +12765,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12725
12765
  "magenta",
12726
12766
  "rose",
12727
12767
  "red"
12728
- ], ts = [
12768
+ ], rs = [
12729
12769
  "orange-solid",
12730
12770
  "teal-solid",
12731
12771
  "indigo-solid",
@@ -12735,14 +12775,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12735
12775
  "lime-solid",
12736
12776
  "sky-solid",
12737
12777
  "slate-solid"
12738
- ], ns = [
12778
+ ], is = [
12739
12779
  "success-solid",
12740
12780
  "warning-solid",
12741
12781
  "critical-solid",
12742
12782
  "info-solid",
12743
12783
  "discovery-solid"
12744
- ], rs = [...ts, ...ns], is = [...es, ...ts], as = (e) => is[parseInt(v(e), 16) % is.length], os = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, ss = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
12745
- let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${as(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
12784
+ ], as = [...rs, ...is], os = [...ns, ...rs], ss = (e) => os[parseInt(v(e), 16) % os.length], cs = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, ls = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
12785
+ let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${ss(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
12746
12786
  p((e) => !e);
12747
12787
  }, b, x, S;
12748
12788
  if (r && !n && s(r)) {
@@ -12764,7 +12804,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12764
12804
  }, /* @__PURE__ */ e.createElement("span", {
12765
12805
  className: `${m}__label`,
12766
12806
  title: l
12767
- }, u > 0 ? os(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
12807
+ }, u > 0 ? cs(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
12768
12808
  "aria-label": `${a}: ${l}`,
12769
12809
  className: `${m}__remove`,
12770
12810
  onClick: () => {
@@ -12776,7 +12816,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12776
12816
  iconName: "xmark",
12777
12817
  size: "m"
12778
12818
  })) : null);
12779
- }, cs = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
12819
+ }, us = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
12780
12820
  let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = gt(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
12781
12821
  return /* @__PURE__ */ e.createElement("div", {
12782
12822
  className: Z([
@@ -12787,7 +12827,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12787
12827
  ]),
12788
12828
  ...a
12789
12829
  }, /* @__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)));
12790
- }, ls = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, 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 }) => {
12830
+ }, ds = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, 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 }) => {
12791
12831
  let [j, M] = g(l || !1);
12792
12832
  u(() => {
12793
12833
  M(l || !1);
@@ -12809,7 +12849,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12809
12849
  return;
12810
12850
  }
12811
12851
  M(!j);
12812
- }, U = Wo();
12852
+ }, U = Ko();
12813
12853
  u(() => {
12814
12854
  U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
12815
12855
  }, [U]);
@@ -12912,7 +12952,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12912
12952
  !e && c && b && b();
12913
12953
  }
12914
12954
  }, r));
12915
- }, us = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
12955
+ }, fs = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
12916
12956
  let c = "pds-docs-layout", l = {
12917
12957
  "--docs-sidebar-max-width": `${i}rem`,
12918
12958
  "--docs-sidebar-min-width": `${a}rem`,
@@ -12930,7 +12970,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12930
12970
  },
12931
12971
  ...s
12932
12972
  }, 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));
12933
- }, ds = ({ children: t, className: n, gridGap: r = "xl", secondSidebarMobileLocation: i = "after", secondSidebarWidth: a, secondSidebarWidthMax: o, secondSidebarWidthMin: s, sidebarLocation: c = "right", sidebarMobileLocation: l = "after", sidebarWidth: u = "33%", sidebarWidthMax: d = 25, sidebarWidthMin: f = 15, ...p }) => {
12973
+ }, ps = ({ children: t, className: n, gridGap: r = "xl", secondSidebarMobileLocation: i = "after", secondSidebarWidth: a, secondSidebarWidthMax: o, secondSidebarWidthMin: s, sidebarLocation: c = "right", sidebarMobileLocation: l = "after", sidebarWidth: u = "33%", sidebarWidthMax: d = 25, sidebarWidthMin: f = 15, ...p }) => {
12934
12974
  let m = "pds-sidebar-layout", h = r === "none" ? "0" : `var(--pds-spacing-${r})`, g = gt(t), _ = !!g["second-sidebar"];
12935
12975
  return /* @__PURE__ */ e.createElement("div", {
12936
12976
  className: Z([m, n ?? ""]),
@@ -12948,7 +12988,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12948
12988
  },
12949
12989
  ...p
12950
12990
  }, /* @__PURE__ */ e.createElement("div", { className: `${m}__main` }, g.__unslotted || g.content), /* @__PURE__ */ e.createElement("div", { className: `${m}__side` }, g.sidebar), _ && /* @__PURE__ */ e.createElement("div", { className: `${m}__second-side` }, g["second-sidebar"]));
12951
- }, fs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
12991
+ }, ms = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
12952
12992
  let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
12953
12993
  "--max-columns": i,
12954
12994
  ...a
@@ -12967,7 +13007,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12967
13007
  className: `${s}__item`,
12968
13008
  role: "listitem"
12969
13009
  }, t))));
12970
- }, ps = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
13010
+ }, hs = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
12971
13011
  let o = gt(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(na, {
12972
13012
  className: Z([
12973
13013
  l,
@@ -12977,8 +13017,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12977
13017
  width: "wide",
12978
13018
  ...a
12979
13019
  }, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
12980
- return i ? /* @__PURE__ */ e.createElement(Za, null, d) : d;
12981
- }, ms = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
13020
+ return i ? /* @__PURE__ */ e.createElement(Qa, null, d) : d;
13021
+ }, gs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
12982
13022
  let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = gt(t), u = [
12983
13023
  l["first-item"],
12984
13024
  l["second-item"],
@@ -12996,7 +13036,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
12996
13036
  key: n,
12997
13037
  className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
12998
13038
  }, t)));
12999
- }, hs = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
13039
+ }, _s = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
13000
13040
  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;
13001
13041
  switch (i) {
13002
13042
  case "equal":
@@ -13017,7 +13057,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13017
13057
  ]),
13018
13058
  ...o
13019
13059
  }, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
13020
- }, gs = ({ 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 }) => {
13060
+ }, vs = ({ 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 }) => {
13021
13061
  let _ = "pds-flex", v = `${_}-container`, y = {
13022
13062
  "--pds-flex-align-content": t,
13023
13063
  "--pds-flex-align-items": n,
@@ -13043,7 +13083,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13043
13083
  },
13044
13084
  ...g
13045
13085
  }, r);
13046
- }, _s = (e) => {
13086
+ }, ys = (e) => {
13047
13087
  let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
13048
13088
  return u(() => {
13049
13089
  if (!t) return;
@@ -13052,20 +13092,20 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13052
13092
  };
13053
13093
  return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
13054
13094
  }, [e]), n;
13055
- }, vs = [
13095
+ }, bs = [
13056
13096
  "light",
13057
13097
  "dark",
13058
13098
  "system"
13059
- ], ys = (e) => typeof e == "string" && vs.includes(e), bs = i(null), xs = {
13099
+ ], xs = (e) => typeof e == "string" && bs.includes(e), Ss = i(null), Cs = {
13060
13100
  resolvedTheme: "light",
13061
13101
  setTheme: () => {},
13062
13102
  theme: "light"
13063
- }, Ss = ({ 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){}})();`, Cs = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
13064
- let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = _s("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
13103
+ }, ws = ({ 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){}})();`, Ts = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
13104
+ let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = ys("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
13065
13105
  u(() => {
13066
13106
  if (_(!0), !(d || !o || typeof window > "u")) try {
13067
13107
  let e = window.localStorage.getItem(s);
13068
- ys(e) && m(e);
13108
+ xs(e) && m(e);
13069
13109
  } catch {}
13070
13110
  }, []), u(() => {
13071
13111
  typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
@@ -13085,20 +13125,20 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13085
13125
  ]),
13086
13126
  theme: v
13087
13127
  };
13088
- return /* @__PURE__ */ e.createElement(bs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: Ss({
13128
+ return /* @__PURE__ */ e.createElement(Ss.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ws({
13089
13129
  defaultTheme: n,
13090
13130
  storageKey: s
13091
13131
  }) } }), t);
13092
- }, ws = () => l(bs) ?? xs, Ts = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
13132
+ }, Es = () => l(Ss) ?? Cs, Ds = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
13093
13133
  u(() => {
13094
13134
  let e = document.documentElement, t = () => {
13095
13135
  window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
13096
13136
  };
13097
13137
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
13098
13138
  }, [r]);
13099
- let a = n ? /* @__PURE__ */ e.createElement(Cs, i, t) : t;
13139
+ let a = n ? /* @__PURE__ */ e.createElement(Ts, i, t) : t;
13100
13140
  return /* @__PURE__ */ e.createElement(rn, null, a);
13101
- }, Es = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
13141
+ }, Os = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
13102
13142
  let c = "pds-auto-grid", l = r === "xl" ? null : `${c}--gap-${r}`, u = a ? `${c}--capped` : null, d = o ?? r, f = d === r ? null : `${c}-gap-mobile--${d}`;
13103
13143
  return /* @__PURE__ */ e.createElement("div", {
13104
13144
  className: Z([
@@ -13114,7 +13154,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13114
13154
  },
13115
13155
  ...s
13116
13156
  }, t);
13117
- }, Ds = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
13157
+ }, ks = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
13118
13158
  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}`;
13119
13159
  return /* @__PURE__ */ e.createElement("div", {
13120
13160
  className: Z([
@@ -13128,7 +13168,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13128
13168
  ]),
13129
13169
  ...c
13130
13170
  }, n);
13131
- }, Os = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
13171
+ }, As = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
13132
13172
  let f = "pds-grid-item", p = [
13133
13173
  l ? `${f}--sm-${l}` : null,
13134
13174
  c ? `${f}--md-${c}` : null,
@@ -13147,7 +13187,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13147
13187
  ]),
13148
13188
  ...d
13149
13189
  }, t);
13150
- }, ks = (e, t, n) => {
13190
+ }, js = (e, t, n) => {
13151
13191
  let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
13152
13192
  r,
13153
13193
  i,
@@ -13171,7 +13211,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13171
13211
  m,
13172
13212
  a
13173
13213
  ]), l;
13174
- }, As = () => {
13214
+ }, Ms = () => {
13175
13215
  let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
13176
13216
  return u(() => {
13177
13217
  if (!e) return;
@@ -13185,6 +13225,6 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
13185
13225
  }, []), t;
13186
13226
  };
13187
13227
  //#endregion
13188
- export { vr as ActionCard, ls as AppLayout, Es as AutoGrid, wt as Avatar, Et as Badge, ba as Banner, Vr as BarChart, za as BottomSheet, Dn as BranchDiff, Gi as Breadcrumb, Ba as BulkActionBar, jn as Button, Mn as ButtonLink, ta as ButtonNav, Vi as CTALink, _r as Callout, yr as Card, br as CardSelect, si as Checkbox, ci as CheckboxFieldset, li as CheckboxGroup, Fn as ClipboardButton, In as CloseButton, Zr as CodeBlock, ui as Combobox, fi as ComboboxMultiselect, xr as CompactEmptyState, $r as ComparisonList, na as Container, ji as Datepicker, us as DocsLayout, Va as Drawer, Zn as Dropdown, ea as DropdownMenu, Ya as ExpansionPanel, Xa as ExpansionPanelGroup, ri as FileDiff, Mi as FileUpload, cr as FilterButton, gs as FlexContainer, Ha as FullScreenOverlay, Ts as GlobalWrapper, Ds as Grid, Os as GridItem, ti as HorizontalEmptyState, Q as Icon, Pn as IconButton, oi as IdentityBlock, Sa as InlineMessage, Ni as InputGroup, Ur as LineChart, Hi as LinkNewWindow, Ta as MIN_AUTO_CLOSE_DURATION, qn as MenuButton, Ua as Modal, ra as Navbar, Ka as Pagination, qa as PaginationChapter, Ja as PaginationCompact, Za as Panel, Qa as PanelList, $a as PanelRow, eo as PanelStack, io as PantheonLogo, ai as PaymentIcon, Wi as Picture, Gr as PieChart, fr as PlatformIcon, so as Popover, lo as ProgressBar, fo as ProgressRing, qr as ProportionBar, Pi as RadioGroup, ho as ResultCount, go as RowActionsMenu, mr as SSOButton, wa as SectionMessage, lr as SegmentedButton, Cr as Select, ur as SelectButton, Sr as SelectOptionGroup, ia as SideNav, oa as SideNavGlobal, aa as SideNavGlobalItem, ds as SidebarLayout, yo as SiteFooter, ca as SiteMenu, bo as SiteOptionDisplay, xo as SiteSearch, Kn as SiteTypeIcon, Gn as SiteTypeLabel, Lr as Skeleton, Ui as Skiplink, No as SortableList, Do as SortableListHeader, Fo as SortableRow, wn as Spinner, dr as SplitButton, Io as StatPanel, fs as StatPanelGroup, Tn as StatusBadge, Ro as StatusChecker, zo as StatusIndicator, Bn as StatusTypeLabels, Bo as StepList, Vo as Stepper, ps as StepperLayout, Fi as Switch, ua as TabMenu, Go as Table, Qo as TableOfContents, $o as Tabs, ss as Tag, Li as TagsInput, En as Tally, Bi as TextInput, Ri as Textarea, bs as ThemeContext, Cs as ThemeContextProvider, ma as ThemeSwitcher, ms as ThreeItemLayout, _i as Timepicker, Ma as Toast, Na as ToastType, ka as Toaster, Da as ToasterContext, sn as Tooltip, fa as TreeNav, hs as TwoItemLayout, ha as UserMenu, cs as UtilityBar, hr as UtilityButton, ni as VerticalEmptyState, Uo as VerticalStepper, ei as VideoEmbed, ga as WorkspaceSelector, Di as getPresetDateRange, Ss as getThemeInitScript, xt as iconList, Hn as isHeadingItemType, Un as isLinkItemType, Wn as isNodeItemType, Vn as isSeparatorItemType, Lo as statusCheckerStates, es as tagColors, rs as tagSolidColors, ts as tagSolidHueColors, ns as tagSolidStatusColors, Wo as useBreakpoint, Nn as useClipboard, Rn as useDropdown, en as useIsMobile, ks as useKeyPress, on as useKeyboardShortcut, _s as useMediaQuery, ws as useTheme, Pa as useToast, As as useWindowWidth };
13228
+ export { vr as ActionCard, ds as AppLayout, Os as AutoGrid, wt as Avatar, Et as Badge, ba as Banner, Vr as BarChart, za as BottomSheet, Dn as BranchDiff, Gi as Breadcrumb, Ba as BulkActionBar, jn as Button, Mn as ButtonLink, ta as ButtonNav, Vi as CTALink, _r as Callout, yr as Card, br as CardSelect, si as Checkbox, ci as CheckboxFieldset, li as CheckboxGroup, Fn as ClipboardButton, In as CloseButton, Zr as CodeBlock, ui as Combobox, fi as ComboboxMultiselect, xr as CompactEmptyState, $r as ComparisonList, na as Container, ji as Datepicker, fs as DocsLayout, Va as Drawer, Zn as Dropdown, ea as DropdownMenu, Ya as ExpansionPanel, Xa as ExpansionPanelGroup, Za as FeaturePanel, ri as FileDiff, Mi as FileUpload, cr as FilterButton, vs as FlexContainer, Ha as FullScreenOverlay, Ds as GlobalWrapper, ks as Grid, As as GridItem, ti as HorizontalEmptyState, Q as Icon, Pn as IconButton, oi as IdentityBlock, Sa as InlineMessage, Ni as InputGroup, Ur as LineChart, Hi as LinkNewWindow, Ta as MIN_AUTO_CLOSE_DURATION, qn as MenuButton, Ua as Modal, ra as Navbar, Ka as Pagination, qa as PaginationChapter, Ja as PaginationCompact, Qa as Panel, $a as PanelList, eo as PanelRow, to as PanelStack, oo as PantheonLogo, ai as PaymentIcon, Wi as Picture, Gr as PieChart, fr as PlatformIcon, lo as Popover, fo as ProgressBar, mo as ProgressRing, qr as ProportionBar, Pi as RadioGroup, _o as ResultCount, vo as RowActionsMenu, mr as SSOButton, wa as SectionMessage, lr as SegmentedButton, Cr as Select, ur as SelectButton, Sr as SelectOptionGroup, ia as SideNav, oa as SideNavGlobal, aa as SideNavGlobalItem, ps as SidebarLayout, xo as SiteFooter, ca as SiteMenu, So as SiteOptionDisplay, Co as SiteSearch, Kn as SiteTypeIcon, Gn as SiteTypeLabel, Lr as Skeleton, Ui as Skiplink, Fo as SortableList, ko as SortableListHeader, Lo as SortableRow, wn as Spinner, dr as SplitButton, Ro as StatPanel, ms as StatPanelGroup, Tn as StatusBadge, Bo as StatusChecker, Vo as StatusIndicator, Bn as StatusTypeLabels, Ho as StepList, Uo as Stepper, hs as StepperLayout, Fi as Switch, ua as TabMenu, qo as Table, es as TableOfContents, ts as Tabs, ls as Tag, Li as TagsInput, En as Tally, Bi as TextInput, Ri as Textarea, Ss as ThemeContext, Ts as ThemeContextProvider, ma as ThemeSwitcher, gs as ThreeItemLayout, _i as Timepicker, Ma as Toast, Na as ToastType, ka as Toaster, Da as ToasterContext, sn as Tooltip, fa as TreeNav, _s as TwoItemLayout, ha as UserMenu, us as UtilityBar, hr as UtilityButton, ni as VerticalEmptyState, Go as VerticalStepper, ei as VideoEmbed, no as WidgetPanel, ga as WorkspaceSelector, Di as getPresetDateRange, ws as getThemeInitScript, xt as iconList, Hn as isHeadingItemType, Un as isLinkItemType, Wn as isNodeItemType, Vn as isSeparatorItemType, zo as statusCheckerStates, ns as tagColors, as as tagSolidColors, rs as tagSolidHueColors, is as tagSolidStatusColors, Ko as useBreakpoint, Nn as useClipboard, Rn as useDropdown, en as useIsMobile, js as useKeyPress, on as useKeyboardShortcut, ys as useMediaQuery, Es as useTheme, Pa as useToast, Ms as useWindowWidth };
13189
13229
 
13190
13230
  //# sourceMappingURL=index.js.map