@gnome-ui/react 1.17.0 → 1.18.0

package/dist/index.js

@@ -282,7 +282,7 @@ function le({ indeterminate: e = !1, className: n, ...r }) {
 		...r
 	});
 }
-var F = {
+var ue = {
 	wrapper: "_wrapper_q91d8_3",
 	disabled: "_disabled_q91d8_9",
 	label: "_label_q91d8_15",
@@ -293,14 +293,14 @@ var F = {
 };
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function ue({ label: e, helperText: r, error: i, id: a, className: o, disabled: s, ...c }) {
+function de({ label: e, helperText: r, error: i, id: a, className: o, disabled: s, ...c }) {
 	let l = u(), d = a ?? l, f = `${d}-help`;
 	return /* @__PURE__ */ n("div", {
-		className: [F.wrapper, s ? F.disabled : null].filter(Boolean).join(" "),
+		className: [ue.wrapper, s ? ue.disabled : null].filter(Boolean).join(" "),
 		children: [
 			e && /* @__PURE__ */ t("label", {
 				htmlFor: d,
-				className: F.label,
+				className: ue.label,
 				children: e
 			}),
 			/* @__PURE__ */ t("input", {
@@ -309,31 +309,31 @@ function ue({ label: e, helperText: r, error: i, id: a, className: o, disabled:
 				"aria-describedby": i || r ? f : void 0,
 				"aria-invalid": i ? !0 : void 0,
 				className: [
-					F.input,
-					i ? F.errorInput : null,
+					ue.input,
+					i ? ue.errorInput : null,
 					o
 				].filter(Boolean).join(" "),
 				...c
 			}),
 			(i || r) && /* @__PURE__ */ t("span", {
 				id: f,
-				className: [F.hint, i ? F.errorHint : null].filter(Boolean).join(" "),
+				className: [ue.hint, i ? ue.errorHint : null].filter(Boolean).join(" "),
 				children: i ?? r
 			})
 		]
 	});
 }
-var de = { radio: "_radio_1vybt_3" };
+var fe = { radio: "_radio_1vybt_3" };
 //#endregion
 //#region src/components/RadioButton/RadioButton.tsx
-function fe({ className: e, ...n }) {
+function pe({ className: e, ...n }) {
 	return /* @__PURE__ */ t("input", {
 		type: "radio",
-		className: [de.radio, e].filter(Boolean).join(" "),
+		className: [fe.radio, e].filter(Boolean).join(" "),
 		...n
 	});
 }
-var pe = {
+var me = {
 	track: "_track_endpr_3",
 	fill: "_fill_endpr_14",
 	accent: "_accent_endpr_23",
@@ -345,7 +345,7 @@ var pe = {
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function me({ value: e, variant: n = "accent", className: r, "aria-label": i, "aria-labelledby": a, ...o }) {
+function he({ value: e, variant: n = "accent", className: r, "aria-label": i, "aria-labelledby": a, ...o }) {
 	let s = e == null, c = s ? void 0 : Math.min(1, Math.max(0, e)), l = c === void 0 ? void 0 : c * 100;
 	return /* @__PURE__ */ t("div", {
 		role: "progressbar",
@@ -354,13 +354,13 @@ function me({ value: e, variant: n = "accent", className: r, "aria-label": i, "a
 		"aria-valuenow": c === void 0 ? void 0 : Math.round(l),
 		"aria-valuemin": s ? void 0 : 0,
 		"aria-valuemax": s ? void 0 : 100,
-		className: [pe.track, r].filter(Boolean).join(" "),
+		className: [me.track, r].filter(Boolean).join(" "),
 		...o,
 		children: /* @__PURE__ */ t("div", {
 			className: [
-				pe.fill,
-				pe[n],
-				s ? pe.indeterminate : null
+				me.fill,
+				me[n],
+				s ? me.indeterminate : null
 			].filter(Boolean).join(" "),
 			style: s ? void 0 : { width: `${l}%` }
 		})
@@ -368,46 +368,46 @@ function me({ value: e, variant: n = "accent", className: r, "aria-label": i, "a
 }
 //#endregion
 //#region src/components/Banner/Banner.module.css
-var he = "_banner_1x3b0_3", ge = "_message_1x3b0_17", _e = "_actions_1x3b0_24", ve = "_actionBtn_1x3b0_33", ye = "_dismissBtn_1x3b0_55", be = "_info_1x3b0_85", xe = "_warning_1x3b0_99", Se = "_error_1x3b0_113", Ce = "_success_1x3b0_127", we = {
-	banner: he,
-	message: ge,
-	actions: _e,
-	actionBtn: ve,
-	dismissBtn: ye,
-	info: be,
+var ge = "_banner_1x3b0_3", _e = "_message_1x3b0_17", ve = "_actions_1x3b0_24", ye = "_actionBtn_1x3b0_33", be = "_dismissBtn_1x3b0_55", xe = "_info_1x3b0_85", Se = "_warning_1x3b0_99", Ce = "_error_1x3b0_113", we = "_success_1x3b0_127", Te = {
+	banner: ge,
+	message: _e,
+	actions: ve,
+	actionBtn: ye,
+	dismissBtn: be,
+	info: xe,
 	"actionBtn-info": "_actionBtn-info_1x3b0_90",
-	warning: xe,
+	warning: Se,
 	"actionBtn-warning": "_actionBtn-warning_1x3b0_104",
-	error: Se,
+	error: Ce,
 	"actionBtn-error": "_actionBtn-error_1x3b0_118",
-	success: Ce,
+	success: we,
 	"actionBtn-success": "_actionBtn-success_1x3b0_132"
 };
 //#endregion
 //#region src/components/Banner/Banner.tsx
-function Te({ variant: e = "info", children: r, actionLabel: i, onAction: a, dismissible: o = !1, onDismiss: s, className: c, ...l }) {
+function Ee({ variant: e = "info", children: r, actionLabel: i, onAction: a, dismissible: o = !1, onDismiss: s, className: c, ...l }) {
 	return /* @__PURE__ */ n("div", {
 		role: "status",
 		"aria-live": "polite",
 		className: [
-			we.banner,
-			we[e],
+			Te.banner,
+			Te[e],
 			c
 		].filter(Boolean).join(" "),
 		...l,
 		children: [/* @__PURE__ */ t("span", {
-			className: we.message,
+			className: Te.message,
 			children: r
 		}), (i || o) && /* @__PURE__ */ n("span", {
-			className: we.actions,
+			className: Te.actions,
 			children: [i && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: [we.actionBtn, we[`actionBtn-${e}`]].filter(Boolean).join(" "),
+				className: [Te.actionBtn, Te[`actionBtn-${e}`]].filter(Boolean).join(" "),
 				onClick: a,
 				children: i
 			}), o && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: we.dismissBtn,
+				className: Te.dismissBtn,
 				onClick: s,
 				"aria-label": "Dismiss",
 				children: /* @__PURE__ */ t("svg", {
@@ -422,7 +422,7 @@ function Te({ variant: e = "info", children: r, actionLabel: i, onAction: a, dis
 		})]
 	});
 }
-var Ee = {
+var De = {
 	headerBar: "_headerBar_1rr5r_3",
 	flat: "_flat_1rr5r_22",
 	slot: "_slot_1rr5r_29",
@@ -432,35 +432,35 @@ var Ee = {
 };
 //#endregion
 //#region src/components/HeaderBar/HeaderBar.tsx
-function De({ title: e, start: r, end: i, flat: a = !1, className: o, ...s }) {
+function Oe({ title: e, start: r, end: i, flat: a = !1, className: o, ...s }) {
 	return /* @__PURE__ */ n("header", {
 		className: [
-			Ee.headerBar,
-			a ? Ee.flat : null,
+			De.headerBar,
+			a ? De.flat : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [
 			/* @__PURE__ */ t("div", {
-				className: Ee.slot,
+				className: De.slot,
 				children: r
 			}),
 			/* @__PURE__ */ t("div", {
-				className: Ee.titleSlot,
+				className: De.titleSlot,
 				"aria-live": "polite",
 				children: typeof e == "string" ? /* @__PURE__ */ t("span", {
-					className: Ee.title,
+					className: De.title,
 					children: e
 				}) : e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: [Ee.slot, Ee.slotEnd].filter(Boolean).join(" "),
+				className: [De.slot, De.slotEnd].filter(Boolean).join(" "),
 				children: i
 			})
 		]
 	});
 }
-var Oe = {
+var ke = {
 	footer: "_footer_10xz9_3",
 	flat: "_flat_10xz9_23",
 	slot: "_slot_10xz9_29",
@@ -469,31 +469,31 @@ var Oe = {
 };
 //#endregion
 //#region src/components/Footer/Footer.tsx
-function ke({ start: e, end: r, children: i, flat: a = !1, className: o, ...s }) {
+function Ae({ start: e, end: r, children: i, flat: a = !1, className: o, ...s }) {
 	return /* @__PURE__ */ n("footer", {
 		className: [
-			Oe.footer,
-			a ? Oe.flat : null,
+			ke.footer,
+			a ? ke.flat : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [
 			/* @__PURE__ */ t("div", {
-				className: Oe.slot,
+				className: ke.slot,
 				children: e
 			}),
 			i != null && /* @__PURE__ */ t("div", {
-				className: Oe.center,
+				className: ke.center,
 				children: i
 			}),
 			/* @__PURE__ */ t("div", {
-				className: [Oe.slot, Oe.slotEnd].filter(Boolean).join(" "),
+				className: [ke.slot, ke.slotEnd].filter(Boolean).join(" "),
 				children: r
 			})
 		]
 	});
 }
-var Ae = {
+var je = {
 	wrapper: "_wrapper_1apop_3",
 	badge: "_badge_1apop_11",
 	anchored: "_anchored_1apop_32",
@@ -506,32 +506,32 @@ var Ae = {
 };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function je({ variant: e = "accent", dot: r = !1, children: i, anchor: a, className: o, ...s }) {
+function Me({ variant: e = "accent", dot: r = !1, children: i, anchor: a, className: o, ...s }) {
 	let c = /* @__PURE__ */ t("span", {
 		className: [
-			Ae.badge,
-			Ae[e],
-			r ? Ae.dot : null,
-			a ? Ae.anchored : null,
+			je.badge,
+			je[e],
+			r ? je.dot : null,
+			a ? je.anchored : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: !r && i
 	});
 	return a ? /* @__PURE__ */ n("span", {
-		className: Ae.wrapper,
+		className: je.wrapper,
 		children: [a, c]
 	}) : c;
 }
 //#endregion
 //#region src/components/Icon/Icon.tsx
-var Me = {
+var Ne = {
 	sm: 12,
 	md: 16,
 	lg: 20
 };
-function I({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
-	let s = Me[n];
+function F({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
+	let s = Ne[n];
 	return /* @__PURE__ */ t("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: e.viewBox,
@@ -552,43 +552,43 @@ function I({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
 }
 //#endregion
 //#region ../icons/dist/index.js
-var Ne = {
+var Pe = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "m2.5 5 5.5 6 5.5-6z",
 		fillRule: "evenodd"
 	}]
-}, Pe = {
+}, Fe = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "M3.293 3.293a1 1 0 0 1 1.414 0L8 6.586l3.293-3.293a1 1 0 1 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 0-1.414z",
 		fillRule: "evenodd"
 	}]
-}, Fe = {
+}, Ie = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "M6.5 1a5.5 5.5 0 0 1 4.33 8.92l3.13 3.13-1.41 1.41-3.13-3.13A5.5 5.5 0 1 1 6.5 1zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z",
 		fillRule: "evenodd"
 	}]
-}, Ie = {
+}, Le = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "M8 3C4.5 3 1.5 5.667 0 8c1.5 2.333 4.5 5 8 5s6.5-2.667 8-5c-1.5-2.333-4.5-5-8-5zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z",
 		fillRule: "evenodd"
 	}]
-}, Le = {
+}, Re = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "M1.293 1.293a1 1 0 0 1 1.414 0l12 12a1 1 0 0 1-1.414 1.414l-1.88-1.88A8.8 8.8 0 0 1 8 13C4.5 13 1.5 10.333 0 8c.637-1.023 1.52-2.049 2.6-2.893L1.293 2.707a1 1 0 0 1 0-1.414zM5.03 6.444 7.09 8.505A1.5 1.5 0 0 0 9.494 6.91L7.432 4.848A3 3 0 0 0 5.03 6.444zM8 3c.645 0 1.27.083 1.867.237l-1.59 1.59A3 3 0 0 0 5.173 7.92L3.584 6.333C4.51 4.95 6.152 3 8 3zm5.4 2.107C14.48 5.951 15.363 6.977 16 8c-1.5 2.333-4.5 5-8 5a8.8 8.8 0 0 1-2.072-.249l1.538-1.538a3 3 0 0 0 3.703-3.703L12.81 5.87c.202.076.4.156.59.237z",
 		fillRule: "evenodd"
 	}]
-}, Re = {
+}, ze = {
 	viewBox: "0 0 16 16",
 	paths: [{
 		d: "M13.5 3 6 11.5 2.5 8 1 9.5l5 5 9-10z",
 		fillRule: "evenodd"
 	}]
-}, ze = {
+}, I = {
 	wrapper: "_wrapper_1rkb1_3",
 	open: "_open_1rkb1_13",
 	bar: "_bar_1rkb1_20",
@@ -614,23 +614,23 @@ function Be({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
 	}, [r, h]), v = o !== void 0 && o !== "";
 	return /* @__PURE__ */ n("div", {
 		className: [
-			ze.wrapper,
-			e ? ze.open : null,
+			I.wrapper,
+			e ? I.open : null,
 			m
 		].filter(Boolean).join(" "),
 		"aria-hidden": !e,
 		children: [/* @__PURE__ */ n("div", {
 			className: [
-				ze.bar,
-				p ? ze.inline : null,
-				f ? ze.disabled : null
+				I.bar,
+				p ? I.inline : null,
+				f ? I.disabled : null
 			].filter(Boolean).join(" "),
 			children: [
 				/* @__PURE__ */ t("span", {
-					className: ze.searchIcon,
+					className: I.searchIcon,
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ t(I, {
-						icon: Fe,
+					children: /* @__PURE__ */ t(F, {
+						icon: Ie,
 						size: "md"
 					})
 				}),
@@ -643,27 +643,27 @@ function Be({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
 					placeholder: u,
 					disabled: f,
 					tabIndex: e ? void 0 : -1,
-					className: ze.input,
+					className: I.input,
 					onKeyDown: _,
 					...h
 				}),
 				v && /* @__PURE__ */ t("button", {
 					type: "button",
-					className: ze.clearButton,
+					className: I.clearButton,
 					"aria-label": "Clear search",
 					tabIndex: e ? void 0 : -1,
 					disabled: f,
 					onClick: () => {
 						i?.(), g.current?.focus();
 					},
-					children: /* @__PURE__ */ t(I, {
-						icon: Pe,
+					children: /* @__PURE__ */ t(F, {
+						icon: Fe,
 						size: "md"
 					})
 				})
 			]
 		}), a && /* @__PURE__ */ t("div", {
-			className: ze.filterRow,
+			className: I.filterRow,
 			children: a
 		})]
 	});
@@ -679,7 +679,7 @@ var Ve = {
 //#endregion
 //#region src/components/StatusPage/StatusPage.tsx
 function He({ icon: e, iconNode: r, title: i, description: a, children: o, compact: s = !1, className: c, ...l }) {
-	let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(I, {
+	let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(F, {
 		icon: e,
 		width: u,
 		height: u,
@@ -970,7 +970,7 @@ function yt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 		children: [
 			r && /* @__PURE__ */ t("span", {
 				className: L.itemIcon,
-				children: /* @__PURE__ */ t(I, {
+				children: /* @__PURE__ */ t(F, {
 					icon: r,
 					size: "md",
 					"aria-hidden": !0
@@ -1169,7 +1169,7 @@ function Tt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
 		children: [
 			r && /* @__PURE__ */ t("span", {
 				className: R.tabIcon,
-				children: /* @__PURE__ */ t(I, {
+				children: /* @__PURE__ */ t(F, {
 					icon: r,
 					size: "sm",
 					"aria-hidden": !0
@@ -1254,11 +1254,11 @@ function Dt({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !
 	});
 }
 var Ot = {
-	list: "_list_1mn4t_3",
-	item: "_item_1mn4t_17",
-	divider: "_divider_1mn4t_25",
-	separate: "_separate_1mn4t_34",
-	separateItem: "_separateItem_1mn4t_44"
+	list: "_list_cy3hv_3",
+	item: "_item_cy3hv_17",
+	separate: "_separate_cy3hv_26",
+	separateItem: "_separateItem_cy3hv_36",
+	divider: "_divider_cy3hv_58"
 };
 //#endregion
 //#region src/components/BoxedList/BoxedList.tsx
@@ -1274,10 +1274,7 @@ function kt({ children: e, variant: i = "default", className: a, ...o }) {
 		...o,
 		children: s.map((e, r) => /* @__PURE__ */ n("li", {
 			className: c ? Ot.separateItem : Ot.item,
-			children: [!c && r > 0 && /* @__PURE__ */ t("div", {
-				className: Ot.divider,
-				"aria-hidden": "true"
-			}), e]
+			children: [!c && r > 0 && /* @__PURE__ */ t(ae, { "aria-hidden": "true" }), e]
 		}, r))
 	});
 }
@@ -1330,7 +1327,7 @@ function Mt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s
 		...s,
 		children: [r && /* @__PURE__ */ t("span", {
 			className: At.itemIcon,
-			children: /* @__PURE__ */ t(I, {
+			children: /* @__PURE__ */ t(F, {
 				icon: r,
 				size: "md",
 				"aria-hidden": !0
@@ -1400,8 +1397,8 @@ function Ht({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
 				onClick: () => {
 					h(), i?.();
 				},
-				children: /* @__PURE__ */ t(I, {
-					icon: Pe,
+				children: /* @__PURE__ */ t(F, {
+					icon: Fe,
 					size: "md",
 					"aria-hidden": !0
 				})
@@ -1493,11 +1490,11 @@ function Sn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 		c
 	]);
 	if (!r) return null;
-	let F = [
+	let ue = [
 		"details",
 		!!(E?.length || D?.length || O?.length) && "credits",
 		!!(k || A || j) && "legal"
-	].filter(Boolean), ue = () => oe ? /* @__PURE__ */ t("div", {
+	].filter(Boolean), de = () => oe ? /* @__PURE__ */ t("div", {
 		className: B.footer,
 		children: /* @__PURE__ */ t("button", {
 			type: "button",
@@ -1523,7 +1520,7 @@ function Sn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			onClick: e.onClick,
 			children: e.label
 		}, e.label))
-	}) : null, de = () => /* @__PURE__ */ n(e, { children: [
+	}) : null, fe = () => /* @__PURE__ */ n(e, { children: [
 		/* @__PURE__ */ n("div", {
 			className: B.aboutHeader,
 			children: [
@@ -1542,10 +1539,10 @@ function Sn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 				})
 			]
 		}),
-		F.length > 1 && /* @__PURE__ */ t("div", {
+		ue.length > 1 && /* @__PURE__ */ t("div", {
 			className: B.aboutTabBar,
 			role: "tablist",
-			children: F.map((e) => /* @__PURE__ */ t("button", {
+			children: ue.map((e) => /* @__PURE__ */ t("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": re === e,
@@ -1649,7 +1646,7 @@ function Sn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 				})
 			]
 		})
-	] }), fe = /* @__PURE__ */ t("div", {
+	] }), pe = /* @__PURE__ */ t("div", {
 		className: B.backdrop,
 		onClick: ce,
 		"aria-hidden": "true",
@@ -1666,17 +1663,17 @@ function Sn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			onKeyDown: le,
 			onClick: (e) => e.stopPropagation(),
 			...P,
-			children: [oe ? de() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
+			children: [oe ? fe() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
 				id: te,
 				className: B.title,
 				children: i
 			}), a && /* @__PURE__ */ t("div", {
 				className: B.body,
 				children: a
-			})] }), ue()]
+			})] }), de()]
 		})
 	});
-	return typeof document > "u" ? fe : p(fe, document.body);
+	return typeof document > "u" ? pe : p(pe, document.body);
 }
 //#endregion
 //#region src/components/Dropdown/Dropdown.module.css
@@ -1806,8 +1803,8 @@ function Vn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 			children: [/* @__PURE__ */ t("span", {
 				className: [V.triggerLabel, w ? null : V.placeholder].filter(Boolean).join(" "),
 				children: w?.label ?? a
-			}), /* @__PURE__ */ t(I, {
-				icon: Ne,
+			}), /* @__PURE__ */ t(F, {
+				icon: Pe,
 				size: "md",
 				"aria-hidden": !0,
 				className: [V.chevron, m ? V.chevronOpen : null].filter(Boolean).join(" ")
@@ -1842,8 +1839,8 @@ function Vn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 						className: V.optionDesc,
 						children: e.description
 					})]
-				}), e.value === r && /* @__PURE__ */ t(I, {
-					icon: Re,
+				}), e.value === r && /* @__PURE__ */ t(F, {
+					icon: ze,
 					size: "md",
 					"aria-hidden": !0,
 					className: V.checkIcon
@@ -2348,7 +2345,7 @@ function ur({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		...s,
 		children: [i && /* @__PURE__ */ t("span", {
 			className: or.itemIcon,
-			children: /* @__PURE__ */ t(I, {
+			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "md",
 				"aria-hidden": !0
@@ -2423,7 +2420,7 @@ function hr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
 	].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
 		i && /* @__PURE__ */ t("span", {
 			className: mr.icon,
-			children: /* @__PURE__ */ t(I, {
+			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "sm",
 				"aria-hidden": !0
@@ -2442,8 +2439,8 @@ function hr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
 				e.stopPropagation(), a();
 			},
 			tabIndex: l ? -1 : 0,
-			children: /* @__PURE__ */ t(I, {
-				icon: Pe,
+			children: /* @__PURE__ */ t(F, {
+				icon: Fe,
 				size: "sm",
 				"aria-hidden": !0
 			})
@@ -2679,7 +2676,7 @@ function Vr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 			children: [
 				i && /* @__PURE__ */ t("span", {
 					className: Lr.itemIcon,
-					children: /* @__PURE__ */ t(I, {
+					children: /* @__PURE__ */ t(F, {
 						icon: i,
 						size: "md",
 						"aria-hidden": !0
@@ -2926,21 +2923,20 @@ function $r({ children: e, className: n, ...r }) {
 	});
 }
 var K = {
-	expanderRow: "_expanderRow_16el8_3",
-	header: "_header_16el8_11",
-	leading: "_leading_16el8_55",
-	content: "_content_16el8_64",
-	title: "_title_16el8_72",
-	subtitle: "_subtitle_16el8_83",
-	trailing: "_trailing_16el8_97",
-	chevronWrap: "_chevronWrap_16el8_106",
-	chevronOpen: "_chevronOpen_16el8_115",
-	chevron: "_chevron_16el8_106",
-	panel: "_panel_16el8_125",
-	expanded: "_expanded_16el8_131",
-	panelInner: "_panelInner_16el8_135",
-	childItem: "_childItem_16el8_142",
-	divider: "_divider_16el8_147"
+	expanderRow: "_expanderRow_1wh8c_3",
+	header: "_header_1wh8c_11",
+	leading: "_leading_1wh8c_55",
+	content: "_content_1wh8c_64",
+	title: "_title_1wh8c_72",
+	subtitle: "_subtitle_1wh8c_83",
+	trailing: "_trailing_1wh8c_97",
+	chevronWrap: "_chevronWrap_1wh8c_106",
+	chevronOpen: "_chevronOpen_1wh8c_115",
+	chevron: "_chevron_1wh8c_106",
+	panel: "_panel_1wh8c_125",
+	expanded: "_expanded_1wh8c_131",
+	panelInner: "_panelInner_1wh8c_135",
+	childItem: "_childItem_1wh8c_142"
 };
 //#endregion
 //#region src/components/ExpanderRow/ExpanderRow.tsx
@@ -3010,10 +3006,7 @@ function ei({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
 				className: K.panelInner,
 				children: S.map((e, r) => /* @__PURE__ */ n("div", {
 					className: K.childItem,
-					children: [/* @__PURE__ */ t("div", {
-						className: K.divider,
-						"aria-hidden": "true"
-					}), e]
+					children: [/* @__PURE__ */ t(ae, { "aria-hidden": "true" }), e]
 				}, r))
 			})
 		})]
@@ -3088,7 +3081,7 @@ function ai({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		...s,
 		children: [i && /* @__PURE__ */ t("span", {
 			className: ti.itemIcon,
-			children: /* @__PURE__ */ t(I, {
+			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "md",
 				"aria-hidden": !0
@@ -3513,8 +3506,8 @@ function Pi({ trailing: r, disabled: i, ...a }) {
 		"aria-label": o ? "Conceal password" : "Reveal password",
 		"aria-pressed": o,
 		disabled: i,
-		children: /* @__PURE__ */ t(I, {
-			icon: o ? Le : Ie,
+		children: /* @__PURE__ */ t(F, {
+			icon: o ? Re : Le,
 			size: "md",
 			"aria-hidden": !0
 		})
@@ -4295,7 +4288,70 @@ function Va({ items: e, orientation: r = "vertical", variant: i = "default", cla
 		})
 	});
 }
+var Ha = {
+	pathBar: "_pathBar_1n4ev_3",
+	list: "_list_1n4ev_12",
+	item: "_item_1n4ev_25",
+	separator: "_separator_1n4ev_33",
+	segment: "_segment_1n4ev_44",
+	current: "_current_1n4ev_81",
+	icon: "_icon_1n4ev_98"
+};
+//#endregion
+//#region src/components/PathBar/PathBar.tsx
+function Ua({ segments: e, onNavigate: r, className: i, ...a }) {
+	return /* @__PURE__ */ t("nav", {
+		"aria-label": "Breadcrumb",
+		className: [Ha.pathBar, i].filter(Boolean).join(" "),
+		...a,
+		children: /* @__PURE__ */ t("ol", {
+			className: Ha.list,
+			"aria-label": "Path segments",
+			children: e.map((i, a) => {
+				let o = a === e.length - 1;
+				return /* @__PURE__ */ n("li", {
+					className: Ha.item,
+					children: [a > 0 && /* @__PURE__ */ t("span", {
+						className: Ha.separator,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 12 12",
+							focusable: "false",
+							children: /* @__PURE__ */ t("path", {
+								d: "M4 2l4 4-4 4",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					}), o ? /* @__PURE__ */ n("span", {
+						className: Ha.current,
+						"aria-current": "page",
+						children: [i.icon && /* @__PURE__ */ t("span", {
+							className: Ha.icon,
+							"aria-hidden": "true",
+							children: i.icon
+						}), i.label]
+					}) : /* @__PURE__ */ n("button", {
+						type: "button",
+						className: Ha.segment,
+						onClick: () => r?.(i.path, a),
+						children: [i.icon && /* @__PURE__ */ t("span", {
+							className: Ha.icon,
+							"aria-hidden": "true",
+							children: i.icon
+						}), i.label]
+					})]
+				}, i.path);
+			})
+		})
+	});
+}
 //#endregion
-export { Dt as ActionRow, re as Avatar, je as Badge, Te as Banner, ca as Bin, h as Blockquote, ia as BottomSheet, dr as Box, kt as BoxedList, Hr as BreakpointBin, _ as Button, ua as ButtonContent, Wr as ButtonRow, j as Card, sa as Carousel, aa as CarouselIndicatorDots, oa as CarouselIndicatorLines, ci as CheckRow, le as Checkbox, hr as Chip, $n as Clamp, ji as ComboRow, Sn as Dialog, Vn as Dropdown, Mi as EntryRow, ei as ExpanderRow, ke as Footer, $r as Frame, Ue as GNOME_BREAKPOINTS, De as HeaderBar, I as Icon, ii as InlineViewSwitcher, ai as InlineViewSwitcherItem, ar as Link, Zr as LinkedGroup, Ji as NavigationPage, er as NavigationSplitView, Yi as NavigationView, tr as OverlaySplitView, Pi as PasswordEntryRow, Zn as Popover, Ba as PreferencesDialog, ya as PreferencesGroup, xa as PreferencesPage, me as ProgressBar, fe as RadioButton, Be as SearchBar, ae as Separator, pa as ShortcutLabel, Ir as ShortcutsDialog, pt as Sidebar, lt as SidebarCollapsedContext, yt as SidebarItem, mt as SidebarSection, Kn as Slider, Yr as Spacer, Ct as SpinButton, Li as SpinRow, N as Spinner, Kr as SplitButton, He as StatusPage, se as Switch, si as SwitchRow, wt as TabBar, Tt as TabItem, Et as TabPanel, D as Text, ue as TextField, Va as Timeline, Ht as Toast, Ut as Toaster, lr as ToggleGroup, ur as ToggleGroupItem, Jr as Toolbar, ha as ToolbarView, vt as Tooltip, jt as ViewSwitcher, rr as ViewSwitcherBar, Mt as ViewSwitcherItem, Br as ViewSwitcherSidebar, Vr as ViewSwitcherSidebarItem, _a as WindowTitle, pr as WrapBox, We as useBreakpoint, qi as useNavigation, ut as useSidebarCollapsed };
+export { Dt as ActionRow, re as Avatar, Me as Badge, Ee as Banner, ca as Bin, h as Blockquote, ia as BottomSheet, dr as Box, kt as BoxedList, Hr as BreakpointBin, _ as Button, ua as ButtonContent, Wr as ButtonRow, j as Card, sa as Carousel, aa as CarouselIndicatorDots, oa as CarouselIndicatorLines, ci as CheckRow, le as Checkbox, hr as Chip, $n as Clamp, ji as ComboRow, Sn as Dialog, Vn as Dropdown, Mi as EntryRow, ei as ExpanderRow, Ae as Footer, $r as Frame, Ue as GNOME_BREAKPOINTS, Oe as HeaderBar, F as Icon, ii as InlineViewSwitcher, ai as InlineViewSwitcherItem, ar as Link, Zr as LinkedGroup, Ji as NavigationPage, er as NavigationSplitView, Yi as NavigationView, tr as OverlaySplitView, Pi as PasswordEntryRow, Ua as PathBar, Zn as Popover, Ba as PreferencesDialog, ya as PreferencesGroup, xa as PreferencesPage, he as ProgressBar, pe as RadioButton, Be as SearchBar, ae as Separator, pa as ShortcutLabel, Ir as ShortcutsDialog, pt as Sidebar, lt as SidebarCollapsedContext, yt as SidebarItem, mt as SidebarSection, Kn as Slider, Yr as Spacer, Ct as SpinButton, Li as SpinRow, N as Spinner, Kr as SplitButton, He as StatusPage, se as Switch, si as SwitchRow, wt as TabBar, Tt as TabItem, Et as TabPanel, D as Text, de as TextField, Va as Timeline, Ht as Toast, Ut as Toaster, lr as ToggleGroup, ur as ToggleGroupItem, Jr as Toolbar, ha as ToolbarView, vt as Tooltip, jt as ViewSwitcher, rr as ViewSwitcherBar, Mt as ViewSwitcherItem, Br as ViewSwitcherSidebar, Vr as ViewSwitcherSidebarItem, _a as WindowTitle, pr as WrapBox, We as useBreakpoint, qi as useNavigation, ut as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map