iryx-ui 0.11.0 → 0.13.0

package/dist/components/Stepper.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import { Tick02Icon as e } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as t } from "../config.js";
-import n from "./Icon.js";
-import { stepperTheme as r } from "../theme/stepper.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { stepperTheme as n } from "../theme/stepper.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, withCtx as b } from "vue";
+import { Tick02Icon as x } from "@hugeicons/core-free-icons";
 import { StepperDescription as S, StepperIndicator as C, StepperItem as w, StepperRoot as T, StepperSeparator as E, StepperTitle as D, StepperTrigger as O } from "reka-ui";
 //#region src/components/Stepper.vue?vue&type=script&setup=true&lang.ts
-var k = /*@__PURE__*/ f({
+var k = /*@__PURE__*/ d({
 	__name: "Stepper",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ f({
 		items: {},
 		orientation: {},
 		linear: {
@@ -25,51 +25,51 @@ var k = /*@__PURE__*/ f({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(f) {
-		let p = f, k = b(f, "modelValue"), A = a(() => (p.items ?? []).map((e) => typeof e == "string" ? { title: e } : e)), j = t(), M = a(() => p.unstyled ?? j.unstyled), N = a(() => r({ orientation: p.orientation }));
+	setup(d) {
+		let f = d, k = y(d, "modelValue"), A = i(() => (f.items ?? []).map((e) => typeof e == "string" ? { title: e } : e)), j = e(), M = i(() => f.unstyled ?? j.unstyled), N = i(() => n({ orientation: f.orientation }));
 		function P(e) {
-			let t = p.ui?.[e];
+			let t = f.ui?.[e];
 			return M.value ? t : N.value[e]({ class: t });
 		}
-		let F = a(() => M.value ? [p.ui?.root, p.class] : N.value.root({ class: [p.ui?.root, p.class] }));
-		return (t, r) => (h(), o(y(T), {
+		let F = i(() => M.value ? [f.ui?.root, f.class] : N.value.root({ class: [f.ui?.root, f.class] }));
+		return (e, n) => (m(), a(v(T), {
 			modelValue: k.value,
-			"onUpdate:modelValue": r[0] ||= (e) => k.value = e,
-			orientation: p.orientation,
-			linear: p.linear,
-			class: m(F.value)
+			"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
+			orientation: f.orientation,
+			linear: f.linear,
+			class: p(F.value)
 		}, {
-			default: x(() => [(h(!0), c(i, null, g(A.value, (r, a) => (h(), o(y(w), {
-				key: a,
-				step: a + 1,
-				disabled: r.disabled,
-				class: m(P("item"))
+			default: b(() => [(m(!0), s(r, null, h(A.value, (n, i) => (m(), a(v(w), {
+				key: i,
+				step: i + 1,
+				disabled: n.disabled,
+				class: p(P("item"))
 			}, {
-				default: x(() => [d(y(O), { class: m(P("trigger")) }, {
-					default: x(() => [d(y(C), { class: m(P("indicator")) }, {
-						default: x(() => [_(t.$slots, "indicator", {
-							step: a + 1,
-							item: r
-						}, () => [a + 1 < k.value ? (h(), o(n, {
+				default: b(() => [u(v(O), { class: p(P("trigger")) }, {
+					default: b(() => [u(v(C), { class: p(P("indicator")) }, {
+						default: b(() => [g(e.$slots, "indicator", {
+							step: i + 1,
+							item: n
+						}, () => [i + 1 < k.value ? (m(), a(t, {
 							key: 0,
-							icon: y(e)
-						}, null, 8, ["icon"])) : (h(), c(i, { key: 1 }, [u(v(a + 1), 1)], 64))])]),
+							icon: v(x)
+						}, null, 8, ["icon"])) : (m(), s(r, { key: 1 }, [l(_(i + 1), 1)], 64))])]),
 						_: 2
-					}, 1032, ["class"]), l("span", { class: m(P("content")) }, [d(y(D), { class: m(P("title")) }, {
-						default: x(() => [u(v(r.title), 1)]),
+					}, 1032, ["class"]), c("span", { class: p(P("content")) }, [u(v(D), { class: p(P("title")) }, {
+						default: b(() => [l(_(n.title), 1)]),
 						_: 2
-					}, 1032, ["class"]), r.description ? (h(), o(y(S), {
+					}, 1032, ["class"]), n.description ? (m(), a(v(S), {
 						key: 0,
-						class: m(P("description"))
+						class: p(P("description"))
 					}, {
-						default: x(() => [u(v(r.description), 1)]),
+						default: b(() => [l(_(n.description), 1)]),
 						_: 2
-					}, 1032, ["class"])) : s("", !0)], 2)]),
+					}, 1032, ["class"])) : o("", !0)], 2)]),
 					_: 2
-				}, 1032, ["class"]), a < A.value.length - 1 ? (h(), o(y(E), {
+				}, 1032, ["class"]), i < A.value.length - 1 ? (m(), a(v(E), {
 					key: 0,
-					class: m(P("separator"))
-				}, null, 8, ["class"])) : s("", !0)]),
+					class: p(P("separator"))
+				}, null, 8, ["class"])) : o("", !0)]),
 				_: 2
 			}, 1032, [
 				"step",

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

@@ -4,10 +4,12 @@ import { computed as n, createBlock as r, createCommentVNode as i, createElement
 import { Label as _, SwitchRoot as v, SwitchThumb as y, useForwardPropsEmits as b, useId as x } from "reka-ui";
 //#region src/components/Switch.vue?vue&type=script&setup=true&lang.ts
 var S = ["id"], C = /*@__PURE__*/ l({
+	inheritAttrs: !1,
 	__name: "Switch",
 	props: {
 		label: {},
 		description: {},
+		size: {},
 		id: {},
 		unstyled: {
 			type: Boolean,
@@ -29,13 +31,19 @@ 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)
-		}, [c(h(v), u({ id: O.value }, h(E), {
+		}, [c(h(v), u({ id: O.value }, {
+			...h(E),
+			...e.$attrs
+		}, {
 			"aria-describedby": w.description ? `${O.value}-description` : void 0,
 			class: P.value
 		}), {
@@ -58,7 +66,10 @@ var S = ["id"], C = /*@__PURE__*/ l({
 		}, [p(e.$slots, "description", {}, () => [s(m(w.description), 1)])], 10, S)) : i("", !0)], 2)], 2)) : (f(), r(h(v), u({
 			key: 1,
 			id: w.id
-		}, h(E), { class: P.value }), {
+		}, {
+			...h(E),
+			...e.$attrs
+		}, { class: P.value }), {
 			default: g(() => [c(h(y), { class: d(F.value) }, null, 8, ["class"])]),
 			_: 1
 		}, 16, ["id", "class"]));

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

@@ -1,21 +1,21 @@
-import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n, UnfoldMoreIcon as r } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as i } from "../config.js";
-import a from "./Icon.js";
-import o from "./Checkbox.js";
-import s from "./Skeleton.js";
-import { useDataTable as c } from "../composables/data-table.js";
-import { tableTheme as l } from "../theme/table.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, normalizeClass as b, normalizeStyle as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useModel as D, withModifiers as O } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+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, 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"], j = ["onClick"], M = { key: 1 }, N = ["colspan"], ee = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ v({
+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__*/ y({
+	props: /*@__PURE__*/ h({
 		rows: { default: () => [] },
 		columns: { default: () => [] },
 		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"], j = ["onClick"], M = { k
 		stickyHeader: { type: Boolean },
 		size: {},
 		emptyText: { default: "No results." },
+		actionsLabel: { default: "Actions" },
 		label: {},
 		caption: {},
 		unstyled: {
@@ -49,15 +50,15 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 		expanded: { default: () => [] },
 		expandedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ y(["rowClick"], [
+	emits: /*@__PURE__*/ h(["rowClick"], [
 		"update:sort",
 		"update:page",
 		"update:perPage",
 		"update:selection",
 		"update:expanded"
 	]),
-	setup(v, { expose: y, emit: I }) {
-		let L = v, R = I, z = D(v, "sort"), B = D(v, "page"), V = D(v, "perPage"), H = D(v, "selection"), U = D(v, "expanded"), W = c({
+	setup(m, { expose: h, emit: I }) {
+		let L = m, R = I, z = C(m, "sort"), B = C(m, "page"), V = C(m, "perPage"), H = C(m, "selection"), U = C(m, "expanded"), W = i({
 			rows: () => L.rows,
 			columns: () => L.columns,
 			total: () => L.total,
@@ -68,149 +69,163 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 			perPage: V,
 			selection: H,
 			expanded: U
-		}), G = i(), K = d(() => L.unstyled ?? G.unstyled), q = d(() => l({
+		}), 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 = d(() => 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 $ = d(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable), re = d(() => L.loading && W.pageRows.value.length === 0), ie = d(() => !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 y({ table: W }), (i, c) => (S(), m("div", { class: b(X.value) }, [h("table", {
-			class: b(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 || i.$slots.caption ? (S(), m("caption", {
+			L.caption || e.$slots.caption ? (v(), u("caption", {
 				key: 0,
-				class: b(J("caption"))
-			}, [w(i.$slots, "caption", {}, () => [g(T(L.caption), 1)])], 2)) : p("", !0),
-			h("thead", { class: b(J("thead")) }, [h("tr", null, [
-				L.expandable ? (S(), m("th", {
+				class: g(Y("caption"))
+			}, [b(e.$slots, "caption", {}, () => [f(x(L.caption), 1)])], 2)) : l("", !0),
+			d("thead", { class: g(Y("thead")) }, [d("tr", null, [
+				L.expandable ? (v(), u("th", {
 					key: 0,
-					class: b(Y("headGutter"))
-				}, null, 2)) : p("", !0),
-				L.selectable ? (S(), m("th", {
+					class: g(X("headGutter"))
+				}, null, 2)) : l("", !0),
+				L.selectable ? (v(), u("th", {
 					key: 1,
-					class: b(Y("headGutter"))
-				}, [_(o, {
-					"model-value": E(W).headerSelection.value,
+					class: g(X("headGutter"))
+				}, [p(n, {
+					"model-value": S(W).headerSelection.value,
 					"aria-label": "Select all rows on this page",
-					"onUpdate:modelValue": E(W).toggleAll
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("th", {
-					key: t.key,
-					class: b(J("th", Z(t))),
-					style: x(t.width ? { width: t.width } : void 0),
-					"aria-sort": ae(t),
+					"onUpdate:modelValue": S(W).toggleAll
+				}, 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(Y("th", Z(n))),
+					style: _(n.width ? { width: n.width } : void 0),
+					"aria-sort": ce(n),
 					scope: "col"
-				}, [w(i.$slots, `header-${t.key}`, { column: t }, () => [t.sortable ? (S(), m("button", {
+				}, [b(e.$slots, `header-${n.key}`, { column: n }, () => [n.sortable ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: b(Y("sortButton")),
-					onClick: (e) => E(W).toggleSort(t)
-				}, [g(T(t.label ?? t.key) + " ", 1), _(a, {
-					icon: E(W).sortOrderFor(t) === "asc" ? E(n) : E(W).sortOrderFor(t) === "desc" ? E(e) : E(r),
-					class: b(Y("sortIcon"))
-				}, null, 8, ["icon", "class"])], 10, j)) : (S(), m(u, { key: 1 }, [g(T(t.label ?? t.key), 1)], 64))])], 14, A))), 128))
+					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(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),
-			h("tbody", { class: b(J("tbody")) }, [re.value ? (S(!0), m(u, { key: 0 }, C(L.loadingRows, (e) => (S(), m("tr", {
-				key: `skeleton-${e}`,
-				class: b(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 ? (S(), m("td", {
+				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: b(Y("gutter"))
-				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
-				L.selectable ? (S(), m("td", {
+					class: g(X("gutter"))
+				}, [p(r, { class: "size-4" })], 2)) : l("", !0),
+				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: b(Y("gutter"))
-				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (e) => (S(), m("td", {
+					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: b(J("td"))
-				}, [_(s, { class: "h-4 w-24" })], 2))), 128))
-			], 2))), 128)) : ie.value ? (S(), m("tr", M, [h("td", {
-				colspan: $.value,
-				class: b(J("empty"))
-			}, [w(i.$slots, "empty", {}, () => [g(T(L.emptyText), 1)])], 10, N)])) : (S(!0), m(u, { key: 2 }, C(E(W).pageRows.value, (e) => (S(), m(u, { key: E(W).keyOf(e) }, [h("tr", {
-				class: b([J("tr"), !K.value && E(W).isSelected(e) ? "bg-primary/5" : void 0]),
-				"data-selected": E(W).isSelected(e) || void 0,
-				onClick: (t) => oe(e)
+					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([Y("tr"), !q.value && S(W).isSelected(r) ? "bg-primary/5" : void 0]),
+				"data-selected": S(W).isSelected(r) || void 0,
+				onClick: (e) => le(r)
 			}, [
-				L.expandable ? (S(), m("td", {
+				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: b(Y("gutter")),
-					onClick: c[0] ||= O(() => {}, ["stop"])
-				}, [!L.canExpandRow || L.canExpandRow(e) ? (S(), m("button", {
+					class: g(X("gutter")),
+					onClick: i[0] ||= T(() => {}, ["stop"])
+				}, [!L.canExpandRow || L.canExpandRow(r) ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: b([Y("expandButton"), E(W).isExpanded(e) && !K.value ? "rotate-90" : void 0]),
-					"aria-expanded": E(W).isExpanded(e),
+					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: (t) => E(W).toggleExpanded(e)
-				}, [_(a, { icon: E(t) }, null, 8, ["icon"])], 10, P)) : p("", !0)], 2)) : p("", !0),
-				L.selectable ? (S(), m("td", {
+					onClick: (e) => S(W).toggleExpanded(r)
+				}, [p(t, { icon: S(D) }, null, 8, ["icon"])], 10, P)) : l("", !0)], 2)) : l("", !0),
+				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: b(Y("gutter")),
-					onClick: c[1] ||= O(() => {}, ["stop"])
-				}, [!L.isRowSelectable || L.isRowSelectable(e) ? (S(), f(o, {
+					class: g(X("gutter")),
+					onClick: i[1] ||= T(() => {}, ["stop"])
+				}, [!L.isRowSelectable || L.isRowSelectable(r) ? (v(), c(n, {
 					key: 0,
-					"model-value": E(W).isSelected(e),
+					"model-value": S(W).isSelected(r),
 					"aria-label": "Select row",
-					"onUpdate:modelValue": (t) => E(W).toggleRow(e)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])) : p("", !0)], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("td", {
+					"onUpdate:modelValue": (e) => S(W).toggleRow(r)
+				}, 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: b(J("td", [
+					class: g(Y("td", [
 						Z(t),
-						Q(t),
-						te(e, t)
+						ie(t),
+						ae(r, t)
 					].filter(Boolean).join(" ") || void 0))
-				}, [ne(e, t) ? p("", !0) : w(i.$slots, `cell-${t.key}`, {
+				}, [oe(r, t) ? l("", !0) : b(e.$slots, `cell-${t.key}`, {
 					key: 0,
-					row: e,
+					row: r,
 					column: t,
-					value: E(W).getRowValue(e, t.key)
-				}, () => [g(T(E(W).getRowValue(e, t.key)), 1)])], 2))), 128))
-			], 10, ee), L.expandable && E(W).isExpanded(e) ? (S(), m("tr", {
+					value: S(W).getRowValue(r, t.key)
+				}, () => [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: b([J("tr"), Y("expandedRow")])
-			}, [h("td", {
-				colspan: $.value,
-				class: b(Y("expandedCell"))
-			}, [w(i.$slots, "expanded", { row: e })], 10, F)], 2)) : p("", !0)], 64))), 128))], 2)
-		], 10, k)], 2));
+				class: g([Y("tr"), X("expandedRow")])
+			}, [d("td", {
+				colspan: Q.value,
+				class: g(X("expandedCell"))
+			}, [b(e.$slots, "expanded", { row: r })], 10, F)], 2)) : l("", !0)], 64))), 128))], 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;
+    };
+};