@webority/ui-react 0.34.0 → 0.35.1

package/dist/components/AppSidebarMenu.js

@@ -0,0 +1,77 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { Offcanvas as r } from "react-bootstrap";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/AppSidebarMenu.jsx
+var o = {
+	left: "start",
+	right: "end",
+	start: "start",
+	end: "end",
+	top: "top",
+	bottom: "bottom"
+};
+function s({ show: s, onHide: c, side: l = "right", title: u, titleIcon: d, header: f, children: p, footer: m, width: h, maxWidth: g, backdrop: _ = !0, scroll: v = !1, keyboard: y = !0, closeButton: b = !0, closeLabel: x = "Close", responsive: S, className: C = "", bodyClassName: w = "", ariaLabel: T, ...E }) {
+	t("AppSidebarMenu", E), e("AppSidebarMenu", "side", l, Object.keys(o));
+	let { style: D, ...O } = E, k = o[l] || "end", A = h || g || D ? {
+		...h && { "--asm-width": h },
+		...g && { "--asm-max-width": g },
+		...D
+	} : void 0;
+	return /* @__PURE__ */ a(r, {
+		...O,
+		show: s,
+		onHide: c,
+		placement: k,
+		backdrop: _,
+		scroll: v,
+		keyboard: y,
+		responsive: S,
+		style: A,
+		className: `app-sidebar-menu${C ? ` ${C}` : ""}`,
+		"aria-label": T || (typeof u == "string" ? u : void 0),
+		children: [
+			f === void 0 ? (u != null || b) && /* @__PURE__ */ a("div", {
+				className: "drawer-header",
+				children: [u != null && /* @__PURE__ */ a("div", {
+					className: "drawer-title",
+					children: [d && /* @__PURE__ */ i("span", {
+						className: "drawer-title-ic",
+						children: /* @__PURE__ */ i(n, {
+							name: d,
+							size: 18
+						})
+					}), u]
+				}), b && /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "wui-drawer-close",
+					onClick: c,
+					"aria-label": x,
+					children: /* @__PURE__ */ i("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ i("path", { d: "M18 6 6 18M6 6l12 12" })
+					})
+				})]
+			}) : f,
+			/* @__PURE__ */ i(r.Body, {
+				className: w,
+				children: p
+			}),
+			m && /* @__PURE__ */ i("div", {
+				className: "asm-footer",
+				children: m
+			})
+		]
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/AppSkeleton.js

@@ -0,0 +1,24 @@
+import e from "./warnUnknownProps.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/AppSkeleton.jsx
+function n({ width: n = "100%", height: r = 14, radius: i = 6, className: a = "", style: o, ...s }) {
+	return e("AppSkeleton", s), /* @__PURE__ */ t("span", {
+		className: `skeleton${a ? ` ${a}` : ""}`,
+		"aria-hidden": "true",
+		style: {
+			width: n,
+			height: r,
+			borderRadius: i,
+			...o
+		},
+		...s
+	});
+}
+function r({ rows: e = 4, cols: r = 5 }) {
+	return Array.from({ length: e }).map((e, i) => /* @__PURE__ */ t("tr", { children: Array.from({ length: r }).map((e, r) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(n, {
+		width: r === 0 ? "70%" : "50%",
+		height: 12
+	}) }, `col-${r}`)) }, `row-${i}`));
+}
+//#endregion
+export { r as AppSkeletonRows, n as default };

package/dist/components/AppSlider.js

