@bridge-ui/vue 0.5.1 → 0.7.0

package/dist/Components/ButtonGroup/composables/useButtonGroup.js

@@ -0,0 +1,66 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { BUTTON_GROUP_INJECTION_KEY as r } from "../buttonGroupInjectionKey.js";
+import { computed as i, inject as a, provide as o, useAttrs as s } from "vue";
+import { get as c } from "es-toolkit/compat";
+import { buttonGroupOrientationProps as l } from "@bridge-ui/core/Tokens";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
+//#region src/Components/ButtonGroup/composables/useButtonGroup.ts
+var p = [
+	"full",
+	"size",
+	"color",
+	"classes",
+	"density",
+	"rounded",
+	"variant",
+	"separator",
+	"customProps",
+	"orientation"
+];
+function m(m, h) {
+	let g = s(), _ = a(r, null), v = i(() => f({
+		props: {
+			...g,
+			...m
+		},
+		bridgeKeys: p
+	})), { merged: y, entry: b } = t({
+		libDefaults: h,
+		componentName: "ButtonGroup",
+		props: () => v.value.componentProps
+	}), x = n({
+		entry: b,
+		props: () => v.value.componentProps
+	}), S = i(() => y.value.customProps), C = i(() => {
+		let e = d(l, b.value?.tokens?.orientation);
+		return c(e, y.value.orientation);
+	}), w = i(() => {
+		let e = v.value.componentProps, t = b.value?.defaultProps, n = _?.value;
+		return {
+			size: e.size ?? t?.size ?? n?.size,
+			color: e.color ?? t?.color ?? n?.color,
+			density: e.density ?? t?.density ?? n?.density,
+			rounded: e.rounded ?? t?.rounded ?? n?.rounded,
+			variant: e.variant ?? t?.variant ?? n?.variant
+		};
+	});
+	return o(r, w), {
+		merged: y,
+		rootBind: i(() => {
+			let t = y.value.separator === !0;
+			return e(S.value?.root, v.value.inheritedAttrs, {
+				role: "group",
+				"data-slot": "button-group",
+				class: u({
+					[c(C.value, "root") ?? ""]: !0,
+					[c(C.value, "join") ?? ""]: !t,
+					[c(C.value, "separator") ?? ""]: t,
+					[x.value.root ?? ""]: !0,
+					"w-full [&>*]:flex-1": y.value.full === !0
+				})
+			});
+		})
+	};
+}
+//#endregion
+export { m as useButtonGroup };

package/dist/Components/ButtonGroup/index.d.ts

@@ -0,0 +1,4 @@
+export type { ButtonGroupClasses, ButtonGroupCustomProps, ButtonGroupOrientationOverrides, ButtonGroupOwnProps, ButtonGroupProps, ButtonGroupSlots, } from './buttonGroup.types';
+export { default as ButtonGroup } from './ButtonGroup.vue';
+export { BUTTON_GROUP_INJECTION_KEY, type ButtonGroupContextValue, } from './buttonGroupInjectionKey';
+export { useButtonGroup } from './composables/useButtonGroup';

package/dist/Components/ButtonGroup/index.js

@@ -0,0 +1,4 @@
+import { BUTTON_GROUP_INJECTION_KEY as e } from "./buttonGroupInjectionKey.js";
+import { useButtonGroup as t } from "./composables/useButtonGroup.js";
+import n from "./ButtonGroup.js";
+export { e as BUTTON_GROUP_INJECTION_KEY, n as ButtonGroup, t as useButtonGroup };

package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -74,7 +74,7 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 				size: "sm",
 				icon: "chevronLeft"
 			}, y(B)), null, 16)], 16),
