@pantheon-systems/pds-toolkit-react 2.0.0-alpha.87 → 2.0.0-alpha.88

package/dist/index.js

@@ -1,7 +1,7 @@
 import e, { Children as t, Fragment as n, cloneElement as r, createContext as i, createElement as a, forwardRef as o, isValidElement as s, useCallback as c, useContext as l, useEffect as u, useId as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
-import { FloatingArrow as v, FloatingFocusManager as y, FloatingNode as b, FloatingOverlay as x, FloatingPortal as S, FloatingTree as C, arrow as w, autoUpdate as T, flip as E, offset as D, safePolygon as O, shift as k, size as A, useClick as j, useDismiss as M, useFloating as N, useFloatingNodeId as P, useFloatingParentNodeId as F, useFocus as I, useHover as L, useId as R, useInteractions as z, useListNavigation as B, useMergeRefs as ee, useRole as V, useTransitionStyles as H, useTypeahead as U } from "@floating-ui/react";
+import { FloatingArrow as v, FloatingFocusManager as y, FloatingNode as b, FloatingOverlay as x, FloatingPortal as S, FloatingTree as C, arrow as w, autoUpdate as T, flip as E, offset as D, safePolygon as O, shift as k, size as A, useClick as j, useDismiss as M, useFloating as N, useFloatingNodeId as P, useFloatingParentNodeId as F, useFocus as I, useHover as L, useId as R, useInteractions as z, useListNavigation as B, useMergeRefs as V, useRole as H, useTransitionStyles as U, useTypeahead as ee } from "@floating-ui/react";
 import { useHotkeys as W } from "react-hotkeys-hook";
-import { Bar as G, BarChart as K, CartesianGrid as q, Cell as te, Line as J, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as oe, ResponsiveContainer as se, Tooltip as ce, XAxis as le, YAxis as Y } from "recharts";
+import { Bar as G, BarChart as K, CartesianGrid as q, Cell as te, Line as J, LineChart as ne, Pie as re, PieChart as ie, Rectangle as ae, ReferenceLine as Y, ResponsiveContainer as oe, Tooltip as se, XAxis as ce, YAxis as le } from "recharts";
 import { CodeBlock as ue } from "react-code-block";
 import de from "hash-sum";
 import { useCombobox as fe, useMultipleSelection as pe } from "downshift";
@@ -1458,6 +1458,13 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		svgPathData: "M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z",
 		width: 448
 	},
+	list: {
+		aliases: [],
+		categories: ["data", "navigation"],
+		height: 512,
+		svgPathData: "M40 48C26.7 48 16 58.7 16 72l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24L40 48zM184 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L184 72zm0 160c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-304 0zm0 160c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-304 0zM16 232l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24l-48 0z",
+		width: 512
+	},
 	listCheck: {
 		aliases: [
 			"checklist",
@@ -1722,6 +1729,13 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		svgPathData: "M64 112c-8.8 0-16 7.2-16 16l0 256c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16L64 112zM0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM160 320a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-32-96a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm104-56l160 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-160 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 128l160 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-160 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z",
 		width: 512
 	},
+	rectanglesMixed: {
+		aliases: ["bento", "boxes"],
+		categories: ["navigation", "objects"],
+		height: 512,
+		svgPathData: "M240 112l0 96-192 0 0-96 192 0zM48 64C21.5 64 0 85.5 0 112l0 96c0 26.5 21.5 48 48 48l192 0c26.5 0 48-21.5 48-48l0-96c0-26.5-21.5-48-48-48L48 64zm416 48l0 256-64 0 0-256 64 0zM400 64c-26.5 0-48 21.5-48 48l0 256c0 26.5 21.5 48 48 48l64 0c26.5 0 48-21.5 48-48l0-256c0-26.5-21.5-48-48-48l-64 0zM112 368l128 0 0 64-128 0 0-64zm-48 0l0 64c0 26.5 21.5 48 48 48l128 0c26.5 0 48-21.5 48-48l0-64c0-26.5-21.5-48-48-48l-128 0c-26.5 0-48 21.5-48 48z",
+		width: 512
+	},
 	reply: {
 		aliases: ["respond", "answer"],
 		categories: ["actions", "communication"],
@@ -2364,7 +2378,7 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		svgPathData: "M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z",
 		width: 576
 	}
-}, xt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
+}, xt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.list.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.rectanglesMixed.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
 	let c = "pds-icon", l = `${c} ${c}--${i} ${c}--${r}`, u = bt[r], d = `0 0 ${u.width} ${u.height}`, f = r in yt ? yt[r] : null, p;
 	if (f?.type === "complex") p = f.render();
 	else {
@@ -2508,9 +2522,9 @@ var st = Object.create, ct = Object.defineProperty, lt = Object.getOwnPropertyDe
 		}),
 		I(C, { enabled: !i }),
 		M(C),
-		V(C, { role: "tooltip" }),
+		H(C, { role: "tooltip" }),
 		j(C, { enabled: !a && !x })
-	]), { isMounted: F, styles: R } = H(C, {
+	]), { isMounted: F, styles: R } = U(C, {
 		duration: {
 			open: 0,
 			close: 300
@@ -3048,7 +3062,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	let n = t.toLowerCase();
 	return e.find((e) => (e?.textContent?.trim().toLowerCase() ?? "").startsWith(n));
 }, In = ({ allowEscape: e = !1, enableClick: t = !0, enableListNavigation: n = !0, enableShift: r = !0, enableTransition: i = !0, enableTypeahead: a = !1, matchReferenceWidth: o = !1, maxHeightValue: s, offsetValue: c = 0, openOnHover: l = !1, placement: u = "bottom-start", role: d = "menu", selectedIndex: f = null, shiftPadding: p = 24, variant: m = "default", virtual: _ = !1 } = {}) => {
-	let [v, y] = g(!1), [b, x] = g(null), S = h([]), C = P(), w = m === "input", F = w || o, { context: I, floatingStyles: R, refs: ee } = N({
+	let [v, y] = g(!1), [b, x] = g(null), S = h([]), C = P(), w = m === "input", F = w || o, { context: I, floatingStyles: R, refs: V } = N({
 		nodeId: C,
 		open: v,
 		onOpenChange: y,
@@ -3084,7 +3098,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			event: "mousedown"
 		}),
 		M(I),
-		V(I, { role: d }),
+		H(I, { role: d }),
 		L(I, {
 			enabled: l,
 			move: !1,
@@ -3108,7 +3122,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			allowEscape: e,
 			focusItemOnHover: !_
 		}),
-		U(I, {
+		ee(I, {
 			enabled: a,
 			listRef: S,
 			activeIndex: b,
@@ -3118,7 +3132,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			},
 			findMatch: Fn
 		})
-	]), { isMounted: q, styles: te } = H(I, i ? {
+	]), { isMounted: q, styles: te } = U(I, i ? {
 		duration: {
 			open: 300,
 			close: 150
@@ -3137,7 +3151,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		isMounted: q,
 		listRef: S,
 		nodeId: C,
-		refs: ee,
+		refs: V,
 		setActiveIndex: x,
 		setIsOpen: y,
 		transitionStyles: te
@@ -3194,7 +3208,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		}
 		f?.(M);
 	}, [M]);
-	let B = Zt(), ee = o && B, V = "pds-menu-button", H = w === "navbar", U = H ? "subtle" : w, W = a, [G] = g(`menu-button-${a}`), K = [], q = [];
+	let B = Zt(), V = o && B, H = "pds-menu-button", U = w === "navbar", ee = U ? "subtle" : w, W = a, [G] = g(`menu-button-${a}`), K = [], q = [];
 	((e) => {
 		e.forEach((e) => {
 			!Hn(e) && !Un(e) && !Gn(e) && q.push(e);
@@ -3213,7 +3227,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		});
 		if (Un(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: i || o,
-			className: `pds-dropdown__heading ${V}__listbox-heading`,
+			className: `pds-dropdown__heading ${H}__listbox-heading`,
 			id: i || void 0,
 			role: "presentation"
 		}, t.label);
@@ -3242,8 +3256,8 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 					tabIndex: -1,
 					...n.props,
 					onClick: () => I(!1)
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${V}__item-label` }, s), c));
-			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${V}__item-label` }, s), c);
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, s), c));
+			} else l = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, s), c);
 			let u = Z([
 				"pds-dropdown__item",
 				r ? "pds-dropdown__item--focused" : null,
@@ -3279,7 +3293,7 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		});
 		if (Un(t)) return /* @__PURE__ */ e.createElement("li", {
 			key: r,
-			className: `pds-dropdown__heading ${V}__listbox-heading`,
+			className: `pds-dropdown__heading ${H}__listbox-heading`,
 			role: "presentation"
 		}, t.label);
 		if (Gn(t)) return /* @__PURE__ */ e.createElement("li", {
@@ -3306,8 +3320,8 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 				c = /* @__PURE__ */ e.createElement(r, {
 					tabIndex: -1,
 					...n.props
-				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${V}__item-label` }, o), s));
-			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${V}__item-label` }, o), s);
+				}, /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, o), s));
+			} else c = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${H}__item-label` }, o), s);
 			return /* @__PURE__ */ e.createElement("li", {
 				key: r,
 				"aria-disabled": t.disabled || void 0,
@@ -3323,8 +3337,8 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 	}, ie = (t) => {
 		let n = t.filter(Un || Hn), r = n.length > 0, a = Z([
 			"pds-dropdown__panel",
-			`${V}__listbox`,
-			i ? `${V}__listbox--icon-only` : null
+			`${H}__listbox`,
+			i ? `${H}__listbox--icon-only` : null
 		]), o = 0;
 		if (r) {
 			let r = ae(t, n);
@@ -3375,43 +3389,43 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 		return e.forEach((t, o) => {
 			t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
 		}), n.filter((e) => e.length > 0);
-	}, oe, se = _ === "m" ? "s" : "xs", ce = y ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(wn, {
+	}, Y, oe = _ === "m" ? "s" : "xs", se = y ? /* @__PURE__ */ e.createElement(e.Fragment, null, c, /* @__PURE__ */ e.createElement(wn, {
 		className: "pds-button__tally",
 		label: y.label,
-		size: se,
+		size: oe,
 		type: y.type
-	})) : c, le = y ? /* @__PURE__ */ e.createElement("span", { className: `${V}__accordion-label` }, c, /* @__PURE__ */ e.createElement(wn, {
-		className: `${V}__tally`,
+	})) : c, ce = y ? /* @__PURE__ */ e.createElement("span", { className: `${H}__accordion-label` }, c, /* @__PURE__ */ e.createElement(wn, {
+		className: `${H}__tally`,
 		label: y.label,
 		size: "s",
 		type: y.type
 	})) : c;
-	if (i || (oe = /* @__PURE__ */ e.createElement(kn, {
+	if (i || (Y = /* @__PURE__ */ e.createElement(kn, {
 		ref: F.setReference,
 		"aria-controls": G,
 		"aria-expanded": M,
 		"aria-haspopup": "true",
-		className: Z([`${V}__trigger`, H ? `${V}__trigger--navbar` : null]),
+		className: Z([`${H}__trigger`, U ? `${H}__trigger--navbar` : null]),
 		disabled: n,
 		displayType: "icon-end",
 		iconName: "angleDown",
 		id: W,
 		isSplitButton: s,
-		label: ce,
+		label: se,
 		size: _,
 		statusDot: v,
 		type: "button",
-		variant: U,
+		variant: ee,
 		...A({ onClick: J })
 	})), i) {
 		let t = On(c);
-		oe = /* @__PURE__ */ e.createElement(Mn, {
+		Y = /* @__PURE__ */ e.createElement(Mn, {
 			ref: F.setReference,
 			"aria-controls": G,
 			"aria-expanded": M,
 			"aria-haspopup": "true",
 			ariaLabel: t,
-			className: `${V}__trigger ${V}__trigger--icon-only`,
+			className: `${H}__trigger ${H}__trigger--icon-only`,
 			disabled: n,
 			hasTooltip: !1,
 			iconName: r,
@@ -3422,22 +3436,22 @@ var Tn = ({ className: t, componentWidth: n, isLoading: r, loadingText: i = "Loa
 			...A({ onClick: J })
 		});
 	}
-	let Y = i ? /* @__PURE__ */ e.createElement("span", { className: `${V}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : le, ue = M ? `${V}--expanded` : null;
+	let le = i ? /* @__PURE__ */ e.createElement("span", { className: `${H}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", c) : ce, ue = M ? `${H}--expanded` : null;
 	return /* @__PURE__ */ e.createElement("span", {
 		className: Z([
-			V,
+			H,
 			ue,
 			t
 		]),
 		"data-testid": x,
 		...T
-	}, ee ? /* @__PURE__ */ e.createElement(Ln, {
+	}, V ? /* @__PURE__ */ e.createElement(Ln, {
 		disabled: n,
-		label: Y
+		label: le
 	}, /* @__PURE__ */ e.createElement("ul", {
-		className: `${V}__mobile-menu`,
+		className: `${H}__mobile-menu`,
 		role: "menu"
-	}, l.map((e, t) => re(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, oe, /* @__PURE__ */ e.createElement(b, { id: P }, j && /* @__PURE__ */ e.createElement(S, null, ie(l)))));
+	}, l.map((e, t) => re(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, Y, /* @__PURE__ */ e.createElement(b, { id: P }, j && /* @__PURE__ */ e.createElement(S, null, ie(l)))));
 }, Xn = i(null), Zn = () => {
 	let e = l(Xn);
 	if (!e) throw Error("Dropdown sub-components must be used within a <Dropdown> provider.");
@@ -4281,32 +4295,32 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: `${r}__group-options`,
 		role: "group"
 	}, t));
-}, wr = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, icon: a, id: o, inputWidth: s, inputWidthMin: c, label: l, labelStrings: d = {
+}, wr = ({ autoWidth: t = !1, className: n, defaultValue: r, disabled: i, footer: a, icon: o, id: s, inputWidth: c, inputWidthMin: l, label: d, labelStrings: f = {
 	selectOptionText: "Select an option...",
 	triggerButton: "Toggle dropdown menu"
-}, message: f, onBlur: p, onFocus: m, onOptionSelect: h, options: _, required: v = !1, showLabel: y = !0, showSelectedIcon: b = !0, size: x = "s", tooltipText: C = null, validationMessage: w, validationStatus: T, value: E, ...D }) => {
-	let O = on(s, c), k = "pds-select", A = t ? `${k}--auto-width` : null, j = x === "s" ? null : `${k}--${x}`, M = i ? $.disabled : null, N = v && !i ? $.required : null, P = T === "error" ? $.error : null, F = T === "success" ? $.success : null, I = null;
-	T === "error" && (I = "error"), T === "success" && (I = "success");
-	let L = w || f, R = E !== void 0, z = r !== void 0, B = ((e) => e.reduce((e, t) => _n(t) ? [...e, ...t.options] : [...e, t], []))(_), ee = (e) => B.findIndex((t) => t.value === e), V = R && ee(E) >= 0 ? ee(E) : null, H = z ? ee(r) : null, [U, W] = g((V || H) ?? null), { activeIndex: G, floatingStyles: K, getFloatingProps: q, getItemProps: te, getReferenceProps: J, isMounted: ne, listRef: re, refs: ie, setIsOpen: ae, transitionStyles: oe } = In({
+}, message: p, onBlur: m, onFocus: h, onOptionSelect: _, options: v, required: y = !1, showLabel: b = !0, showSelectedIcon: x = !0, size: C = "s", tooltipText: w = null, validationMessage: T, validationStatus: E, value: D, ...O }) => {
+	let k = on(c, l), A = "pds-select", j = t ? `${A}--auto-width` : null, M = C === "s" ? null : `${A}--${C}`, N = i ? $.disabled : null, P = y && !i ? $.required : null, F = E === "error" ? $.error : null, I = E === "success" ? $.success : null, L = null;
+	E === "error" && (L = "error"), E === "success" && (L = "success");
+	let R = T || p, z = D !== void 0, B = r !== void 0, V = ((e) => e.reduce((e, t) => _n(t) ? [...e, ...t.options] : [...e, t], []))(v), H = (e) => V.findIndex((t) => t.value === e), U = z && H(D) >= 0 ? H(D) : null, ee = B ? H(r) : null, [W, G] = g((U || ee) ?? null), { activeIndex: K, floatingStyles: q, getFloatingProps: te, getItemProps: J, getReferenceProps: ne, isMounted: re, listRef: ie, refs: ae, setIsOpen: Y, transitionStyles: oe } = In({
 		enableClick: !i,
 		enableTypeahead: !0,
 		role: "listbox",
-		selectedIndex: U,
+		selectedIndex: W,
 		variant: "input"
-	}), se = Bn("var(--pds-z-index-dropdown)"), ce = U === null ? void 0 : B[U]?.label, le = U === null ? void 0 : B[U]?.icon, Y = U === null ? void 0 : B[U]?.value, ue = (e) => {
-		let t = B[e];
-		R || (W(e), ae(!1)), h && h(t);
+	}), se = Bn("var(--pds-z-index-dropdown)"), ce = W === null ? void 0 : V[W]?.label, le = W === null ? void 0 : V[W]?.icon, ue = W === null ? void 0 : V[W]?.value, de = (e) => {
+		let t = V[e];
+		z || (G(e), Y(!1)), _ && _(t);
 	};
 	u(() => {
-		R && (W(ee(E)), ae(!1));
-	}, [E]);
-	let de = () => {
-		p && p(Y);
-	}, fe = () => {
-		m && m(Y);
+		z && (G(H(D)), Y(!1));
+	}, [D]);
+	let fe = () => {
+		m && m(ue);
 	}, pe = () => {
-		ie.reference.current.focus();
-	}, me = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(pr, {
+		h && h(ue);
+	}, me = () => {
+		ae.reference.current.focus();
+	}, he = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(pr, {
 		className: n,
 		platformType: t,
 		size: "m"
@@ -4314,7 +4328,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		className: n,
 		iconName: t,
 		size: "m"
-	}), he = (t) => {
+	}), ge = (t) => {
 		let n = 0;
 		return t.map((t) => {
 			if (_n(t)) {
@@ -4323,20 +4337,20 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 					return /* @__PURE__ */ e.createElement(vn, {
 						key: r,
 						ref: (e) => {
-							re.current[r] = e;
+							ie.current[r] = e;
 						},
 						"aria-disabled": t?.disabled,
-						"aria-selected": r === U && r === G,
-						tabIndex: r === G ? 0 : -1,
-						...!t?.disabled && te({
+						"aria-selected": r === W && r === K,
+						tabIndex: r === K ? 0 : -1,
+						...!t?.disabled && J({
 							onClick() {
-								ue(r);
+								de(r);
 							},
 							onKeyDown(e) {
-								e.key === "Enter" && (e.preventDefault(), ue(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
+								e.key === "Enter" && (e.preventDefault(), de(r), ae.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ae.reference.current.focus());
 							}
 						})
-					}, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-label` }, t.icon && me(t.icon, `${k}__option-icon`), t.label), b && U === r && /* @__PURE__ */ e.createElement(cr, null));
+					}, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label` }, t.icon && he(t.icon, `${A}__option-icon`), t.label), x && W === r && /* @__PURE__ */ e.createElement(cr, null));
 				});
 				return /* @__PURE__ */ e.createElement(Cr, {
 					key: t.groupLabel,
@@ -4347,84 +4361,87 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			return /* @__PURE__ */ e.createElement(vn, {
 				key: r,
 				ref: (e) => {
-					re.current[r] = e;
+					ie.current[r] = e;
 				},
 				"aria-disabled": t?.disabled,
-				"aria-selected": r === U && r === G,
-				tabIndex: r === G ? 0 : -1,
-				...!t?.disabled && te({
+				"aria-selected": r === W && r === K,
+				tabIndex: r === K ? 0 : -1,
+				...!t?.disabled && J({
 					onClick() {
-						ue(r);
+						de(r);
 					},
 					onKeyDown(e) {
-						e.key === "Enter" && (e.preventDefault(), ue(r), ie.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ie.reference.current.focus());
+						e.key === "Enter" && (e.preventDefault(), de(r), ae.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ae.reference.current.focus());
 					}
 				})
-			}, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-label` }, t.icon && me(t.icon, `${k}__option-icon`), t.label), b && U === r && /* @__PURE__ */ e.createElement(cr, null));
+			}, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label` }, t.icon && he(t.icon, `${A}__option-icon`), t.label), x && W === r && /* @__PURE__ */ e.createElement(cr, null));
 		});
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			k,
 			A,
 			j,
 			M,
 			N,
 			P,
 			F,
+			I,
 			n ?? ""
 		]),
-		style: s ? O : null,
-		...D
-	}, t && !s && /* @__PURE__ */ e.createElement("div", {
+		style: c ? k : null,
+		...O
+	}, t && !c && /* @__PURE__ */ e.createElement("div", {
 		"aria-hidden": "true",
-		className: `${k}__sizer`
-	}, B.map((t) => /* @__PURE__ */ e.createElement("span", {
+		className: `${A}__sizer`
+	}, V.map((t) => /* @__PURE__ */ e.createElement("span", {
 		key: t.value,
-		className: `${k}__input-wrapper`
-	}, T !== void 0 && /* @__PURE__ */ e.createElement(fn, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${k}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-text` }, t.icon && me(t.icon, `${k}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
-		className: `${k}__trigger-icon`,
+		className: `${A}__input-wrapper`
+	}, E !== void 0 && /* @__PURE__ */ e.createElement(fn, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${A}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-text` }, t.icon && he(t.icon, `${A}__icon`), t.label), /* @__PURE__ */ e.createElement(Q, {
+		className: `${A}__trigger-icon`,
 		iconName: "angleDown"
 	}))))), /* @__PURE__ */ e.createElement(ln, {
 		disabled: i,
-		id: o,
-		label: l,
-		required: v,
-		showLabel: y,
-		tooltipText: C
+		id: s,
+		label: d,
+		required: y,
+		showLabel: b,
+		tooltipText: w
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: ie.setReference,
+		ref: ae.setReference,
 		"aria-autocomplete": "none",
-		"aria-labelledby": `${o}-label`,
-		className: `${k}__input-wrapper`,
-		id: o,
+		"aria-labelledby": `${s}-label`,
+		className: `${A}__input-wrapper`,
+		id: s,
 		tabIndex: 0,
-		...J({
-			onClick: pe,
-			onBlur: de,
-			onFocus: fe
+		...ne({
+			onClick: me,
+			onBlur: fe,
+			onFocus: pe
 		})
-	}, I && /* @__PURE__ */ e.createElement(fn, { variant: I }), /* @__PURE__ */ e.createElement("span", { className: `${k}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__option-text` }, (le || !ce && a) && me(le || a, `${k}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${k}__option-label-text` }, ce ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
-		className: `${k}__trigger-icon`,
+	}, L && /* @__PURE__ */ e.createElement(fn, { variant: L }), /* @__PURE__ */ e.createElement("span", { className: `${A}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${A}__option-text` }, (le || !ce && o) && he(le || o, `${A}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${A}__option-label-text` }, ce ?? f.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
+		className: `${A}__trigger-icon`,
 		iconName: "angleDown"
-	}))), ne && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: ie.setFloating,
-		className: `pds-dropdown__panel ${k}__dropdown`,
+	}))), re && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: ae.setFloating,
+		className: `pds-dropdown__panel ${A}__dropdown ${a ? `${A}__dropdown--has-footer` : ""}`,
 		style: {
-			...K,
+			...q,
 			zIndex: se
 		},