@@ -0,0 +1,76 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppRequiredMark.js";
+import r, { readRange as i, writeNumberValue as a } from "./useWuiControl.js";
+import { forwardRef as o, useEffect as s, useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/slider";
+//#region src/components/AppSlider.jsx
+var d = [
+	"sm",
+	"md",
+	"lg"
+], f = o(function({ value: o, start: f, end: p, range: m = !1, onChange: h, label: g, required: _ = !1, hint: v, error: y, name: b, startName: x, endName: S, min: C = 0, max: w = 100, step: T = 1, disabled: E, size: D, showValue: O, unit: k, id: A, ariaLabel: j, className: M = "", fieldClassName: N = "", ...P }, F) {
+	t("AppSlider", P), e("AppSlider", "size", D, d);
+	let I = c(), L = A || I, R = m, { setRef: z, innerRef: B } = r({
+		ref: F,
+		value: R ? void 0 : o,
+		onChange: h,
+		readValue: R ? i : void 0,
+		writeValue: R ? void 0 : a
+	});
+	s(() => {
+		if (!R) return;
+		let e = B.current;
+		e && (f !== void 0 && f > e.end ? (p !== void 0 && e.end !== p && (e.end = p), f !== void 0 && e.start !== f && (e.start = f)) : (f !== void 0 && e.start !== f && (e.start = f), p !== void 0 && e.end !== p && (e.end = p)));
+	}, [
+		f,
+		p,
+		R,
+		B
+	]);
+	let V = !g && !y && !v, H = y ? `${L}-error` : void 0, U = v ? `${L}-hint` : void 0, W = /* @__PURE__ */ l("wui-slider", {
+		ref: z,
+		id: L,
+		name: b || void 0,
+		"start-name": x || void 0,
+		"end-name": S || void 0,
+		min: C,
+		max: w,
+		step: T,
+		size: D || void 0,
+		"aria-label": j || (typeof g == "string" ? g : void 0),
+		"aria-describedby": H || U,
+		"aria-invalid": y ? "true" : void 0,
+		disabled: E ? "" : void 0,
+		required: _ ? "" : void 0,
+		range: R ? "" : void 0,
+		"show-value": O ? "" : void 0,
+		unit: k || void 0,
+		className: M || void 0,
+		...P
+	});
+	return V ? W : /* @__PURE__ */ u("div", {
+		className: `field${N ? ` ${N}` : ""}`,
+		children: [
+			g && /* @__PURE__ */ u("label", {
+				className: "label",
+				htmlFor: L,
+				children: [g, _ && /* @__PURE__ */ l(n, {})]
+			}),
+			W,
+			y && /* @__PURE__ */ l("div", {
+				className: "field-error",
+				id: H,
+				children: y
+			}),
+			!y && v && /* @__PURE__ */ l("div", {
+				className: "field-hint",
+				id: U,
+				children: v
+			})
+		]
+	});
+});
+//#endregion
+export { f as default };

package/dist/components/AppSortableList.js

@@ -0,0 +1,63 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import r from "./useWuiControl.js";
+import { forwardRef as i, useEffect as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/sortable";
+//#region src/components/AppSortableList.jsx
+var l = ["vertical", "horizontal"], u = (e, t) => {
+	e.controlled = !0;
+	let n = e.order;
+	(n.length !== t.length || t.some((e, t) => e !== n[t])) && (e.order = t);
+}, d = i(function({ items: i = [], onReorder: d, ariaLabel: f, handle: p = !1, group: m, name: h, disabled: g = !1, orientation: _ = "vertical", className: v = "", ...y }, b) {
+	t("AppSortableList", y), e("AppSortableList", "orientation", _, l);
+	let x = i.map((e) => e.id), S = o(x);
+	a(() => {
+		S.current = x;
+	});
+	let { setRef: C, innerRef: w } = r({
+		ref: b,
+		value: x,
+		writeValue: u,
+		on: { "wui-sortable:change": (e) => {
+			e.target === e.currentTarget && (d?.(e.detail.ids, e.detail), requestAnimationFrame(() => {
+				w.current && u(w.current, S.current);
+			}));
+		} }
+	});
+	return /* @__PURE__ */ s("wui-sortable", {
+		ref: C,
+		role: "list",
+		"aria-label": f,
+		name: h || void 0,
+		group: m || void 0,
+		orientation: _ === "horizontal" ? "horizontal" : void 0,
+		handle: p ? "" : void 0,
+		disabled: g ? "" : void 0,
+		className: `wui-sortable${v ? ` ${v}` : ""}`,
+		...y,
+		children: i.map((e) => /* @__PURE__ */ c("div", {
+			role: "listitem",
+			className: "wui-sortable-item",
+			"data-id": e.id,
+			"data-label": e.label,
+			"data-disabled": e.disabled ? "" : void 0,
+			children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				className: "wui-sortable-handle",
+				"aria-label": `Reorder ${e.label}`,
+				disabled: g || e.disabled ? !0 : void 0,
+				children: /* @__PURE__ */ s(n, {
+					name: "menu",
+					size: 18
+				})
+			}), /* @__PURE__ */ s("div", {
+				className: "wui-sortable-body",
+				children: e.content ?? e.label
+			})]
+		}, e.id))
+	});
+});
+//#endregion
+export { d as default };

package/dist/components/AppSparkline.js