-			c("button", m(f(y(K))), [...d[1] ||= [c("span", { class: "size-2 rounded-full bg-slate-600 dark:bg-slate-300" }, null, -1)]], 16),
+			c("button", m(f(y(K))), [...d[1] ||= [c("span", { class: "size-2 rounded-full bg-dark-600 dark:bg-dark-300" }, null, -1)]], 16),
 			c("button", m(f(y(G))), [u(y(e), p({
 				size: "sm",
 				icon: "chevronRight"

package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js

@@ -74,7 +74,7 @@ var ie = {
 					size: "sm",
 					icon: "chevronLeft"
 				}, v(R)), null, 16)], 16),
-				o("button", p(u(v(G))), [...l[0] ||= [o("span", { class: "size-2 rounded-full bg-slate-600 dark:bg-slate-300" }, null, -1)]], 16),
+				o("button", p(u(v(G))), [...l[0] ||= [o("span", { class: "size-2 rounded-full bg-dark-600 dark:bg-dark-300" }, null, -1)]], 16),
 				o("button", p(u(v(W))), [c(v(e), d({
 					size: "sm",
 					icon: "chevronRight"
@@ -94,7 +94,7 @@ var ie = {
 				size: "sm",
 				icon: "chevronLeft"
 			}, v(R)), null, 16)], 16),
-			o("button", p(u(v(G))), [...l[1] ||= [o("span", { class: "size-2 rounded-full bg-slate-600 dark:bg-slate-300" }, null, -1)]], 16),
+			o("button", p(u(v(G))), [...l[1] ||= [o("span", { class: "size-2 rounded-full bg-dark-600 dark:bg-dark-300" }, null, -1)]], 16),
 			o("button", p(u(v(W))), [c(v(e), d({
 				size: "sm",
 				icon: "chevronRight"

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -71,7 +71,7 @@ function y(y, b, x) {
 	return {
 		merged: E,
 		iconBind: i(() => e(O.value?.icon, {}, m({
-			"text-white": !0,
+			[j.value?.icon ?? "text-white"]: !0,
 			[k.value.icon ?? ""]: !0
 		}))),
 		inputRef: C,

package/dist/Components/ColorField/composables/useColorField.d.ts

@@ -442,7 +442,6 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -460,6 +459,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js

@@ -3,12 +3,12 @@ import { hasNamedSlot as t } from "../../Utils/slotOrProp.js";
 import n from "../Icon/Icon.js";
 import ee from "../Progress/Progress.js";
 import te from "../EmptyState/EmptyState.js";
-import ne from "../Pagination/Pagination.js";
-import re from "../Select/Select.js";
+import ne from "../Select/Select.js";
 import { useDataTable as r } from "./composables/useDataTable.js";
-import ie from "./DataTableCellContent.js";
-import ae from "./DataTableColumnsMenu.js";
-import oe from "./DataTableFilterMenu.js";
+import re from "./DataTableCellContent.js";
+import ie from "./DataTableColumnsMenu.js";
+import ae from "./DataTableFilterMenu.js";
+import oe from "./DataTablePagination.js";
 import se from "./DataTableSearch.js";
 import i from "./DataTableSelection.js";
 import ce from "./DataTableSortButton.js";
@@ -19,16 +19,26 @@ import de from "../Table/TableFooter.js";
 import fe from "../Table/TableHead.js";
 import pe from "../Table/TableHeader.js";
 import o from "../Table/TableRow.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as me, unref as C, useId as he, useModel as w, useSlots as ge, withCtx as T } from "vue";
-import { cn as E } from "@bridge-ui/core/Utils";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as me, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as he, useModel as T, useSlots as ge, withCtx as E } from "vue";
+import { cn as D } from "@bridge-ui/core/Utils";
 //#region src/Components/DataTable/DataTable.vue?vue&type=script&setup=true&lang.ts
 var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center gap-2" }, ye = {
 	key: 0,
 	class: "inline-flex items-center rounded-lg border border-dark-200 bg-white p-0.5 dark:border-dark-700 dark:bg-dark-900"
-}, be = { class: "relative" }, D = {
+}, be = { class: "relative" }, xe = {
 	key: 1,
 	class: "flex w-full min-w-0 items-center gap-1.5 leading-none"
-}, O = ["aria-expanded", "onClick"], k = ["aria-hidden"], A = { class: "min-h-0 overflow-hidden" }, j = { class: "p-3" }, M = ["aria-hidden"], N = { class: "flex shrink-0 items-center gap-2" }, xe = { class: "text-sm whitespace-nowrap text-dark-500 dark:text-dark-400" }, P = /*@__PURE__*/ m({
+}, O = { class: "min-w-0 truncate leading-none" }, k = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], A = ["aria-hidden"], j = { class: "min-h-0 overflow-hidden" }, M = { class: "p-3" }, Se = ["aria-hidden"], Ce = ["aria-label"], we = { class: "flex shrink-0 items-center gap-2" }, Te = { class: "text-sm whitespace-nowrap" }, Ee = {
+	key: 2,
+	class: "flex shrink-0 items-center gap-3"
+}, De = {
+	key: 0,
+	class: "text-sm font-medium whitespace-nowrap"
+}, N = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "DataTable",
 	props: /*@__PURE__*/ g({
@@ -103,7 +113,7 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 		"update:columnSearch"
 	],
 	setup(m) {
-		let g = m, P = ge(), F = e(), I = w(m, "page"), Se = w(m, "perPage"), L = w(m, "search"), Ce = w(m, "expanded"), we = w(m, "selection"), Te = w(m, "filters"), Ee = w(m, "sorting"), De = w(m, "hiddenColumns"), Oe = w(m, "columnSearch"), { merged: R, rowViews: ke, rootBind: Ae, emptyBind: je, showEmpty: z, frameBind: Me, tableProps: Ne, footerBind: Pe, loadingBar: B, showSearch: V, getHeadBind: Fe, headerViews: Ie, loadingBind: Le, onToggleRow: Re, toolbarBind: ze, getCellBind: H, columnCount: U, showPerPage: Be, showToolbar: Ve, getHeadAlign: He, getCellAlign: W, onTogglePage: Ue, summaryCells: G, expandEnabled: We, loadingBarBind: Ge, paginationBind: Ke, selectAllState: K, showPagination: qe, onChangeSearch: Je, onToggleExpand: Ye, visibilityItems: Xe, perPageSlotProps: q, resolvedPageCount: J, selectionMultiple: Y, visibilityEnabled: Ze, paginationSlotProps: X, onCommitColumnFilter: Qe, onHiddenColumnsChange: $e } = r(g, {
+		let g = m, N = ge(), P = e(), F = T(m, "page"), I = T(m, "perPage"), L = T(m, "search"), Oe = T(m, "expanded"), ke = T(m, "selection"), Ae = T(m, "filters"), je = T(m, "sorting"), Me = T(m, "hiddenColumns"), Ne = T(m, "columnSearch"), { merged: R, rowViews: Pe, rootBind: Fe, emptyBind: Ie, showEmpty: z, frameBind: Le, showPager: Re, tableProps: ze, footerBind: Be, loadingBar: B, showSearch: Ve, getHeadBind: He, headerViews: Ue, loadingBind: We, onToggleRow: Ge, toolbarBind: Ke, getCellBind: V, columnCount: H, showPerPage: qe, showToolbar: Je, selectedBind: Ye, showSelected: Xe, getHeadAlign: Ze, getCellAlign: U, onTogglePage: Qe, onToggleSort: $e, summaryCells: W, showFooterBar: et, expandEnabled: tt, loadingBarBind: nt, paginationBind: rt, selectAllState: G, onChangeSearch: it, onToggleExpand: at, visibilityItems: ot, perPageSlotProps: K, selectedSlotProps: q, resolvedPageCount: J, selectionMultiple: Y, visibilityEnabled: st, paginationSlotProps: X, onCommitColumnFilter: ct, onHiddenColumnsChange: lt } = r(g, {
 			size: "md",
 			full: !0,
 			rounded: "lg",
@@ -117,18 +127,24 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 			selectionMode: "multiple",
 			loadingVariant: "overlay"
 		}, {
-			page: I,
+			page: F,
 			search: L,
-			perPage: Se,
-			filters: Te,
-			sorting: Ee,
-			expanded: Ce,
-			selection: we,
-			columnSearch: Oe,
-			hiddenColumns: De
-		}), Z = c(() => R.value.size === "lg" ? "md" : "sm");
-		function et(e, t) {
-			let n = P[`item.${t.id}`] ?? P.item;
+			perPage: I,
+			filters: Ae,
+			sorting: je,
+			expanded: Oe,
+			selection: ke,
+			columnSearch: Ne,
+			hiddenColumns: Me
+		}), Z = c(() => R.value.size === "lg" ? "md" : "sm"), ut = c(() => P("{{selected}} of {{total}} row(s) selected.", q.value.selectedCount, {
+			total: q.value.totalCount,
+			selected: q.value.selectedCount
+		})), dt = c(() => P("Page {{page}} of {{count}}", {
+			page: X.value.page,
+			count: X.value.count
+		}));
+		function ft(e, t) {
+			let n = N[`item.${t.id}`] ?? N.item;
 			return n ? n({
 				id: t.id,
 				row: e.original,
@@ -136,14 +152,19 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 			}) : t.content;
 		}
 		let Q = c({
-			get: () => I.value ?? 1,
+			get: () => F.value ?? 1,
 			set: (e) => {
-				I.value = e;
+				F.value = e;
 			}
-		}), tt = c(() => q.value.options.map((e) => ({
+		}), pt = c(() => K.value.options.map((e) => ({
 			value: e,
 			label: String(e)
-		}))), nt = c(() => {
+		})));
+		function mt(e) {
+			let t = Number(e);
+			!Number.isFinite(t) || t < 1 || K.value.onPerPageChange(t);
+		}
+		let ht = c(() => {
 			let e = R.value.customProps?.perPage?.customProps;
 			return {
 				...e,
@@ -159,13 +180,13 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 					}
 				}
 			};
-		}), rt = he(), $ = (e) => e.node ?? null;
-		return (e, r) => (b(), d("div", y(h(C(Ae))), [C(Ve) ? (b(), d("div", y(_({ key: 0 }, C(ze))), [f("div", _e, [S(e.$slots, "toolbar")]), f("div", ve, [
-			C(Ze) ? (b(), d("div", ye, [p(ae, {
-				items: C(Xe),
-				overlay: C(R).columnsOverlay,
-				onChange: C($e),
-				"show-footer": C(R).columnsShowFooter
+		}), gt = he(), $ = (e) => e.node ?? null;
+		return (e, r) => (b(), d("div", y(h(w(Fe))), [w(Je) ? (b(), d("div", y(_({ key: 0 }, w(Ke))), [f("div", _e, [S(e.$slots, "toolbar")]), f("div", ve, [
+			w(st) ? (b(), d("div", ye, [p(ie, {
+				items: w(ot),
+				overlay: w(R).columnsOverlay,
+				onChange: w(lt),
+				"show-footer": w(R).columnsShowFooter
 			}, null, 8, [
 				"items",
 				"overlay",
@@ -173,120 +194,119 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 				"show-footer"
 			])])) : u("", !0),
 			S(e.$slots, "toolbarActions"),
-			C(V) ? S(e.$slots, "search", {}, () => [p(se, {
+			w(Ve) ? S(e.$slots, "search", {}, () => [p(se, {
 				"model-value": L.value ?? "",
-				"onUpdate:modelValue": C(Je),
-				"field-props": C(R).customProps?.search
+				"onUpdate:modelValue": w(it),
+				"field-props": w(R).customProps?.search
 			}, null, 8, [
 				"model-value",
 				"onUpdate:modelValue",
 				"field-props"
 			])], void 0, 1) : u("", !0)
-		])], 16)) : u("", !0), f("div", y(h(C(Me))), [
-			f("div", be, [p(C(le), y(h(C(Ne))), {
-				default: T(() => [
-					p(C(pe), y(h(C(R).customProps?.header)), {
-						default: T(() => [p(C(o), y(h(C(R).customProps?.row)), {
-							default: T(() => [(b(!0), d(s, null, x(C(Ie), (e) => (b(), l(C(fe), _({
+		])], 16)) : u("", !0), f("div", y(h(w(Le))), [
+			f("div", be, [p(w(le), y(h(w(ze))), {
+				default: E(() => [
+					p(w(pe), y(h(w(R).customProps?.header)), {
+						default: E(() => [p(w(o), y(h(w(R).customProps?.row)), {
+							default: E(() => [(b(!0), d(s, null, x(w(Ue), (e) => (b(), l(w(fe), _({
 								key: e.id,
-								align: C(He)(e)
-							}, { ref_for: !0 }, C(Fe)(e)), {
-								default: T(() => [e.isSelection && C(Y) ? (b(), l(i, {
+								align: w(Ze)(e)
+							}, { ref_for: !0 }, w(He)(e)), {
+								default: E(() => [e.isSelection && w(Y) ? (b(), l(i, {
 									key: 0,
 									kind: "page",
 									size: Z.value,
-									onChange: C(Ue),
-									checked: C(K).checked,
-									indeterminate: C(K).indeterminate,
-									"checkbox-props": C(R).customProps?.checkbox
+									onChange: w(Qe),
+									checked: w(G).checked,
+									indeterminate: w(G).indeterminate,
+									"checkbox-props": w(R).customProps?.checkbox
 								}, null, 8, [
 									"size",
 									"onChange",
 									"checked",
 									"indeterminate",
 									"checkbox-props"
-								])) : !e.isSelection && !e.isExpand ? (b(), d("div", D, [e.sortable ? (b(), l(ce, {
-									key: 0,
-									sort: e.ariaSort
-								}, {
-									default: T(() => [p($, { node: e.header }, null, 8, ["node"])]),
-									_: 2
-								}, 1032, ["sort"])) : (b(), l($, {
-									key: 1,
-									node: e.header
-								}, null, 8, ["node"])), e.filterable ? (b(), l(oe, {
-									key: 2,
-									"column-id": e.id,
-									active: e.filterActive,
-									values: e.filterValues,
-									overlay: C(R).filterOverlay,
-									options: e.filterOptions,
-									searchable: e.searchable,
-									multiple: e.filterMultiple,
-									"search-value": e.searchQuery,
-									onApply: (t, n) => C(Qe)(e.id, t, n)
-								}, null, 8, [
-									"column-id",
-									"active",
-									"values",
-									"overlay",
-									"options",
-									"searchable",
-									"multiple",
-									"search-value",
-									"onApply"
-								])) : u("", !0)])) : u("", !0)]),
+								])) : !e.isSelection && !e.isExpand ? (b(), d("div", xe, [
+									f("span", O, [p($, { node: e.header }, null, 8, ["node"])]),
+									e.sortable ? (b(), l(ce, {
+										key: 0,
+										sort: e.ariaSort,
+										onClick: (t) => w($e)(e.id)
+									}, null, 8, ["sort", "onClick"])) : u("", !0),
+									e.filterable ? (b(), l(ae, {
+										key: 1,
+										"column-id": e.id,
+										active: e.filterActive,
+										values: e.filterValues,
+										overlay: w(R).filterOverlay,
+										options: e.filterOptions,
+										searchable: e.searchable,
+										multiple: e.filterMultiple,
+										"search-value": e.searchQuery,
+										onApply: (t, n) => w(ct)(e.id, t, n)
+									}, null, 8, [
+										"column-id",
+										"active",
+										"values",
+										"overlay",
+										"options",
+										"searchable",
+										"multiple",
+										"search-value",
+										"onApply"
+									])) : u("", !0)
+								])) : u("", !0)]),
 								_: 2
 							}, 1040, ["align"]))), 128))]),
 							_: 1
-						}, 16), C(R).loading && C(B) ? (b(), l(C(o), {
+						}, 16), w(R).loading && w(B) ? (b(), l(w(o), {
 							key: 0,
 							classes: { root: "h-0" }
 						}, {
-							default: T(() => [p(C(a), {
-								colspan: C(U),
+							default: E(() => [p(w(a), {
+								colspan: w(H),
 								classes: { root: "relative h-0 border-0 p-0 after:hidden" }
 							}, {
-								default: T(() => [f("div", y(h(C(Ge))), [S(e.$slots, "loading", {}, () => [p(C(ee), _({
+								default: E(() => [f("div", y(h(w(nt))), [S(e.$slots, "loading", {}, () => [p(w(ee), _({
 									size: "xs",
 									rounded: "none"
-								}, C(R).customProps?.progress), null, 16)])], 16)]),
+								}, w(R).customProps?.progress), null, 16)])], 16)]),
 								_: 3
 							}, 8, ["colspan"])]),
 							_: 3
 						})) : u("", !0)]),
 						_: 3
 					}, 16),
-					p(C(ue), y(h(C(R).customProps?.body)), {
-						default: T(() => [C(z) ? (b(), l(C(o), { key: 0 }, {
-							default: T(() => [p(C(a), {
+					p(w(ue), y(h(w(R).customProps?.body)), {
+						default: E(() => [w(z) ? (b(), l(w(o), { key: 0 }, {
+							default: E(() => [p(w(a), {
 								align: "center",
-								colspan: C(U)
+								colspan: w(H)
 							}, {
-								default: T(() => [f("div", y(h(C(je))), [S(e.$slots, "empty", {}, () => [p(C(te), {
+								default: E(() => [f("div", y(h(w(Ie))), [S(e.$slots, "empty", {}, () => [p(w(te), {
 									icon: "inbox",
-									size: C(R).size,
-									title: C(F)("No data")
+									size: w(R).size,
+									title: w(P)("No data")
 								}, null, 8, ["size", "title"])])], 16)]),
 								_: 3
 							}, 8, ["colspan"])]),
 							_: 3
-						})) : u("", !0), C(z) ? u("", !0) : (b(!0), d(s, { key: 1 }, x(C(ke), (t) => (b(), d(s, { key: t.id }, [p(C(o), _({ ref_for: !0 }, C(R).customProps?.row), {
-							default: T(() => [(b(!0), d(s, null, x(t.cells, (e) => (b(), l(C(a), _({
+						})) : u("", !0), w(z) ? u("", !0) : (b(!0), d(s, { key: 1 }, x(w(Pe), (t) => (b(), d(s, { key: t.id }, [p(w(o), _({ ref_for: !0 }, w(R).customProps?.row), {
+							default: E(() => [(b(!0), d(s, null, x(t.cells, (e) => (b(), l(w(a), _({
 								key: e.id,
-								align: C(W)(e)
-							}, { ref_for: !0 }, C(H)(e)), {
-								default: T(() => [e.isSelection ? (b(), l(i, {
+								align: w(U)(e)
+							}, { ref_for: !0 }, w(V)(e)), {
+								default: E(() => [e.isSelection ? (b(), l(i, {
 									key: 0,
 									kind: "row",
 									value: t.id,
 									size: Z.value,
-									name: C(rt),
+									name: w(gt),
 									checked: t.selected,
-									multiple: C(Y),
-									"radio-props": C(R).customProps?.radio,
-									"checkbox-props": C(R).customProps?.checkbox,
-									onChange: (e) => C(Re)(t.id, e)
+									multiple: w(Y),
+									"radio-props": w(R).customProps?.radio,
+									"checkbox-props": w(R).customProps?.checkbox,
+									onChange: (e) => w(Ge)(t.id, e)
 								}, null, 8, [
 									"value",
 									"size",
@@ -299,53 +319,53 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 								])) : e.isExpand ? (b(), d("button", {
 									key: 1,
 									type: "button",
-									"aria-label": "Expand row",
 									"aria-expanded": t.expanded,
-									onClick: (e) => C(Ye)(t.id, !t.expanded),
+									"aria-label": w(P)("Expand row"),
+									onClick: (e) => w(at)(t.id, !t.expanded),
 									class: "inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm leading-none hover:bg-dark-500/10 dark:hover:bg-dark-500/15"
-								}, [f("span", { class: v([{ "rotate-90": t.expanded }, "inline-flex transition-transform duration-200 motion-reduce:transition-none"]) }, [p(C(n), {
+								}, [f("span", { class: v([{ "rotate-90": t.expanded }, "inline-flex transition-transform duration-200 motion-reduce:transition-none"]) }, [p(w(n), {
 									size: "sm",
 									icon: "chevronRight"
-								})], 2)], 8, O)) : (b(), l(ie, {
+								})], 2)], 8, k)) : (b(), l(re, {
 									key: 2,
 									tooltip: e.tooltip,
 									ellipsis: e.ellipsis
 								}, {
-									default: T(() => [p($, { node: et(t, e) }, null, 8, ["node"])]),
+									default: E(() => [p($, { node: ft(t, e) }, null, 8, ["node"])]),
 									_: 2
 								}, 1032, ["tooltip", "ellipsis"]))]),
 								_: 2
 							}, 1040, ["align"]))), 128))]),
 							_: 2
-						}, 1040), C(We) ? (b(), l(C(o), { key: 0 }, {
-							default: T(() => [p(C(a), {
-								colspan: C(U),
-								classes: { root: C(E)({
+						}, 1040), w(tt) ? (b(), l(w(o), { key: 0 }, {
+							default: E(() => [p(w(a), {
+								colspan: w(H),
+								classes: { root: w(D)({
 									"p-0": !0,
 									"border-0": !t.expanded
 								}) }
 							}, {
-								default: T(() => [f("div", {
+								default: E(() => [f("div", {
 									"aria-hidden": !t.expanded,
-									class: v(C(E)({
+									class: v(w(D)({
 										"grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none": !0,
 										"grid-rows-[1fr]": t.expanded,
 										"grid-rows-[0fr]": !t.expanded
 									}))
-								}, [f("div", A, [f("div", j, [S(e.$slots, "expanded", { row: t.original })])])], 10, k)]),
+								}, [f("div", j, [f("div", M, [S(e.$slots, "expanded", { row: t.original })])])], 10, A)]),
 								_: 2
 							}, 1032, ["colspan", "classes"])]),
 							_: 2
 						}, 1024)) : u("", !0)], 64))), 128))]),
 						_: 3
 					}, 16),
-					C(G) ? (b(), l(C(de), { key: 0 }, {
-						default: T(() => [p(C(o), y(h(C(R).customProps?.row)), {
-							default: T(() => [(b(!0), d(s, null, x(C(G), (e) => (b(), l(C(a), _({
+					w(W) ? (b(), l(w(de), { key: 0 }, {
+						default: E(() => [p(w(o), y(h(w(R).customProps?.row)), {
+							default: E(() => [(b(!0), d(s, null, x(w(W), (e) => (b(), l(w(a), _({
 								key: e.id,
-								align: C(W)(e)
-							}, { ref_for: !0 }, C(H)(e)), {
-								default: T(() => [p($, { node: e.content }, null, 8, ["node"])]),
+								align: w(U)(e)
+							}, { ref_for: !0 }, w(V)(e)), {
+								default: E(() => [p($, { node: e.content }, null, 8, ["node"])]),
 								_: 2
 							}, 1040, ["align"]))), 128))]),
 							_: 1
@@ -354,48 +374,50 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 					})) : u("", !0)
 				]),
 				_: 3
-			}, 16), C(R).loading ? (b(), d("div", _({ key: 0 }, C(Le), { "aria-hidden": C(B) || void 0 }), [C(B) ? u("", !0) : S(e.$slots, "loading", {}, () => [r[2] ||= f("span", {
+			}, 16), w(R).loading ? (b(), d("div", _({ key: 0 }, w(We), { "aria-hidden": w(B) || void 0 }), [w(B) ? u("", !0) : S(e.$slots, "loading", {}, () => [f("span", {
 				role: "status",
-				"aria-label": "Loading",
+				"aria-label": w(P)("Loading"),
 				class: "relative inline-block size-5 animate-spin motion-reduce:animate-none"
-			}, [
-				f("span", { class: "absolute inset-s-0 top-0 size-2 rounded-full bg-primary-500 opacity-30 dark:bg-primary-400" }),
-				f("span", { class: "absolute inset-e-0 top-0 size-2 rounded-full bg-primary-500 opacity-50 dark:bg-primary-400" }),
-				f("span", { class: "absolute inset-e-0 bottom-0 size-2 rounded-full bg-primary-500 dark:bg-primary-400" }),
-				f("span", { class: "absolute inset-s-0 bottom-0 size-2 rounded-full bg-primary-500 opacity-70 dark:bg-primary-400" })
-			], -1)], void 0, 0)], 16, M)) : u("", !0)]),
-			C(t)(C(P), "footer") ? (b(), d("div", y(_({ key: 0 }, C(Pe))), [S(e.$slots, "footer")], 16)) : u("", !0),
-			C(qe) ? (b(), d("div", y(_({ key: 1 }, C(Ke))), [C(Be) ? S(e.$slots, "perPage", y(h(C(q))), () => [f("div", N, [f("span", xe, me(C(F)("Per page:")), 1), p(C(re), _({ size: "sm" }, C(R).customProps?.perPage, {
-				overlay: "menu",
-				clearable: !1,
-				"hide-error-message": "",
-				"aria-label": "Per page",
-				options: tt.value,
-				"custom-props": nt.value,
-				"model-value": C(q).perPage,
-				"onUpdate:modelValue": r[0] ||= (e) => C(q).onPerPageChange(Number(e)),
-				classes: {
-					...C(R).customProps?.perPage?.classes,
-					root: C(E)("w-20", C(R).customProps?.perPage?.classes?.root)
-				}
-			}), null, 16, [
-				"options",
-				"custom-props",
-				"model-value",
-				"classes"
-			])])], void 0, 0) : u("", !0), S(e.$slots, "pagination", y(h(C(X))), () => [C(J) === void 0 ? u("", !0) : (b(), l(C(ne), _({
-				key: 0,
-				modelValue: Q.value,
-				"onUpdate:modelValue": r[1] ||= (e) => Q.value = e,
-				count: C(J),
-				variant: C(X).variant
-			}, C(R).customProps?.pagination), null, 16, [
-				"modelValue",
-				"count",
-				"variant"
-			]))])], 16)) : u("", !0)
+			}, [...r[1] ||= [
+				f("span", { class: "absolute inset-s-0 top-0 size-2 rounded-full bg-primary-500 opacity-30 dark:bg-primary-400" }, null, -1),
+				f("span", { class: "absolute inset-e-0 top-0 size-2 rounded-full bg-primary-500 opacity-50 dark:bg-primary-400" }, null, -1),
+				f("span", { class: "absolute inset-e-0 bottom-0 size-2 rounded-full bg-primary-500 dark:bg-primary-400" }, null, -1),
+				f("span", { class: "absolute inset-s-0 bottom-0 size-2 rounded-full bg-primary-500 opacity-70 dark:bg-primary-400" }, null, -1)
+			]], 8, Ce)], void 0, 0)], 16, Se)) : u("", !0)]),
+			w(t)(w(N), "footer") ? (b(), d("div", y(_({ key: 0 }, w(Be))), [S(e.$slots, "footer")], 16)) : u("", !0),
+			w(et) ? (b(), d("div", y(_({ key: 1 }, w(rt))), [
+				w(Xe) ? (b(), d("div", y(_({ key: 0 }, w(Ye))), [S(e.$slots, "selected", y(h(w(q))), () => [me(C(ut.value), 1)])], 16)) : u("", !0),
+				w(qe) ? S(e.$slots, "perPage", y(h(w(K))), () => [f("div", we, [f("span", Te, C(w(P)("Rows per page")), 1), p(w(ne), _({ size: "sm" }, w(R).customProps?.perPage, {
+					overlay: "menu",
+					clearable: !1,
+					"hide-error-message": "",
+					options: pt.value,
+					"custom-props": ht.value,
+					"model-value": w(K).perPage,
+					"onUpdate:modelValue": mt,
+					"aria-label": w(P)("Rows per page"),
+					classes: {
+						...w(R).customProps?.perPage?.classes,
+						root: w(D)("w-20", w(R).customProps?.perPage?.classes?.root)
+					}
+				}), null, 16, [
+					"options",
+					"custom-props",
+					"model-value",
+					"aria-label",
+					"classes"
+				])])], void 0, 1) : u("", !0),
+				w(Re) ? (b(), d("div", Ee, [w(J) !== void 0 && !w(t)(w(N), "pagination") ? (b(), d("span", De, C(dt.value), 1)) : u("", !0), S(e.$slots, "pagination", y(h(w(X))), () => [w(J) === void 0 ? u("", !0) : (b(), l(oe, _({
+					key: 0,
+					size: "sm"
+				}, w(R).customProps?.pagination, {
+					modelValue: Q.value,
+					"onUpdate:modelValue": r[0] ||= (e) => Q.value = e,
+					count: w(J)
+				}), null, 16, ["modelValue", "count"]))])])) : u("", !0)
+			], 16)) : u("", !0)
 		], 16)], 16));
 	}
 });
 //#endregion
-export { P as default };
+export { N as default };