-		...q()
+		...te()
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...oe } }, /* @__PURE__ */ e.createElement("ul", {
-		className: `${k}__options`,
+		className: `${A}__options`,
 		role: "group"
-	}, he(_))))), L && /* @__PURE__ */ e.createElement(un, {
-		hasValidationMessage: !!w,
-		id: o,
-		message: L,
+	}, ge(v), a && /* @__PURE__ */ e.createElement("li", {
+		className: "pds-dropdown__footer",
+		role: "presentation"
+	}, a))))), R && /* @__PURE__ */ e.createElement(un, {
+		hasValidationMessage: !!T,
+		id: s,
+		message: R,
 		validationMessageHasDecorators: !1,
-		validationStatus: T
+		validationStatus: E
 	}));
 }, Tr = {
 	"sequential-blue": 2,
@@ -4728,7 +4745,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	let t = Math.abs(e);
 	return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
 }, Hr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: l = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: w, tooltipContent: O, variant: A = "stacked", xAxisLabel: j, xAxisTickInterval: M, yAxisDomain: P, yAxisFormatter: F = Vr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
-	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: B = "No data available", emptyStateMessage: ee, legendTableHeader: V, loadingLabel: U = "Loading chart data" } = d, W = h(null), te = Er(a, Mr(W, a)), J = n ?? (l ? 60 : 360), ne = r ?? (l ? 60 : void 0), re = x ?? !l, ie = b ?? !l, oe = S ?? !l, ue = C ?? !l, de = y ?? !0, [fe, pe] = g(null), me = h(fe);
+	let { accessibleTableDescription: z = "Bar chart data", emptyStateHeading: B = "No data available", emptyStateMessage: V, legendTableHeader: H, loadingLabel: ee = "Loading chart data" } = d, W = h(null), te = Er(a, Mr(W, a)), J = n ?? (l ? 60 : 360), ne = r ?? (l ? 60 : void 0), re = x ?? !l, ie = b ?? !l, Y = S ?? !l, ue = C ?? !l, de = y ?? !0, [fe, pe] = g(null), me = h(fe);
 	fe && (me.current = fe);
 	let he = h({ getBoundingClientRect: () => ({
 		bottom: 0,
@@ -4748,7 +4765,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		open: !!fe,
 		placement: "top",
 		whileElementsMounted: T
-	}), { isMounted: ye, styles: be } = H(ge, {
+	}), { isMounted: ye, styles: be } = U(ge, {
 		duration: {
 			close: 150,
 			open: 150
@@ -4778,7 +4795,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	if (s) return /* @__PURE__ */ e.createElement("div", {
 		ref: W,
 		"aria-busy": "true",
-		"aria-label": U,
+		"aria-label": ee,
 		className: Z([
 			xe,
 			`${xe}--loading`,
@@ -4789,7 +4806,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement(Br, {
 		height: J,
 		legendVariant: p,
-		showLegend: oe
+		showLegend: Y
 	}));
 	if (!o || o.length === 0) return /* @__PURE__ */ e.createElement("div", {
 		ref: W,
@@ -4805,7 +4822,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		...R
 	}, /* @__PURE__ */ e.createElement(Sr, {
 		heading: B,
-		message: ee
+		message: V
 	}));
 	let Te = f === "vertical", Ee = (e) => A === "grouped" || A === "stacked" && e === v.length - 1 ? Te ? [
 		0,
@@ -4880,7 +4897,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			contain: "layout size",
 			height: J
 		}
-	}, /* @__PURE__ */ e.createElement(se, {
+	}, /* @__PURE__ */ e.createElement(oe, {
 		debounce: 150,
 		height: J,
 		minHeight: J,
@@ -4908,7 +4925,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3",
 		vertical: Te
-	}), /* @__PURE__ */ e.createElement(le, {
+	}), /* @__PURE__ */ e.createElement(ce, {
 		axisLine: ie,
 		dataKey: Te ? void 0 : "label",
 		hide: !ie,
@@ -4925,7 +4942,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 10,
 		type: Te ? "number" : "category"
-	}), /* @__PURE__ */ e.createElement(Y, {
+	}), /* @__PURE__ */ e.createElement(le, {
 		axisLine: ie,
 		dataKey: Te ? "label" : void 0,
 		domain: P,
@@ -4944,7 +4961,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		tickLine: !1,
 		tickMargin: 6,
 		type: Te ? "category" : "number"
-	}), ue && O && /* @__PURE__ */ e.createElement(ce, {
+	}), ue && O && /* @__PURE__ */ e.createElement(se, {
 		content: (e) => !e.active || !e.payload?.length ? null : O({
 			entries: e.payload.map((e) => ({
 				color: String(e.color ?? ""),
@@ -4986,12 +5003,12 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-label" }, me.current.label), /* @__PURE__ */ e.createElement("p", { className: "recharts-tooltip-item" }, /* @__PURE__ */ e.createElement("span", {
 		className: "recharts-tooltip-item__color",
 		style: { backgroundColor: me.current.color }
-	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, me.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(me.current.value)))), oe && /* @__PURE__ */ e.createElement(Ir, {
+	}), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-name" }, me.current.name), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-separator" }, ": "), /* @__PURE__ */ e.createElement("span", { className: "recharts-tooltip-item-value" }, F(me.current.value)))), Y && /* @__PURE__ */ e.createElement(Ir, {
 		ariaHidden: p === "table" && de,
 		data: o,
 		series: v,
 		seriesColors: te,
-		tableHeader: V,
+		tableHeader: H,
 		valueFormatter: F,
 		variant: p
 	}), de && /* @__PURE__ */ e.createElement(Fr, {
@@ -5006,7 +5023,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		default: return;
 	}
 }, Wr = ({ annotations: t, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: c = !1, labelStrings: l = {}, legendVariant: u = "inline", lineStyle: d = "smooth", onTimePeriodChange: f, referenceLines: p, selectedTimePeriod: m, series: g = [], showAccessibleTable: _, showAxisLines: v, showDataPoints: y, showGrid: b, showLegend: x, showTooltip: S, timePeriodOptions: C, tooltipContent: w, xAxisLabel: T, xAxisTickInterval: E, yAxisDomain: D, yAxisFormatter: O = Vr, yAxisLabel: k, yAxisTickInterval: A, ...j }) => {
-	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = Er(a, Mr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), ee = b ?? !c, V = v ?? !c, H = x ?? !c, U = S ?? !c, W = y ?? !c, G = _ ?? !0, K = "pds-line-chart";
+	let { accessibleTableDescription: M = "Line chart data", emptyStateHeading: N = "No data available", emptyStateMessage: P, legendTableHeader: F, loadingLabel: I = "Loading chart data" } = l, L = h(null), R = Er(a, Mr(L, a)), z = n ?? (c ? 60 : 360), B = r ?? (c ? 60 : void 0), V = b ?? !c, H = v ?? !c, U = x ?? !c, ee = S ?? !c, W = y ?? !c, G = _ ?? !0, K = "pds-line-chart";
 	return s ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		"aria-busy": "true",
@@ -5021,7 +5038,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, /* @__PURE__ */ e.createElement(Br, {
 		height: z,
 		legendVariant: u,
-		showLegend: H
+		showLegend: U
 	})) : !o || o.length === 0 ? /* @__PURE__ */ e.createElement("div", {
 		ref: L,
 		className: Z([
@@ -5059,7 +5076,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			contain: "layout size",
 			height: z
 		}
-	}, /* @__PURE__ */ e.createElement(se, {
+	}, /* @__PURE__ */ e.createElement(oe, {
 		debounce: 150,
 		height: z,
 		minHeight: z,
@@ -5079,40 +5096,40 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			right: 4,
 			top: 20
 		}
-	}, ee && /* @__PURE__ */ e.createElement(q, {
+	}, V && /* @__PURE__ */ e.createElement(q, {
 		stroke: "var(--pds-color-border-default)",
 		strokeDasharray: "3 3"
-	}), /* @__PURE__ */ e.createElement(le, {
-		axisLine: V,
+	}), /* @__PURE__ */ e.createElement(ce, {
+		axisLine: H,
 		dataKey: "label",
-		hide: !V,
+		hide: !H,
 		interval: E,
-		label: T && V ? {
+		label: T && H ? {
 			...Pr,
 			offset: -15,
 			position: "insideBottom",
 			value: T
 		} : void 0,
-		tick: V ? Nr : !1,
+		tick: H ? Nr : !1,
 		tickLine: !1,
 		tickMargin: 10
-	}), /* @__PURE__ */ e.createElement(Y, {
-		axisLine: V,
+	}), /* @__PURE__ */ e.createElement(le, {
+		axisLine: H,
 		domain: D,
-		hide: !V,
+		hide: !H,
 		interval: A,
-		label: k && V ? {
+		label: k && H ? {
 			...Pr,
 			angle: -90,
 			dx: -44,
 			position: "center",
 			value: k
 		} : void 0,
-		tick: V ? Nr : !1,
+		tick: H ? Nr : !1,
 		tickFormatter: O,
 		tickLine: !1,
 		tickMargin: 6
-	}), U && /* @__PURE__ */ e.createElement(ce, { content: (t) => {
+	}), ee && /* @__PURE__ */ e.createElement(se, { content: (t) => {
 		if (!t.active || !t.payload?.length) return null;
 		let n = t.payload.map((e) => ({
 			color: String(e.color ?? ""),
@@ -5146,7 +5163,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		type: d === "straight" ? "linear" : "monotone"
 	})), !c && p?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(oe, {
+		return /* @__PURE__ */ e.createElement(Y, {
 			key: `ref-y-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5166,7 +5183,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		});
 	}), !c && t?.map((t, n) => {
 		let r = t.color ?? "var(--pds-color-foreground-default-secondary)";
-		return /* @__PURE__ */ e.createElement(oe, {
+		return /* @__PURE__ */ e.createElement(Y, {
 			key: `annotation-${n}`,
 			label: ({ viewBox: n }) => {
 				let r = (n?.x ?? 0) + (n?.width ?? 0) / 2, i = (n?.y ?? 0) - 8;
@@ -5184,7 +5201,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			strokeDasharray: Ur(t.strokeStyle ?? "dashed"),
 			x: t.atLabel
 		});
-	})))), H && /* @__PURE__ */ e.createElement(Ir, {
+	})))), U && /* @__PURE__ */ e.createElement(Ir, {
 		ariaHidden: u === "table" && G,
 		data: o,
 		series: g,
@@ -5275,7 +5292,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			margin: "0 auto",
 			width: `min(100%, ${w}px)`
 		}
-	}, /* @__PURE__ */ e.createElement(se, {
+	}, /* @__PURE__ */ e.createElement(oe, {
 		debounce: 150,
 		height: w,
 		minHeight: w,
@@ -5293,7 +5310,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	}, a.map((t, n) => /* @__PURE__ */ e.createElement(te, {
 		key: t.label,
 		fill: k(n, t)
-	}))), D && /* @__PURE__ */ e.createElement(ce, {
+	}))), D && /* @__PURE__ */ e.createElement(se, {
 		content: (t) => {
 			if (!t.active || !t.payload?.length) return null;
 			let n = t.payload[0], r = Number(n.value ?? 0), i = O > 0 ? Math.round(r / O * 100) : 0, a = String(n.payload?.fill ?? "");
@@ -5340,7 +5357,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		width: 0,
 		x: 0,
 		y: 0
-	}) }), { context: B, floatingStyles: ee, refs: V, update: U } = N({
+	}) }), { context: B, floatingStyles: V, refs: H, update: ee } = N({
 		middleware: [
 			D(8),
 			E(),
@@ -5349,7 +5366,7 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		open: !!I,
 		placement: "top",
 		whileElementsMounted: T
-	}), { isMounted: W, styles: G } = H(B, {
+	}), { isMounted: W, styles: G } = U(B, {
 		duration: {
 			close: 150,
 			open: 150
@@ -5357,8 +5374,8 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 		initial: { opacity: 0 }
 	});
 	u(() => {
-		V.setReference(z.current);
-	}, [V]);
+		H.setReference(z.current);
+	}, [H]);
 	let K = c((e) => {
 		z.current.getBoundingClientRect = () => ({
 			bottom: e.clientY,
@@ -5369,8 +5386,8 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			width: 0,
 			x: e.clientX,
 			y: e.clientY
-		}), U();
-	}, [U]), q = c(() => {
+		}), ee();
+	}, [ee]), q = c(() => {
 		L(null);
 	}, []);
 	return o ? /* @__PURE__ */ e.createElement("div", {
@@ -5428,11 +5445,11 @@ var cr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 			}
 		});
 	})), M && W && R.current && /* @__PURE__ */ e.createElement("div", {
-		ref: V.setFloating,
+		ref: H.setFloating,
 		className: "recharts-default-tooltip",
 		role: "tooltip",
 		style: {
-			...ee,
+			...V,
 			...G,
 			pointerEvents: "none",
 			zIndex: "var(--pds-z-index-notifications)"
@@ -7031,7 +7048,7 @@ var Zr = {
 }, fi = o(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: l, inputWidthMin: u, label: d, message: f, name: p, nestingLevel: m = 0, onBlur: h, onChange: _, onFocus: v, required: y, showLabel: b = !0, size: x = "s", validationMessage: S, validationStatus: C, value: w, ...T }, E) => {
 	let D = on(l, u), O = "pds-checkbox", k = i ? $.disabled : null, A = C === "error" ? $.error : null, j = m > 0 ? `${O}--indent-${m}` : null, M = y && !i ? $.required : null, N = x === "s" ? null : `${O}--${x}`, P = C === "success" ? $.success : null, F = S || f, I = t !== void 0, [L, R] = g(r === void 0 ? !1 : r), z = t || L, B = (e) => {
 		I || R(e.target.checked), _ && _(e);
-	}, ee = `${O}__box`, V = o ? null : z ? `${ee}--checked` : null, H = o ? `${ee}--indeterminate` : null, U = c(() => {
+	}, V = `${O}__box`, H = o ? null : z ? `${V}--checked` : null, U = o ? `${V}--indeterminate` : null, ee = c(() => {
 		if (o) return /* @__PURE__ */ e.createElement("svg", {
 			"aria-hidden": "true",
 			className: `${O}__icon ${O}__icon--indeterminate`,
@@ -7090,10 +7107,10 @@ var Zr = {
 		className: `${O}__label`,
 		htmlFor: a
 	}, /* @__PURE__ */ e.createElement("div", { className: Z([
-		ee,
 		V,
-		H
-	]) }, /* @__PURE__ */ e.createElement(U, null)), /* @__PURE__ */ e.createElement("div", { className: Z([`${O}__label-text`, b ? "" : "visually-hidden"]) }, d, " ", y && !i && /* @__PURE__ */ e.createElement(cn, null)))), F && /* @__PURE__ */ e.createElement(un, {
+		H,
+		U
+	]) }, /* @__PURE__ */ e.createElement(ee, null)), /* @__PURE__ */ e.createElement("div", { className: Z([`${O}__label-text`, b ? "" : "visually-hidden"]) }, d, " ", y && !i && /* @__PURE__ */ e.createElement(cn, null)))), F && /* @__PURE__ */ e.createElement(un, {
 		validationMessageHasDecorators: !0,
 		hasValidationMessage: !!S,
 		id: a,
@@ -7200,22 +7217,22 @@ var Zr = {
 		message: O,
 		validationStatus: b
 	}));
-}, hi = o(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: l, inputWidth: d, inputWidthMin: f, isLoading: p = !1, label: _, labelStrings: v = {
+}, hi = o(({ className: t, defaultValue: n, disabled: r = !1, footer: i, hasClearButton: a = !0, hasDropdownTrigger: o = !1, hasSearchIcon: s = !0, hasSearchShortcut: l = !1, id: d, inputWidth: f, inputWidthMin: p, isLoading: _ = !1, label: v, labelStrings: y = {
 	clearButton: "Clear input text",
 	inputInstructions: "Type to search options",
 	searchShortcut: "Press / to focus the search field",
 	triggerButton: "Toggle dropdown menu"
-}, loadingText: y = "Loading results...", message: b, noResultsText: x = "No results found", onBlur: C, onChange: w, onClear: O, onFocus: k, onOptionSelect: j, options: M, placeholder: P, required: F = !1, showLabel: I = !0, showUnfilteredOptions: L = !1, size: R = "s", tooltipText: z = null, validationMessage: B, validationStatus: ee, value: V, ...U }, W) => {
-	let G = on(d, f), K = "pds-combobox", q = R === "s" ? null : `${K}--${R}`, te = r ? $.disabled : null, J = F && !r ? $.required : null, ne = ee === "error" ? $.error : null, re = ee === "success" ? $.success : null, ie = null;
-	o && (ie = "search"), ee === "error" && (ie = "error"), ee === "success" && (ie = "success");
-	let ae = B || b, oe = V !== void 0, se = n !== void 0, ce = (e) => {
-		let t = M.find((t) => t.value === e);
+}, loadingText: b = "Loading results...", message: x, noResultsText: C = "No results found", onBlur: w, onChange: O, onClear: k, onFocus: j, onOptionSelect: M, options: P, placeholder: F, required: I = !1, showLabel: L = !0, showUnfilteredOptions: R = !1, size: z = "s", tooltipText: B = null, validationMessage: V, validationStatus: H, value: ee, ...W }, G) => {
+	let K = on(f, p), q = "pds-combobox", te = z === "s" ? null : `${q}--${z}`, J = r ? $.disabled : null, ne = I && !r ? $.required : null, re = H === "error" ? $.error : null, ie = H === "success" ? $.success : null, ae = null;
+	s && (ae = "search"), H === "error" && (ae = "error"), H === "success" && (ae = "success");
+	let Y = V || x, oe = ee !== void 0, se = n !== void 0, ce = (e) => {
+		let t = P.find((t) => t.value === e);
 		return t ? t.label : "";
-	}, [le, Y] = g(se ? n : void 0), [ue, de] = g(oe ? V ?? "" : se ? ce(n) : ""), pe = s && !ue;
+	}, [le, ue] = g(se ? n : void 0), [de, pe] = g(oe ? ee ?? "" : se ? ce(n) : ""), me = l && !de;
 	u(() => {
-		oe && de(V ?? "");
-	}, [oe, V]);
-	let me = h(null), he = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
+		oe && pe(ee ?? "");
+	}, [oe, ee]);
+	let he = h(null), ge = (e) => e.map(({ label: e, optionDisplay: t, searchIndex: n, value: r, ...i }) => {
 		let a = r || e, o = [e, r];
 		return n && o.push(...n), {
 			label: e,
@@ -7224,27 +7241,27 @@ var Zr = {
 			optionDisplay: t,
 			...i
 		};
-	}), ge = m(() => {
-		let e = he(M);
-		if (!ue && !L) return [];
-		let t = (ue ?? "").toLowerCase();
+	}), X = m(() => {
+		let e = ge(P);
+		if (!de && !R) return [];
+		let t = (de ?? "").toLowerCase();
 		return e.filter((e) => (e.searchIndex?.map((e) => e.toLowerCase()) ?? []).some((e) => e.includes(t)));
 	}, [
-		M,
-		ue,
-		L,
-		p
-	]), { getInputProps: X, getItemProps: _e, getMenuProps: ve, highlightedIndex: ye, isOpen: be, openMenu: xe, reset: Se } = fe({
-		id: l,
-		inputId: `input-${l}`,
-		items: ge,
+		P,
+		de,
+		R,
+		_
+	]), { getInputProps: _e, getItemProps: ve, getMenuProps: ye, highlightedIndex: be, isOpen: xe, openMenu: Se, reset: Ce } = fe({
+		id: d,
+		inputId: `input-${d}`,
+		items: X,
 		itemToString: (e) => e ? e.label : "",
-		inputValue: ue,
+		inputValue: de,
 		onInputValueChange: ({ inputValue: e }) => {
-			de(e ?? "");
+			pe(e ?? "");
 		},
 		onSelectedItemChange: ({ selectedItem: e }) => {
-			e && (oe || de(e.label), Y(e.value), j?.(e));
+			e && (oe || pe(e.label), ue(e.value), M?.(e));
 		},
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (n === fe.stateChangeTypes.InputBlur) return {
@@ -7252,7 +7269,7 @@ var Zr = {
 				inputValue: e.inputValue
 			};
 			if (n === fe.stateChangeTypes.InputClick) {
-				if (L) return {
+				if (R) return {
 					...t,
 					isOpen: !0
 				};
@@ -7263,8 +7280,8 @@ var Zr = {
 			}
 			return t;
 		}
-	}), { context: Ce, floatingStyles: we, refs: Te } = N({
-		open: be,
+	}), { context: we, floatingStyles: Te, refs: Ee } = N({
+		open: xe,
 		whileElementsMounted: T,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7287,7 +7304,7 @@ var Zr = {
 				}
 			})
 		]
-	}), { isMounted: Ee, styles: De } = H(Ce, {
+	}), { isMounted: De, styles: Oe } = U(we, {
 		duration: {
 			open: 300,
 			close: 150
@@ -7295,103 +7312,106 @@ var Zr = {
 		initial: { opacity: 0 },
 		open: { opacity: 1 },
 		close: { opacity: 0 }
-	}), Oe = Bn("var(--pds-z-index-dropdown)"), ke = c((e) => {
-		Te.setReference(e), typeof W == "function" ? W(e) : W && "current" in W && (W.current = e);
-	}, [W, Te]), Ae = () => {
-		be ? Se() : xe();
-	}, je = () => {
-		oe || de(""), Y(void 0), Se(), me.current?.focus(), L && xe(), O?.();
-	}, Me = (e) => {
-		C?.(le);
+	}), ke = Bn("var(--pds-z-index-dropdown)"), Ae = c((e) => {
+		Ee.setReference(e), typeof G == "function" ? G(e) : G && "current" in G && (G.current = e);
+	}, [G, Ee]), je = () => {
+		xe ? Ce() : Se();
+	}, Me = () => {
+		oe || pe(""), ue(void 0), Ce(), he.current?.focus(), R && Se(), k?.();
 	}, Ne = (e) => {
-		L && xe(), k?.(le);
-	}, Pe = () => ge.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
+		w?.(le);
+	}, Pe = (e) => {
+		R && Se(), j?.(le);
+	}, Fe = () => X.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
 		key: t.value,
-		className: ye === n ? "pds-dropdown__item--focused" : "",
-		..._e({
+		className: be === n ? "pds-dropdown__item--focused" : "",
+		...ve({
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${K}__option-label` }, t.optionDisplay || t.label)));
+	}, /* @__PURE__ */ e.createElement("span", { className: `${q}__option-label` }, t.optionDisplay || t.label)));
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			K,
 			q,
 			te,
 			J,
 			ne,
 			re,
+			ie,
 			t ?? ""
 		]),
-		style: d ? G : null,
-		...U
+		style: f ? K : null,
+		...W
 	}, /* @__PURE__ */ e.createElement(ln, {
 		disabled: r,
-		id: `input-${l}`,
-		label: _,
-		required: F,
-		showLabel: I,
-		tooltipText: z
+		id: `input-${d}`,
+		label: v,
+		required: I,
+		showLabel: L,
+		tooltipText: B
 	}), /* @__PURE__ */ e.createElement("span", {
-		ref: ke,
-		"aria-describedby": ae ? `${l}__message` : null,
+		ref: Ae,
+		"aria-describedby": Y ? `${d}__message` : null,
 		"aria-disabled": r ? !0 : null,
-		"aria-invalid": ee === "error" ? !0 : null,
-		"aria-required": F ? !0 : null,
-		className: Z([`${K}__input-wrapper`, pe ? `${K}__input-wrapper--has-search-shortcut` : null]),
-		id: l
-	}, ie && /* @__PURE__ */ e.createElement(fn, { variant: ie }), /* @__PURE__ */ e.createElement("input", {
-		ref: me,
+		"aria-invalid": H === "error" ? !0 : null,
+		"aria-required": I ? !0 : null,
+		className: Z([`${q}__input-wrapper`, me ? `${q}__input-wrapper--has-search-shortcut` : null]),
+		id: d
+	}, ae && /* @__PURE__ */ e.createElement(fn, { variant: ae }), /* @__PURE__ */ e.createElement("input", {
+		ref: he,
 		autoComplete: "off",
-		className: `${K}__input`,
-		id: `input-${l}`,
-		...X({
-			"aria-label": v.inputInstructions,
+		className: `${q}__input`,
+		id: `input-${d}`,
+		..._e({
+			"aria-label": y.inputInstructions,
 			disabled: r,
-			placeholder: P,
-			onBlur: Me,
+			placeholder: F,
+			onBlur: Ne,
 			onChange: (e) => {
-				w?.(e);
+				O?.(e);
 			},
-			onFocus: Ne
+			onFocus: Pe
 		})
-	}), ue && i && /* @__PURE__ */ e.createElement(mn, {
-		clearLabel: v.clearButton,
-		handleClearInput: je,
-		id: `input-${l}`
-	}), pe && /* @__PURE__ */ e.createElement(pn, {
-		inputId: `input-${l}`,
-		shortcutLabel: v.searchShortcut
-	}), a && /* @__PURE__ */ e.createElement("button", {
-		"aria-expanded": be,
-		"aria-label": v.triggerButton,
-		className: `${K}__trigger`,
+	}), de && a && /* @__PURE__ */ e.createElement(mn, {
+		clearLabel: y.clearButton,
+		handleClearInput: Me,
+		id: `input-${d}`
+	}), me && /* @__PURE__ */ e.createElement(pn, {
+		inputId: `input-${d}`,
+		shortcutLabel: y.searchShortcut
+	}), o && /* @__PURE__ */ e.createElement("button", {
+		"aria-expanded": xe,
+		"aria-label": y.triggerButton,
+		className: `${q}__trigger`,
 		disabled: r,
-		onClick: Ae,
+		onClick: je,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${K}__trigger-icon`,
+		className: `${q}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	}))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: Te.setFloating,
-		className: `pds-dropdown__panel ${K}__dropdown`,
-		style: Ee ? {
-			...we,
-			...De,
-			zIndex: Oe
+		ref: Ee.setFloating,
+		className: `pds-dropdown__panel ${q}__dropdown ${i ? `${q}__dropdown--has-footer` : ""}`,
+		style: De ? {
+			...Te,
+			...Oe,
+			zIndex: ke
 		} : { display: "none" }
-	}, Ee && p && /* @__PURE__ */ e.createElement("div", { className: `${K}__loading` }, y), Ee && !p && ge.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, x), /* @__PURE__ */ e.createElement("ul", {
-		className: `${K}__options`,
-		...ve(),
-		style: Ee && !p && ge.length > 0 ? void 0 : { display: "none" }
-	}, Ee && !p && Pe()))), ae && /* @__PURE__ */ e.createElement(un, {
-		hasValidationMessage: !!B,
-		id: l,
-		message: ae,
+	}, De && _ && /* @__PURE__ */ e.createElement("div", { className: `${q}__loading` }, b), De && !_ && X.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, C), /* @__PURE__ */ e.createElement("ul", {
+		className: `${q}__options`,
+		...ye(),
+		style: De && (i || !_ && X.length > 0) ? void 0 : { display: "none" }
+	}, De && !_ && Fe(), De && i && /* @__PURE__ */ e.createElement("li", {
+		className: "pds-dropdown__footer",
+		role: "presentation"
+	}, i)))), Y && /* @__PURE__ */ e.createElement(un, {
+		hasValidationMessage: !!V,
+		id: d,
+		message: Y,
 		validationMessageHasDecorators: !1,
-		validationStatus: ee
+		validationStatus: H
 	}));
 }), gi = (e, t, n) => {
 	let r = n.toLowerCase();
@@ -7399,41 +7419,41 @@ var Zr = {
 		...e,
 		isAlreadySelected: t.some((t) => t.id === e.id)
 	})).sort((e, t) => e.badge && !t.badge ? -1 : !e.badge && t.badge ? 1 : 0);
-}, _i = ({ aiSuggestions: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, inputWidthMin: s, isLoading: c = !1, label: l = "Lorem ipsum dolor sit:", labelStrings: u = {
+}, _i = ({ aiSuggestions: t, className: n, disabled: r = !1, footer: i, id: a, initialSelectedItems: o = [], inputWidth: s, inputWidthMin: c, isLoading: l = !1, label: u = "Lorem ipsum dolor sit:", labelStrings: d = {
 	aiBadgeLabel: "Suggested",
 	aiPanelButton: "Show AI suggestions",
 	aiPanelClose: "Close suggestions panel",
 	aiPanelRefresh: "Refresh suggestions",
 	inputInstructions: "Type to search options",
 	triggerButton: "Toggle dropdown menu"
-}, loadingText: d = "Loading results...", noResultsText: f = "No results found", onChange: p, options: _, placeholder: v = "Filter", required: y = !1, showAllTags: b = !1, showLabel: x = !0, size: C = "s", ...w }) => {
-	let O = on(o, s), k = "pds-combobox-multi", j = C === "s" ? null : `${k}--${C}`, P = r ? $.disabled : null, F = y && !r ? $.required : null, I = b ? `${k}--show-all-tags` : null, [L, R] = g(""), [B, V] = g(a), [H, U] = g(null), [W, G] = g(!1), K = m(() => gi(_, B, L), [
-		_,
-		B,
-		L
-	]), q = m(() => t?.items?.map((e) => ({
+}, loadingText: f = "Loading results...", noResultsText: p = "No results found", onChange: _, options: v, placeholder: y = "Filter", required: b = !1, showAllTags: x = !1, showLabel: C = !0, size: w = "s", ...O }) => {
+	let k = on(s, c), j = "pds-combobox-multi", P = w === "s" ? null : `${j}--${w}`, F = r ? $.disabled : null, I = b && !r ? $.required : null, L = x ? `${j}--show-all-tags` : null, [R, B] = g(""), [H, U] = g(o), [ee, W] = g(null), [G, K] = g(!1), q = m(() => gi(v, H, R), [
+		v,
+		H,
+		R
+	]), te = m(() => t?.items?.map((e) => ({
 		...e,
-		isAlreadySelected: B.some((t) => t.id === e.id)
-	})) || [], [t?.items, B]), te = (e) => {
-		V(e), p?.(e);
-	}, { getDropdownProps: J, getSelectedItemProps: ne, removeSelectedItem: re } = pe({
-		selectedItems: B,
+		isAlreadySelected: H.some((t) => t.id === e.id)
+	})) || [], [t?.items, H]), J = (e) => {
+		U(e), _?.(e);
+	}, { getDropdownProps: ne, getSelectedItemProps: re, removeSelectedItem: ie } = pe({
+		selectedItems: H,
 		onStateChange: ({ selectedItems: e, type: t }) => {
 			if (!r) switch (t) {
 				case pe.stateChangeTypes.SelectedItemKeyDownBackspace:
 				case pe.stateChangeTypes.SelectedItemKeyDownDelete:
 				case pe.stateChangeTypes.DropdownKeyDownBackspace:
 				case pe.stateChangeTypes.FunctionRemoveSelectedItem:
-					te(e || []);
+					J(e || []);
 					break;
 				default: break;
 			}
 		}
-	}), { closeMenu: ie, getInputProps: ae, getItemProps: oe, getMenuProps: se, getToggleButtonProps: ce, highlightedIndex: le, isOpen: Y, openMenu: ue, selectedItem: de } = fe({
-		items: K,
+	}), { closeMenu: ae, getInputProps: Y, getItemProps: oe, getMenuProps: se, getToggleButtonProps: ce, highlightedIndex: le, isOpen: ue, openMenu: de, selectedItem: me } = fe({
+		items: q,
 		itemToString: (e) => e ? e.label : "",
 		selectedItem: null,
-		inputValue: L,
+		inputValue: R,
 		isOpen: r ? !1 : void 0,
 		stateReducer: (e, { changes: t, type: n }) => {
 			if (r) return e;
@@ -7452,20 +7472,20 @@ var Zr = {
 				case fe.stateChangeTypes.InputKeyDownEnter:
 				case fe.stateChangeTypes.ItemClick:
 				case fe.stateChangeTypes.InputBlur:
-					n && (n.isAlreadySelected ? te(B.filter((e) => e.id !== n.id)) : te([...B, n]), R(""), U(null));
+					n && (n.isAlreadySelected ? J(H.filter((e) => e.id !== n.id)) : J([...H, n]), B(""), W(null));
 					break;
 				case fe.stateChangeTypes.InputChange:
-					R(e || ""), U(null);
+					B(e || ""), W(null);
 					break;
 				case fe.stateChangeTypes.ToggleButtonClick:
 				case fe.stateChangeTypes.FunctionOpenMenu:
-					t && G(!1);
+					t && K(!1);
 					break;
 				default: break;
 			}
 		}
-	}), { floatingStyles: me, refs: he } = N({
-		open: Y,
+	}), { floatingStyles: he, refs: ge } = N({
+		open: ue,
 		whileElementsMounted: T,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7487,9 +7507,9 @@ var Zr = {
 				}
 			})
 		]
-	}), { context: ge, floatingStyles: X, refs: _e } = N({
-		open: W,
-		onOpenChange: G,
+	}), { context: X, floatingStyles: _e, refs: ve } = N({
+		open: G,
+		onOpenChange: K,
 		whileElementsMounted: T,
 		placement: "bottom-start",
 		strategy: "fixed",
@@ -7500,78 +7520,78 @@ var Zr = {
 				Object.assign(e.floating.style, { width: `${t.reference.width}px` });
 			} })
 		]
-	}), { getFloatingProps: ve } = z([M(ge)]), ye = Bn("var(--pds-z-index-dropdown)"), be = (e) => {
+	}), { getFloatingProps: ye } = z([M(X)]), be = Bn("var(--pds-z-index-dropdown)"), xe = (e) => {
 		if (e.stopPropagation(), r) return;
-		let t = !W;
-		G(t), t && Y && ie();
-	}, xe = (e) => {
-		r || (e.isAlreadySelected ? te(B.filter((t) => t.id !== e.id)) : te([...B, e]));
-	}, Se = () => {
-		G(!1), t?.onClose?.();
+		let t = !G;
+		K(t), t && ue && ae();
+	}, Se = (e) => {
+		r || (e.isAlreadySelected ? J(H.filter((t) => t.id !== e.id)) : J([...H, e]));
 	}, Ce = () => {
-		t?.onRefresh?.();
+		K(!1), t?.onClose?.();
 	}, we = () => {
-		if (H === null) U(B.length - 1);
+		t?.onRefresh?.();
+	}, Te = () => {
+		if (ee === null) W(H.length - 1);
 		else {
-			let e = [...B];
-			e.splice(H, 1), te(e), U(null);
+			let e = [...H];
+			e.splice(ee, 1), J(e), W(null);
 		}
-	}, Te = h(!1), Ee = () => {
-		r || (Te.current ? ie() : ue());
-	}, De = (e) => {
-		Te.current = Y, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
+	}, Ee = h(!1), De = () => {
+		r || (Ee.current ? ae() : de());
 	}, Oe = (e) => {
-		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !L && B.length > 0 && (e.preventDefault(), we()), e.key === "Enter" && H !== null && (e.preventDefault(), we()), !Y && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ue()));
-	}, ke = ae({
-		...J({ preventKeyAction: Y }),
+		Ee.current = ue, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
+	}, ke = (e) => {
+		e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !R && H.length > 0 && (e.preventDefault(), Te()), e.key === "Enter" && ee !== null && (e.preventDefault(), Te()), !ue && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), de()));
+	}, Ae = Y({
+		...ne({ preventKeyAction: ue }),
 		disabled: r,
-		onKeyDown: Oe
-	}), Ae = B.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1) : B.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1)) : B.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-item` }, B.length - 1)) : "", je = J(), Me = ee([je.ref, he.setFloating]);
+		onKeyDown: ke
+	}), je = H.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-item` }, H.length - 1) : H.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-item` }, H.length - 1)) : H.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-item` }, H.length - 1)) : "", Me = ne(), Ne = V([Me.ref, ge.setFloating]);
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			k,
 			j,
 			P,
 			F,
 			I,