@@ -0,0 +1,47 @@
+import e from "./warnUnknownProps.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/AppSparkline.jsx
+var n = () => {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return !0;
+	}
+}, r = !1;
+function i(e) {
+	r || !n() || (r = !0, console.warn(`[@webority/ui-react] <AppSparkline> left out ${e} value(s) in \`data\` that are not finite numbers.`));
+}
+var a = (e) => typeof e == "number" && Number.isFinite(e);
+function o(e, t, n) {
+	if (e.length < 2) return `0,${n / 2} ${t},${n / 2}`;
+	let r = Math.min(...e), i = Math.max(...e) - r, a = t / (e.length - 1);
+	return e.map((e, t) => {
+		let o = i === 0 ? n / 2 : n - (e - r) / i * n;
+		return `${t * a},${o}`;
+	}).join(" ");
+}
+var s = (e) => String(Number(e.toFixed(2)));
+function c(e, t) {
+	let n = t ? `${t} trend` : "Trend";
+	return e.length === 1 ? `${n} has one value, ${s(e[0])}.` : `${n} from ${s(e[0])} to ${s(e[e.length - 1])} across ${e.length} points.`;
+}
+function l({ data: n, label: r, width: s = 48, height: l = 16, className: u = "", ...d }) {
+	e("AppSparkline", d);
+	let f = Array.isArray(n) ? n.filter(a) : [];
+	return Array.isArray(n) && f.length < n.length && i(n.length - f.length), f.length === 0 ? null : /* @__PURE__ */ t("svg", {
+		className: `wui-sparkline${u ? ` ${u}` : ""}`,
+		width: s,
+		height: l,
+		viewBox: `0 0 ${s} ${l}`,
+		role: "img",
+		"aria-label": c(f, r),
+		...d,
+		children: /* @__PURE__ */ t("polyline", {
+			points: o(f, s, l),
+			stroke: "currentColor",
+			fill: "none"
+		})
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/AppSpinner.js

@@ -0,0 +1,23 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppSpinner.jsx
+var r = ["sm", "md"];
+function i({ size: i = "md", label: a = "Loading", className: o = "", ...s }) {
+	t("AppSpinner", s), e("AppSpinner", "size", typeof i == "string" && !Number.isFinite(Number(i)) ? i : null, r);
+	let { style: c, ...l } = s, u = Number(i), d = Number.isFinite(u) && u > 0;
+	return /* @__PURE__ */ n("span", {
+		className: `spinner-border${!d && i === "sm" ? " spinner-border-sm" : ""}${o ? ` ${o}` : ""}`,
+		role: "status",
+		"aria-label": a,
+		style: d ? {
+			width: `${u}px`,
+			height: `${u}px`,
+			borderWidth: `${Math.max(2, Math.round(u / 8))}px`,
+			...c
+		} : c,
+		...l
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/AppSplash.js

@@ -0,0 +1,62 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/AppSplash.jsx
+var i = [
+	"bar",
+	"ring",
+	"dots"
+], a = {
+	sm: 44,
+	md: 56,
+	lg: 72
+};
+function o({ logo: o, initials: s, text: c, subtext: l, variant: u = "bar", size: d = "md", label: f = "Loading", className: p = "", ...m }) {
+	t("AppSplash", m), e("AppSplash", "variant", u, i), e("AppSplash", "size", typeof d == "string" ? d : null, Object.keys(a));
+	let { style: h, ...g } = m, _ = typeof d == "number" ? d : a[d] ?? a.md, v = u === "ring" ? /* @__PURE__ */ n("span", {
+		className: "splash-ring",
+		"aria-hidden": "true"
+	}) : u === "dots" ? /* @__PURE__ */ r("span", {
+		className: "splash-dots",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ n("i", {}),
+			/* @__PURE__ */ n("i", {}),
+			/* @__PURE__ */ n("i", {})
+		]
+	}) : /* @__PURE__ */ n("span", {
+		className: "splash-bar",
+		"aria-hidden": "true"
+	});
+	return /* @__PURE__ */ n("div", {
+		className: `splash${p ? ` ${p}` : ""}`,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": f,
+		style: {
+			"--wui-splash-size": `${_}px`,
+			...h
+		},
+		...g,
+		children: /* @__PURE__ */ r("div", {
+			className: "splash-inner",
+			children: [
+				o || s && /* @__PURE__ */ n("span", {
+					className: "splash-mark",
+					children: s
+				}),
+				v,
+				c && /* @__PURE__ */ n("span", {
+					className: "splash-text",
+					children: c
+				}),
+				l && /* @__PURE__ */ n("span", {
+					className: "splash-subtext",
+					children: l
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/AppStatusBadge.js

@@ -0,0 +1,22 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./withTooltip.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/AppStatusBadge.jsx
+var i = [
+	"neutral",
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+];
+function a({ label: a, tone: o = "neutral", className: s = "", tooltip: c, tooltipPlacement: l, ...u }) {
+	return t("AppStatusBadge", u), e("AppStatusBadge", "tone", o, i), a == null || a === "" ? "-" : n(/* @__PURE__ */ r("span", {
+		className: `status-label ${o}${s ? ` ${s}` : ""}`,
+		...u,
+		children: a
+	}), c, l);
+}
+//#endregion
+export { a as default };

package/dist/components/AppStepper.js

@@ -0,0 +1,94 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/AppStepper.jsx
+var o = ["steps", "journey"], s = ["horizontal", "vertical"], c = [
+	"done",
+	"active",
+	"pending",
+	"error"
+];
+function l({ steps: l = [], variant: d = "steps", orientation: f = "horizontal", activeStep: p, onStepClick: m, label: h = "Progress", linkComponent: g, className: _ = "", ...v }) {
+	t("AppStepper", v), e("AppStepper", "variant", d, o), e("AppStepper", "orientation", f, s);
+	for (let t of l) e("AppStepper", "steps[].status", t.status, c);
+	let y = d === "journey";
+	return /* @__PURE__ */ i("nav", {
+		className: [
+			"stepper",
+			y && "stepper-journey",
+			f === "vertical" && "stepper-vertical",
+			_
+		].filter(Boolean).join(" "),
+		"aria-label": h,
+		...v,
+		children: l.map((e, t) => {
+			let o = e.status || u(t, p), s = `step${o === "pending" ? "" : ` ${o}`}`, c;
+			c = o === "done" ? /* @__PURE__ */ i(n, {
+				name: "check",
+				size: 14
+			}) : o === "error" ? /* @__PURE__ */ i(n, {
+				name: "alert-triangle",
+				size: 14
+			}) : e.icon ? /* @__PURE__ */ i(n, {
+				name: e.icon,
+				size: 14
+			}) : t + 1;
+			let d = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+				className: "step-circle",
+				children: c
+			}), y ? /* @__PURE__ */ a("span", {
+				className: "step-text",
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: "step-index",
+						children: `Step ${t + 1}`
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "step-label",
+						children: e.label
+					}),
+					e.description ? /* @__PURE__ */ i("span", {
+						className: "step-desc",
+						children: e.description
+					}) : null
+				]
+			}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+				className: "step-label",
+				children: e.label
+			}), e.description ? /* @__PURE__ */ i("span", {
+				className: "step-desc",
+				children: e.description
+			}) : null] })] }), f = o === "active" ? "step" : void 0, h = e.key ?? `${e.label}-${t}`, _;
+			return _ = m ? /* @__PURE__ */ i("button", {
+				type: "button",
+				className: s,
+				"aria-current": f,
+				onClick: () => m(e, t),
+				children: d
+			}, h) : e.href ? g ? /* @__PURE__ */ i(g, {
+				className: s,
+				to: e.href,
+				"aria-current": f,
+				children: d
+			}, h) : /* @__PURE__ */ i("a", {
+				className: s,
+				href: e.href,
+				"aria-current": f,
+				children: d
+			}, h) : /* @__PURE__ */ i("div", {
+				className: s,
+				"aria-current": f,
+				children: d
+			}, h), y && t < l.length - 1 ? [_, /* @__PURE__ */ i("span", {
+				className: `step-line${o === "done" ? " done" : ""}`,
+				"aria-hidden": "true"
+			}, `${h}-line`)] : _;
+		})
+	});
+}
+function u(e, t) {
+	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
+}
+//#endregion
+export { l as default };

package/dist/components/AppSwitch.js

@@ -0,0 +1,26 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "../lib/CheckField.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/AppSwitch.jsx
+var a = [
+	"round",
+	"pill",
+	"circle"
+], o = r(function({ label: r, id: o, name: s, error: c, hint: l, shape: u = "round", className: d = "", ...f }, p) {
+	return t("AppSwitch", f), e("AppSwitch", "shape", u, a), /* @__PURE__ */ i(n, {
+		ref: p,
+		label: r,
+		id: o,
+		name: s,
+		error: c,
+		hint: l,
+		className: d,
+		rest: f,
+		inputType: "checkbox",
+		wrapperClass: `form-check form-switch${u === "circle" ? " form-switch-circle" : u === "pill" ? " form-switch-pill" : ""}`
+	});
+});
+//#endregion
+export { o as default };

package/dist/components/AppTableEmptyState.js

@@ -0,0 +1,30 @@
+import e from "./warnUnknownProps.js";
+import t from "./renderIconProp.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/AppTableEmptyState.jsx
+function i({ icon: i, title: a, text: o, action: s, ...c }) {
+	return e("AppTableEmptyState", c), /* @__PURE__ */ r("div", {
+		className: "tbl-empty",
+		...c,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "tbl-empty-icon",
+				children: t(i, { size: 24 })
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "tbl-empty-title",
+				children: a
+			}),
+			o && /* @__PURE__ */ n("div", {
+				className: "tbl-empty-text",
+				children: o
+			}),
+			s && /* @__PURE__ */ n("div", {
+				className: "tbl-empty-action",
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/AppTablePagination.js

@@ -0,0 +1,85 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { pageWindow as r } from "../lib/pageWindow.js";
+import i from "./AppSelectMini.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/AppTablePagination.jsx
+var s = ["numbered", "prev-next"], c = [
+	5,
+	10,
+	25,
+	50
+];
+function l({ page: l, totalPages: u, pageSize: d, onPageChange: f, onPageSizeChange: p, pageSizes: m = c, mode: h = "numbered", showPageSize: g = !0, className: _ = "", ...v }) {
+	t("AppTablePagination", v), e("AppTablePagination", "mode", h, s);
+	let y = h === "numbered", b = y ? r(l, u) : null;
+	return /* @__PURE__ */ o("div", {
+		className: `table-pagination${_ ? ` ${_}` : ""}`,
+		...v,
+		children: [
+			g && /* @__PURE__ */ a("span", {
+				className: "tpg-rows",
+				children: /* @__PURE__ */ a(i, {
+					value: d,
+					onChange: (e) => p(Number(e)),
+					ariaLabel: "Rows per page",
+					options: m.map((e) => ({
+						value: e,
+						label: `${e} per page`
+					}))
+				})
+			}),
+			!y && /* @__PURE__ */ o("span", {
+				className: "tpg-range",
+				children: [
+					"Page ",
+					l,
+					" of ",
+					u
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "tpg-nav",
+				children: [
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						className: "tpg-arrow",
+						onClick: () => f(Math.max(1, l - 1)),
+						disabled: l <= 1,
+						"aria-label": "Previous page",
+						children: /* @__PURE__ */ a(n, {
+							name: "arrow-left",
+							size: 18
+						})
+					}),
+					y && b.map((e) => typeof e == "number" ? /* @__PURE__ */ a("button", {
+						type: "button",
+						className: `tpg-page${e === l ? " is-active" : ""}`,
+						onClick: () => f(e),
+						"aria-current": e === l ? "page" : void 0,
+						"aria-label": `Page ${e}`,
+						children: e
+					}, e) : /* @__PURE__ */ a("span", {
+						className: "tpg-ellipsis",
+						"aria-hidden": "true",
+						children: "…"
+					}, e)),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						className: "tpg-arrow",
+						onClick: () => f(Math.min(u, l + 1)),
+						disabled: l >= u,
+						"aria-label": "Next page",
+						children: /* @__PURE__ */ a(n, {
+							name: "arrow-right",
+							size: 18
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/AppTableToolbar.js

@@ -0,0 +1,41 @@
+import e from "./warnUnknownProps.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/AppTableToolbar.jsx
+function r({ filters: r, actions: i, selectedCount: a = 0, bulkActions: o, onClearSelection: s, className: c = "", ...l }) {
+	e("AppTableToolbar", l);
+	let u = a > 0;
+	return /* @__PURE__ */ n("div", {
+		className: `wui-table-toolbar${c ? ` ${c}` : ""}`,
+		...l,
+		children: [/* @__PURE__ */ n("div", {
+			className: "wui-table-toolbar-main",
+			hidden: u,
+			children: [/* @__PURE__ */ t("div", {
+				className: "wui-table-toolbar-filters",
+				children: r
+			}), /* @__PURE__ */ t("div", {
+				className: "wui-table-toolbar-actions",
+				children: i
+			})]
+		}), /* @__PURE__ */ n("div", {
+			className: "wui-table-toolbar-bulk",
+			hidden: !u,
+			children: [
+				/* @__PURE__ */ n("span", {
+					className: "wui-table-toolbar-count",
+					"aria-live": "polite",
+					children: [a, " selected"]
+				}),
+				o,
+				s && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "btn btn-ghost btn-sm wui-table-toolbar-clear",
+					onClick: s,
+					children: "Clear"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { r as default };