iryx-ui 0.12.0 → 0.13.0

package/dist/components/Slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,115 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { sliderTheme as t } from "../theme/slider.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { SliderRange as y, SliderRoot as b, SliderThumb as x, SliderTrack as S, useId as C } from "reka-ui";
+//#region src/components/Slider.vue?vue&type=script&setup=true&lang.ts
+var w = ["id"], T = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "Slider",
+	props: {
+		modelValue: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		disabled: { type: Boolean },
+		orientation: {},
+		inverted: { type: Boolean },
+		minStepsBetweenThumbs: {},
+		size: {},
+		label: {},
+		showValue: { type: Boolean },
+		showScale: { type: Boolean },
+		formatValue: {},
+		rangeLabels: { default: () => ["minimum", "maximum"] },
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue", "valueCommit"],
+	setup(u, { emit: T }) {
+		let E = u, D = T, O = r(() => typeof E.modelValue == "number"), k = r(() => Array.isArray(E.modelValue) ? E.modelValue : typeof E.modelValue == "number" ? [E.modelValue] : [E.min]);
+		function A(e) {
+			return O.value ? e[0] ?? E.min : e;
+		}
+		let j = r(() => E.formatValue ?? ((e) => String(e))), M = r(() => k.value.map((e) => j.value(e)).join(" – "));
+		function N(e, t) {
+			return E.label ? k.value.length > 1 ? `${E.label} ${E.rangeLabels[e] ?? ""}`.trim() : E.label : k.value.length > 1 ? E.rangeLabels[e] ?? void 0 : j.value(t);
+		}
+		let P = C(), F = r(() => `${E.id ?? P}-label`), I = r(() => !!(E.label || E.showValue)), L = e(), R = r(() => E.unstyled ?? L.unstyled), z = r(() => t({
+			orientation: E.orientation,
+			size: E.size,
+			disabled: E.disabled ?? !1
+		}));
+		function B(e, t) {
+			let n = [E.ui?.[e], t];
+			return R.value ? n : z.value[e]({ class: n });
+		}
+		return (e, t) => (p(), o("div", { class: f(B("root", E.class)) }, [
+			I.value ? (p(), o("div", {
+				key: 0,
+				class: f(B("header"))
+			}, [E.label || e.$slots.label ? (p(), o("span", {
+				key: 0,
+				id: F.value,
+				class: f(B("label"))
+			}, [h(e.$slots, "label", {}, () => [c(g(E.label), 1)])], 10, w)) : a("", !0), E.showValue ? (p(), o("span", {
+				key: 1,
+				class: f(B("value"))
+			}, [h(e.$slots, "value", {
+				values: k.value,
+				text: M.value
+			}, () => [c(g(M.value), 1)])], 2)) : a("", !0)], 2)) : a("", !0),
+			l(_(b), d({
+				"model-value": k.value,
+				min: E.min,
+				max: E.max,
+				step: E.step,
+				disabled: E.disabled,
+				orientation: E.orientation,
+				inverted: E.inverted,
+				"min-steps-between-thumbs": E.minStepsBetweenThumbs,
+				"aria-labelledby": E.label ? F.value : void 0
+			}, e.$attrs, {
+				class: B("slider"),
+				"onUpdate:modelValue": t[0] ||= (e) => e && D("update:modelValue", A(e)),
+				onValueCommit: t[1] ||= (e) => D("valueCommit", A(e))
+			}), {
+				default: v(() => [l(_(S), { class: f(B("track")) }, {
+					default: v(() => [l(_(y), { class: f(B("range")) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["class"]), (p(!0), o(n, null, m(k.value, (e, t) => (p(), i(_(x), {
+					key: t,
+					"aria-label": N(t, e),
+					"aria-valuetext": j.value(e),
+					class: f(B("thumb"))
+				}, null, 8, [
+					"aria-label",
+					"aria-valuetext",
+					"class"
+				]))), 128))]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"orientation",
+				"inverted",
+				"min-steps-between-thumbs",
+				"aria-labelledby",
+				"class"
+			]),
+			E.showScale && E.orientation !== "vertical" ? (p(), o("div", {
+				key: 1,
+				class: f(B("scale"))
+			}, [s("span", null, g(j.value(E.min)), 1), s("span", null, g(j.value(E.max)), 1)], 2)) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/Splitter.js

@@ -0,0 +1,5 @@
+import e from "./Splitter.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Splitter.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Splitter.vue.d.ts

@@ -0,0 +1,59 @@
+export interface SplitterPanelOption {
+    /** Starting size, as a percentage of the group. */
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    /** Allow dragging past `minSize` to collapse the panel entirely. */
+    collapsible?: boolean;
+    /** What "collapsed" means, as a percentage. `0` hides the panel. */
+    collapsedSize?: number;
+    /** Identifies the panel; needed when panels are conditionally rendered. */
+    id?: string;
+}
+export interface SplitterProps {
+    /** One entry per panel. Two by default, split evenly. */
+    panels?: SplitterPanelOption[];
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Remember the arrangement under this key, so a reader's layout survives a
+     * reload. Stored in `localStorage`.
+     */
+    autoSaveId?: string;
+    /** How far each arrow key press moves the handle, as a percentage. */
+    keyboardResizeBy?: number;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ rule: 'bg-primary' }`. */
+    ui?: {
+        root?: string;
+        panel?: string;
+        handle?: string;
+        rule?: string;
+    };
+}
+declare var __VLS_16: {}, __VLS_25: `panel-${number}`, __VLS_26: {
+    panel: SplitterPanelOption;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_25>]?: (props: typeof __VLS_26) => any;
+} & {
+    handle?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SplitterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    layout: (sizes: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SplitterProps> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Splitter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { splitterTheme as t } from "../theme/splitter.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { SplitterGroup as g, SplitterPanel as _, SplitterResizeHandle as v } from "reka-ui";
+//#region src/components/Splitter.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ l({
+	__name: "Splitter",
+	props: {
+		panels: {},
+		direction: { default: "horizontal" },
+		autoSaveId: {},
+		keyboardResizeBy: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["layout"],
+	setup(l, { emit: y }) {
+		let b = l, x = y, S = r(() => b.panels?.length ? b.panels : [{}, {}]), C = e(), w = r(() => b.unstyled ?? C.unstyled), T = r(() => t({ direction: b.direction })), E = r(() => w.value ? [b.ui?.root, b.class] : T.value.root({ class: [b.ui?.root, b.class] })), D = r(() => w.value ? b.ui?.panel : T.value.panel({ class: b.ui?.panel })), O = r(() => w.value ? b.ui?.handle : T.value.handle({ class: b.ui?.handle })), k = r(() => w.value ? b.ui?.rule : T.value.rule({ class: b.ui?.rule }));
+		return (e, t) => (d(), i(m(g), {
+			direction: b.direction,
+			"auto-save-id": b.autoSaveId,
+			"keyboard-resize-by": b.keyboardResizeBy,
+			class: u(E.value),
+			onLayout: t[0] ||= (e) => x("layout", e)
+		}, {
+			default: h(() => [(d(!0), o(n, null, f(S.value, (t, r) => (d(), o(n, { key: t.id ?? r }, [r > 0 ? (d(), i(m(v), {
+				key: 0,
+				class: u(O.value)
+			}, {
+				default: h(() => [p(e.$slots, "handle", {}, () => [s("span", { class: u(k.value) }, null, 2)])]),
+				_: 3
+			}, 8, ["class"])) : a("", !0), c(m(_), {
+				id: t.id,
+				"default-size": t.size,
+				"min-size": t.minSize,
+				"max-size": t.maxSize,
+				collapsible: t.collapsible,
+				"collapsed-size": t.collapsedSize,
+				class: u(D.value)
+			}, {
+				default: h(() => [p(e.$slots, `panel-${r}`, {
+					panel: t,
+					index: r
+				})]),
+				_: 2
+			}, 1032, [
+				"id",
+				"default-size",
+				"min-size",
+				"max-size",
+				"collapsible",
+				"collapsed-size",
+				"class"
+			])], 64))), 128))]),
+			_: 3
+		}, 8, [
+			"direction",
+			"auto-save-id",
+			"keyboard-resize-by",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/Stat.vue.d.ts

@@ -44,8 +44,8 @@ type __VLS_Slots = {} & {
     hint?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<StatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Switch.vue.d.ts

@@ -4,6 +4,7 @@ export interface SwitchProps extends SwitchRootProps {
     label?: string;
     /** Secondary text under the label, e.g. what the setting does. */
     description?: string;
+    size?: 'sm' | 'md' | 'lg';
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;

package/dist/components/Switch.vue_vue_type_script_setup_true_lang.js

@@ -9,6 +9,7 @@ var S = ["id"], C = /*@__PURE__*/ l({
 	props: {
 		label: {},
 		description: {},
+		size: {},
 		id: {},
 		unstyled: {
 			type: Boolean,
@@ -30,9 +31,12 @@ var S = ["id"], C = /*@__PURE__*/ l({
 	emits: ["update:modelValue"],
 	setup(l, { emit: C }) {
 		let w = l, T = C, E = b(n(() => {
-			let { label: e, description: t, id: n, unstyled: r, class: i, ui: a, ...o } = w;
-			return o;
-		}), T), D = x(), O = n(() => w.id ?? D), k = n(() => !!(w.label || w.description)), A = e(), j = n(() => w.unstyled ?? A.unstyled), M = t(), N = n(() => j.value ? w.ui?.wrapper : M.wrapper({ class: w.ui?.wrapper })), P = n(() => j.value ? [w.ui?.root, w.class] : M.root({ class: [w.ui?.root, w.class] })), F = n(() => j.value ? w.ui?.thumb : M.thumb({ class: w.ui?.thumb })), I = n(() => j.value ? w.ui?.content : M.content({ class: w.ui?.content })), L = n(() => j.value ? w.ui?.label : M.label({ class: w.ui?.label })), R = n(() => j.value ? w.ui?.description : M.description({ class: w.ui?.description }));
+			let { label: e, description: t, size: n, id: r, unstyled: i, class: a, ui: o, ...s } = w;
+			return s;
+		}), T), D = x(), O = n(() => w.id ?? D), k = n(() => !!(w.label || w.description)), A = e(), j = n(() => w.unstyled ?? A.unstyled), M = n(() => t({
+			size: w.size,
+			withText: k.value
+		})), N = n(() => j.value ? w.ui?.wrapper : M.value.wrapper({ class: w.ui?.wrapper })), P = n(() => j.value ? [w.ui?.root, w.class] : M.value.root({ class: [w.ui?.root, w.class] })), F = n(() => j.value ? w.ui?.thumb : M.value.thumb({ class: w.ui?.thumb })), I = n(() => j.value ? w.ui?.content : M.value.content({ class: w.ui?.content })), L = n(() => j.value ? w.ui?.label : M.value.label({ class: w.ui?.label })), R = n(() => j.value ? w.ui?.description : M.value.description({ class: w.ui?.description }));
 		return (e, t) => k.value ? (f(), a("div", {
 			key: 0,
 			class: d(N.value)

package/dist/components/Table.vue.d.ts

@@ -13,7 +13,7 @@ export interface TableProps<Row = any> {
     rowKey?: string;
     loading?: boolean;
     /** Rows of skeletons while `loading` and there is nothing to show yet. */
-    loadingRows?: number;
+    skeletonRows?: number;
     selectable?: boolean;
     /** Veto selection per row — the checkbox is hidden and the header skips it. */
     isRowSelectable?: (row: Row) => boolean;
@@ -28,6 +28,8 @@ export interface TableProps<Row = any> {
     size?: 'sm' | 'md' | 'lg';
     /** Text when there are no rows. Overridden by the `empty` slot. */
     emptyText?: string;
+    /** Accessible name for the actions column, whose header is blank. */
+    actionsLabel?: string;
     /** Accessible name for the table, since a visible caption is optional. */
     label?: string;
     caption?: string;
@@ -113,6 +115,10 @@ declare const __VLS_export: <T = any>(__VLS_props: NonNullable<Awaited<typeof __
         caption?: (props: {}) => any;
     } & {
         empty?: (props: {}) => any;
+    } & {
+        'row-actions'?: (props: {
+            row: T;
+        }) => any;
     } & {
         expanded?: (props: {
             row: T;

package/dist/components/Table.vue_vue_type_script_setup_true_lang.js

@@ -4,10 +4,10 @@ import n from "./Checkbox.js";
 import r from "./Skeleton.js";
 import { useDataTable as i } from "../composables/data-table.js";
 import { tableTheme as a } from "../theme/table.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withModifiers as w } from "vue";
-import { ArrowDown01Icon as T, ArrowRight01Icon as E, ArrowUp01Icon as D, UnfoldMoreIcon as O } from "@hugeicons/core-free-icons";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, useSlots as w, withModifiers as T } from "vue";
+import { ArrowDown01Icon as E, ArrowRight01Icon as D, ArrowUp01Icon as O, UnfoldMoreIcon as ee } from "@hugeicons/core-free-icons";
 //#region src/components/Table.vue?vue&type=script&setup=true&lang.ts
-var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = { key: 1 }, M = ["colspan"], N = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ m({
+var te = ["aria-label", "aria-busy"], ne = ["aria-sort"], k = ["onClick"], A = { class: "sr-only" }, j = { key: 1 }, M = ["colspan"], N = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ m({
 	__name: "Table",
 	props: /*@__PURE__*/ h({
 		rows: { default: () => [] },
@@ -15,7 +15,7 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = {
 		total: { default: void 0 },
 		rowKey: { default: "id" },
 		loading: { type: Boolean },
-		loadingRows: { default: 5 },
+		skeletonRows: { default: 5 },
 		selectable: { type: Boolean },
 		isRowSelectable: {},
 		expandable: { type: Boolean },
@@ -29,6 +29,7 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = {
 		stickyHeader: { type: Boolean },
 		size: {},
 		emptyText: { default: "No results." },
+		actionsLabel: { default: "Actions" },
 		label: {},
 		caption: {},
 		unstyled: {
@@ -68,61 +69,62 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = {
 			perPage: V,
 			selection: H,
 			expanded: U
-		}), G = e(), K = s(() => L.unstyled ?? G.unstyled), q = s(() => a({
+		}), G = w(), K = e(), q = s(() => L.unstyled ?? K.unstyled), J = s(() => a({
 			size: L.size,
 			striped: L.striped,
 			hoverable: L.hoverable ?? !0,
 			stickyHeader: L.stickyHeader,
-			clickable: L.clickableRows
+			clickable: L.clickableRows,
+			loading: !!L.loading && W.pageRows.value.length > 0
 		}));
-		function J(e, t) {
+		function Y(e, t) {
 			let n = L.ui?.[e];
-			return K.value ? [n, t] : q.value[e]({ class: [n, t] });
+			return q.value ? [n, t] : J.value[e]({ class: [n, t] });
 		}
-		function Y(e) {
-			return K.value ? void 0 : q.value[e]();
+		function X(e) {
+			return q.value ? void 0 : J.value[e]();
 		}
-		let X = s(() => K.value ? [L.ui?.root, L.class] : q.value.root({ class: [L.ui?.root, L.class] }));
+		let re = s(() => q.value ? [L.ui?.root, L.class] : J.value.root({ class: [L.ui?.root, L.class] }));
 		function Z(e) {
-			if (K.value) return;
+			if (q.value) return;
 			let t = e.align ?? (e.numeric ? "end" : "start");
 			if (t !== "start") return t === "end" ? "text-end" : "text-center";
 		}
-		function Q(e) {
-			return !K.value && e.numeric ? "tabular-nums" : void 0;
+		function ie(e) {
+			return !q.value && e.numeric ? "tabular-nums" : void 0;
 		}
-		function te(e, t) {
+		function ae(e, t) {
 			return typeof t.class == "function" ? t.class(e) : t.class;
 		}
-		function ne(e, t) {
+		function oe(e, t) {
 			return typeof t.hidden == "function" ? t.hidden(e) : !1;
 		}
-		let $ = s(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable), re = s(() => L.loading && W.pageRows.value.length === 0), ie = s(() => !L.loading && W.pageRows.value.length === 0);
-		function ae(e) {
+		let Q = s(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable + +!!G["row-actions"]), $ = s(() => L.loading && W.pageRows.value.length === 0), se = s(() => !L.loading && W.pageRows.value.length === 0);
+		function ce(e) {
 			if (!e.sortable) return;
 			let t = W.sortOrderFor(e);
 			return t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
 		}
-		function oe(e) {
+		function le(e) {
 			L.clickableRows && R("rowClick", e);
 		}
-		return h({ table: W }), (e, i) => (v(), u("div", { class: g(X.value) }, [d("table", {
-			class: g(J("table")),
+		return h({ table: W }), (e, i) => (v(), u("div", { class: g(re.value) }, [d("table", {
+			class: g(Y("table")),
 			"aria-label": L.label,
 			"aria-busy": L.loading || void 0
 		}, [
 			L.caption || e.$slots.caption ? (v(), u("caption", {
 				key: 0,
-				class: g(J("caption"))
+				class: g(Y("caption"))
 			}, [b(e.$slots, "caption", {}, () => [f(x(L.caption), 1)])], 2)) : l("", !0),
-			d("thead", { class: g(J("thead")) }, [d("tr", null, [
+			d("thead", { class: g(Y("thead")) }, [d("tr", null, [
 				L.expandable ? (v(), u("th", {
 					key: 0,
-					class: g(Y("headGutter"))
+					class: g(X("headGutter"))
 				}, null, 2)) : l("", !0),
 				L.selectable ? (v(), u("th", {
 					key: 1,
-					class: g(Y("headGutter"))
+					class: g(X("headGutter"))
 				}, [p(n, {
 					"model-value": S(W).headerSelection.value,
 					"aria-label": "Select all rows on this page",
@@ -130,60 +132,68 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = {
 				}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)) : l("", !0),
 				(v(!0), u(o, null, y(S(W).visibleColumns.value, (n) => (v(), u("th", {
 					key: n.key,
-					class: g(J("th", Z(n))),
+					class: g(Y("th", Z(n))),
 					style: _(n.width ? { width: n.width } : void 0),
-					"aria-sort": ae(n),
+					"aria-sort": ce(n),
 					scope: "col"
 				}, [b(e.$slots, `header-${n.key}`, { column: n }, () => [n.sortable ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: g(Y("sortButton")),
+					class: g(X("sortButton")),
 					onClick: (e) => S(W).toggleSort(n)
 				}, [f(x(n.label ?? n.key) + " ", 1), p(t, {
-					icon: S(W).sortOrderFor(n) === "asc" ? S(D) : S(W).sortOrderFor(n) === "desc" ? S(T) : S(O),
-					class: g(Y("sortIcon"))
-				}, null, 8, ["icon", "class"])], 10, ee)) : (v(), u(o, { key: 1 }, [f(x(n.label ?? n.key), 1)], 64))])], 14, A))), 128))
+					icon: S(W).sortOrderFor(n) === "asc" ? S(O) : S(W).sortOrderFor(n) === "desc" ? S(E) : S(ee),
+					class: g(X("sortIcon"))
+				}, null, 8, ["icon", "class"])], 10, k)) : (v(), u(o, { key: 1 }, [f(x(n.label ?? n.key), 1)], 64))])], 14, ne))), 128)),
+				e.$slots["row-actions"] ? (v(), u("th", {
+					key: 2,
+					class: g(X("headActions"))
+				}, [d("span", A, x(L.actionsLabel), 1)], 2)) : l("", !0)
 			])], 2),
-			d("tbody", { class: g(J("tbody")) }, [re.value ? (v(!0), u(o, { key: 0 }, y(L.loadingRows, (e) => (v(), u("tr", {
-				key: `skeleton-${e}`,
-				class: g(J("tr"))
+			d("tbody", { class: g(Y("tbody")) }, [$.value ? (v(!0), u(o, { key: 0 }, y(L.skeletonRows, (t) => (v(), u("tr", {
+				key: `skeleton-${t}`,
+				class: g(Y("tr"))
 			}, [
 				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: g(Y("gutter"))
+					class: g(X("gutter"))
 				}, [p(r, { class: "size-4" })], 2)) : l("", !0),
 				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: g(Y("gutter"))
+					class: g(X("gutter"))
 				}, [p(r, { class: "size-4" })], 2)) : l("", !0),
 				(v(!0), u(o, null, y(S(W).visibleColumns.value, (e) => (v(), u("td", {
 					key: e.key,
-					class: g(J("td"))
-				}, [p(r, { class: "h-4 w-24" })], 2))), 128))
-			], 2))), 128)) : ie.value ? (v(), u("tr", j, [d("td", {
-				colspan: $.value,
-				class: g(J("empty"))
+					class: g(Y("td"))
+				}, [p(r, { class: "h-4 w-24" })], 2))), 128)),
+				e.$slots["row-actions"] ? (v(), u("td", {
+					key: 2,
+					class: g(X("actions"))
+				}, [p(r, { class: "size-4" })], 2)) : l("", !0)
+			], 2))), 128)) : se.value ? (v(), u("tr", j, [d("td", {
+				colspan: Q.value,
+				class: g(Y("empty"))
 			}, [b(e.$slots, "empty", {}, () => [f(x(L.emptyText), 1)])], 10, M)])) : (v(!0), u(o, { key: 2 }, y(S(W).pageRows.value, (r) => (v(), u(o, { key: S(W).keyOf(r) }, [d("tr", {
-				class: g([J("tr"), !K.value && S(W).isSelected(r) ? "bg-primary/5" : void 0]),
+				class: g([Y("tr"), !q.value && S(W).isSelected(r) ? "bg-primary/5" : void 0]),
 				"data-selected": S(W).isSelected(r) || void 0,
-				onClick: (e) => oe(r)
+				onClick: (e) => le(r)
 			}, [
 				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: g(Y("gutter")),
-					onClick: i[0] ||= w(() => {}, ["stop"])
+					class: g(X("gutter")),
+					onClick: i[0] ||= T(() => {}, ["stop"])
 				}, [!L.canExpandRow || L.canExpandRow(r) ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: g([Y("expandButton"), S(W).isExpanded(r) && !K.value ? "rotate-90" : void 0]),
+					class: g([X("expandButton"), S(W).isExpanded(r) && !q.value ? "rotate-90" : void 0]),
 					"aria-expanded": S(W).isExpanded(r),
 					"aria-label": "Toggle row details",
 					onClick: (e) => S(W).toggleExpanded(r)
-				}, [p(t, { icon: S(E) }, null, 8, ["icon"])], 10, P)) : l("", !0)], 2)) : l("", !0),
+				}, [p(t, { icon: S(D) }, null, 8, ["icon"])], 10, P)) : l("", !0)], 2)) : l("", !0),
 				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: g(Y("gutter")),
-					onClick: i[1] ||= w(() => {}, ["stop"])
+					class: g(X("gutter")),
+					onClick: i[1] ||= T(() => {}, ["stop"])
 				}, [!L.isRowSelectable || L.isRowSelectable(r) ? (v(), c(n, {
 					key: 0,
 					"model-value": S(W).isSelected(r),
@@ -192,25 +202,30 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = {
 				}, null, 8, ["model-value", "onUpdate:modelValue"])) : l("", !0)], 2)) : l("", !0),
 				(v(!0), u(o, null, y(S(W).visibleColumns.value, (t) => (v(), u("td", {
 					key: t.key,
-					class: g(J("td", [
+					class: g(Y("td", [
 						Z(t),
-						Q(t),
-						te(r, t)
+						ie(t),
+						ae(r, t)
 					].filter(Boolean).join(" ") || void 0))
-				}, [ne(r, t) ? l("", !0) : b(e.$slots, `cell-${t.key}`, {
+				}, [oe(r, t) ? l("", !0) : b(e.$slots, `cell-${t.key}`, {
 					key: 0,
 					row: r,
 					column: t,
 					value: S(W).getRowValue(r, t.key)
-				}, () => [f(x(S(W).getRowValue(r, t.key)), 1)])], 2))), 128))
+				}, () => [f(x(S(W).getRowValue(r, t.key)), 1)])], 2))), 128)),
+				e.$slots["row-actions"] ? (v(), u("td", {
+					key: 2,
+					class: g(X("actions")),
+					onClick: i[2] ||= T(() => {}, ["stop"])
+				}, [b(e.$slots, "row-actions", { row: r })], 2)) : l("", !0)
 			], 10, N), L.expandable && S(W).isExpanded(r) ? (v(), u("tr", {
 				key: 0,
-				class: g([J("tr"), Y("expandedRow")])
+				class: g([Y("tr"), X("expandedRow")])
 			}, [d("td", {
-				colspan: $.value,
-				class: g(Y("expandedCell"))
+				colspan: Q.value,
+				class: g(X("expandedCell"))
 			}, [b(e.$slots, "expanded", { row: r })], 10, F)], 2)) : l("", !0)], 64))), 128))], 2)
-		], 10, k)], 2));
+		], 10, te)], 2));
 	}
 });
 //#endregion

package/dist/components/TagsInput.js

@@ -0,0 +1,5 @@
+import e from "./TagsInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TagsInput.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/TagsInput.vue.d.ts

@@ -0,0 +1,71 @@
+export interface TagsInputProps {
+    modelValue?: string[];
+    placeholder?: string;
+    /** Stop accepting tags past this many. */
+    max?: number;
+    /**
+     * What ends a tag. A comma by default, so pasting a comma-separated list
+     * does the obvious thing.
+     */
+    delimiter?: string | RegExp;
+    /** Allow the same tag twice. Off by default — a repeated tag is usually a slip. */
+    duplicate?: boolean;
+    /** Split a pasted string on the delimiter instead of taking it as one tag. */
+    addOnPaste?: boolean;
+    /** Commit the typed text when Tab moves focus on. */
+    addOnTab?: boolean;
+    /**
+     * Commit the typed text when focus leaves. Worth turning on: half-typed
+     * text silently discarded on blur is the classic way to lose a tag.
+     */
+    addOnBlur?: boolean;
+    /** Show a control that empties the whole field. */
+    clearable?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ tag: 'bg-accent' }`. */
+    ui?: {
+        root?: string;
+        tag?: string;
+        tagText?: string;
+        tagDelete?: string;
+        input?: string;
+        clear?: string;
+    };
+}
+declare var __VLS_16: {
+    tag: string;
+}, __VLS_45: {};
+type __VLS_Slots = {} & {
+    tag?: (props: typeof __VLS_16) => any;
+} & {
+    clear?: (props: typeof __VLS_45) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TagsInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+    invalidTag: (value: string) => any;
+    addTag: (value: string) => any;
+    removeTag: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TagsInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onInvalidTag?: ((value: string) => any) | undefined;
+    onAddTag?: ((value: string) => any) | undefined;
+    onRemoveTag?: ((value: string) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    invalid: boolean;
+    delimiter: string | RegExp;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};