+			L,
 			n ?? ""
 		]),
-		style: o ? O : null,
-		...w
+		style: s ? k : null,
+		...O
 	}, /* @__PURE__ */ e.createElement(ln, {
 		disabled: r,
-		id: i,
-		label: l,
-		required: y,
-		showLabel: x
+		id: a,
+		label: u,
+		required: b,
+		showLabel: C
 	}), /* @__PURE__ */ e.createElement("div", {
 		ref: (e) => {
-			he.setReference(e), _e.setReference(e);
+			ge.setReference(e), ve.setReference(e);
 		},
 		"aria-disabled": r ? !0 : null,
-		"aria-required": y ? !0 : null,
-		className: `${k}__input-wrapper`,
-		onClick: Ee,
-		onKeyDown: Oe,
-		onMouseDown: De,
+		"aria-required": b ? !0 : null,
+		className: `${j}__input-wrapper`,
+		onClick: De,
+		onKeyDown: ke,
+		onMouseDown: Oe,
 		tabIndex: r ? -1 : 0
-	}, B.length > 1 && !b && /* @__PURE__ */ e.createElement("div", { className: `${k}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__counter-wrapper` }, Ae)), B.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${k}__items-wrapper` }, B.map((t, n) => /* @__PURE__ */ e.createElement("span", {
+	}, H.length > 1 && !x && /* @__PURE__ */ e.createElement("div", { className: `${j}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${j}__counter-wrapper` }, je)), H.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${j}__items-wrapper` }, H.map((t, n) => /* @__PURE__ */ e.createElement("span", {
 		key: `selected-item-${n}`,
 		className: `
-                  ${k}__selected-item
-                  ${n === H ? `${k}__selected-item--marked-for-deletion` : ""}
+                  ${j}__selected-item
+                  ${n === ee ? `${j}__selected-item--marked-for-deletion` : ""}
                 `,
-		...ne({
+		...re({
 			selectedItem: t,
 			index: n
 		}),
 		tabIndex: -1
-	}, /* @__PURE__ */ e.createElement("span", { className: `${k}__selected-item-text` }, t.label), /* @__PURE__ */ e.createElement("button", {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${j}__selected-item-text` }, t.label), /* @__PURE__ */ e.createElement("button", {
 		"aria-label": `Remove ${t.label}`,
-		className: `${k}__selected-item-remove`,
+		className: `${j}__selected-item-remove`,
 		onClick: (e) => {
-			e.stopPropagation(), re(t);
+			e.stopPropagation(), ie(t);
 		},
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && e.stopPropagation();
@@ -7580,90 +7600,93 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
 		size: "xs"
-	}))))), /* @__PURE__ */ e.createElement("div", { className: `${k}__end-actions` }, t && /* @__PURE__ */ e.createElement("button", {
-		"aria-label": u.aiPanelButton,
-		className: Z([`${k}__ai-button`, P ?? ""]),
+	}))))), /* @__PURE__ */ e.createElement("div", { className: `${j}__end-actions` }, t && /* @__PURE__ */ e.createElement("button", {
+		"aria-label": d.aiPanelButton,
+		className: Z([`${j}__ai-button`, F ?? ""]),
 		disabled: r,
-		onClick: be,
+		onClick: xe,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${k}__ai-icon`,
+		className: `${j}__ai-icon`,
 		iconName: "sparkles",
 		size: "xs"
 	})), /* @__PURE__ */ e.createElement("button", {
-		"aria-label": u.triggerButton,
-		className: `${k}__trigger ${P}`,
+		"aria-label": d.triggerButton,
+		className: `${j}__trigger ${F}`,
 		disabled: r,
 		type: "button",
 		...ce({ onClick: (e) => e.stopPropagation() })
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: `${k}__trigger-icon`,
+		className: `${j}__trigger-icon`,
 		iconName: "angleDown",
 		size: "m"
 	})))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		...je,
-		ref: Me,
-		className: `pds-dropdown__panel ${k}__dropdown`,
-		style: Y ? {
-			...me,
-			zIndex: ye
+		...Me,
+		ref: Ne,
+		className: `pds-dropdown__panel ${j}__dropdown ${i ? `${j}__dropdown--has-footer` : ""}`,
+		style: ue ? {
+			...he,
+			zIndex: be
 		} : { display: "none" }
-	}, /* @__PURE__ */ e.createElement("div", { className: `${k}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(fn, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
-		"aria-label": u.inputInstructions,
-		className: `${k}__dropdown-input`,
-		placeholder: v,
-		...ke,
+	}, /* @__PURE__ */ e.createElement("div", { className: `${j}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(fn, { variant: "search" }), /* @__PURE__ */ e.createElement("input", {
+		"aria-label": d.inputInstructions,
+		className: `${j}__dropdown-input`,
+		placeholder: y,
+		...Ae,
 		onClick: (e) => {
 			e.stopPropagation();
 		}
-	})), Y && c && /* @__PURE__ */ e.createElement("div", { className: `${k}__loading` }, d), Y && !c && K.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, f), /* @__PURE__ */ e.createElement("ul", {
-		className: `${k}__dropdown-list`,
+	})), ue && l && /* @__PURE__ */ e.createElement("div", { className: `${j}__loading` }, f), ue && !l && q.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, p), /* @__PURE__ */ e.createElement("ul", {
+		className: `${j}__dropdown-list`,
 		...se(),
-		style: Y && !c && K.length > 0 ? void 0 : { display: "none" }
-	}, Y && !c && K.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
+		style: ue && (i || !l && q.length > 0) ? void 0 : { display: "none" }
+	}, ue && !l && q.map((t, n) => /* @__PURE__ */ e.createElement(vn, {
 		key: `${t.id}-${n}`,
-		className: `${k}__dropdown-item
+		className: `${j}__dropdown-item
                   ${le === n ? "pds-dropdown__item--focused" : ""}
-                  ${de === t ? `${k}__dropdown-item--selected` : ""}
+                  ${me === t ? `${j}__dropdown-item--selected` : ""}
                   ${t.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
 		...oe({
 			item: t,
 			index: n
 		})
-	}, /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${k}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
+	}, /* @__PURE__ */ e.createElement("span", { className: `${j}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${j}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${j}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "sparkles",
 		size: "xs"
-	}), /* @__PURE__ */ e.createElement("span", null, u.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(cr, null))))))), W && t && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
-		ref: _e.setFloating,
-		className: `${k}__aux-panel`,
+	}), /* @__PURE__ */ e.createElement("span", null, d.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(cr, null)))), ue && i && /* @__PURE__ */ e.createElement("li", {
+		className: "pds-dropdown__footer",
+		role: "presentation"
+	}, i)))), G && t && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
+		ref: ve.setFloating,
+		className: `${j}__aux-panel`,
 		style: {
-			...X,
-			zIndex: ye
+			..._e,
+			zIndex: be
 		},
-		...ve()
-	}, t.content ? /* @__PURE__ */ e.createElement("div", { className: `${k}__aux-panel-content` }, t.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Q, {
-		className: `${k}__aux-panel-icon`,
+		...ye()
+	}, t.content ? /* @__PURE__ */ e.createElement("div", { className: `${j}__aux-panel-content` }, t.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Q, {
+		className: `${j}__aux-panel-icon`,
 		iconName: "sparkles",
 		size: "m"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${k}__aux-panel-items` }, q.map((t) => /* @__PURE__ */ e.createElement("button", {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${j}__aux-panel-items` }, te.map((t) => /* @__PURE__ */ e.createElement("button", {
 		key: t.id,
-		className: Z([`${k}__aux-panel-item`, t.isAlreadySelected ? `${k}__aux-panel-item--selected` : ""]),
-		onClick: () => xe(t),
+		className: Z([`${j}__aux-panel-item`, t.isAlreadySelected ? `${j}__aux-panel-item--selected` : ""]),
+		onClick: () => Se(t),
 		type: "button"
-	}, t.label)))), /* @__PURE__ */ e.createElement("div", { className: `${k}__aux-panel-header` }, /* @__PURE__ */ e.createElement("button", {
-		"aria-label": u.aiPanelRefresh,
-		className: `${k}__aux-panel-button`,
+	}, t.label)))), /* @__PURE__ */ e.createElement("div", { className: `${j}__aux-panel-header` }, /* @__PURE__ */ e.createElement("button", {
+		"aria-label": d.aiPanelRefresh,
+		className: `${j}__aux-panel-button`,
 		disabled: t.isFetching || t.disableRefresh,
-		onClick: Ce,
+		onClick: we,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		className: Z([`${k}__aux-panel-refresh-icon`, t.isFetching ? `${k}__aux-panel-button-icon--rotating` : ""]),
+		className: Z([`${j}__aux-panel-refresh-icon`, t.isFetching ? `${j}__aux-panel-button-icon--rotating` : ""]),
 		iconName: "rotate",
 		size: "m"
 	})), /* @__PURE__ */ e.createElement("button", {
-		"aria-label": u.aiPanelClose,
-		className: `${k}__aux-panel-button`,
-		onClick: Se,
+		"aria-label": d.aiPanelClose,
+		className: `${j}__aux-panel-button`,
+		onClick: Ce,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "xmark",
@@ -7701,20 +7724,20 @@ var Zr = {
 		},
 		shouldForceLeadingZeros: !0,
 		value: m(() => yi(R), [R])
-	}), B = h(null), { fieldProps: ee } = Le({
+	}), B = h(null), { fieldProps: V } = Le({
 		"aria-describedby": N ? `${o}__message` : void 0,
 		"aria-labelledby": `${o}-label`,
 		isDisabled: i
-	}, z, B), V = h(x);
+	}, z, B), H = h(x);
 	u(() => {
-		let e = V.current;
-		if (V.current = x, !x || !e || x === e) return;
+		let e = H.current;
+		if (H.current = x, !x || !e || x === e) return;
 		let n = z.value;
 		if (!n) return;
 		let r = Ce(we(Se(t ?? Te(e), n), e), x), i = bi(new he(r.hour, r.minute));
 		i && (P || L(i), p && p(i));
 	}, [x]);
-	let H = m(() => {
+	let U = m(() => {
 		if (!x) return;
 		let e = (t ?? Te(x)).toDate(x);
 		try {
@@ -7729,7 +7752,7 @@ var Zr = {
 		t,
 		F,
 		x
-	]), { focusProps: U, isFocusVisible: W } = Pe({ within: !0 }), G = z.value !== null;
+	]), { focusProps: ee, isFocusVisible: W } = Pe({ within: !0 }), G = z.value !== null;
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
@@ -7750,7 +7773,7 @@ var Zr = {
 		showLabel: y,
 		tooltipText: S
 	}), /* @__PURE__ */ e.createElement("div", {
-		...Oe(ee, U),
+		...Oe(V, ee),
 		ref: B,
 		className: Z([`${D}__input-wrapper`, W ? `${D}__input-wrapper--focus-visible` : null]),
 		id: o
@@ -7766,7 +7789,7 @@ var Zr = {
 		baseClass: D,
 		segment: t,
 		state: z
-	})), H && G && /* @__PURE__ */ e.createElement("div", { className: `${D}__timezone` }, H))), N && /* @__PURE__ */ e.createElement(un, {
+	})), U && G && /* @__PURE__ */ e.createElement("div", { className: `${D}__timezone` }, U))), N && /* @__PURE__ */ e.createElement(un, {
 		hasValidationMessage: !!C,
 		id: o,
 		message: N,
@@ -7919,22 +7942,22 @@ var Zr = {
 	let z = b === "range", B = {
 		...Ni,
 		...N
-	}, ee = z && !!w && w.length > 0;
-	k && !O && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), w && w.length > 0 && !z && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !ee && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set."), i !== void 0 && !(ee && w?.some((e) => e.label === i)) && process.env.NODE_ENV !== "production" && console.warn(`[Datepicker] \`defaultPresetLabel\` "${i}" matches no entry in \`presets\` — nothing is seeded as active.`);
-	let { locale: V } = Fe(), H = p?.code ?? V, U = m(() => z ? w?.find((e) => e.label === i) : void 0, [
+	}, V = z && !!w && w.length > 0;
+	k && !O && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), w && w.length > 0 && !z && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !V && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set."), i !== void 0 && !(V && w?.some((e) => e.label === i)) && process.env.NODE_ENV !== "production" && console.warn(`[Datepicker] \`defaultPresetLabel\` "${i}" matches no entry in \`presets\` — nothing is seeded as active.`);
+	let { locale: H } = Fe(), U = p?.code ?? H, ee = m(() => z ? w?.find((e) => e.label === i) : void 0, [
 		i,
 		z,
 		w
 	]), W = (e) => {
 		let t = Mi(e, {
-			locale: H,
+			locale: U,
 			timeZone: j
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
 		return !O || n ? t : {
 			from: Oi(Ci(t.from, j), ki, j),
 			to: Oi(Ci(t.to, j), Ai, j)
 		};
-	}, [G, K] = g(() => I ?? (U ? W(U) : void 0)), [q, te] = g("local"), J = k && q === "utc" ? "UTC" : j, [ne, re] = g(U?.label), [ie, ae] = g(D), oe = !ee || ie, se = !ee || D || t, ce = L === 1 ? z && O ? 400 : 280 : 550, le = h(null), Y = ne === void 0 && (z ? !!G?.from : !!G), ue = (e, t) => z && O ? e ?? t : e, [de, fe] = g(() => ue(Di(z ? G?.from : G, J), ki)), [pe, me] = g(() => ue(Di(G?.to, J), Ai)), he = on(l, d), X = "pds-datepicker", _e = a ? $.disabled : null, ve = T && !a ? $.required : null, be = F === "error" ? $.error : null, xe = F === "success" ? $.success : null, Se = P || v, Ce = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, B.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(ur, {
+	}, [G, K] = g(() => I ?? (ee ? W(ee) : void 0)), [q, te] = g("local"), J = k && q === "utc" ? "UTC" : j, [ne, re] = g(ee?.label), [ie, ae] = g(D), Y = !V || ie, oe = !V || D || t, se = L === 1 ? z && O ? 400 : 280 : 550, ce = h(null), le = ne === void 0 && (z ? !!G?.from : !!G), ue = (e, t) => z && O ? e ?? t : e, [de, fe] = g(() => ue(Di(z ? G?.from : G, J), ki)), [pe, me] = g(() => ue(Di(G?.to, J), Ai)), he = on(l, d), X = "pds-datepicker", _e = a ? $.disabled : null, ve = T && !a ? $.required : null, be = F === "error" ? $.error : null, xe = F === "success" ? $.success : null, Se = P || v, Ce = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, B.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(ur, {
 		id: `${c}-timezone-switcher`,
 		label: B.timeZoneSwitcherLabel || "",
 		onChange: (e) => te(e),
@@ -7960,7 +7983,7 @@ var Zr = {
 		}, 300);
 	}, Ue = Re({
 		createCalendar: ge,
-		locale: H,
+		locale: U,
 		maxValue: Ve,
 		minValue: Be,
 		onChange: (e) => {
@@ -7969,7 +7992,7 @@ var Zr = {
 		value: z ? null : Ci(G, J) ?? null
 	}), We = h(null), Ge = ze({
 		createCalendar: ge,
-		locale: H,
+		locale: U,
 		maxValue: Ve,
 		minValue: Be,
 		visibleDuration: { months: L },
@@ -7986,7 +8009,7 @@ var Zr = {
 				end: n
 			} : null;
 		})() : null
-	}), Ke = z ? Ge : Ue, { calendarProps: qe, nextButtonProps: Je, prevButtonProps: Ye } = Ae({}, Ue), { calendarProps: Xe, nextButtonProps: Ze, prevButtonProps: Qe } = Ie({}, Ge, We), $e = z ? Xe : qe, et = z ? Ze : Je, tt = z ? Qe : Ye, nt = (e) => new Intl.DateTimeFormat(H, {
+	}), Ke = z ? Ge : Ue, { calendarProps: qe, nextButtonProps: Je, prevButtonProps: Ye } = Ae({}, Ue), { calendarProps: Xe, nextButtonProps: Ze, prevButtonProps: Qe } = Ie({}, Ge, We), $e = z ? Xe : qe, et = z ? Ze : Je, tt = z ? Qe : Ye, nt = (e) => new Intl.DateTimeFormat(U, {
 		month: "long",
 		year: "numeric"
 	}).format(e.toDate(ye())), rt = z ? Array.from({ length: L }, (e, t) => t) : [0], it = rt.map((e) => nt(Ke.visibleRange.start.add({ months: e }))), at = h(null), ot = h(null), { buttonProps: st } = ke(tt, at), { buttonProps: ct } = ke(et, ot), lt = () => {
@@ -7998,7 +8021,7 @@ var Zr = {
 		Ke.setFocusedDate(e), z ? (Ge.setValue(null), K(void 0), re(void 0), x?.(void 0)) : (Ue.setValue(e), He(Oi(e, O ? de : void 0, J), void 0, !O));
 	}, pt = (e) => {
 		let t = Mi(e, {
-			locale: H,
+			locale: U,
 			timeZone: J
 		}), n = e.hours !== void 0 || e.minutes !== void 0;
 		ae(D), O && n ? (fe(Di(t.from, J)), me(Di(t.to, J)), He(t, e.label)) : He(O ? {
@@ -8052,8 +8075,8 @@ var Zr = {
 			Ke.setFocusedDate(e ?? Te(J)), ae(D);
 		}
 	}, [Me]), u(() => {
-		le.current && (le.current.inert = !oe);
-	}, [oe]);
+		ce.current && (ce.current.inert = !Y);
+	}, [Y]);
 	let _t = w?.find((e) => e.label === ne), vt = _t && (_t.showLabelInTrigger ?? (_t.hours !== void 0 || _t.minutes !== void 0)) ? _t.label : void 0, yt = () => {
 		if (vt !== void 0) return vt;
 		if (z) {
@@ -8140,7 +8163,7 @@ var Zr = {
 		size: "s",
 		timeZone: J,
 		value: de
-	})), k && !ee && Ce), o && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, o), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, A && /* @__PURE__ */ e.createElement(kn, {
+	})), k && !V && Ce), o && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, o), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, A && /* @__PURE__ */ e.createElement(kn, {
 		className: `${X}__action-button ${X}__action-button--today`,
 		label: B.todayButton,
 		onClick: ft,
@@ -8162,7 +8185,7 @@ var Zr = {
 		type: "button",
 		variant: "highlight"
 	}))));
-	return /* @__PURE__ */ e.createElement(De, { locale: H }, /* @__PURE__ */ e.createElement("div", {
+	return /* @__PURE__ */ e.createElement(De, { locale: U }, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			X,
@@ -8207,7 +8230,7 @@ var Zr = {
 			zIndex: Le
 		},
 		...Ee()
-	}, ee && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, oe ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
+	}, V && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, Y ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
 		"aria-label": B.presetsGroupLabel,
 		className: `${X}__preset-list`,
 		role: "group"
@@ -8221,8 +8244,8 @@ var Zr = {
 		"aria-hidden": "true",
 		className: `${X}__preset-divider`
 	}), /* @__PURE__ */ e.createElement("button", {
-		"aria-pressed": Y,
-		className: Z([`${X}__preset-item`, Y ? `${X}__preset-item--active` : null]),
+		"aria-pressed": le,
+		className: Z([`${X}__preset-item`, le ? `${X}__preset-item--active` : null]),
 		onClick: () => {
 			re(void 0), ae(!0);
 		},
@@ -8230,13 +8253,13 @@ var Zr = {
 	}, B.customPresetLabel, !D && /* @__PURE__ */ e.createElement(Q, {
 		iconName: "angleRight",
 		size: "xs"
-	})))), O && k && Ce), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, xt()), ee ? se && /* @__PURE__ */ e.createElement("div", {
-		ref: le,
+	})))), O && k && Ce), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, xt()), V ? oe && /* @__PURE__ */ e.createElement("div", {
+		ref: ce,
 		className: `${X}__calendar-wrapper`,
-		style: { flexBasis: oe ? ce : 0 }
+		style: { flexBasis: Y ? se : 0 }
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${X}__calendar-wrapper-inner`,
-		style: { width: ce }
+		style: { width: se }
 	}, Ct)) : Ct))));
 }, Li = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, inputWidthMin: l, labelStrings: d = {
 	chooseFile: "Choose file",
@@ -8244,22 +8267,22 @@ var Zr = {
 }, message: f, multiple: p = !1, onClear: m, onFileChange: h, required: _ = !1, showFullPath: v, showLabel: y = !0, size: b = "s", tooltipText: x = null, validationMessage: S, validationStatus: C, ...w }, T) => {
 	let [E, D] = g(!1), [O, k] = g(!!(Ve && r)), A = on(c, l), j = "pds-file-upload", M = b === "s" ? null : `${j}--${b}`, N = i ? $.disabled : null, P = _ && !i ? $.required : null, F = C === "error" ? $.error : null, I = C === "success" ? $.success : null, L = O ? `${j}--safari-default` : null, R = null;
 	C === "error" && (R = "error"), C === "success" && (R = "success");
-	let z = S || f, B = r ? [r] : null, ee = r ? r.split("/").pop() : null, V = v ? r : ee, H = r ? new File(B, V) : null;
+	let z = S || f, B = r ? [r] : null, V = r ? r.split("/").pop() : null, H = v ? r : V, U = r ? new File(B, H) : null;
 	u(() => {
 		let e = new DataTransfer();
-		if (H && e.items.add(H), e.files.length > 0) {
+		if (U && e.items.add(U), e.files.length > 0) {
 			let t = document.getElementById(`${o}--input`);
-			t.files = e.files, Ve && (t.dataset.file = `${V}`), D(!0);
+			t.files = e.files, Ve && (t.dataset.file = `${H}`), D(!0);
 		}
 	}, [r, v]);
-	let U = () => {
+	let ee = () => {
 		let e = document.getElementById(`${o}--input`);
 		if (!e || !r) return;
 		let t = new DataTransfer();
-		t.items.add(H), e.files = t.files, D(!0);
+		t.items.add(U), e.files = t.files, D(!0);
 	}, W = (e) => {
 		if (e.target.files.length === 0) {
-			r ? U() : D(!1);
+			r ? ee() : D(!1);
 			return;
 		}
 		Ve && r && (r === e.target.value ? k(!0) : k(!1)), h && h(e.target.files), D(!0);
@@ -8518,8 +8541,8 @@ var Zr = {
 	tagRemove: "Remove {value}",
 	tagsListLabel: "Current tags"
 }, validationMessage: x, validationStatus: S, ...C }, w) => {
-	let T = on(o, s), E = "pds-tags-input", D = _ === "s" ? null : `${E}--${_}`, O = r ? $.disabled : null, k = p && !r ? $.required : null, A = S === "error" ? $.error : null, j = S === "success" ? $.success : null, M = x || u, [N, P] = g(""), [F, I] = g(null), [L, R] = g(null), [z, B] = g(null), [ee, V] = g(null), [H, U] = g(""), W = h(null), G = v.length > 0 ? t : f, K = (e) => {
-		U(e), setTimeout(() => U(""), 1e3);
+	let T = on(o, s), E = "pds-tags-input", D = _ === "s" ? null : `${E}--${_}`, O = r ? $.disabled : null, k = p && !r ? $.required : null, A = S === "error" ? $.error : null, j = S === "success" ? $.success : null, M = x || u, [N, P] = g(""), [F, I] = g(null), [L, R] = g(null), [z, B] = g(null), [V, H] = g(null), [U, ee] = g(""), W = h(null), G = v.length > 0 ? t : f, K = (e) => {
+		ee(e), setTimeout(() => ee(""), 1e3);
 	}, q = (e) => {
 		d(e);
 	}, te = (e) => {
@@ -8540,11 +8563,11 @@ var Zr = {
 	}, ae = (e) => {
 		let t = v.find((t) => t.id === e);
 		q(v.filter((t) => t.id !== e)), t && K(`${t.value} removed`);
-	}, oe = () => {
-		V(null), setTimeout(() => {
+	}, Y = () => {
+		H(null), setTimeout(() => {
 			W.current?.focus();
 		}, 0);
-	}, se = (e) => {
+	}, oe = (e) => {
 		if (!r) if (e.key === "Enter" && N.trim()) {
 			e.preventDefault();
 			let t = {
@@ -8555,7 +8578,7 @@ var Zr = {
 		} else if (e.key === "Backspace" && !N && v.length > 0) {
 			let e = v[v.length - 1];
 			q(v.slice(0, -1)), K(`${e.value} removed`);
-		} else e.key === "ArrowLeft" && !N && v.length > 0 && (e.preventDefault(), V(v.length - 1));
+		} else e.key === "ArrowLeft" && !N && v.length > 0 && (e.preventDefault(), H(v.length - 1));
 	};
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
@@ -8581,7 +8604,7 @@ var Zr = {
 		"aria-atomic": "true",
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, H), /* @__PURE__ */ e.createElement("div", {
+	}, U), /* @__PURE__ */ e.createElement("div", {
 		"aria-labelledby": `${i}-label`,
 		className: `${E}__input-wrapper`,
 		role: "group",
@@ -8600,17 +8623,17 @@ var Zr = {
 		}, /* @__PURE__ */ e.createElement(Vi, {
 			disabled: r,
 			dropTargetDirection: i,
-			focusedIndex: ee,
+			focusedIndex: V,
 			index: n,
 			isDragging: F === t.id,
 			isSortable: c,
 			onDragEnd: J,
 			onDragOver: ne,
 			onDragStart: te,
-			onFocusInput: oe,
+			onFocusInput: Y,
 			onKeyboardMove: ie,
 			onRemove: ae,
-			setFocusedIndex: V,
+			setFocusedIndex: H,
 			tag: t,
 			totalTags: v.length,
 			translationStrings: b
@@ -8626,7 +8649,7 @@ var Zr = {
 		id: i,
 		name: i,
 		onChange: (e) => P(e.target.value),
-		onKeyDown: se,
+		onKeyDown: oe,
 		placeholder: G,
 		required: p,
 		type: "text",
@@ -8649,9 +8672,9 @@ var Zr = {
 	visibilityToggleHide: "Hide input value",
 	visibilityToggleShow: "Show input value"
 }, validationMessage: w, validationStatus: T, value: E, ...D }, O) => {
-	let k = on(o, s), A = "pds-textarea", j = c ? "pds-is-resizable" : null, M = i ? $.disabled : null, N = _ && !i ? $.required : null, P = T === "error" ? $.error : null, F = T === "success" ? $.success : null, I = b === "s" ? null : `${A}--${b}`, L = h ? $.readonly : null, R = w || u, z = E != null && f !== void 0, [B, ee] = g(r === void 0 ? "" : r), V = E || B, H = (e) => {
-		z || ee(e.target.value), f && f(e);
-	}, U = (e) => {
+	let k = on(o, s), A = "pds-textarea", j = c ? "pds-is-resizable" : null, M = i ? $.disabled : null, N = _ && !i ? $.required : null, P = T === "error" ? $.error : null, F = T === "success" ? $.success : null, I = b === "s" ? null : `${A}--${b}`, L = h ? $.readonly : null, R = w || u, z = E != null && f !== void 0, [B, V] = g(r === void 0 ? "" : r), H = E || B, U = (e) => {
+		z || V(e.target.value), f && f(e);
+	}, ee = (e) => {
 		d && d(e);
 	}, W = (e) => {
 		h && e.preventDefault();
@@ -8679,7 +8702,7 @@ var Zr = {
 		showLabel: y,
 		tooltipText: S
 	}), n && /* @__PURE__ */ e.createElement(hn, {
-		currentLength: V.length,
+		currentLength: H.length,
 		id: a,
 		maxLength: n,
 		overLimitMessage: C.counterOverLimit
@@ -8691,8 +8714,8 @@ var Zr = {
 		disabled: i,
 		id: a,
 		name: a,
-		onBlur: U,
-		onChange: H,
+		onBlur: ee,
+		onChange: U,
 		onFocus: p,
 		onMouseDown: W,
 		placeholder: m,
@@ -8716,12 +8739,12 @@ var Zr = {
 	visibilityToggleHide: "Hide input value",
 	visibilityToggleShow: "Show input value"
 }, type: k = "text", validationMessage: A, validationStatus: j, value: M, ...N }, P) => {
-	let F = on(d, f), I = "pds-text-input", L = a ? $.disabled : null, R = S && !a ? $.required : null, z = j === "error" ? $.error : null, B = j === "success" ? $.success : null, ee = x ? $.readonly : null, V = E === "s" ? null : `${I}--${E}`, H = c && k === "url" ? `${I}--has-url-prefix` : null, U = null;
-	k === "search" && (U = "search"), k === "search" && C === "filter" && (U = "filter"), j === "error" && (U = "error"), j === "success" && (U = "success");
+	let F = on(d, f), I = "pds-text-input", L = a ? $.disabled : null, R = S && !a ? $.required : null, z = j === "error" ? $.error : null, B = j === "success" ? $.success : null, V = x ? $.readonly : null, H = E === "s" ? null : `${I}--${E}`, U = c && k === "url" ? `${I}--has-url-prefix` : null, ee = null;
+	k === "search" && (ee = "search"), k === "search" && C === "filter" && (ee = "filter"), j === "error" && (ee = "error"), j === "success" && (ee = "success");
 	let W = A || m, G = M !== void 0, [K, q] = g(i === void 0 ? "" : i), te = M || K, J = s && k === "search" && !te, ne = (e) => {
 		x && e.preventDefault();
 	}, re = (e) => {
-		if (T && oe && se(!1), c && k === "url") {
+		if (T && Y && oe(!1), c && k === "url") {
 			let t = sn(e.target.value), n = {
 				...e,
 				target: {
@@ -8746,22 +8769,22 @@ var Zr = {
 		G || q(""), v && v();
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, [oe, se] = g(!1), ce = () => {
-		se((e) => !e);
+	}, [Y, oe] = g(!1), se = () => {
+		oe((e) => !e);
 		let e = document.getElementById(l);
 		e && e.focus();
-	}, le = k;
-	return T && k === "password" && (le = oe ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
+	}, ce = k;
+	return T && k === "password" && (ce = Y ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
 			I,
-			V,
+			H,
 			L,
 			R,
 			z,
 			B,
-			ee,
-			H,
+			V,
+			U,
 			n ?? ""
 		]),
 		style: d ? F : null,
@@ -8776,11 +8799,11 @@ var Zr = {
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("div", {
 		"aria-live": "polite",
 		className: "visually-hidden"
-	}, `${O.visibilityStatus} ${oe ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
+	}, `${O.visibilityStatus} ${Y ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: Z([
 		`${I}__input-wrapper`,
 		c && k === "url" ? `${I}__input-wrapper--has-prefix` : null,
 		J ? `${I}__input-wrapper--has-search-shortcut` : null
-	]) }, U && /* @__PURE__ */ e.createElement(fn, { variant: U }), c && k === "url" && /* @__PURE__ */ e.createElement(Wi, null), /* @__PURE__ */ e.createElement("input", {
+	]) }, ee && /* @__PURE__ */ e.createElement(fn, { variant: ee }), c && k === "url" && /* @__PURE__ */ e.createElement(Wi, null), /* @__PURE__ */ e.createElement("input", {
 		ref: P,
 		"aria-describedby": W ? `${l}__message` : null,
 		"aria-invalid": j === "error" ? !0 : null,
@@ -8796,7 +8819,7 @@ var Zr = {
 		placeholder: b,
 		readOnly: x,
 		required: S,
-		type: le,
+		type: ce,
 		value: G ? M : K,
 		...u
 	}), o && te && /* @__PURE__ */ e.createElement(mn, {
@@ -8806,12 +8829,12 @@ var Zr = {
 	}), T && k === "password" && /* @__PURE__ */ e.createElement("button", {
 		"aria-controls": l,
 		className: `${I}__visibility-toggle`,
-		onClick: ce,
+		onClick: se,
 		onMouseDown: (e) => e.preventDefault(),
-		title: oe ? O.visibilityToggleHide : O.visibilityToggleShow,
+		title: Y ? O.visibilityToggleHide : O.visibilityToggleShow,
 		type: "button"
 	}, /* @__PURE__ */ e.createElement(Q, {
-		iconName: oe ? "eyeSlash" : "eye",
+		iconName: Y ? "eyeSlash" : "eye",
 		size: "m"
 	})), J && /* @__PURE__ */ e.createElement(pn, {
 		inputId: l,
@@ -9418,7 +9441,7 @@ var Zr = {
 		]),
 		role: i ? "menuitem" : void 0,
 		tabIndex: i ? b === r ? 0 : -1 : void 0,
-		...i ? ee({ onKeyDown: (e) => G(e, r) }) : null
+		...i ? V({ onKeyDown: (e) => G(e, r) }) : null
 	}, t.linkContent))), [v, y] = g(!1), [b, x] = g(null), C = h([]), w = h(v), A = h(!1), { context: j, floatingStyles: P, refs: F } = N({
 		placement: "right-start",
 		open: v,
@@ -9445,7 +9468,7 @@ var Zr = {
 		i,
 		F.reference
 	]);
-	let { getFloatingProps: R, getItemProps: ee, getReferenceProps: H } = z([
+	let { getFloatingProps: R, getItemProps: V, getReferenceProps: U } = z([
 		L(j, {
 			move: !1,
 			delay: {
@@ -9455,7 +9478,7 @@ var Zr = {
 			handleClose: O()
 		}),
 		M(j),
-		V(j, { role: "menu" }),
+		H(j, { role: "menu" }),
 		B(j, {
 			listRef: C,
 			activeIndex: b,
@@ -9464,7 +9487,7 @@ var Zr = {
 			openOnArrowKeyDown: !0,
 			focusItemOnOpen: !1
 		})
-	]), U = (e) => {
+	]), ee = (e) => {
 		i && s && (e.key === "ArrowRight" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), y(!0));
 	}, W = (e) => {
 		(C.current[e]?.querySelector("a"))?.click(), y(!1);
@@ -9493,9 +9516,9 @@ var Zr = {
 			i ? `${f}--collapsed` : null,
 			n ? `${f}--active` : null
 		]),
-		...H({
+		...U({
 			onClick: q,
-			onKeyDown: U
+			onKeyDown: ee
 		})
 	}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, la(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
 		"aria-expanded": r,
@@ -9735,7 +9758,18 @@ var Zr = {
 		} })
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, L, /* @__PURE__ */ e.createElement("ul", { className: Z([m, h]) }, R.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : R)))));
 }, Sa = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
-	let o = "pds-tab-menu", c = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
+	let o = "pds-tab-menu", c = h(null), l = h(null);
+	u(() => {
+		let e = l.current, t = c.current;
+		if (!e || !t) return;
+		let n = () => {
+			t.toggleAttribute("data-overflowing", e.scrollWidth > e.clientWidth);
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [i]);
+	let d = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
 		let u = `${o}__item`, d = na(c);
 		return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
 			let i = null;
@@ -9755,7 +9789,10 @@ var Zr = {
 			minFilterItems: t?.minFilterItems,
 			noResultsText: t?.noResultsText
 		}));
-	}, l = i.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, i.map((t, n) => /* @__PURE__ */ e.createElement(c, {
+	}, f = i.length > 0 ? /* @__PURE__ */ e.createElement("ul", {
+		ref: l,
+		className: `${o}__menu`
+	}, i.map((t, n) => /* @__PURE__ */ e.createElement(d, {
 		key: n,
 		dropdownSettings: t.dropdownSettings,
 		icon: t.icon,
@@ -9768,7 +9805,10 @@ var Zr = {
 		"aria-label": t,
 		className: Z([o, n ?? ""]),
 		...a
-	}, /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, l));
+	}, /* @__PURE__ */ e.createElement("div", {
+		ref: c,
+		className: `${o}__mobile-menu-wrapper`
+	}, f));
 }, Ca = {
 	2: "second",
 	3: "third",
@@ -10015,9 +10055,9 @@ var Zr = {
 		],
 		whileElementsMounted: T,
 		strategy: "fixed"
-	}), R = j(F, { event: "mousedown" }), ee = M(F), U = V(F, { role: "menu" }), W = h([]), { getFloatingProps: G, getItemProps: K, getReferenceProps: q } = z([
+	}), R = j(F, { event: "mousedown" }), V = M(F), ee = H(F, { role: "menu" }), W = h([]), { getFloatingProps: G, getItemProps: K, getReferenceProps: q } = z([
+		V,
 		ee,
-		U,
 		R,
 		B(F, {
 			listRef: W,
@@ -10028,7 +10068,7 @@ var Zr = {
 			focusItemOnOpen: !1,
 			focusItemOnHover: !0
 		})
-	]), { isMounted: te, styles: J } = H(F, {
+	]), { isMounted: te, styles: J } = U(F, {
 		duration: {
 			open: 300,
 			close: 150
@@ -10060,14 +10100,14 @@ var Zr = {
 		let n = e.id ? e.id : `${O}-item-${t}`;
 		C.current.push(n), w.current.push(e);
 	});
-	let oe = (e) => {
+	let Y = (e) => {
 		let t = C.current.indexOf(e), n = w.current[t];
 		n.linkContent && !n.disabled && (W.current[t].querySelector("a").click(), y(!1)), n.callback && !n.disabled && (n.callback(), y(!1));
+	}, oe = (e) => {
+		e.preventDefault(), e.key === "Enter" && Y(e.currentTarget.id);
 	}, se = (e) => {
-		e.preventDefault(), e.key === "Enter" && oe(e.currentTarget.id);
-	}, ce = (e) => {
-		oe(e.currentTarget.id);
-	}, le = i.map((t, n) => {
+		Y(e.currentTarget.id);
+	}, ce = i.map((t, n) => {
 		let r = C.current[n], i = `${A}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -10077,16 +10117,16 @@ var Zr = {
 			"aria-disabled": t.disabled || void 0,
 			className: Z([i, a]),
 			id: r,
-			onKeyDown: se,
+			onKeyDown: oe,
 			role: "menuitem",
 			tabIndex: m === n ? 0 : -1,
-			...K({ onClick: (e) => ce(e) })
+			...K({ onClick: (e) => se(e) })
 		}, t.linkContent ? t.linkContent : t.label, t.iconName && /* @__PURE__ */ e.createElement(Q, {
 			className: `${A}__icon`,
 			iconName: t.iconName,
 			size: "m"
 		}));
-	}), Y = i.map((t, n) => {
+	}), le = i.map((t, n) => {
 		let r = C.current[n], i = `${A}__item`, a = t.disabled ? `${i}--disabled` : null;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: r,
@@ -10109,7 +10149,7 @@ var Zr = {
 	}, x ? /* @__PURE__ */ e.createElement(Ln, { label: ue }, /* @__PURE__ */ e.createElement("ul", {
 		className: Z([P, `${P}--mobile`]),
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, Y)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, le)) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
 		ref: L.setReference,
 		"aria-label": t,
 		className: `${A}__trigger`,
@@ -10126,7 +10166,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement("div", { style: { ...J } }, /* @__PURE__ */ e.createElement("ul", {
 		className: P,
 		role: "menu"
-	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, le))))));
+	}, ie, /* @__PURE__ */ e.createElement("li", { role: "separator" }), ae, ce))))));
 }, Oa = ({ avatarSize: t = "m", className: n, showActiveState: r = !0, workspace: i, ...a }) => {
 	let o = "pds-workspace-list-item";
 	return /* @__PURE__ */ e.createElement("div", {
@@ -10160,17 +10200,17 @@ var Zr = {
 		};
 		n(), document.fonts?.ready.then(n);
 	}, [z?.displayName]);
-	let ee = m(() => {
+	let V = m(() => {
 		if (!f) return u;
 		let e = f.toLowerCase();
 		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [u, f]), V = m(() => {
+	}, [u, f]), H = m(() => {
 		if (!v) return u;
 		let e = v.toLowerCase();
 		return u.filter((t) => t.displayName?.toLowerCase().includes(e));
-	}, [u, v]), H = (e) => {
+	}, [u, v]), U = (e) => {
 		e.preventDefault(), e.key === "Enter" && (P.current[O]?.querySelector("a") || P.current[O]?.querySelector("button"))?.click(), e.key === "Tab" && (e.shiftKey ? x ? document.getElementById("workspace-filter")?.focus() : I(!1) : r ? b.current?.querySelector("a")?.focus() : I(!1));
-	}, U = ee.map((t, n) => {
+	}, ee = V.map((t, n) => {
 		let r = `${T}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
 			P.current[n] = e;
 		};
@@ -10186,7 +10226,7 @@ var Zr = {
 				t.isRestricted ? `${r}--restricted` : null
 			]),
 			id: i,
-			onKeyDown: H,
+			onKeyDown: U,
 			role: "menuitem",
 			tabIndex: O === n ? 0 : -1,
 			...j()
@@ -10196,7 +10236,7 @@ var Zr = {
 			},
 			type: "button"
 		}, /* @__PURE__ */ e.createElement(Oa, { workspace: t })) : o ? /* @__PURE__ */ e.createElement(o, Object.assign({}, t.workspaceLink.props, { onClick: () => I(!1) }), /* @__PURE__ */ e.createElement(Oa, { workspace: t })) : null);
-	}), W = V.map((t) => {
+	}), W = H.map((t) => {
 		let n = `${T}__item`, r = t.workspaceId, i = t.isRestricted && t.onRestrictedSelection, a = t.workspaceLink?.type;
 		return /* @__PURE__ */ e.createElement("li", {
 			key: `${r}-accordion`,
@@ -10294,7 +10334,7 @@ var Zr = {
 	}, /* @__PURE__ */ e.createElement("li", {
 		className: `pds-dropdown__heading ${T}__item-heading`,
 		role: "presentation"
-	}, s), U.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : U), G))));
+	}, s), ee.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : ee), G))));
 }, Aa = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
@@ -10605,7 +10645,7 @@ var Zr = {
 		O(!1);
 	}, []), B = c(() => {
 		D || E(!1);
-	}, [D]), ee = c(() => {
+	}, [D]), V = c(() => {
 		a || z();
 	}, [a, z]);
 	u(() => {
@@ -10615,18 +10655,18 @@ var Zr = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [T, z]);
-	let V = c(() => {
+	let H = c(() => {
 		if (I.current) {
 			I.current = !1;
 			return;
 		}
 		z();
-	}, [z]), H = c((e) => {
+	}, [z]), U = c((e) => {
 		F.current = {
 			startY: e.clientY,
 			startHeight: N.current?.getBoundingClientRect().height ?? 0
 		}, M(!0), P.current?.setPointerCapture(e.pointerId);
-	}, []), U = c((e) => {
+	}, []), ee = c((e) => {
 		let t = F.current, n = N.current;
 		if (!t || !n) return;
 		let r = e.clientY - t.startY, i = C ? window.innerHeight * .96 : t.startHeight;
@@ -10649,7 +10689,7 @@ var Zr = {
 		}
 	}, /* @__PURE__ */ e.createElement("div", { className: `${x}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
 		className: Z([`${x}__scrim`, D ? `${x}__scrim--visible` : null]),
-		onClick: ee
+		onClick: V
 	}), /* @__PURE__ */ e.createElement("div", {
 		ref: N,
 		"aria-label": t || (typeof m == "string" ? m : void 0),
@@ -10668,9 +10708,9 @@ var Zr = {
 		ref: P,
 		"aria-label": f,
 		className: `${x}__grabber`,
-		onClick: V,
-		onPointerDown: H,
-		onPointerMove: U,
+		onClick: H,
+		onPointerDown: U,
+		onPointerMove: ee,
 		onPointerUp: W,
 		type: "button"
 	}), /* @__PURE__ */ e.createElement("span", {
@@ -10778,7 +10818,7 @@ var Zr = {
 			e || l();
 		},
 		open: c
-	}), { getFloatingProps: v } = z([M(g, { outsidePressEvent: "mousedown" }), V(g, { role: "dialog" })]), { isMounted: b, styles: C } = H(g, {
+	}), { getFloatingProps: v } = z([M(g, { outsidePressEvent: "mousedown" }), H(g, { role: "dialog" })]), { isMounted: b, styles: C } = U(g, {
 		duration: {
 			close: 200,
 			open: 250
@@ -10854,8 +10894,8 @@ var Zr = {
 	}), { getFloatingProps: P } = z([
 		j(O),
 		o ? void 0 : M(O, { outsidePressEvent: "mousedown" }),
-		V(O)
-	]), { isMounted: F, styles: I } = H(O, {
+		H(O)
+	]), { isMounted: F, styles: I } = U(O, {
 		duration: {
 			open: 300,
 			close: 300
@@ -11505,7 +11545,7 @@ var Zr = {
 	}, [d]), u(() => {
 		f(C);
 	}, [C]);
-	let A = typeof a, P = "pds-popover", F = Z([`${P}__trigger-custom`, A === "string" ? `${P}__trigger-text` : ""]), I = a ? s : 0, L = h(null), { context: R, floatingStyles: B, middlewareData: ee, refs: U } = N({
+	let A = typeof a, P = "pds-popover", F = Z([`${P}__trigger-custom`, A === "string" ? `${P}__trigger-text` : ""]), I = a ? s : 0, L = h(null), { context: R, floatingStyles: B, middlewareData: V, refs: ee } = N({
 		placement: l,
 		open: C,
 		onOpenChange(e) {
@@ -11524,8 +11564,8 @@ var Zr = {
 	}, { getFloatingProps: K, getReferenceProps: q } = z([
 		j(R),
 		M(R),
-		V(R)
-	]), te = ee.arrow?.x ?? 0, J = ee.arrow?.y ?? 0, ne = te + To / 2, re = J + wo, { isMounted: ie } = H(R, {
+		H(R)
+	]), te = V.arrow?.x ?? 0, J = V.arrow?.y ?? 0, ne = te + To / 2, re = J + wo, { isMounted: ie } = U(R, {
 		initial: { transform: "scale(0)" },
 		common: ({ side: e }) => ({ transformOrigin: {
 			top: `${ne}px calc(100% + ${wo}px)`,
@@ -11538,7 +11578,7 @@ var Zr = {
 		className: Z([P, t]),
 		...x
 	}, /* @__PURE__ */ e.createElement("span", {
-		ref: U.setReference,
+		ref: ee.setReference,
 		className: `${P}__trigger`,
 		role: "button",
 		tabIndex: 0,
@@ -11553,7 +11593,7 @@ var Zr = {
 		initialFocus: -1,
 		modal: o
 	}, /* @__PURE__ */ e.createElement("div", {
-		ref: U.setFloating,
+		ref: ee.setFloating,
 		className: Z([`${P}__container`, n]),
 		style: {
 			...B,
@@ -11905,7 +11945,7 @@ function qo(e) {
 //#endregion
 //#region src/components/SortableList/SortableList.tsx
 var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = 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) {
-	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), [ee, V] = g(0), H = h(0), U = c((e, t) => {
+	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), ee = c((e, t) => {
 		if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
 			e.preventDefault();
 			let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
@@ -11922,91 +11962,91 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 		onReorder: v
 	});
 	f(C, () => ({ resetToSnapshot: J }), [J]);
-	let ie = tt(et(Qe, { activationConstraint: { distance: 5 } }), et(Xe, { coordinateGetter: U })), ae = W ? `${w}--reorder-active` : null, oe = m(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), se = m(() => new Set(q.filter((e) => d(e.data)).map((e) => e.id)), [q, d]), ce = c((e) => {
-		if (_ === 0 || se.has(String(e))) return !1;
+	let ie = tt(et(Qe, { activationConstraint: { distance: 5 } }), et(Xe, { coordinateGetter: ee })), ae = W ? `${w}--reorder-active` : null, Y = m(() => new Set(q.filter((e) => u(e.data)).map((e) => e.id)), [q, u]), oe = m(() => new Set(q.filter((e) => d(e.data)).map((e) => e.id)), [q, d]), se = c((e) => {
+		if (_ === 0 || oe.has(String(e))) return !1;
 		let t = q.find((t) => t.id === e);
 		return !t || t.depth >= _ ? !1 : t.hasChildren ? !t.isExpanded : !0;
 	}, [
 		q,
 		_,
-		se
-	]), le = c((e) => j && ce(j) ? null : at(e), [ce, j]), Y = m(() => {
-		if (!T || !j || oe.size === 0 || T === j || ce(j)) return /* @__PURE__ */ new Set();
+		oe
+	]), ce = c((e) => j && se(j) ? null : at(e), [se, j]), le = m(() => {
+		if (!T || !j || Y.size === 0 || T === j || se(j)) return /* @__PURE__ */ new Set();
 		let e = q.findIndex((e) => e.id === T), t = q.findIndex((e) => e.id === j);
 		if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
 		let [n, r] = e < t ? [e + 1, t - 1] : [t + 1, e - 1];
-		return new Set(q.slice(n, r + 1).filter((e) => oe.has(e.id)).map((e) => e.id));
+		return new Set(q.slice(n, r + 1).filter((e) => Y.has(e.id)).map((e) => e.id));
 	}, [
 		T,
 		q,
-		ce,
-		oe,
+		se,
+		Y,
 		j
 	]).size > 0, ue = m(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), de = m(() => T ? Ho(G, String(T)) ?? null : null, [T, G]), fe = m(() => {
 		let e = ue?.depth ?? 0;
-		return !T || !j || O || _ === 0 ? e : Uo(q, String(T), String(j), ee * Jo, Jo, _);
+		return !T || !j || O || _ === 0 ? e : Uo(q, String(T), String(j), V * Jo, Jo, _);
 	}, [
 		T,
 		ue,
-		ee,
+		V,
 		q,
 		O,
 		_,
 		j
 	]), pe = m(() => {
-		if (!T || O || fe === 0 || j && ce(j)) return null;
+		if (!T || O || fe === 0 || j && se(j)) return null;
 		let e = q.findIndex((e) => e.id === T);
 		return e === -1 ? null : Zo(q, e, fe);
 	}, [
 		T,
 		q,
-		ce,
+		se,
 		O,
 		j,
 		fe
 	]), me = c((e) => {
 		let { active: t } = e, n = F.current === "keyboard", r = q.find((e) => e.id === t.id);
-		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, H.current = 0, V(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (re(String(t.id)), L.current = String(t.id));
+		E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, U.current = 0, H(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (re(String(t.id)), L.current = String(t.id));
 	}, [q, re]), he = c((e) => {
 		let t = $e(e);
-		if (!t.length || !D.current || oe.size === 0) return t;
+		if (!t.length || !D.current || Y.size === 0) return t;
 		let n = q.findIndex((e) => e.id === D.current);
 		for (let e of t) {
 			let t = e.id;
 			if (t === D.current) return [e];
 			let r = q.findIndex((e) => e.id === t);
 			if (n === -1 || r === -1) return [e];
-			if (oe.has(String(t))) {
+			if (Y.has(String(t))) {
 				if (n > r) continue;
-				let e = !se.has(String(t)), i = _ > 0 && H.current > 0;
-				if (!ce(t) && (!e || !i)) continue;
+				let e = !oe.has(String(t)), i = _ > 0 && U.current > 0;
+				if (!se(t) && (!e || !i)) continue;
 			}
 			let [i, a] = n < r ? [n + 1, r - 1] : [r + 1, n - 1];
-			if (!q.slice(i, a + 1).some((e) => oe.has(e.id))) return [e];
+			if (!q.slice(i, a + 1).some((e) => Y.has(e.id))) return [e];
 		}
 		return [];
 	}, [
 		q,
-		oe,
-		se
+		Y,
+		oe
 	]), ge = c((e) => {
 		let t = e.over?.id ?? null, n = D.current;
-		if (t && n && t !== n && oe.size > 0) {
+		if (t && n && t !== n && Y.size > 0) {
 			let e = q.findIndex((e) => e.id === n), r = q.findIndex((e) => e.id === t);
 			if (e !== -1 && r !== -1) {
 				let [t, n] = e < r ? [e + 1, r] : [r, e - 1];
-				if (q.slice(t, n + 1).some((e) => oe.has(e.id))) return;
+				if (q.slice(t, n + 1).some((e) => Y.has(e.id))) return;
 			}
 		}
 		M(t);
-	}, [q, oe]), X = c((e) => {
+	}, [q, Y]), X = c((e) => {
 		let t = e.delta.x;
 		if (P.current = t, A.current || _ === 0) return;
-		let n = Math.floor(t / Jo), r = H.current;
-		(n > r || n < r && t < r * Jo - Jo * .4) && (H.current = n, V(n));
+		let n = Math.floor(t / Jo), r = U.current;
+		(n > r || n < r && t < r * Jo - Jo * .4) && (U.current = n, H(n));
 	}, [_]), _e = c((e) => {
-		let { active: t, over: n } = e, r = A.current, i = B.current, a = H.current;
-		E(null), D.current = null, k(!1), A.current = !1, M(null), H.current = 0, V(0), L.current && (K(L.current), L.current = null);
+		let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
+		E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (K(L.current), L.current = null);
 		let o = q.findIndex((e) => e.id === t.id), s = r ? i * Jo : a * Jo, c = !n || t.id === n.id, l = n?.id ?? null;
 		if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
 			if (o === -1) return;
@@ -12015,7 +12055,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 			let n = Uo(q, String(t.id), String(t.id), s, Jo, _);
 			if (n === e.depth) return;
 			let r = [...q], [i] = r.splice(o, 1), a = Zo(r, o, n);
-			if (a && se.has(a)) return;
+			if (a && oe.has(a)) return;
 			let c = {
 				...i,
 				depth: n,
@@ -12023,7 +12063,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 			};
 			r.splice(o, 0, c);
 			let l = q.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
-			if (l.some((e, t) => oe.has(e) ? u.indexOf(e) !== t : !1)) return;
+			if (l.some((e, t) => Y.has(e) ? u.indexOf(e) !== t : !1)) return;
 			te(r), n > 0 && a && K(a);
 			return;
 		}
@@ -12032,7 +12072,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 		let d = [...q], f = d[o].depth, [p] = d.splice(o, 1), m = [];
 		for (; d.length > o && d[o].depth > f;) m.push(d.splice(o, 1)[0]);
 		let h = d.findIndex((e) => e.id === l), g, v;
-		if (ce(l)) {
+		if (se(l)) {
 			let e = q[u];
 			g = Math.min(e.depth + 1, _), v = String(l);
 		} else {
@@ -12040,7 +12080,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 			let e = d[h];
 			v = e && e.depth === g - 1 ? String(l) : Zo(d, h, g);
 		}
-		if (v && se.has(v)) return;
+		if (v && oe.has(v)) return;
 		let y = {
 			...p,
 			depth: g,
@@ -12048,17 +12088,17 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 		}, b = d[h], x = b && b.depth === g - 1 && v === String(l) || o < u ? h + 1 : h;
 		d.splice(x, 0, y, ...m);
 		let S = new Set([String(t.id), ...m.map((e) => e.id)]);
-		q.some((e, t) => !oe.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (te(d), g > 0 && v !== null && K(v));
+		q.some((e, t) => !Y.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (te(d), g > 0 && v !== null && K(v));
 	}, [
 		K,
 		q,
 		te,
-		ce,
-		oe,
+		se,
+		Y,
 		_,
-		se
+		oe
 	]), ve = c(() => {
-		E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, H.current = 0, V(0), B.current = 0, z(0), L.current && (K(L.current), L.current = null);
+		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 && (K(L.current), L.current = null);
 	}, [K]), ye = m(() => ({
 		onDragStart({ active: e }) {
 			let t = q.find((t) => t.id === e.id), n = Ho(G, String(e.id));
@@ -12102,7 +12142,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 		sensors: ie
 	}, /* @__PURE__ */ e.createElement(nt, {
 		items: ne,
-		strategy: le
+		strategy: ce
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			w,
@@ -12124,7 +12164,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 			index: t.index,
 			isDragging: t.id === T,
 			isExpanded: t.isExpanded,
-			isLocked: oe.has(t.id),
+			isLocked: Y.has(t.id),
 			toggleExpand: () => re(t.id)
 		}, r = y(t.data, n), a = t.id === T, o = {
 			columns: i,
@@ -12132,10 +12172,10 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 			hasChildren: t.hasChildren,
 			isDragActive: W,
 			isDragging: a,
-			isDropTarget: t.id === j && ce(t.id),
-			isProjectedParent: t.id === pe && !se.has(t.id),
+			isDropTarget: t.id === j && se(t.id),
+			isProjectedParent: t.id === pe && !oe.has(t.id),
 			isExpanded: t.isExpanded,
-			...oe.has(t.id) ? { isLocked: !0 } : {},
+			...Y.has(t.id) ? { isLocked: !0 } : {},
 			onToggleExpand: () => re(t.id),
 			...a && !O && _ > 0 ? { projectedDepthDelta: fe - t.depth } : {}
 		};
@@ -12145,7 +12185,7 @@ var Jo = 24, Yo = { droppable: { strategy: Ze.Always } }, Xo = o(function({ chil
 		}) : /* @__PURE__ */ e.createElement("div", { key: t.id }, r);
 	}))), /* @__PURE__ */ e.createElement(Ye, null, T && de ? /* @__PURE__ */ e.createElement("div", { className: Z([
 		"pds-sortable-list pds-sortable-list--overlay",
-		Y ? "pds-sortable-list--overlay-invalid" : null,
+		le ? "pds-sortable-list--overlay-invalid" : null,
 		O ? "pds-sortable-list--overlay-keyboard" : null
 	]) }, (() => {
 		let t = ue?.depth ?? 0, n = O ? Math.max(0, Math.min(_, t + R)) : t, r = {
@@ -12513,8 +12553,8 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: Z([a, t ?? ""]),
 		...i
 	}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
-}, us = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: f, emptyState: p, emptyStateHeading: _ = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: B, onPageChange: ee, onPageSizeChange: V, onRowInspect: H, onRowSelectionChange: U, onSort: W, pageSizeOptions: G, pageSizeSelectLabel: K = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: te = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ne, rowData: re, selectAllLabel: ie = "Select all rows", selectedRows: ae, sortKey: oe, sortOrder: se, totalItemCount: ce, ...le }) => {
-	let Y = "pds-table", ue = d(), de = d(), fe = h(null), pe = ga() === "sm" && O, me = A && !pe, he = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), ge = J !== void 0 || H === void 0 && k, X = J !== void 0 || H !== void 0 || k, _e = W !== void 0, ve = ee !== void 0, ye = V !== void 0, be = ve || P !== void 0 || G !== void 0, xe = re.length > 0 || ve && (ce ?? 0) > 0, [Se, Ce] = g({
+}, us = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", density: s = "standard", detailPanelNav: c = !0, detailPanelTitle: l, detailPanelWidth: f, emptyState: p, emptyStateHeading: _ = "No results found.", emptyStateMessage: v, footer: y, getDetailPanelPositionLabel: b = (e, t) => `${e} of ${t}`, getPageSizeLabel: x = (e) => `Show ${e} rows per page`, getRowClassName: S, getRowId: C, getRowSelectDisabledReason: w, getSelectRowLabel: T = (e, t) => `Select row ${t}`, getSortLabel: E = (e) => `Sort by ${e}`, hasDesktopDetailPanel: D = !1, hasMobileCards: O = !1, hasMobileDetailSheet: k = !0, hasPanel: A = !1, inspectedRowId: j, isLoading: M = !1, isRowSelectable: N = () => !0, itemsPerPage: P, loadingRowCount: F = 5, maxHeight: I, minHeight: L, nextDetailPanelRowLabel: R = "Next row", onDetailPanelNext: z, onDetailPanelPrev: B, onPageChange: V, onPageSizeChange: H, onRowInspect: U, onRowSelectionChange: ee, onSort: W, pageSizeOptions: G, pageSizeSelectLabel: K = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: te = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ne, rowData: re, selectAllLabel: ie = "Select all rows", selectedRows: ae, sortKey: Y, sortOrder: oe, totalItemCount: se, ...ce }) => {
+	let le = "pds-table", ue = d(), de = d(), fe = h(null), pe = ga() === "sm" && O, me = A && !pe, he = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), ge = J !== void 0 || U === void 0 && k, X = J !== void 0 || U !== void 0 || k, _e = W !== void 0, ve = V !== void 0, ye = H !== void 0, be = ve || P !== void 0 || G !== void 0, xe = re.length > 0 || ve && (se ?? 0) > 0, [Se, Ce] = g({
 		key: a ?? "",
 		order: a === void 0 ? "asc" : o
 	}), we = m(() => {
@@ -12534,30 +12574,30 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		je && Fe(je);
 	}, [je]);
 	let Ie = ve ? P ?? 10 : De, Le = (e) => {
-		ye ? V(e) : Oe(e), ve || Ee(1);
+		ye ? H(e) : Oe(e), ve || Ee(1);
 	};
 	u(() => {
 		ve || Ee(1);
 	}, [re.length, ve]), u(() => {
-		process.env.NODE_ENV !== "production" && i !== void 0 && !ee && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
+		process.env.NODE_ENV !== "production" && i !== void 0 && !V && console.warn("[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode.");
 	}, []);
-	let Re = U !== void 0, ze = ae !== void 0, [Be, Ve] = g(/* @__PURE__ */ new Set()), He = ze ? new Set(ae) : Be, Ue = m(() => new Map(re.map((e, t) => [e, t])), [re]), We = (e, t) => C ? C(e) : String(Ue.get(e) ?? t), Ge = m(() => we.findIndex((e, t) => (C ? C(e) : String(Ue.get(e) ?? t)) === je), [
+	let Re = ee !== void 0, ze = ae !== void 0, [Be, Ve] = g(/* @__PURE__ */ new Set()), He = ze ? new Set(ae) : Be, Ue = m(() => new Map(re.map((e, t) => [e, t])), [re]), We = (e, t) => C ? C(e) : String(Ue.get(e) ?? t), Ge = m(() => we.findIndex((e, t) => (C ? C(e) : String(Ue.get(e) ?? t)) === je), [
 		we,
 		je,
 		C,
 		Ue
 	]), Ke = Ge >= 0 ? we[Ge] : null, qe = (e, t) => {
-		(pe ? ge : J !== void 0 && D) && j === void 0 && Ae(t), H?.(e, t);
+		(pe ? ge : J !== void 0 && D) && j === void 0 && Ae(t), U?.(e, t);
 	}, Je = () => {
 		j === void 0 && Ae(null);
 	}, Ye = () => {
 		if (we.length === 0) return;
 		let e = (Ge - 1 + we.length) % we.length, t = we[e], n = We(t, e);
-		j === void 0 && Ae(n), H?.(t, n), B?.(t, n);
+		j === void 0 && Ae(n), U?.(t, n), B?.(t, n);
 	}, Xe = () => {
 		if (we.length === 0) return;
 		let e = (Ge + 1) % we.length, t = we[e], n = We(t, e);
-		j === void 0 && Ae(n), H?.(t, n), z?.(t, n);
+		j === void 0 && Ae(n), U?.(t, n), z?.(t, n);
 	}, Ze = je ?? Pe, Qe = m(() => we.findIndex((e, t) => (C ? C(e) : String(Ue.get(e) ?? t)) === Ze), [
 		we,
 		Ze,
@@ -12588,18 +12628,18 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	};
 	u(() => {
 		if (!Me) return;
-		let e = fe.current, t = e?.querySelector(`.${Y}__row--inspected`);
+		let e = fe.current, t = e?.querySelector(`.${le}__row--inspected`);
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.querySelector("thead")?.getBoundingClientRect().height ?? 0, a = n.top + i;
 		r.top < a ? e.scrollTop -= a - r.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
 		let o = document.activeElement;
-		o instanceof HTMLElement && o.classList.contains(`${Y}__row--inspectable`) && t.focus({ preventScroll: !0 });
+		o instanceof HTMLElement && o.classList.contains(`${le}__row--inspectable`) && t.focus({ preventScroll: !0 });
 	}, [
 		je,
 		Me,
-		Y
+		le
 	]);
-	let rt = _e ? oe ?? "" : Se.key, it = _e ? se ?? "asc" : Se.order, at = m(() => {
+	let rt = _e ? Y ?? "" : Se.key, it = _e ? oe ?? "asc" : Se.order, at = m(() => {
 		if (M) return [];
 		let e = we;
 		if (!ve && be && Ie) {
@@ -12615,12 +12655,12 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		Ie,
 		M
 	]), ot = (e) => {
-		_e ? W(e, oe === e && se === "asc" ? "desc" : "asc") : Ce((t) => ({
+		_e ? W(e, Y === e && oe === "asc" ? "desc" : "asc") : Ce((t) => ({
 			key: e,
 			order: t.key === e && t.order === "asc" ? "desc" : "asc"
 		}));
 	}, st = (e) => rt === e ? it === "asc" ? "ascending" : "descending" : "none", ct = (e, t) => {
-		let n = `${Y}__sort-button-${t}`, r = !M && at.length === 0;
+		let n = `${le}__sort-button-${t}`, r = !M && at.length === 0;
 		if (M || r || rt === "") return t === "top" ? `${n}--inactive` : "";
 		let i = rt === e;
 		return t === "top" ? i && it === "asc" ? "" : `${n}--inactive` : i && it === "desc" ? `${n}--desc` : "";
@@ -12629,10 +12669,10 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		return N(t, r) && e.push(r), e;
 	}, []), ut = lt.length > 0 && lt.every((e) => He.has(e)), dt = !ut && lt.some((e) => He.has(e)), ft = (e) => {
 		let t = new Set(He);
-		t.has(e) ? t.delete(e) : t.add(e), ze || Ve(t), U?.(Array.from(t));
+		t.has(e) ? t.delete(e) : t.add(e), ze || Ve(t), ee?.(Array.from(t));
 	}, pt = () => {
 		let e = new Set(He);
-		ut || dt ? lt.forEach((t) => e.delete(t)) : lt.forEach((t) => e.add(t)), ze || Ve(e), U?.(Array.from(e));
+		ut || dt ? lt.forEach((t) => e.delete(t)) : lt.forEach((t) => e.add(t)), ze || Ve(e), ee?.(Array.from(e));
 	}, mt = (t) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${t}` }, Re && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Rr, {
 		shape: "rounded",
 		size: {
@@ -12653,13 +12693,13 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "emptySet",
 		message: v
 	}))), gt = (t, n) => {
-		let i = We(t, n), a = H !== void 0 && J === void 0 || J !== void 0 && D, o = a && je === i, s = N(t, i), c = s ? void 0 : w?.(t, i), l = T(t, n + 1), u = c ? `${l} (${c})` : l;
+		let i = We(t, n), a = U !== void 0 && J === void 0 || J !== void 0 && D, o = a && je === i, s = N(t, i), c = s ? void 0 : w?.(t, i), l = T(t, n + 1), u = c ? `${l} (${c})` : l;
 		return /* @__PURE__ */ e.createElement("tr", {
 			key: `row-${i}`,
 			"aria-selected": a ? o : void 0,
 			className: Z([
-				a ? `${Y}__row--inspectable` : null,
-				o ? `${Y}__row--inspected` : null,
+				a ? `${le}__row--inspectable` : null,
+				o ? `${le}__row--inspected` : null,
 				S?.(t, i) ?? null
 			]),
 			onClick: a ? () => qe(t, i) : void 0,
@@ -12679,7 +12719,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			key: `${i}-${n.id}`,
 			className: n.cellClassName
 		}, t[n.id])));
-	}, _t = (t) => /* @__PURE__ */ e.createElement("dl", { className: `${Y}__auto-detail` }, r.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("dt", null, n.header), /* @__PURE__ */ e.createElement("dd", null, t[n.id])))), vt = (t) => /* @__PURE__ */ e.createElement("li", { key: `skeleton-card-${t}` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-main` }, /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-body` }, /* @__PURE__ */ e.createElement(Rr, {
+	}, _t = (t) => /* @__PURE__ */ e.createElement("dl", { className: `${le}__auto-detail` }, r.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("dt", null, n.header), /* @__PURE__ */ e.createElement("dd", null, t[n.id])))), vt = (t) => /* @__PURE__ */ e.createElement("li", { key: `skeleton-card-${t}` }, /* @__PURE__ */ e.createElement("div", { className: `${le}__card` }, /* @__PURE__ */ e.createElement("div", { className: `${le}__card-main` }, /* @__PURE__ */ e.createElement("div", { className: `${le}__card-body` }, /* @__PURE__ */ e.createElement(Rr, {
 		shape: "rounded",
 		size: { height: 1 }
 	}))))), yt = () => /* @__PURE__ */ e.createElement("li", null, p ?? /* @__PURE__ */ e.createElement(Sr, {
@@ -12687,7 +12727,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		iconName: "emptySet",
 		message: v
 	})), bt = (t, n) => {
-		let r = We(t, n), i = !Re && X && je === r, a = Re && He.has(r), [o, ...s] = he, c = N(t, r), l = c ? void 0 : w?.(t, r), u = T(t, n + 1), d = l ? `${u} (${l})` : u, f = /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-main` }, Re && /* @__PURE__ */ e.createElement("span", {
+		let r = We(t, n), i = !Re && X && je === r, a = Re && He.has(r), [o, ...s] = he, c = N(t, r), l = c ? void 0 : w?.(t, r), u = T(t, n + 1), d = l ? `${u} (${l})` : u, f = /* @__PURE__ */ e.createElement("div", { className: `${le}__card-main` }, Re && /* @__PURE__ */ e.createElement("span", {
 			"aria-hidden": "true",
 			className: "pds-checkbox"
 		}, /* @__PURE__ */ e.createElement("span", { className: Z(["pds-checkbox__box", a ? "pds-checkbox__box--checked" : null]) }, a && /* @__PURE__ */ e.createElement("svg", {
@@ -12697,14 +12737,14 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			viewBox: "0 0 12 12",
 			width: "12",
 			xmlns: "http://www.w3.org/2000/svg"
-		}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" })))), /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-body` }, o && /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-title` }, t[o.id]), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Y}__card-meta` }, s.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, On(n.header), ":", " "), t[n.id]))))), !Re && X && /* @__PURE__ */ e.createElement(Q, {
-			className: `${Y}__card-chevron`,
+		}, /* @__PURE__ */ e.createElement("path", { d: "M9.85474 3.64666C10.1032 3.32078 10.0258 2.86817 9.67727 2.63583C9.32878 2.4035 8.84476 2.47591 8.5963 2.80179L4.8694 7.65977L3.32056 6.21143C3.01724 5.9278 2.52677 5.9278 2.22669 6.21143C1.9266 6.49506 1.92337 6.9537 2.22346 7.23734L4.41765 9.28916C4.57899 9.44003 4.80164 9.51546 5.02751 9.49736C5.25338 9.47925 5.4599 9.37063 5.59219 9.19864L9.85151 3.64666H9.85474Z" })))), /* @__PURE__ */ e.createElement("div", { className: `${le}__card-body` }, o && /* @__PURE__ */ e.createElement("div", { className: `${le}__card-title` }, t[o.id]), s.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${le}__card-meta` }, s.map((n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n.id }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, On(n.header), ":", " "), t[n.id]))))), !Re && X && /* @__PURE__ */ e.createElement(Q, {
+			className: `${le}__card-chevron`,
 			iconName: "angleRight",
 			size: "m"
 		})), p = Z([
-			`${Y}__card`,
-			Re ? `${Y}__card--selectable` : X ? `${Y}__row--inspectable` : null,
-			i || a ? `${Y}__row--inspected` : null,
+			`${le}__card`,
+			Re ? `${le}__card--selectable` : X ? `${le}__row--inspectable` : null,
+			i || a ? `${le}__row--inspected` : null,
 			S?.(t, r) ?? null
 		]);
 		return Re ? /* @__PURE__ */ e.createElement("li", { key: `card-${r}` }, /* @__PURE__ */ e.createElement("button", {
@@ -12736,16 +12776,16 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		style: St
 	}, pe ? /* @__PURE__ */ e.createElement("ul", {
 		"aria-busy": M,
-		className: Z([`${Y}-wrapper__card-list`, t]),
-		...le
+		className: Z([`${le}-wrapper__card-list`, t]),
+		...ce
 	}, M ? Array.from({ length: F }, (e, t) => vt(t)) : at.length === 0 ? yt() : at.map((e, t) => bt(e, t))) : /* @__PURE__ */ e.createElement("table", {
 		"aria-busy": M,
 		className: Z([
-			Y,
-			s === "compact" ? `${Y}--compact` : null,
+			le,
+			s === "compact" ? `${le}--compact` : null,
 			t
 		]),
-		...le
+		...ce
 	}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, Re && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(fi, {
 		checked: ut,
 		id: de,
@@ -12759,16 +12799,16 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		className: t.headerClassName
 	}, t.sortable ? /* @__PURE__ */ e.createElement("button", {
 		"aria-label": E(On(t.header)),
-		className: `${Y}__sort-button`,
+		className: `${le}__sort-button`,
 		onClick: () => ot(t.id),
 		type: "button"
 	}, t.header, /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
-		className: `${Y}__sort-icons`
-	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${Y}__sort-button-top`, ct(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
+		className: `${le}__sort-icons`
+	}, /* @__PURE__ */ e.createElement("span", { className: Z([`${le}__sort-button-top`, ct(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretUp",
 		size: "m"
-	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${Y}__sort-button-bottom`, ct(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
+	})), /* @__PURE__ */ e.createElement("span", { className: Z([`${le}__sort-button-bottom`, ct(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
 		iconName: "caretDown",
 		size: "m"
 	})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, M ? Array.from({ length: F }, (e, t) => mt(t)) : at.length === 0 ? ht() : at.map((e, t) => gt(e, t))))), be && !M && xe && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__pagination", pe && !(G && G.length > 0) ? "pds-table-wrapper__pagination--center" : null]) }, G && G.length > 0 && /* @__PURE__ */ e.createElement(wr, {
@@ -12787,9 +12827,9 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		currentPage: ve ? i ?? 1 : Te,
 		itemsPerPage: Ie,
 		labelStrings: q,
-		onPageChange: ve ? ee : Ee,
+		onPageChange: ve ? V : Ee,
 		pageControlType: pe ? "static" : "dropdown",
-		totalItemCount: ve ? ce ?? 0 : re.length
+		totalItemCount: ve ? se ?? 0 : re.length
 	}))), y && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__footer" }, y)), J && /* @__PURE__ */ e.createElement("div", { className: Z(["pds-table-wrapper__detail-panel", Me ? "pds-table-wrapper__detail-panel--open" : null]) }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-upper" }, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-header" }, l && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__detail-panel-title" }, l), /* @__PURE__ */ e.createElement(Pn, {
 		ariaLabel: n,
 		onClick: Je,
@@ -12818,7 +12858,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		},
 		title: l
 	}, $e && (J ? J($e, tt) : _t($e)), $e && (ne || c) && /* @__PURE__ */ e.createElement("div", {
-		className: `${Y}-wrapper__mobile-sheet-nav`,
+		className: `${le}-wrapper__mobile-sheet-nav`,
 		slot: "footer"
 	}, ne ? ne($e, tt) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
@@ -13162,9 +13202,9 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		maxWidth: j ? void 0 : `${E}rem`,
 		minWidth: j ? `${w}rem` : `${D}rem`,
 		width: z
-	}, ee = h(!1), V = ga(), H = V === "sm", U = () => {
-		if (!H) {
-			if (ee.current = !1, x) {
+	}, V = h(!1), H = ga(), U = H === "sm", ee = () => {
+		if (!U) {
+			if (V.current = !1, x) {
 				x();
 				return;
 			}
@@ -13172,13 +13212,13 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 		}
 	};
 	u(() => {
-		V === "sm" && !j ? (ee.current = !0, x ? x() : M(!0)) : V !== "sm" && ee.current && (ee.current = !1, x ? x() : M(!1));
-	}, [V]);
-	let W = d && s && !H;
+		H === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : H !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
+	}, [H]);
+	let W = d && s && !U;
 	nn("[", (e) => {
-		e.preventDefault(), j || U();
+		e.preventDefault(), j || ee();
 	}, { enabled: W }), nn("]", (e) => {
-		e.preventDefault(), j && U();
+		e.preventDefault(), j && ee();
 	}, { enabled: W });
 	let G = h(null);
 	p(() => {
@@ -13200,14 +13240,14 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			r.disconnect(), i?.disconnect(), window.removeEventListener("resize", t);
 		};
 	}, [R]);
-	let K = gt(t), q = K.__unslotted, te = K.header, J = K.footer, ne = K.sidebar, re = K.identity, ie = K["content-top"], ae = K.navigation, oe = K["content-bottom"], se = re || ie || ae || oe, ce = se ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(Mn, {
+	let K = gt(t), q = K.__unslotted, te = K.header, J = K.footer, ne = K.sidebar, re = K.identity, ie = K["content-top"], ae = K.navigation, Y = K["content-bottom"], oe = re || ie || ae || Y, se = oe ? /* @__PURE__ */ e.createElement(e.Fragment, null, (re || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, re, o && !j && /* @__PURE__ */ e.createElement(Mn, {
 		hasBorder: !0,
 		ariaLabel: F.drawerToggle,
 		className: `${N}__drawer-toggle`,
 		iconName: "sidebar",
 		onClick: b,
 		size: "s"
-	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), oe && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, oe)) : ne, le = a(_, {
+	})), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ae), Y && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, Y)) : ne, ce = a(_, {
 		...y,
 		className: Z([`${N}__main`, y?.className]),
 		id: I,
@@ -13219,13 +13259,13 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 	}, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__main-inner`,
 		style: { maxWidth: L }
-	}, q)), Y = /* @__PURE__ */ e.createElement("div", {
+	}, q)), le = /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__content-column`,
 		style: { backgroundColor: m || void 0 }
-	}, le, J && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
+	}, ce, J && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
 		className: `${N}__footer-inner`,
 		style: { maxWidth: L }
-	}, J))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || se) && /* @__PURE__ */ e.createElement("div", {
+	}, J))), ue = /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || oe) && /* @__PURE__ */ e.createElement("div", {
 		...O,
 		className: Z([
 			`${N}__sidebar`,
@@ -13233,7 +13273,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			O?.className
 		]),
 		style: B
-	}, s && !H && /* @__PURE__ */ e.createElement(an, {
+	}, s && !U && /* @__PURE__ */ e.createElement(an, {
 		disableTapTrigger: !0,
 		className: `${N}__sidebar-toggle-tooltip`,
 		content: j ? F.expandSidebar : F.collapseSidebar,
@@ -13241,7 +13281,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			"aria-expanded": !j,
 			"aria-label": j ? F.expandSidebar : F.collapseSidebar,
 			className: `${N}__sidebar-toggle-button`,
-			onClick: U,
+			onClick: ee,
 			type: "button"
 		}, /* @__PURE__ */ e.createElement("span", { className: `${N}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(Q, {
 			iconName: "angleLeft",
@@ -13253,7 +13293,7 @@ var Qo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
 			crossAxis: -96
 		},
 		preferredPlacement: "right-end"
-	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, ce)), Y);
+	}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, se)), le);
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
 		ref: G,
 		className: Z([