@canonical/maas-react-components 2.7.0 → 2.7.2

package/dist/lib-BEVV6FLF.mjs

@@ -0,0 +1,2018 @@
+import * as e from "react";
+import { Children as t, Fragment as n, Suspense as r, cloneElement as i, createContext as a, lazy as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useReducer as p, useRef as m, useState as h } from "react";
+import { AppAside as g, AppMain as _, Application as v, Button as y, CheckboxInput as b, Col as x, ICONS as S, Icon as C, Input as w, Label as T, Link as E, Row as D, SearchBox as ee, Select as O, Spinner as k, Tooltip as A, useClickOutside as te, useListener as ne, useOnEscapePressed as j } from "@canonical/react-components";
+import M from "classnames";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useLocation as re } from "react-router";
+import { useDropzone as ie } from "react-dropzone";
+import { flexRender as I, getCoreRowModel as ae, getExpandedRowModel as oe, getGroupedRowModel as se, useReactTable as ce } from "@tanstack/react-table";
+//#region src/lib/elements/Meter/Meter.tsx
+var L = {
+	caution: "#F99B11",
+	light: "#F7F7F7",
+	linkFaded: "#D3E4ED",
+	link: "#0066CC",
+	negative: "#C7162B",
+	positiveFaded: "#B7CCB9",
+	positiveMid: "#4DAB4D",
+	positive: "#0E8420"
+}, le = [
+	L.link,
+	L.positive,
+	L.negative,
+	L.caution
+], ue = L.linkFaded, R = L.caution, z = L.light, B = 2, V = 1, de = (e, t) => {
+	let n = e?.current?.getBoundingClientRect()?.width || 0;
+	return n > t * B ? n / t : B;
+}, H = {
+	bar: "meter-bar",
+	container: "meter-container",
+	filled: "meter-filled",
+	label: "meter-label",
+	meteroverflow: "meter-overflow",
+	segments: "meter-segments"
+}, fe = ({ className: e, children: t, data: n, max: r, variant: i = "regular", size: a = "regular", ...o }) => {
+	let c = m(null), u = n?.reduce((e, t) => e + t.value, 0), d = r || u, f = n.map((e) => e.value / d * 100), [p, g] = h(0);
+	l(() => {
+		g(i === "segmented" ? de(c, d) : 0);
+	}, [d, i]);
+	let _ = s(() => {
+		g(de(c, d));
+	}, [
+		c,
+		d,
+		g
+	]);
+	return ne(window, _, "resize", !0, i === "segmented"), /* @__PURE__ */ F("div", {
+		className: M("p-meter", e, { "p-meter--small": a === "small" }),
+		"aria-label": o?.["aria-label"],
+		"data-testid": H.container,
+		ref: c,
+		children: [/* @__PURE__ */ P(pe, { children: /* @__PURE__ */ P(me, {
+			data: n,
+			datumWidths: f,
+			maximum: d,
+			overColor: R,
+			segmentWidth: p,
+			separatorColor: z
+		}) }), t]
+	});
+}, pe = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-meter__bar",
+	"data-testid": H.bar,
+	style: { backgroundColor: ue },
+	children: e
+}), me = ({ data: e, datumWidths: t, maximum: n, segmentWidth: r }) => {
+	let i = () => e?.reduce((e, t) => e + t.value, 0) > n, a = (e, n) => ({
+		backgroundColor: e.color,
+		left: `${t?.reduce((e, t, r) => n > r ? e + t : e, 0)}%`,
+		width: `${t[n]}%`
+	});
+	return /* @__PURE__ */ F(N, { children: [i() ? /* @__PURE__ */ P("div", {
+		className: "p-meter__filled",
+		"data-testid": H.meteroverflow,
+		style: {
+			backgroundColor: R,
+			width: "100%"
+		}
+	}) : e?.map((e, t) => /* @__PURE__ */ P("div", {
+		className: "p-meter__filled",
+		"data-testid": H.filled,
+		style: a(e, t)
+	}, `meter-${t}`)), r > 0 && /* @__PURE__ */ P("div", {
+		className: "p-meter__separators",
+		"data-testid": H.segments,
+		style: { background: `repeating-linear-gradient(
+      to right,
+      transparent 0,
+      transparent ${r - V}px,
+      ${z} ${r - V}px,
+      ${z} ${r}px
+    )` }
+	})] });
+};
+fe.Label = ({ className: e, children: t }) => /* @__PURE__ */ P("div", {
+	className: M("p-meter__label", e),
+	"data-testid": H.label,
+	children: t
+});
+//#endregion
+//#region src/lib/elements/ExternalLink/ExternalLink.tsx
+var he = ({ children: e, to: t, ...n }) => /* @__PURE__ */ P(E, {
+	...n,
+	href: t,
+	rel: "noreferrer noopener",
+	target: "_blank",
+	children: e
+}), ge = ({ percentComplete: e }) => /* @__PURE__ */ F("small", {
+	className: "progress-indicator",
+	children: [
+		e,
+		"% ",
+		/* @__PURE__ */ P(k, { className: "progress-indicator__spinner" })
+	]
+}), U = ({ className: e, width: t, height: n, isPending: r, text: i, children: a, variant: o = "text", style: s, ...c }) => {
+	if (l(() => {
+		r !== void 0 && console.warn("[Placeholder] The `isPending` prop is deprecated and will be removed in a future major version. Control skeleton visibility with conditional rendering at the call-site instead.");
+	}, [r]), l(() => {
+		i !== void 0 && console.warn("[Placeholder] The `text` prop is deprecated and will be removed in a future major version. Use the `width` prop to set the skeleton width.");
+	}, [i]), l(() => {
+		a !== void 0 && console.warn("[Placeholder] Passing `children` to Placeholder is deprecated and will be removed in a future major version. Render children outside the Placeholder and control visibility at the call-site.");
+	}, [a]), o === "text") {
+		if (!r) return /* @__PURE__ */ P(N, { children: a });
+		let o = Math.floor(Math.random() * 750), l = t ?? "fit-content";
+		return /* @__PURE__ */ P("div", {
+			"aria-label": "loading",
+			className: M("p-placeholder", e),
+			role: "progressbar",
+			style: {
+				animationDelay: `${o}ms`,
+				width: l,
+				height: n,
+				...s
+			},
+			...c,
+			children: /* @__PURE__ */ P("span", {
+				"aria-hidden": "true",
+				className: "p-placeholder__sizer",
+				children: i || a || "Loading"
+			})
+		});
+	}
+	let u = i && !t ? "fit-content" : t;
+	return /* @__PURE__ */ P("div", {
+		"aria-label": "loading",
+		className: M("p-placeholder", e),
+		role: "progressbar",
+		style: {
+			width: u,
+			height: n,
+			...s
+		},
+		...c
+	});
+}, W = ({ children: e, className: t, as: n, variant: r = "wide", ...i }) => {
+	let a = n || "section", o = M("content-section", t);
+	return /* @__PURE__ */ P(a, {
+		...i,
+		className: o,
+		children: /* @__PURE__ */ P(D, { children: /* @__PURE__ */ P(x, {
+			size: r === "narrow" ? 6 : 12,
+			children: /* @__PURE__ */ P(N, { children: e })
+		}) })
+	});
+};
+W.Title = ({ children: e, className: t, as: n, ...r }) => /* @__PURE__ */ P(n || "h1", {
+	...r,
+	className: M("content-section__title p-heading--4", t),
+	children: e
+}), W.Header = ({ children: e, className: t }) => /* @__PURE__ */ P("header", {
+	className: M("content-section__header", t),
+	children: e
+}), W.Content = ({ children: e, className: t }) => /* @__PURE__ */ P("div", {
+	className: M("content-section__body", t),
+	children: e
+}), W.Footer = ({ children: e, className: t }) => /* @__PURE__ */ P("footer", {
+	className: M("content-section__footer", t),
+	children: e
+});
+//#endregion
+//#region src/lib/sections/FormSection/FormSection.tsx
+var G = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-form-section",
+	children: e
+});
+G.Title = ({ children: e }) => /* @__PURE__ */ P("h5", {
+	className: "p-form-section__title u-no-padding--top",
+	children: e
+}), G.Description = ({ children: e }) => /* @__PURE__ */ P("p", {
+	className: "p-form-help-text",
+	children: e
+}), G.Content = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-form-section__content",
+	children: e
+});
+//#endregion
+//#region src/lib/sections/InputGroup/InputGroup.tsx
+var K = a(null), _e = ({ children: e }) => {
+	let t = u();
+	return /* @__PURE__ */ P(K.Provider, {
+		value: t,
+		children: /* @__PURE__ */ P("div", {
+			role: "group",
+			"aria-labelledby": `${t}_label`,
+			"aria-describedby": `${t}_description`,
+			className: "p-input-group",
+			children: e
+		})
+	});
+};
+_e.Label = ({ children: e }) => {
+	let t = c(K);
+	return /* @__PURE__ */ P("label", {
+		id: `${t}_label`,
+		children: e
+	});
+}, _e.Description = ({ children: e }) => {
+	let t = c(K);
+	return /* @__PURE__ */ P("p", {
+		className: "p-form-help-text",
+		id: `${t}_description`,
+		children: e
+	});
+};
+//#endregion
+//#region src/lib/sections/Layout/components/DocumentTitle/DocumentTitle.tsx
+var ve = ({ children: e }) => (l(() => {
+	document.title = t.toArray(e).join("");
+}, [e]), null), ye = a(null), q = () => {
+	let e = c(ye);
+	if (!e) throw Error("useSidePanel must be used within a SidePanelProvider");
+	return e;
+}, be = ({ children: e }) => {
+	let [t, n] = h({
+		isOpen: !1,
+		title: "",
+		size: "regular",
+		component: null,
+		props: {}
+	}), r = ({ component: e, title: t, props: r = {}, size: i = "regular" }) => {
+		n({
+			isOpen: !0,
+			title: t,
+			size: i,
+			component: e,
+			props: r || {}
+		});
+	}, i = () => {
+		n({
+			isOpen: !1,
+			title: "",
+			size: "regular",
+			component: null,
+			props: {}
+		});
+	}, a = s((e) => {
+		n((t) => ({
+			...t,
+			size: e
+		}));
+	}, []);
+	return /* @__PURE__ */ P(ye.Provider, {
+		value: {
+			...t,
+			openSidePanel: r,
+			closeSidePanel: i,
+			setSidePanelSize: a
+		},
+		children: e
+	});
+}, xe = () => {
+	let e = re(), { closeSidePanel: t } = q();
+	l(() => {
+		t();
+	}, [
+		e.pathname,
+		e.search,
+		e.hash
+	]);
+}, Se = () => {
+	let { setSidePanelSize: e } = q();
+	l(() => () => {
+		e("regular");
+	}, []);
+}, Ce = () => {
+	let { closeSidePanel: e } = q();
+	j(() => {
+		e();
+	});
+}, J = () => {
+	Ce(), xe(), Se();
+	let { isOpen: e, title: t, component: n, props: r, size: i } = q();
+	return /* @__PURE__ */ P(g, {
+		"aria-label": t ?? void 0,
+		className: M({
+			"is-narrow": i === "narrow",
+			"is-large": i === "large",
+			"is-wide": i === "wide"
+		}),
+		collapsed: !e,
+		id: "aside-panel",
+		children: /* @__PURE__ */ F(W, { children: [t ? /* @__PURE__ */ P("div", {
+			className: "row section-header section-header--side-panel",
+			children: /* @__PURE__ */ P("div", {
+				className: "col-12",
+				children: /* @__PURE__ */ P("h3", {
+					className: "section-header__title u-flex--no-shrink p-heading--4",
+					children: t
+				})
+			})
+		}) : null, e && n && /* @__PURE__ */ P(n, { ...r })] })
+	});
+};
+J.Skeleton = ({ hasTitle: e }) => /* @__PURE__ */ F(W, {
+	"aria-hidden": "true",
+	className: "aside-skeleton",
+	children: [
+		e && /* @__PURE__ */ P(W.Title, { children: /* @__PURE__ */ P(U, {
+			height: "2rem",
+			variant: "block",
+			width: "16ch"
+		}) }),
+		/* @__PURE__ */ F(W.Content, {
+			className: "aside-skeleton__form",
+			children: [/* @__PURE__ */ F("div", {
+				className: "layout-skeleton__form-description",
+				children: [/* @__PURE__ */ P(U, {
+					height: "1.5rem",
+					variant: "block",
+					width: "100%"
+				}), /* @__PURE__ */ P(U, {
+					height: "1.5rem",
+					variant: "block",
+					width: "70%"
+				})]
+			}), Array.from({ length: 2 }).map((e, t) => /* @__PURE__ */ F("div", {
+				className: "layout-skeleton__form-field",
+				children: [/* @__PURE__ */ P(U, {
+					height: "1.5rem",
+					variant: "block",
+					width: "14ch"
+				}), /* @__PURE__ */ P(U, {
+					height: "2.5rem",
+					variant: "block",
+					width: "100%"
+				})]
+			}, `aside-skeleton-field-${t}`))]
+		}),
+		/* @__PURE__ */ F(W.Footer, {
+			className: "aside-skeleton__footer",
+			children: [/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "8ch"
+			}), /* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "10ch"
+			})]
+		})
+	]
+});
+//#endregion
+//#region src/lib/sections/SidePanel/utils.tsx
+var we = (e, t) => {
+	let n = o(e);
+	return (e) => /* @__PURE__ */ P(r, {
+		fallback: /* @__PURE__ */ P(W, { children: /* @__PURE__ */ P(J.Skeleton, { hasTitle: t }) }),
+		children: /* @__PURE__ */ P(n, { ...e })
+	});
+}, Te = ({ className: e, children: t, pageTitle: n, view: i, isSecondaryNavVisible: a, navigation: o, secondaryNavigation: s, statusBar: c }) => /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(ve, { children: n }), /* @__PURE__ */ F(v, { children: [
+	o,
+	/* @__PURE__ */ F(_, {
+		className: e,
+		children: [
+			/* @__PURE__ */ P("h1", {
+				className: "u-visually-hidden",
+				children: n
+			}),
+			/* @__PURE__ */ P("div", {
+				className: M("l-main__nav", { "is-open": a }),
+				children: s
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "l-main__content",
+				children: /* @__PURE__ */ P("div", {
+					className: "row",
+					children: /* @__PURE__ */ P("div", {
+						className: "col-12",
+						children: /* @__PURE__ */ P(r, {
+							fallback: /* @__PURE__ */ P(Ee, { view: i }),
+							children: t
+						})
+					})
+				})
+			})
+		]
+	}),
+	/* @__PURE__ */ P(J, {}),
+	c
+] })] }), Ee = ({ view: e }) => e === "settings" ? /* @__PURE__ */ F(W, {
+	"aria-hidden": "true",
+	className: "layout-skeleton",
+	variant: "narrow",
+	children: [
+		/* @__PURE__ */ P(W.Title, { children: /* @__PURE__ */ P(U, {
+			height: "2rem",
+			variant: "block",
+			width: "16ch"
+		}) }),
+		/* @__PURE__ */ P("div", {
+			className: "layout-skeleton__form",
+			children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ F("div", {
+				className: "layout-skeleton__form-field",
+				children: [/* @__PURE__ */ P(U, {
+					height: "1.5rem",
+					variant: "block",
+					width: "14ch"
+				}), /* @__PURE__ */ P(U, {
+					height: "2.5rem",
+					variant: "block",
+					width: "100%"
+				})]
+			}, `layout-skeleton-field-${t}`))
+		}),
+		/* @__PURE__ */ P(W.Footer, { children: /* @__PURE__ */ P(U, {
+			height: "2rem",
+			variant: "block",
+			width: "8ch"
+		}) })
+	]
+}) : /* @__PURE__ */ F(W, {
+	"aria-hidden": "true",
+	className: "layout-skeleton",
+	children: [/* @__PURE__ */ P(W.Header, { children: /* @__PURE__ */ F("div", {
+		className: "layout-skeleton__header",
+		children: [
+			/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "24ch"
+			}),
+			/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "100%"
+			}),
+			/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "18ch"
+			}),
+			/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "18ch"
+			})
+		]
+	}) }), /* @__PURE__ */ F(W.Content, { children: [/* @__PURE__ */ F("div", {
+		className: "layout-skeleton__pagination",
+		children: [/* @__PURE__ */ P(U, {
+			height: "2rem",
+			variant: "block",
+			width: "24ch"
+		}), /* @__PURE__ */ F("div", {
+			className: "layout-skeleton__pagination-controls",
+			children: [/* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "16ch"
+			}), /* @__PURE__ */ P(U, {
+				height: "2rem",
+				variant: "block",
+				width: "16ch"
+			})]
+		})]
+	}), /* @__PURE__ */ P(jt, {
+		className: "layout-skeleton__table",
+		columns: [
+			{
+				accessorKey: "name",
+				header: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "8ch"
+				}),
+				meta: { skeleton: () => /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "18ch"
+				}), /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "24ch"
+				})] }) }
+			},
+			{
+				accessorKey: "details",
+				header: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "12ch"
+				}),
+				meta: { skeleton: () => /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "18ch"
+				}), /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "14ch"
+				})] }) }
+			},
+			{
+				accessorKey: "status",
+				header: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "10ch"
+				}),
+				meta: { skeleton: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "12ch"
+				}) }
+			},
+			{
+				accessorKey: "updated",
+				header: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "16ch"
+				}),
+				meta: { skeleton: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "10ch"
+				}) }
+			},
+			{
+				accessorKey: "actions",
+				header: () => /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "10ch"
+				}),
+				meta: { skeleton: () => /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "2ch"
+				}), /* @__PURE__ */ P(U, {
+					variant: "block",
+					width: "2ch"
+				})] }) }
+			}
+		],
+		data: [],
+		isLoading: !0,
+		loadingVariant: "skeleton"
+	})] })]
+});
+Te.Skeleton = Ee;
+//#endregion
+//#region src/lib/sections/MainToolbar/MainToolbar.tsx
+function De(t) {
+	let [n, r] = e.useState(null), i = e.useRef(null), a = e.useCallback(() => {
+		if (t.current) {
+			let e = t.current.getBoundingClientRect();
+			r(e);
+		}
+	}, [t]);
+	return e.useEffect(() => {
+		let e = new ResizeObserver(() => {
+			i.current && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(a);
+		});
+		return t.current && e.observe(t.current), () => {
+			i.current && cancelAnimationFrame(i.current), e.disconnect();
+		};
+	}, [t, a]), n;
+}
+var Oe = e.createContext(null), ke = e.createContext([!1, () => {}]), Ae = ({ children: t }) => {
+	let n = e.useRef(null), r = De(n), [i, a] = e.useState(!1);
+	return /* @__PURE__ */ P("header", {
+		className: M("main-toolbar", { "main-toolbar--stacked": i }),
+		ref: n,
+		children: /* @__PURE__ */ P(Oe.Provider, {
+			value: r,
+			children: /* @__PURE__ */ P(ke.Provider, {
+				value: [i, a],
+				children: t
+			})
+		})
+	});
+};
+Ae.Title = ({ as: e, children: t, className: n, ...r }) => /* @__PURE__ */ P(e || "h1", {
+	className: M("main-toolbar__title p-heading--4", n),
+	"data-testid": "main-toolbar-heading",
+	...r,
+	children: t
+}), Ae.Controls = ({ children: t }) => {
+	let n = e.useContext(Oe), [r, i] = e.useContext(ke), a = e.useRef(null);
+	return e.useEffect(() => {
+		!a.current || !n || i(a.current.getBoundingClientRect().width > n.width);
+	}, [
+		i,
+		n,
+		a
+	]), /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("div", {
+		"aria-hidden": "true",
+		className: "main-toolbar__controls main-toolbar__controls--observer",
+		ref: a,
+		style: {
+			visibility: "hidden",
+			position: "absolute"
+		},
+		children: t
+	}), /* @__PURE__ */ P("div", {
+		className: M("main-toolbar__controls", { "main-toolbar__controls--stacked": r }),
+		children: t
+	})] });
+};
+//#endregion
+//#region src/lib/sections/Navigation/Banner/Banner.tsx
+var je = ({ children: e }) => /* @__PURE__ */ P(N, { children: e }), Me = ({ isCollapsed: e, setIsCollapsed: t, className: n }) => /* @__PURE__ */ P(A, {
+	className: "p-side-navigation__tooltip-wrapper",
+	message: /* @__PURE__ */ F(N, { children: [
+		e ? "expand" : "collapse",
+		"( ",
+		/* @__PURE__ */ P("code", { children: "[" }),
+		" )"
+	] }),
+	position: "right",
+	tooltipClassName: "p-side-navigation__tooltip",
+	children: /* @__PURE__ */ P(y, {
+		appearance: "base",
+		"aria-label": `${e ? "expand" : "collapse"} main navigation`,
+		className: M("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle", n),
+		onClick: (n) => {
+			t(!e), n.stopPropagation(), n.currentTarget.blur();
+		},
+		children: /* @__PURE__ */ P(C, {
+			light: !0,
+			name: "sidebar-toggle"
+		})
+	})
+}), Ne = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-panel__content",
+	children: /* @__PURE__ */ P("nav", {
+		className: "p-side-navigation--icons is-dark",
+		children: e
+	})
+}), Pe = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-panel__controls u-no-margin--top",
+	children: e
+}), Fe = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "l-navigation__drawer",
+	children: /* @__PURE__ */ P("div", {
+		className: "p-panel is-dark",
+		children: e
+	})
+}), Ie = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-panel__footer",
+	children: e
+}), Le = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-panel__header",
+	children: e
+}), Re = ({ light: e = !0, name: t }) => /* @__PURE__ */ P(C, {
+	className: "p-side-navigation__icon",
+	light: e,
+	name: t
+}), ze = ({ children: e, className: t, hasActiveChild: n }) => /* @__PURE__ */ P("li", {
+	className: M("p-side-navigation__item", t, { "has-active-child": n }),
+	children: e
+}), Be = ({ children: e, id: t, variant: n = "base" }) => /* @__PURE__ */ P("span", {
+	className: M("p-side-navigation__label", { "p-side-navigation__label--group": n === "group" }),
+	id: t,
+	children: e
+}), Ve = ({ as: e, ...t }) => /* @__PURE__ */ P(e || "a", {
+	className: M("p-side-navigation__link", t.className),
+	...t
+}), He = ({ children: e, className: t }) => /* @__PURE__ */ P("ul", {
+	className: M("p-side-navigation__list", t),
+	children: e
+}), Ue = ({ as: e, children: t, className: n, ...r }) => /* @__PURE__ */ P(e || "a", {
+	className: M("p-panel__logo", n),
+	...r,
+	children: /* @__PURE__ */ P("div", {
+		className: "p-navigation__tagged-logo",
+		children: t
+	})
+}), We = ({ children: e }) => i(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Ge = ({ children: e, variant: t = "base" }) => /* @__PURE__ */ P("div", {
+	className: M("p-panel__logo-name is-fading-when-collapsed", { "p-panel__logo-name--small": t === "small" }),
+	children: e
+}), Ke = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "p-navigation__logo-tag",
+	children: e
+}), qe = ({ children: e }) => /* @__PURE__ */ P("span", {
+	className: "p-panel__logo-text",
+	children: e
+}), Je = ({ children: e, className: t, onClick: n }) => /* @__PURE__ */ P(y, {
+	appearance: "base",
+	className: M("p-side-navigation__button--menu has-icon is-dark", t),
+	onClick: (e) => {
+		n && n(e), e.stopPropagation(), e.currentTarget.blur();
+	},
+	children: /* @__PURE__ */ P(N, { children: e })
+}), Ye = ({ children: e }) => /* @__PURE__ */ P("span", {
+	className: "p-side-navigation__text",
+	children: e
+}), Y = ({ children: e, className: t, isCollapsed: n }) => /* @__PURE__ */ P("header", {
+	"aria-label": "main navigation",
+	className: M("l-navigation is-maas", t, {
+		"is-collapsed": n,
+		"is-pinned": !n
+	}),
+	children: e
+}), Xe = ({ children: e, className: t }) => /* @__PURE__ */ P("header", {
+	"aria-label": "navigation",
+	className: "l-navigation-bar",
+	children: /* @__PURE__ */ P("div", {
+		className: M("p-panel is-dark", t),
+		children: e
+	})
+});
+Y.Header = Le, Y.Banner = je, Y.Drawer = Fe, Y.Controls = Pe, Y.CollapseToggle = Me, Y.Content = Ne, Y.Footer = Ie, Y.List = He, Y.Item = ze, Y.Link = Ve, Y.Text = Ye, Y.Icon = Re, Y.Label = Be, Y.Logo = Ue, Y.LogoTag = Ke, Y.LogoIcon = We, Y.LogoName = Ge, Y.LogoText = qe, Xe.MenuButton = Je;
+//#endregion
+//#region src/lib/components/FadeInDown/FadeInDown.tsx
+var Ze = ({ children: e, className: t, isVisible: n }) => /* @__PURE__ */ P("div", {
+	className: M("fade-in--down", t),
+	"aria-hidden": n ? "false" : "true",
+	style: { visibility: n ? "visible" : "hidden" },
+	children: e
+}), Qe = ({ children: e, ...t }) => /* @__PURE__ */ P(Ze, {
+	isVisible: !t["aria-hidden"],
+	children: /* @__PURE__ */ P("div", {
+		className: "p-form__nested-group",
+		...t,
+		children: e
+	})
+}), $e = ({ className: e, currentPage: t, error: n, disabled: r, onInputBlur: i, onInputChange: a, onNextClick: o, onPreviousClick: s, totalPages: c, ...l }) => /* @__PURE__ */ P("nav", {
+	"aria-label": l?.["aria-label"] || "pagination",
+	className: M("p-pagination", e),
+	children: /* @__PURE__ */ F("span", {
+		className: "p-pagination--items",
+		children: [
+			/* @__PURE__ */ P(y, {
+				"aria-label": "Previous page",
+				className: "p-pagination__link--previous",
+				disabled: t === 1 || r,
+				onClick: s,
+				type: "button",
+				children: /* @__PURE__ */ P(C, { name: "chevron-left" })
+			}),
+			/* @__PURE__ */ P("strong", { children: "Page " }),
+			" ",
+			/* @__PURE__ */ P(w, {
+				"aria-label": "page number",
+				className: "p-pagination__input",
+				disabled: r,
+				error: n,
+				max: c,
+				min: 1,
+				onBlur: i,
+				onChange: a,
+				required: !0,
+				type: "number",
+				value: t
+			}),
+			" ",
+			/* @__PURE__ */ F("strong", {
+				className: "u-no-wrap",
+				children: [" of ", c]
+			}),
+			/* @__PURE__ */ P(y, {
+				"aria-label": "Next page",
+				className: "p-pagination__link--next",
+				disabled: t === c || r,
+				onClick: o,
+				type: "button",
+				children: /* @__PURE__ */ P(C, { name: "chevron-right" })
+			})
+		]
+	})
+}), et = ({ currentPage: e, disabled: t, paginate: n, totalPages: r }) => {
+	let [i, a] = h(e), [o, s] = h("");
+	return /* @__PURE__ */ P($e, {
+		currentPage: i,
+		error: o,
+		disabled: t,
+		onInputBlur: () => {
+			a(e), s("");
+		},
+		onInputChange: (e) => {
+			let { value: t, valueAsNumber: i } = e.target;
+			t ? (a(i), i > r || i < 1 ? s(`${i} is not a valid page number.`) : (s(""), n(i))) : s("Enter a page number.");
+		},
+		onNextClick: () => {
+			a((e) => Number(e) + 1), n(Number(e) + 1);
+		},
+		onPreviousClick: () => {
+			a((e) => Number(e) - 1), n(Number(e) - 1);
+		},
+		totalPages: r
+	});
+}, tt = ({ activeStep: e, items: t }) => /* @__PURE__ */ P("ol", {
+	className: "stepper",
+	children: t.map((t, n) => {
+		let r = n === e, i = n < e;
+		return /* @__PURE__ */ P("li", {
+			"aria-label": t,
+			className: "stepper__item",
+			children: /* @__PURE__ */ P("p", {
+				"aria-label": i ? `${t} (completed)` : t,
+				className: M("stepper__title", {
+					"stepper__title--is-active": r,
+					"stepper__title--is-complete": i
+				}),
+				children: t
+			})
+		}, n);
+	})
+}), nt = () => {
+	let [{ acceptedFiles: e, fileRejections: t }, n] = p((e, t) => {
+		switch (t.type) {
+			case "add-files": return {
+				acceptedFiles: [...e.acceptedFiles, ...t.payload.acceptedFiles],
+				fileRejections: [...e.fileRejections, ...t.payload.fileRejections]
+			};
+			case "remove-accepted": return {
+				...e,
+				acceptedFiles: e.acceptedFiles.filter((e) => e !== t.payload)
+			};
+			case "remove-rejected": return {
+				...e,
+				fileRejections: e.fileRejections.filter((e) => e !== t.payload)
+			};
+		}
+	}, {
+		acceptedFiles: [],
+		fileRejections: []
+	});
+	return {
+		acceptedFiles: e,
+		fileRejections: t,
+		onFileUpload: s((e, t) => n({
+			type: "add-files",
+			payload: {
+				acceptedFiles: e,
+				fileRejections: t
+			}
+		}), [n]),
+		removeFile: (e) => n({
+			type: "remove-accepted",
+			payload: e
+		}),
+		removeRejectedFile: (e) => n({
+			type: "remove-rejected",
+			payload: e
+		})
+	};
+}, rt = ({ accept: e, error: t, files: n, help: r, label: i, maxFiles: a, maxSize: o, minSize: s, onFileUpload: c, onRemoveFile: l, rejectedFiles: d }) => {
+	let f = nt(), p = n ?? f.acceptedFiles, m = d ?? f.fileRejections, h = c ?? f.onFileUpload, g = (e) => {
+		l ? l(e) : "file" in e && "errors" in e ? f.removeRejectedFile(e) : f.removeFile(e);
+	}, { getRootProps: _, getInputProps: v } = ie({
+		accept: e,
+		maxFiles: a,
+		maxSize: o,
+		minSize: s,
+		onDrop: h
+	}), b = u();
+	return /* @__PURE__ */ F("div", {
+		className: M("p-form__group p-form-validation", { "is-error": !!t }),
+		children: [
+			i && /* @__PURE__ */ P(T, {
+				id: b,
+				children: i
+			}),
+			r && /* @__PURE__ */ P("p", {
+				className: "p-form-help-text",
+				children: r
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "p-form__control",
+				children: [
+					!a || p.length + m.length < a ? /* @__PURE__ */ P("div", {
+						className: "file-upload__wrapper",
+						children: /* @__PURE__ */ F("div", {
+							..._(),
+							"aria-labelledby": i ? b : void 0,
+							className: "file-upload",
+							"data-testid": "file-upload",
+							children: [/* @__PURE__ */ P("input", { ...v() }), /* @__PURE__ */ P("button", {
+								className: "file-upload__button",
+								type: "button",
+								children: "Drag and drop files here or click to upload"
+							})]
+						})
+					}) : null,
+					/* @__PURE__ */ F("div", {
+						className: "file-upload__files-list",
+						children: [m && m.map((e) => /* @__PURE__ */ P("span", {
+							className: "is-error",
+							children: /* @__PURE__ */ F("div", {
+								className: "file-upload__file is-rejected",
+								children: [e.file.name, /* @__PURE__ */ P(y, {
+									appearance: "base",
+									className: "file-upload__file-remove-button",
+									onClick: () => g(e),
+									type: "button",
+									children: /* @__PURE__ */ P(C, {
+										name: "close",
+										children: "Remove file"
+									})
+								})]
+							})
+						}, e.file.name)), p && p.map((e) => /* @__PURE__ */ F("div", {
+							className: "file-upload__file",
+							children: [e.name, e.percentUploaded === void 0 ? /* @__PURE__ */ P(y, {
+								appearance: "base",
+								className: "file-upload__file-remove-button",
+								onClick: () => g(e),
+								type: "button",
+								children: /* @__PURE__ */ P(C, {
+									name: "close",
+									children: "Remove file"
+								})
+							}) : /* @__PURE__ */ P(ge, { percentComplete: e.percentUploaded })]
+						}, e.name))]
+					}),
+					t ? /* @__PURE__ */ F("p", {
+						className: "p-form-validation__message",
+						children: [/* @__PURE__ */ P("strong", { children: "Error: " }), t]
+					}) : null
+				]
+			})
+		]
+	});
+}, it = (e, t) => e.label.localeCompare(t.label, "en", { numeric: !0 }), at = (e) => (t, n) => {
+	if (e) {
+		let r = e.has(t.value), i = e.has(n.value);
+		if (r && !i) return -1;
+		if (!r && i) return 1;
+	}
+	return 0;
+}, ot = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let n = e.group || "Ungrouped", r = t.get(n) || [];
+		r.push(e), t.set(n, r);
+	}), Array.from(t, ([e, t]) => ({
+		group: e,
+		items: t
+	}));
+}, st = ({ items: e, selectedItems: t, disabledItems: n, header: r, updateItems: i, isOpen: a, footer: o, sortFn: s = it, groupFn: c = ot, ...u }) => {
+	let d = f(() => new Set(t.map((e) => e.value)), [t]), p = f(() => new Set(n.map((e) => e.value)), [n]), [m, g] = h(new Set(d));
+	l(() => {
+		a && g(new Set(d));
+	}, [a]);
+	let _ = f(() => e.some((e) => e.group), [e]), v = f(() => _ ? c(e) : [{
+		group: "Ungrouped",
+		items: e
+	}], [e, c]), y = (n) => {
+		let { checked: r, value: a } = n.target, o = e.find((e) => `${e.value}` === a);
+		o && i(r ? [...t, o] : t.filter((e) => `${e.value}` !== a) ?? []);
+	};
+	return /* @__PURE__ */ P(Ze, {
+		isVisible: a,
+		className: "put-above",
+		children: /* @__PURE__ */ F("div", {
+			className: "multi-select__dropdown",
+			role: "listbox",
+			...u,
+			children: [
+				r || null,
+				v.map(({ group: e, items: t }) => /* @__PURE__ */ F("div", {
+					className: "multi-select__group",
+					children: [_ ? /* @__PURE__ */ P("h5", {
+						className: "multi-select__dropdown-header",
+						children: e
+					}) : null, /* @__PURE__ */ P("ul", {
+						className: "multi-select__dropdown-list",
+						"aria-label": e,
+						children: t.sort(s).sort(at(m)).map((e) => /* @__PURE__ */ P("li", {
+							className: "multi-select__dropdown-item",
+							children: /* @__PURE__ */ P(b, {
+								disabled: p.has(e.value),
+								label: e.label,
+								checked: d.has(e.value),
+								value: e.value,
+								onChange: y
+							}, e.value)
+						}, e.value))
+					})]
+				}, e)),
+				o ? /* @__PURE__ */ P("div", {
+					className: "multi-select__footer",
+					children: o
+				}) : null
+			]
+		})
+	});
+}, ct = ({ disabled: e, selectedItems: t = [], label: n, onItemsUpdate: r, placeholder: i, required: a = !1, items: o = [], disabledItems: s = [], dropdownHeader: c, dropdownFooter: d, variant: f = "search" }) => {
+	let p = te(() => {
+		g(!1), v("");
+	});
+	j(() => {
+		g(!1), v("");
+	});
+	let [m, g] = h(!1), [_, v] = h("");
+	l(() => {
+		m || v("");
+	}, [m]);
+	let [b, x] = h([]), S = t || b, C = (e) => {
+		let t = Array.from(new Set(e));
+		x(t), r && r(t);
+	}, w = u(), T = u(), E = S.filter((e) => o.some((t) => t.value === e.value)).sort(it).map((e) => e.label).join(", ");
+	return /* @__PURE__ */ P("div", {
+		ref: p,
+		children: /* @__PURE__ */ F("div", {
+			className: "multi-select",
+			children: [f === "search" ? /* @__PURE__ */ P(ee, {
+				externallyControlled: !0,
+				"aria-controls": w,
+				"aria-expanded": m,
+				id: T,
+				role: "combobox",
+				"aria-label": n || i || "Search",
+				disabled: e,
+				autoComplete: "off",
+				onChange: (e) => {
+					v(e), g(!0);
+				},
+				onFocus: () => g(!0),
+				placeholder: i ?? "Search",
+				required: a,
+				type: "text",
+				value: _,
+				className: "multi-select__input"
+			}) : /* @__PURE__ */ P("button", {
+				role: "combobox",
+				type: "button",
+				"aria-label": n || i || "Select items",
+				"aria-controls": w,
+				"aria-expanded": m,
+				className: "multi-select__select-button",
+				onClick: () => {
+					g((e) => !e);
+				},
+				children: /* @__PURE__ */ P("span", {
+					className: "multi-select__condensed-text",
+					children: S.length > 0 ? E : i ?? "Select items"
+				})
+			}), /* @__PURE__ */ P(st, {
+				id: w,
+				isOpen: m,
+				items: _.length > 0 ? o.filter((e) => e.label.toLowerCase().includes(_.toLowerCase())) : o,
+				selectedItems: S,
+				disabledItems: s,
+				header: c,
+				updateItems: C,
+				footer: d || /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(y, {
+					appearance: "link",
+					onClick: () => {
+						let e = o.filter((e) => !s.some((t) => t.value === e.value));
+						C([...S, ...e]);
+					},
+					type: "button",
+					children: "Select all"
+				}), /* @__PURE__ */ P(y, {
+					appearance: "link",
+					onClick: () => {
+						let e = S.filter((e) => s.some((t) => t.value === e.value));
+						C(e);
+					},
+					type: "button",
+					children: "Clear"
+				})] })
+			})]
+		})
+	});
+}, lt = {
+	xSmall: 460,
+	small: 620,
+	large: 1036,
+	xLarge: 1681
+}, ut = a({ variant: "regular" }), dt = ({ className: e, children: t, variant: n, ...r }) => /* @__PURE__ */ P(ut.Provider, {
+	value: { variant: n },
+	children: /* @__PURE__ */ P("table", {
+		...r,
+		className: M("p-table-dynamic", e, { "is-full-height": n === "full-height" }),
+		children: t
+	})
+}), ft = ({ columns: e }) => /* @__PURE__ */ P(N, { children: Array.from({ length: 10 }, (t, n) => /* @__PURE__ */ P("tr", {
+	"aria-hidden": "true",
+	children: e.map((e, t) => /* @__PURE__ */ P("td", {
+		className: M(e.id, "u-text-overflow-clip"),
+		children: /* @__PURE__ */ P(U, {
+			isPending: !0,
+			text: "XXXxxxx.xxxxxxxxx"
+		})
+	}, t))
+}, n)) }), pt = ({ className: e, table: t }) => {
+	let n = t ? t.getAllColumns() : Array.from({ length: 10 }).fill({ id: "" });
+	return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("caption", {
+		className: "u-visually-hidden",
+		children: "Loading..."
+	}), /* @__PURE__ */ P(mt, {
+		"aria-busy": "true",
+		className: e,
+		children: /* @__PURE__ */ P(ft, { columns: n })
+	})] });
+}, mt = ({ className: e, children: t, style: n, ...r }) => {
+	let { variant: i } = c(ut), a = m(null), [o, u] = h(null), p = s(() => {
+		if (window.innerWidth > lt.small) {
+			let e = a.current?.getBoundingClientRect?.().top;
+			e && u(e + 1);
+		} else u(null);
+	}, []);
+	d(() => {
+		p();
+	}, [p]), l(() => (window.addEventListener("resize", p), () => window.removeEventListener("resize", p)), [p]);
+	let g = f(() => i === "full-height" && o ? {
+		height: `calc(100vh - ${o}px)`,
+		minHeight: `calc(100vh - ${o}px)`,
+		...n
+	} : n, [
+		i,
+		o,
+		n
+	]);
+	return /* @__PURE__ */ P("tbody", {
+		className: e,
+		ref: a,
+		style: g,
+		...r,
+		children: t
+	});
+};
+dt.Body = mt, dt.Loading = pt;
+//#endregion
+//#region src/lib/components/TableCaption/TableCaption.tsx
+var ht = ({ children: e }) => /* @__PURE__ */ P("caption", { children: /* @__PURE__ */ P("div", {
+	className: "p-strip",
+	children: e
+}) });
+ht.Title = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "row",
+	children: /* @__PURE__ */ P("div", {
+		className: "col-start-large-4 u-align--left col-8 col-medium-4",
+		children: /* @__PURE__ */ P("p", {
+			className: "p-heading--4 u-no-margin--bottom",
+			children: e
+		})
+	})
+}), ht.Description = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "row",
+	children: /* @__PURE__ */ P("div", {
+		className: "u-align--left col-start-large-4 col-8 col-medium-4",
+		children: /* @__PURE__ */ P("p", { children: e })
+	})
+});
+//#endregion
+//#region src/lib/components/GenericTable/components/SortingIndicator/SortingIndicator.tsx
+var gt = ({ header: e }) => ({
+	asc: /* @__PURE__ */ P(C, {
+		name: "chevron-up",
+		children: "ascending"
+	}),
+	desc: /* @__PURE__ */ P(C, {
+		name: "chevron-down",
+		children: "descending"
+	})
+})[e?.column?.getIsSorted()] ?? null, _t = ({ header: e }) => {
+	let t = e.column.getCanSort(), n = e.column.columnDef.meta, r = n?.isInteractiveHeader, i = I(e.column.columnDef.header, e.getContext());
+	return /* @__PURE__ */ P("th", {
+		"aria-hidden": n?.headerAriaHidden || void 0,
+		"aria-label": n?.headerAriaLabel,
+		className: M("p-column-header", e.column.id),
+		children: t && !r ? /* @__PURE__ */ P(y, {
+			appearance: "link",
+			className: "p-button--column-header",
+			onClick: e.column.getToggleSortingHandler(),
+			type: "button",
+			children: /* @__PURE__ */ F(N, { children: [i, /* @__PURE__ */ P(gt, { header: e })] })
+		}) : /* @__PURE__ */ F("span", {
+			className: "p-container--column-header",
+			children: [i, t && !r && /* @__PURE__ */ P(gt, { header: e })]
+		})
+	}, e.id);
+}, X = ({ children: e, "aria-label": t = "Table controls" }) => /* @__PURE__ */ P("section", {
+	"aria-label": t,
+	className: "controls-bar u-flex u-flex--justify-between u-flex--wrap",
+	children: /* @__PURE__ */ P("div", {
+		className: "p-form p-form--inline",
+		children: e
+	})
+});
+X.Left = ({ children: e }) => /* @__PURE__ */ P("strong", {
+	className: "controls-bar__description",
+	children: e
+}), X.Right = ({ children: e }) => /* @__PURE__ */ P("div", {
+	className: "u-flex u-flex--wrap u-flex--column-x-small controls-bar__right",
+	children: e
+});
+//#endregion
+//#region src/lib/components/GenericTable/components/PaginationBar/PaginationBar.tsx
+var vt = ({ currentPage: e, itemsPerPage: t, totalItems: n, handlePageSizeChange: r, dataContext: i, setCurrentPage: a, isPending: o, pageSizes: s = [
+	20,
+	30,
+	50,
+	100
+] }) => {
+	let c = f(() => s, []), l = f(() => c.map((e) => ({
+		label: `${e}/page`,
+		value: e
+	})), [c]), u = Math.ceil(n / t);
+	return /* @__PURE__ */ F(X, { children: [/* @__PURE__ */ F(X.Left, { children: [
+		"Showing ",
+		e === u ? t - (u * t - n) : e < u ? t : 0,
+		" out of ",
+		n,
+		" ",
+		i
+	] }), /* @__PURE__ */ F(X.Right, { children: [/* @__PURE__ */ P(et, {
+		currentPage: e,
+		disabled: o,
+		paginate: a,
+		totalPages: u
+	}), /* @__PURE__ */ P(O, {
+		"aria-label": "Items per page",
+		className: "u-no-margin--bottom",
+		name: "Items per page",
+		onChange: (e) => {
+			let { value: t } = e.target;
+			r(Number(t));
+		},
+		options: l,
+		value: t
+	})] })] });
+}, yt = ({ grouping: e, initialData: t }) => {
+	let [n, r] = h(!0), i = s((e) => {
+		r((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			if (n === !0) return !0;
+			let r = { ...n };
+			if (t !== !0) for (let e of Object.keys(t)) e in r || (r[e] = !1);
+			return r;
+		});
+	}, []);
+	return l(() => {
+		e.length && i((n) => {
+			let r = { ...n === !0 ? {} : { ...n } };
+			for (let n of t) {
+				let t = e.map((e) => `${e}:${n[e]}`).join(">");
+				t in r || (r[t] = !0);
+			}
+			return r;
+		});
+	}, [t, e]), {
+		expanded: n,
+		setExpanded: i
+	};
+}, bt = ({ groupBy: e, initialData: t }) => {
+	let [n, r] = h(e ?? []);
+	return {
+		grouping: n,
+		setGrouping: r,
+		groupedData: f(() => n.length ? [...t].sort((e, t) => {
+			for (let r of n) {
+				let n = e[r] ?? null, i = t[r] ?? null;
+				if (n === null) return 1;
+				if (i === null || n < i) return -1;
+				if (n > i) return 1;
+			}
+			return 0;
+		}) : t, [t, n])
+	};
+}, xt = ({ isLoading: e }) => {
+	let t = m(null), n = m(null);
+	return l(() => {
+		let n = t.current;
+		if (!n || e) return;
+		let r = [
+			"button:not([disabled])",
+			"input:not([disabled])",
+			"select:not([disabled])",
+			"textarea:not([disabled])",
+			"a[href]"
+		].join(", ");
+		n.querySelectorAll(r).forEach((e) => {
+			e.getAttribute("tabindex") !== "-1" && (e.tabIndex = 0);
+		});
+	}), d(() => {
+		let r = t.current;
+		if (!r || e) {
+			n.current = null;
+			return;
+		}
+		let i = Array.from(r.querySelectorAll("tbody tr[role=\"row\"]")).filter((e) => e.hasAttribute("tabindex"));
+		i.length !== 0 && (n.current && i.includes(n.current) ? n.current.tabIndex = 0 : (i[0].tabIndex = 0, n.current = i[0]));
+	}), {
+		tableRef: t,
+		handleTableFocus: s((e) => {
+			if (!t.current) return;
+			let r = e.target.closest("tbody tr[role=\"row\"][tabindex]");
+			r && (n.current && n.current !== r && (n.current.tabIndex = -1), r.tabIndex = 0, n.current = r);
+		}, []),
+		handleTableKeyDown: s((e) => {
+			if (e.key !== "ArrowUp" && e.key !== "ArrowDown" && e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End") return;
+			let n = t.current;
+			if (!n) return;
+			let r = document.activeElement;
+			if (!r) return;
+			let i = r.matches("tr[role=\"row\"]"), a = r.matches("td[role=\"gridcell\"][tabindex=\"-1\"]");
+			if (!i && !a) return;
+			e.preventDefault();
+			let o = Array.from(n.querySelectorAll("tbody tr[role=\"row\"]")), s = i ? r : r.closest("tr");
+			if (!s) return;
+			let c = o.indexOf(s);
+			if (c === -1) return;
+			let l = (e) => Array.from(e.querySelectorAll("td[role=\"gridcell\"][tabindex=\"-1\"]:not(.p-generic-table__group-chevron)")), u = l(s), d = a ? u.indexOf(r) : -1;
+			switch (e.key) {
+				case "ArrowUp": {
+					if (c <= 0) break;
+					let e = o[c - 1];
+					if (a && d >= 0) {
+						let t = l(e);
+						if (t.length > 0) {
+							t[Math.min(d, t.length - 1)].focus();
+							break;
+						}
+					}
+					e.focus();
+					break;
+				}
+				case "ArrowDown": {
+					if (c >= o.length - 1) break;
+					let e = o[c + 1];
+					if (a && d >= 0) {
+						let t = l(e);
+						if (t.length > 0) {
+							t[Math.min(d, t.length - 1)].focus();
+							break;
+						}
+					}
+					e.focus();
+					break;
+				}
+				case "ArrowRight":
+					i ? u[0]?.focus() : d < u.length - 1 && u[d + 1].focus();
+					break;
+				case "ArrowLeft":
+					if (i) break;
+					d > 0 ? u[d - 1].focus() : s.focus();
+					break;
+				case "Home":
+					a ? u[0]?.focus() : e.ctrlKey && o[0]?.focus();
+					break;
+				case "End": a ? u[u.length - 1]?.focus() : e.ctrlKey && o[o.length - 1]?.focus();
+			}
+		}, [])
+	};
+}, St = ({ containerRef: e, variant: t, length: n, isLoading: r }) => {
+	let i = m(null), [a, o] = h("auto"), [s, c] = h(!1);
+	return d(() => {
+		let n = () => {
+			let n = i.current;
+			if (!n) return;
+			let r = e?.current || document.querySelector("main");
+			if (!r) return;
+			let a = r.getBoundingClientRect(), s = n.getBoundingClientRect(), l = a.bottom - s.top, u = n.scrollHeight > l;
+			c(u), o(t === "full-height" && u ? `${l}px` : "auto");
+		};
+		n();
+		let r = new ResizeObserver(n), a = i.current;
+		return a && r.observe(a), window.addEventListener("resize", n), () => {
+			window.removeEventListener("resize", n), a && r.unobserve(a);
+		};
+	}, [
+		e,
+		n,
+		r
+	]), {
+		tableBodyRef: i,
+		maxHeight: a,
+		effectiveVariant: t === "full-height" && s ? "full-height" : "regular"
+	};
+}, Ct = ({ externalSorting: e, setExternalSorting: t, grouping: n, groupedData: r, pinGroup: i }) => {
+	let [a, o] = h(e ?? []);
+	return {
+		sorting: a,
+		setSorting: s((e) => {
+			o(e), t && t(e);
+		}, [t]),
+		sortedData: f(() => r.length ? [...r].sort((e, t) => {
+			if (i?.length && n.length) for (let { value: r, isTop: a } of i) {
+				let i = n[0], o = e[i] ?? null, s = t[i] ?? null;
+				if (o === r && s !== r) return a ? -1 : 1;
+				if (s === r && o !== r) return a ? 1 : -1;
+			}
+			for (let { id: n, desc: r } of a) {
+				let i = e[n] ?? null, a = t[n] ?? null;
+				if (i === null && a === null) return 0;
+				if (i === null) return r ? -1 : 1;
+				if (a === null || i < a) return r ? 1 : -1;
+				if (i > a) return r ? -1 : 1;
+			}
+			return 0;
+		}) : [], [
+			r,
+			a,
+			i,
+			n
+		])
+	};
+}, wt = ({ table: e, ...t }) => {
+	let n = m(null);
+	if (!e) return null;
+	let r = e.getCoreRowModel().rows.filter((e) => e.getCanSelect()), i = e.getSelectedRowModel().rows.filter((e) => e.getCanSelect()), a = r.length > 0 && i.length === r.length, o = i.length > 0 && !a;
+	return l(() => {
+		n.current && (n.current.indeterminate = o);
+	}, [o]), /* @__PURE__ */ F("label", {
+		className: "p-checkbox--inline p-table-checkbox--all",
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ P("input", {
+			ref: n,
+			"aria-label": "select all",
+			className: "p-checkbox__input",
+			disabled: r.length === 0,
+			type: "checkbox",
+			checked: a,
+			onChange: () => {
+				let t = e.getCoreRowModel().rows.filter((e) => e.getCanSelect()), n = t.every((e) => e.getIsSelected());
+				t.forEach((e) => e.toggleSelected(!n));
+			},
+			...t
+		}), /* @__PURE__ */ P("span", { className: "p-checkbox__label" })]
+	});
+}, Tt = ({ row: e, ...t }) => {
+	let n = m(null);
+	if (!e) return /* @__PURE__ */ F("label", {
+		className: "p-checkbox--inline p-table-checkbox--group",
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ P("input", {
+			className: "p-checkbox__input",
+			disabled: !0,
+			type: "checkbox",
+			...t
+		}), /* @__PURE__ */ P("span", { className: "p-checkbox__label" })]
+	});
+	let r = e.subRows.filter((e) => e.getCanSelect()), i = r.filter((e) => e.getIsSelected()).length, a = r.length > 0 && i === r.length, o = i > 0 && !a;
+	return l(() => {
+		n.current && (n.current.indeterminate = o);
+	}, [o]), /* @__PURE__ */ F("label", {
+		className: "p-checkbox--inline p-table-checkbox--group",
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ P("input", {
+			ref: n,
+			className: "p-checkbox__input",
+			type: "checkbox",
+			checked: a,
+			disabled: !e.getCanSelect() && r.length === 0,
+			onChange: () => {
+				let e = !a;
+				r.forEach((t) => t.toggleSelected(e));
+			},
+			...t
+		}), /* @__PURE__ */ P("span", { className: "p-checkbox__label" })]
+	});
+}, Z = ({ row: e, disabledTooltip: t = "", isNested: n = !1, ...r }) => {
+	if (!e) return /* @__PURE__ */ F("label", {
+		className: "p-checkbox--inline p-table-checkbox",
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ P("input", {
+			className: "p-checkbox__input",
+			disabled: !0,
+			type: "checkbox",
+			...r
+		}), /* @__PURE__ */ P("span", { className: "p-checkbox__label" })]
+	});
+	let i = e.getCanSelect(), a = typeof t == "string" ? t : t(e);
+	return /* @__PURE__ */ P(A, {
+		message: n ? "Selection is managed by the parent row" : !i && a,
+		position: "btm-right",
+		children: /* @__PURE__ */ F("label", {
+			className: "p-checkbox--inline p-table-checkbox",
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ P("input", {
+				className: "p-checkbox__input",
+				type: "checkbox",
+				checked: e.getIsSelected(),
+				disabled: !i || n,
+				onChange: e.getToggleSelectedHandler(),
+				...r
+			}), /* @__PURE__ */ P("span", { className: "p-checkbox__label" })]
+		})
+	});
+};
+Z.All = wt, Z.Group = Tt;
+//#endregion
+//#region src/lib/components/GenericTable/utils/processColumnDefs.tsx
+var Et = ({ canSelect: e, initialColumns: t, groupBy: n, getSubRows: r, selection: i, showChevron: a }) => {
+	let o = [...t];
+	if (e && i) {
+		let e = [{
+			id: "p-generic-table__select",
+			accessorKey: "id",
+			enableSorting: !1,
+			meta: { headerAriaLabel: "Row selection" },
+			header: ({ table: e }) => n ? "" : /* @__PURE__ */ P(Z.All, { table: e }),
+			cell: ({ row: e }) => {
+				let t = i.rowSelectionLabelKey && i.rowSelectionLabelKey in e.original ? `select ${e.original[i.rowSelectionLabelKey]}` : "select row";
+				return e.getIsGrouped() ? null : /* @__PURE__ */ P(Z, {
+					"aria-label": t,
+					disabledTooltip: i.disabledSelectionTooltip ?? "",
+					isNested: r !== void 0 && !!e.parentId,
+					row: e
+				});
+			}
+		}, ...o];
+		if (n) {
+			let t = (e) => n[0] in e.original ? `select ${e.original[n[0]]}` : "select group";
+			o = [{
+				id: "p-generic-table__group-select",
+				accessorKey: "id",
+				enableSorting: !1,
+				meta: { headerAriaLabel: "Row selection" },
+				header: ({ table: e }) => /* @__PURE__ */ P(Z.All, { table: e }),
+				cell: ({ row: e }) => e.getIsGrouped() ? /* @__PURE__ */ P(Z.Group, {
+					"aria-label": t(e),
+					row: e
+				}) : null
+			}, ...e];
+		} else o = e;
+	}
+	return n && a && (o = [{
+		id: "p-generic-table__group-chevron",
+		accessorKey: "id",
+		enableSorting: !1,
+		meta: { headerAriaHidden: !0 },
+		header: "",
+		cell: ({ row: e }) => {
+			let t = e.getIsExpanded();
+			return e.getIsGrouped() ? /* @__PURE__ */ P(A, {
+				message: t ? "Collapse" : "Expand",
+				position: "btm-right",
+				children: /* @__PURE__ */ P(C, { name: t ? S.chevronUp : S.chevronDown })
+			}) : null;
+		}
+	}, ...o]), o;
+}, Dt = ({ table: e, columns: t, filterCells: n, getSubRows: r, noData: i, selection: a }) => {
+	if (e.getRowModel().rows.length < 1) return /* @__PURE__ */ P("tr", { children: /* @__PURE__ */ P("td", {
+		className: "p-generic-table__no-data",
+		colSpan: t.length,
+		role: "gridcell",
+		children: /* @__PURE__ */ P("div", {
+			"aria-live": "polite",
+			role: "status",
+			children: i
+		})
+	}) });
+	let o = 1;
+	return e.getRowModel().rows.map((e) => {
+		o++;
+		let t = o, { getIsGrouped: i, id: s, getVisibleCells: c, parentId: l } = e, u = !i(), d = a?.rowSelection !== void 0 && Object.keys(a.rowSelection).includes(s);
+		return /* @__PURE__ */ P("tr", {
+			"aria-expanded": u ? void 0 : e.getIsExpanded(),
+			"aria-rowindex": t,
+			"aria-selected": d,
+			className: M({
+				"p-generic-table__individual-row": u,
+				"p-generic-table__group-row": !u,
+				"p-generic-table__nested-row": r !== void 0 && !!l
+			}),
+			onClick: u ? void 0 : () => e.toggleExpanded(),
+			onKeyDown: u ? (e) => {
+				e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.querySelector("button:not([disabled]), input:not([disabled]), a[href], select:not([disabled]), textarea:not([disabled])")?.focus());
+			} : (t) => {
+				t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.toggleExpanded());
+			},
+			tabIndex: -1,
+			role: "row",
+			children: c().filter((t) => !u && (t.column.id === "p-generic-table__group-select" || t.column.id === "p-generic-table__group-chevron") || n(e, t.column)).map((t) => /* @__PURE__ */ P("td", {
+				"aria-hidden": t.column.id === "p-generic-table__select" && r !== void 0 && l ? !0 : void 0,
+				"aria-label": t.column.columnDef.meta?.cellAriaLabel?.(e) ?? void 0,
+				className: M(`${t.column.id}`),
+				role: "gridcell",
+				tabIndex: -1,
+				children: I(t.column.columnDef.cell, t.getContext())
+			}, t.id))
+		}, s);
+	});
+}, Ot = (e, t) => {
+	let n = e.column.id;
+	return n === "p-generic-table__group-chevron" ? t ? /* @__PURE__ */ P(C, { name: S.chevronDown }) : null : n === "p-generic-table__group-select" ? t ? /* @__PURE__ */ P(Z.Group, { "aria-label": "select group" }) : null : n === "p-generic-table__select" ? t ? null : /* @__PURE__ */ P(Z, { "aria-label": "select row" }) : null;
+}, kt = (e, t, n) => e({ getIsGrouped: () => n }, t), At = ({ table: e, columns: t, filterHeaders: n, filterCells: r, loadingVariant: i, skeletonRowCount: a, skeletonGroupCount: o }) => {
+	let s = e.getHeaderGroups()[0]?.headers ?? [], c = s.filter(n);
+	if (i !== "skeleton") return /* @__PURE__ */ P("tr", { children: /* @__PURE__ */ P("td", {
+		className: "p-generic-table__loading",
+		colSpan: c.length || t.length,
+		role: "gridcell",
+		children: /* @__PURE__ */ P(k, { text: "Loading..." })
+	}) });
+	let l = s.some((e) => e.column.id === "p-generic-table__group-select" || e.column.id === "p-generic-table__group-chevron"), u = (e, t, n) => /* @__PURE__ */ P("tr", {
+		"aria-expanded": n ? !0 : void 0,
+		"aria-rowindex": t,
+		className: M({
+			"p-generic-table__group-row": n,
+			"p-generic-table__individual-row": !n,
+			"p-generic-table__skeleton-row": !0
+		}),
+		role: "row",
+		children: s.filter((e) => {
+			let t = e.column.id;
+			return n && (t === "p-generic-table__group-select" || t === "p-generic-table__group-chevron") ? !0 : kt(r, e.column, n);
+		}).map((t) => {
+			let r = t.column.id, i = r.startsWith("p-generic-table__"), a = t.column.columnDef.meta, o = i ? Ot(t, n) : a?.skeleton ? a.skeleton() : /* @__PURE__ */ P(U, {
+				variant: "block",
+				width: "70%",
+				height: "1.5rem"
+			});
+			return /* @__PURE__ */ P("td", {
+				className: M("p-generic-table__skeleton-cell", r),
+				role: "gridcell",
+				children: o
+			}, `${e}-${t.id}`);
+		})
+	}, e);
+	if (!l) return Array.from({ length: a }).map((e, t) => u(`skel-${t}`, t + 2, !1));
+	let d = [], f = 1;
+	for (let e = 0; e < o; e++) {
+		d.push(u(`skel-group-${e}`, ++f, !0));
+		for (let t = 0; t < a; t++) d.push(u(`skel-${e}-${t}`, ++f, !1));
+	}
+	return d;
+}, jt = ({ "aria-label": e, className: t, columns: r, columnVisibility: i, containerRef: a, data: o, filterCells: s = () => !0, filterHeaders: c = () => !0, getSubRows: l, groupBy: u, isLoading: d, loadingVariant: p = "spinner", skeletonRowCount: m = 10, skeletonGroupCount: g = 2, noData: _, pagination: v, pinGroup: y, sorting: b = [], selection: x, setSorting: S, showChevron: C = !1, variant: w = "full-height", debug: T = !1, ...E }) => {
+	let { grouping: D, setGrouping: ee, groupedData: O } = bt({
+		groupBy: u,
+		initialData: o
+	}), { sortedData: k, sorting: A, setSorting: te } = Ct({
+		externalSorting: b,
+		setExternalSorting: S,
+		grouping: D,
+		groupedData: O,
+		pinGroup: y
+	}), { expanded: ne, setExpanded: j } = yt({
+		grouping: D,
+		initialData: o
+	}), { tableBodyRef: N, maxHeight: re, effectiveVariant: ie } = St({
+		containerRef: a,
+		variant: w,
+		length: k.length,
+		isLoading: d
+	}), [I, L] = h({}), le = i?.columnVisibility ?? I, ue = i?.setColumnVisibility ?? L, R = !!x, z = f(() => Et({
+		canSelect: R,
+		initialColumns: r,
+		groupBy: u,
+		getSubRows: l,
+		selection: x,
+		showChevron: C
+	}), [
+		R,
+		r,
+		u,
+		l
+	]), B = ce({
+		data: k,
+		columns: z,
+		state: {
+			grouping: D,
+			expanded: ne,
+			sorting: A,
+			columnVisibility: le,
+			rowSelection: x?.rowSelection
+		},
+		manualPagination: !0,
+		autoResetExpanded: !1,
+		onExpandedChange: j,
+		onSortingChange: te,
+		onGroupingChange: ee,
+		onColumnVisibilityChange: ue,
+		onRowSelectionChange: x?.setRowSelection,
+		manualSorting: !0,
+		enableSorting: !0,
+		enableExpanding: !0,
+		getSubRows: l,
+		getExpandedRowModel: oe(),
+		getCoreRowModel: ae(),
+		getGroupedRowModel: se(),
+		groupedColumnMode: !1,
+		enableRowSelection: x?.filterSelectable ?? R,
+		enableMultiRowSelection: x?.filterSelectable ?? R,
+		getRowId: (e) => e.id.toString(),
+		debugAll: T
+	}), { tableRef: V, handleTableFocus: de, handleTableKeyDown: H } = xt({ isLoading: d });
+	return /* @__PURE__ */ F("div", {
+		className: M("p-generic-table", t),
+		"data-testid": "p-generic-table",
+		...E,
+		children: [v && /* @__PURE__ */ P(vt, {
+			currentPage: v.currentPage,
+			dataContext: v.dataContext,
+			handlePageSizeChange: v.handlePageSizeChange,
+			isPending: v.isPending,
+			itemsPerPage: v.itemsPerPage,
+			setCurrentPage: v.setCurrentPage,
+			totalItems: v.totalItems,
+			pageSizes: v.pageSizes
+		}), /* @__PURE__ */ F("table", {
+			ref: V,
+			"aria-busy": d,
+			"aria-label": e,
+			"aria-rowcount": (v?.totalItems ?? B.getRowModel().rows.length) + 1,
+			className: M("p-generic-table__table", {
+				"p-generic-table__is-full-height": ie === "full-height",
+				"p-generic-table__is-selectable": R,
+				"p-generic-table__is-grouped": u !== void 0
+			}),
+			onFocus: de,
+			onKeyDown: H,
+			role: "treegrid",
+			children: [/* @__PURE__ */ P("thead", { children: B.getHeaderGroups().map((e) => /* @__PURE__ */ P("tr", {
+				"aria-rowindex": 1,
+				role: "row",
+				children: e.headers.filter(c).map((e, t) => /* @__PURE__ */ F(n, { children: [/* @__PURE__ */ P(_t, { header: e }), R && u && (!C && t === 2 || C && t === 3) ? /* @__PURE__ */ P("th", {
+					"aria-hidden": "true",
+					className: "p-generic-table__select-alignment",
+					role: "columnheader"
+				}) : null] }, e.id))
+			}, e.id)) }), /* @__PURE__ */ P("tbody", {
+				ref: N,
+				style: {
+					overflowY: "auto",
+					maxHeight: re
+				},
+				children: d ? At({
+					table: B,
+					columns: z,
+					filterHeaders: c,
+					filterCells: s,
+					loadingVariant: p,
+					skeletonRowCount: m,
+					skeletonGroupCount: g
+				}) : Dt({
+					table: B,
+					columns: z,
+					filterCells: s,
+					getSubRows: l,
+					noData: _,
+					selection: x
+				})
+			})]
+		})]
+	});
+}, Mt = {
+	DEFAULT: 4,
+	EXPANDED: 15
+}, Q = {
+	OPEN_PAREN: "(",
+	CLOSE_PAREN: ")",
+	EQUALS: "=",
+	COLON: ":",
+	COMMA: ","
+}, $ = (e, t = e.length) => {
+	let n = Nt(e, t), { token: r, tokenStart: i, tokenEnd: a } = Pt(e, t);
+	return {
+		context: n,
+		token: r,
+		tokenStart: i,
+		tokenEnd: a
+	};
+}, Nt = (e, t) => {
+	let n = 0;
+	for (let r = t - 1; r >= 0; r--) {
+		let t = e[r];
+		if (t === Q.CLOSE_PAREN) n++;
+		else if (t === Q.OPEN_PAREN) {
+			if (n === 0) return e.slice(0, r).trimEnd().match(/([a-zA-Z0-9_-]+)\s*:\s*$/)?.[1] || "";
+			n--;
+		}
+	}
+	return "";
+}, Pt = (e, t) => {
+	let n = t, r = t;
+	for (; r < e.length && /[^\s=(),]/.test(e[r]);) r++;
+	for (; n > 0 && /[^\s=(),]/.test(e[n - 1]);) n--;
+	return {
+		token: e.slice(n, r),
+		tokenStart: n,
+		tokenEnd: r
+	};
+}, Ft = (e, t) => {
+	let n = e.charAt(t - 1);
+	return t > 0 && (n === Q.CLOSE_PAREN || n === Q.COMMA);
+}, It = ({ className: e, disabled: t = !1, search: n, setSearch: r, context: i, setContext: a, setToken: o, suggestions: c, isLoading: u = !1, placeholder: d, ...p }) => {
+	let [g, _] = h({
+		isVisible: !1,
+		highlightedIndex: -1,
+		showingMore: !1,
+		cursorPosition: 0
+	}), v = m(null), y = m(null), b = m(null), x = f(() => {
+		let e = g.showingMore ? Mt.EXPANDED : Mt.DEFAULT, t = c.slice(0, e);
+		return !g.showingMore && c.length > e ? [...t, {
+			value: "Show more...",
+			type: "more"
+		}] : t;
+	}, [c, g.showingMore]), S = s((e) => {
+		_(typeof e == "function" ? (t) => ({
+			...t,
+			...e(t)
+		}) : (t) => ({
+			...t,
+			...e
+		}));
+	}, []), C = s((e) => {
+		v.current && !v.current.contains(e.target) && S({
+			isVisible: !1,
+			highlightedIndex: -1
+		});
+	}, [S]), w = s((e, t) => {
+		let { tokenStart: r, tokenEnd: a } = t;
+		if (e.type === "filter") {
+			let t = e.value + Q.COLON + Q.OPEN_PAREN;
+			return n.slice(0, r) + t + n.slice(a);
+		}
+		if (i.length === 0) {
+			let t = e.type + Q.COLON + Q.OPEN_PAREN + Q.EQUALS + e.value;
+			return n.slice(0, r) + t + n.slice(a);
+		}
+		let o = n.charAt(r - 1) === Q.EQUALS ? e.value : Q.EQUALS + e.value;
+		return n.slice(0, r) + o + n.slice(a);
+	}, [n, i]), T = s((e) => {
+		let t = x[e];
+		if (!t) return;
+		if (t.type === "more") {
+			S({ showingMore: !0 });
+			return;
+		}
+		let s = $(n, g.cursorPosition), c = w(t, s), l = s.tokenStart + (t.type === "filter" ? t.value.length + 2 : i.length === 0 ? t.type.length + t.value.length + 3 : t.value.length + 1), { context: u, token: d } = $(c, l);
+		a(u), o(d), r(c), setTimeout(() => {
+			b.current && (b.current.focus(), b.current.setSelectionRange(l, l));
+		}, 0), S({
+			highlightedIndex: 0,
+			showingMore: !1,
+			isVisible: t.type === "filter",
+			cursorPosition: l
+		});
+	}, [
+		x,
+		w,
+		n,
+		g.cursorPosition,
+		i,
+		a,
+		o,
+		r,
+		S
+	]), E = s(() => {
+		if (!b.current) return;
+		let e = b.current.selectionStart || 0, { context: t, token: r } = $(n, e);
+		a(t), o(r), S((t) => ({
+			...t,
+			isVisible: !Ft(n, e),
+			cursorPosition: e
+		}));
+	}, [
+		n,
+		a,
+		o,
+		S
+	]), D = s((e) => {
+		let { key: t } = e;
+		if (g.isVisible) {
+			let n = x.length;
+			switch (t) {
+				case "Tab":
+				case "ArrowDown":
+					e.preventDefault(), S({ highlightedIndex: (g.highlightedIndex + 1) % n });
+					return;
+				case "ArrowUp":
+					e.preventDefault(), S({ highlightedIndex: g.highlightedIndex <= 0 ? n - 1 : g.highlightedIndex - 1 });
+					return;
+				case "Enter":
+					e.preventDefault(), g.highlightedIndex >= 0 ? T(g.highlightedIndex) : S({ isVisible: !1 });
+					return;
+				case "Escape":
+					e.preventDefault(), S({
+						isVisible: !1,
+						highlightedIndex: -1
+					});
+					return;
+			}
+		}
+		(t === "ArrowLeft" || t === "ArrowRight" || t === "Home" || t === "End") && setTimeout(E, 0);
+	}, [
+		g,
+		x.length,
+		S,
+		T,
+		E
+	]), O = s((e) => {
+		let { key: t } = e;
+		(t === "ArrowLeft" || t === "ArrowRight" || t === "Home" || t === "End") && E();
+	}, [E]), A = s(() => {
+		S({
+			isVisible: !0,
+			highlightedIndex: 0
+		});
+	}, [S]), te = s((e) => {
+		let t = b.current?.selectionStart || e.length, { context: n, token: i } = $(e, t);
+		a(n), o(i), r(e), S({
+			highlightedIndex: 0,
+			isVisible: !Ft(e, t),
+			showingMore: !1,
+			cursorPosition: t
+		});
+	}, [
+		a,
+		o,
+		r,
+		S
+	]), ne = s(() => {
+		setTimeout(E, 0);
+	}, [E]), j = s(() => {
+		S({
+			isVisible: !1,
+			highlightedIndex: -1
+		});
+	}, [S]), N = s((e) => {
+		S({ highlightedIndex: e });
+	}, [S]);
+	return l(() => (document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C)), [C]), /* @__PURE__ */ F("div", {
+		className: M("p-query-input", e),
+		"data-testid": "p-query-input",
+		ref: v,
+		...p,
+		children: [/* @__PURE__ */ P(ee, {
+			disabled: t,
+			placeholder: d,
+			value: n,
+			externallyControlled: !0,
+			autoComplete: "off",
+			id: "query-input",
+			name: "query-input",
+			ref: b,
+			onFocus: A,
+			onChange: te,
+			onKeyDown: D,
+			onKeyUp: O,
+			onClear: j,
+			onClick: ne,
+			"aria-disabled": t,
+			"aria-expanded": g.isVisible,
+			"aria-haspopup": "listbox",
+			"aria-owns": "query-suggestions"
+		}), g.isVisible && c.length > 0 && /* @__PURE__ */ P("ul", {
+			className: "p-query-input__list",
+			ref: y,
+			id: "query-suggestions",
+			role: "listbox",
+			"aria-label": "Search suggestions",
+			children: u ? /* @__PURE__ */ P("div", {
+				className: "p-query-input__loading",
+				children: /* @__PURE__ */ P(k, { text: "Loading..." })
+			}) : x.map((e, t) => /* @__PURE__ */ F("li", {
+				className: M("p-query-input__item", { highlight: t === g.highlightedIndex }),
+				onClick: () => T(t),
+				onKeyDown: () => T(t),
+				onMouseEnter: () => N(t),
+				role: "option",
+				"aria-selected": t === g.highlightedIndex,
+				tabIndex: -1,
+				children: [/* @__PURE__ */ F("span", {
+					className: "p-query-input__item-label",
+					children: [/* @__PURE__ */ P("span", {
+						className: M({ "u-text--muted": e.type === "more" }),
+						children: e.value
+					}), e.type === "filter" && /* @__PURE__ */ P("span", {
+						className: "u-text--muted",
+						children: ":()"
+					})]
+				}), e.type !== "more" && /* @__PURE__ */ P("span", {
+					className: "u-text--muted u-align-text--right",
+					children: e.type
+				})]
+			}, `${e.value}-${t}`))
+		})]
+	});
+}, Lt = ({ value: e, unit: t }, { binary: n = !1, convertTo: r, decimals: i = 2, roundFunc: a = "round" } = {}) => {
+	let o = e < 0, s = Math.abs(e);
+	if (s === 0) return {
+		value: 0,
+		unit: r || "B"
+	};
+	let c = n ? 1024 : 1e3, l = n ? [
+		"B",
+		"KiB",
+		"MiB",
+		"GiB",
+		"TiB",
+		"PiB",
+		"EiB",
+		"ZiB",
+		"YiB"
+	] : [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB",
+		"PB",
+		"EB",
+		"ZB",
+		"YB"
+	], u = s * c ** +(l.findIndex((e) => e === t) || 0), d = r ? l.findIndex((e) => e === r) : Math.floor(Math.log(u) / Math.log(c)), f = u / c ** +d;
+	if (f % 1 != 0) {
+		let e = 10 ** i;
+		f = Math[a](f * e) / e;
+	}
+	return {
+		value: o ? -f : f,
+		unit: l[d]
+	};
+};
+//#endregion
+export { H as A, W as C, fe as D, he as E, le as O, G as S, ge as T, we as _, dt as a, q as b, rt as c, et as d, Qe as f, Te as g, Ae as h, ht as i, L as k, tt as l, Xe as m, It as n, ct as o, Y as p, jt as r, st as s, Lt as t, $e as u, J as v, U as w, _e as x, be as y };