@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/Components/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import e from "../Button/Button.js";
+import e from "../ActionFooter/ActionFooter.js";
 import { useColorPicker as t } from "./composables/useColorPicker.js";
-import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { cn as b } from "@bridge-ui/core/Utils";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _ } from "vue";
+import { cn as v } from "@bridge-ui/core/Utils";
 //#region src/Components/ColorPicker/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" }, S = [
+var y = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" }, b = [
 	"aria-label",
 	"onClick",
 	"aria-pressed",
 	"disabled"
-], C = /*@__PURE__*/ c({
+], x = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "ColorPicker",
 	props: {
@@ -33,59 +33,60 @@ var x = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" },
 		"cancel",
 		"change"
 	],
-	setup(c, { emit: C }) {
-		let { merged: w, hueBind: T, rootBind: E, areaBind: D, alphaBind: O, showAlpha: k, swatchCss: A, footerBind: j, applyLabel: M, showFooter: N, previewBind: P, contentBind: F, handleApply: I, cancelLabel: L, swatchesBind: R, handleCancel: z, hueThumbBind: B, areaThumbBind: V, alphaFillBind: H, formattedValue: U, alphaThumbBind: W, presetSwatches: G, applyButtonProps: K, isSwatchSelected: q, previewSwatchBind: J, handleSwatchClick: Y, swatchButtonClass: X, cancelButtonProps: Z, swatchSelectedClass: Q, previewSwatchFillBind: $ } = t(c, {
+	setup(s, { emit: x }) {
+		let { merged: S, hueBind: C, rootBind: w, areaBind: T, alphaBind: E, showAlpha: D, swatchCss: O, footerBind: k, showFooter: A, previewBind: j, contentBind: M, handleApply: N, swatchesBind: P, handleCancel: F, hueThumbBind: I, areaThumbBind: L, alphaFillBind: R, formattedValue: z, alphaThumbBind: B, presetSwatches: V, applyButtonProps: H, isSwatchSelected: U, previewSwatchBind: W, handleSwatchClick: G, swatchButtonClass: K, cancelButtonProps: q, swatchSelectedClass: J, previewSwatchFillBind: Y } = t(s, {
 			rounded: "md",
 			format: "hex"
-		}, C);
-		return (t, c) => (m(), i("div", f(l(v(E))), [a("div", { class: d(v(F)) }, [
-			a("div", f(l(v(D))), [
-				c[0] ||= a("span", {
+		}, x);
+		return (t, s) => (p(), i("div", d(c(_(w))), [a("div", { class: u(_(M)) }, [
+			a("div", d(c(_(T))), [
+				s[0] ||= a("span", {
 					"aria-hidden": "",
 					class: "pointer-events-none absolute inset-0",
 					style: { backgroundImage: "linear-gradient(to right, #fff, transparent)" }
 				}, null, -1),
-				c[1] ||= a("span", {
+				s[1] ||= a("span", {
 					"aria-hidden": "",
 					class: "pointer-events-none absolute inset-0",
 					style: { backgroundImage: "linear-gradient(to top, #000, transparent)" }
 				}, null, -1),
-				a("span", f(l(v(V))), null, 16)
+				a("span", d(c(_(L))), null, 16)
 			], 16),
-			a("div", f(l(v(T))), [a("span", f(l(v(B))), null, 16)], 16),
-			v(k) ? (m(), i("div", f(u({ key: 0 }, v(O))), [a("span", f(l(v(H))), null, 16), a("span", f(l(v(W))), null, 16)], 16)) : r("", !0),
-			a("div", f(l(v(P))), [a("span", f(l(v(J))), [a("span", f(l(v($))), null, 16)], 16), a("span", x, _(v(U)), 1)], 16),
-			v(G).length > 0 ? (m(), i("div", f(u({ key: 1 }, v(R))), [(m(!0), i(n, null, h(v(G), (e) => (m(), i("button", {
+			a("div", d(c(_(C))), [a("span", d(c(_(I))), null, 16)], 16),
+			_(D) ? (p(), i("div", d(l({ key: 0 }, _(E))), [a("span", d(c(_(R))), null, 16), a("span", d(c(_(B))), null, 16)], 16)) : r("", !0),
+			a("div", d(c(_(j))), [a("span", d(c(_(W))), [a("span", d(c(_(Y))), null, 16)], 16), a("span", y, g(_(z)), 1)], 16),
+			_(V).length > 0 ? (p(), i("div", d(l({ key: 1 }, _(P))), [(p(!0), i(n, null, m(_(V), (e) => (p(), i("button", {
 				type: "button",
 				key: e,
 				"aria-label": e,
-				onClick: (t) => v(Y)(e),
-				"aria-pressed": v(q)(e),
-				disabled: v(w).disabled || v(w).readOnly,
-				class: d(v(b)({
-					[v(X)]: !0,
-					[v(Q)]: v(q)(e)
+				onClick: (t) => _(G)(e),
+				"aria-pressed": _(U)(e),
+				disabled: _(S).disabled || _(S).readOnly,
+				class: u(_(v)({
+					[_(K)]: !0,
+					[_(J)]: _(U)(e)
 				}))
 			}, [a("span", {
 				"aria-hidden": "",
 				class: "absolute inset-0",
-				style: p({ backgroundColor: v(A)(e) })
-			}, null, 4)], 10, S))), 128))], 16)) : r("", !0)
-		], 2), v(N) ? (m(), i("div", f(u({ key: 0 }, v(j))), [g(t.$slots, "footer", {
-			apply: v(I),
-			cancel: v(z)
-		}, () => [s(v(e), u({
-			variant: "flat",
-			color: "secondary",
-			onClick: v(z)
-		}, v(Z)), {
-			default: y(() => [o(_(v(L)), 1)]),
-			_: 1
-		}, 16, ["onClick"]), s(v(e), u({ color: "primary" }, v(K), { onClick: v(I) }), {
-			default: y(() => [o(_(v(M)), 1)]),
-			_: 1
-		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
+				style: f({ backgroundColor: _(O)(e) })
+			}, null, 4)], 10, b))), 128))], 16)) : r("", !0)
+		], 2), _(A) ? (p(), i("div", d(l({ key: 0 }, _(k))), [h(t.$slots, "footer", {
+			apply: _(N),
+			cancel: _(F)
+		}, () => [o(_(e), {
+			onApply: _(N),
+			onCancel: _(F),
+			"custom-props": {
+				applyButton: _(H),
+				cancelButton: _(q)
+			}
+		}, null, 8, [
+			"onApply",
+			"onCancel",
+			"custom-props"
+		])])], 16)) : r("", !0)], 16));
 	}
 });
 //#endregion
-export { C as default };
+export { x as default };

package/dist/Components/ColorPicker/composables/useColorPicker.d.ts

@@ -22,7 +22,7 @@ export declare function useColorPicker(props: MaybeRefOrGetter<ColorPickerOwnPro
         onPointerdown: (event: PointerEvent) => void;
         onPointermove: (event: PointerEvent) => void;
     }>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<ColorPickerOwnProps, "fill" | "format" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "alpha" | "defaultValue" | "readOnly" | "swatches">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<ColorPickerOwnProps, "fill" | "format" | "value" | "classes" | "showFooter" | "customProps" | "disabled" | "rounded" | "alpha" | "defaultValue" | "readOnly" | "swatches">>>>;
     areaBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         onKeydown: (event: KeyboardEvent) => void;
@@ -101,8 +101,6 @@ export declare function useColorPicker(props: MaybeRefOrGetter<ColorPickerOwnPro
             backgroundColor: string;
         };
     }>;
-    applyLabel: import('vue').ComputedRef<string>;
-    cancelLabel: import('vue').ComputedRef<string>;
     applyButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     cancelButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     isSwatchSelected: (value: string) => boolean;

package/dist/Components/ColorPicker/composables/useColorPicker.js

@@ -238,8 +238,6 @@ function w(f, w, T) {
 		})),
 		swatchSelectedClass: a(() => "ring-2 ring-dark-500 ring-offset-2 ring-offset-white dark:ring-dark-400 dark:ring-offset-dark-900"),
 		previewSwatchFillBind: De,
-		applyLabel: a(() => D("Apply")),
-		cancelLabel: a(() => D("Cancel")),
 		applyButtonProps: a(() => j.value?.applyButton),
 		cancelButtonProps: a(() => j.value?.cancelButton),
 		isSwatchSelected: (e) => p(e, H.value),

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

@@ -70,6 +70,14 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 		rounded: {},
 		rows: {},
 		selectionMode: {},
+		showColumnVisibility: {
+			type: Boolean,
+			default: !1
+		},
+		showSearch: {
+			type: Boolean,
+			default: !1
+		},
 		size: {},
 		stickyHeader: {
 			type: [String, Boolean],

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

@@ -66,7 +66,7 @@ var O = { class: "relative z-2 inline-flex items-center leading-none" }, k = ["a
 			"aria-label": y(H)("Filter column"),
 			class: h(y(D)({
 				"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": !0,
-				"text-primary-600": m.active
+				"bg-dark-500/10 dark:bg-dark-500/15": m.active
 			}))
 		}, [p(y(n), {
 			size: "sm",

package/dist/Components/DataTable/composables/useDataTable.d.ts

@@ -73,7 +73,7 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
     rowViews: import('vue').ComputedRef<DataTableRowView<T>[]>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DataTableProps<T>, "search" | "columns" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "page" | "rows" | "loading" | "filters" | "expanded" | "hoverable" | "stickyHeader" | "striped" | "columnSearch" | "columnsOverlay" | "columnsShowFooter" | "filterOverlay" | "getRowId" | "hiddenColumns" | "loadingVariant" | "pageCount" | "perPage" | "perPageOptions" | "selection" | "selectionMode" | "sorting" | "totalCount">>>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DataTableProps<T>, "search" | "columns" | "size" | "classes" | "customProps" | "full" | "loading" | "rounded" | "variant" | "page" | "rows" | "filters" | "expanded" | "hoverable" | "stickyHeader" | "striped" | "columnSearch" | "columnsOverlay" | "columnsShowFooter" | "filterOverlay" | "getRowId" | "hiddenColumns" | "loadingVariant" | "pageCount" | "perPage" | "perPageOptions" | "selection" | "selectionMode" | "showColumnVisibility" | "showSearch" | "sorting" | "totalCount">>>>;
     emptyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/DataTable/composables/useDataTable.js

@@ -1,58 +1,58 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, getCurrentInstance as i, onBeforeUnmount as a, ref as ee, useAttrs as te, useSlots as ne } from "vue";
 import { compact as re, fromPairs as ie, get as o, head as s, isArray as ae, isEmpty as oe, isFunction as c, isNil as se, isString as ce, keyBy as le, map as l, omit as ue } from "es-toolkit/compat";
-import { DATATABLE_EXPAND_COLUMN_ID as u, DATATABLE_SELECTION_COLUMN_ID as d, getDataTableAriaSort as de, getDataTableColumnAccessor as f, getDataTableColumnCssWidth as fe, getDataTableColumnFilterValues as pe, getDataTableColumnSearch as me, getDataTableDefaultCellContent as he, getDataTableFooterLayout as ge, getDataTablePerPageSelectOptions as _e, getDataTableResolvedPageCount as ve, getDataTableResolvedPerPage as ye, getDataTableSelectAllState as be, getDataTableSelectionTotal as xe, getDataTableSortIcon as Se, getDataTableStickyInsets as Ce, getDataTableStickyPing as we, isDataTableClientPaged as Te, isDataTableColumnFilterable as Ee, isDataTableColumnFiltered as De, isDataTableColumnSearchable as Oe, isDataTableColumnSearched as ke, isDataTableExpandEnabled as Ae, isDataTablePerPageEnabled as je, isDataTableSearchEnabled as Me, isDataTableSelectionEnabled as Ne, isDataTableSelectionMultiple as Pe, isDataTableServerPaged as Fe, isDataTableStickyHeader as Ie, isDataTableStickyHeaderBoxed as Le, isDataTableVisibilityEnabled as Re, matchDataTableSearch as ze, observeDataTablePaginationInline as Be, resolveDataTableRowId as Ve, rowMatchesDataTableColumnSearch as He, rowSelectionToIds as Ue, selectionToRowSelection as We, setDataTableColumnFilter as Ge, setDataTableColumnSearch as Ke, setDataTableRowSelection as qe, sliceDataTablePage as Je, toggleDataTableColumnVisibility as Ye, toggleDataTablePageSelection as Xe, toggleDataTableRowExpansion as Ze, toggleDataTableSorting as Qe } from "@bridge-ui/core/Domain";
-import { tableVariantProps as $e } from "@bridge-ui/core/Tokens";
-import { cn as p, mergeBridgeUILayeredClasses as et, splitComponentProps as tt } from "@bridge-ui/core/Utils";
-import { getCoreRowModel as m, getFilteredRowModel as h, getSortedRowModel as g, useVueTable as nt } from "@tanstack/vue-table";
+import { DATATABLE_EXPAND_COLUMN_ID as u, DATATABLE_SELECTION_COLUMN_ID as d, getDataTableAriaSort as de, getDataTableColumnAccessor as fe, getDataTableColumnCssWidth as pe, getDataTableColumnFilterValues as me, getDataTableColumnSearch as he, getDataTableDefaultCellContent as ge, getDataTableFooterLayout as _e, getDataTablePerPageSelectOptions as ve, getDataTableResolvedPageCount as ye, getDataTableResolvedPerPage as be, getDataTableSelectAllState as xe, getDataTableSelectionTotal as Se, getDataTableSortIcon as Ce, getDataTableStickyInsets as we, getDataTableStickyPing as Te, isDataTableClientPaged as Ee, isDataTableColumnFilterable as De, isDataTableColumnFiltered as Oe, isDataTableColumnSearchable as ke, isDataTableColumnSearched as Ae, isDataTableExpandEnabled as je, isDataTablePerPageEnabled as Me, isDataTableSearchEnabled as Ne, isDataTableSelectionEnabled as Pe, isDataTableSelectionMultiple as Fe, isDataTableServerPaged as Ie, isDataTableStickyHeader as Le, isDataTableStickyHeaderBoxed as Re, isDataTableVisibilityEnabled as ze, observeDataTablePaginationInline as Be, resolveDataTableRowId as Ve, rowMatchesDataTableColumnSearch as He, rowMatchesDataTableToolbarSearch as Ue, rowSelectionToIds as We, selectionToRowSelection as Ge, setDataTableColumnFilter as Ke, setDataTableColumnSearch as qe, setDataTableRowSelection as Je, sliceDataTablePage as Ye, toggleDataTableColumnVisibility as Xe, toggleDataTablePageSelection as Ze, toggleDataTableRowExpansion as Qe, toggleDataTableSorting as $e } from "@bridge-ui/core/Domain";
+import { tableVariantProps as et } from "@bridge-ui/core/Tokens";
+import { cn as f, mergeBridgeUILayeredClasses as tt, splitComponentProps as nt } from "@bridge-ui/core/Utils";
+import { getCoreRowModel as p, getFilteredRowModel as m, getSortedRowModel as h, useVueTable as rt } from "@tanstack/vue-table";
 //#region src/Components/DataTable/composables/useDataTable.ts
-var rt = /* @__PURE__ */ "full.page.rows.size.search.classes.columns.filters.loading.perPage.rounded.sorting.striped.variant.expanded.getRowId.hoverable.pageCount.selection.totalCount.customProps.columnSearch.stickyHeader.filterOverlay.hiddenColumns.selectionMode.columnsOverlay.loadingVariant.perPageOptions.columnsShowFooter".split("."), it = {
+var it = /* @__PURE__ */ "full.page.rows.size.search.classes.columns.filters.loading.perPage.rounded.sorting.striped.variant.expanded.getRowId.hoverable.pageCount.selection.showSearch.totalCount.customProps.columnSearch.stickyHeader.filterOverlay.hiddenColumns.selectionMode.columnsOverlay.loadingVariant.perPageOptions.columnsShowFooter.showColumnVisibility".split("."), at = {
 	enableHiding: !1,
 	enableSorting: !1,
 	cell: () => null,
 	header: () => null
-}, at = [], ot = [], st = [], ct = m(), lt = g(), ut = h();
-function _(m, h, g) {
-	let _ = te(), v = ne(), dt = i(), y = r(() => tt({
-		bridgeKeys: rt,
+}, ot = [], st = [], ct = [], lt = p(), ut = h(), dt = m();
+function g(p, m, h) {
+	let g = te(), _ = ne(), v = i(), y = r(() => nt({
+		bridgeKeys: it,
 		props: {
-			..._,
-			...m,
-			page: g.page.value,
-			perPage: g.perPage.value,
-			filters: g.filters.value,
-			sorting: g.sorting.value,
-			expanded: g.expanded.value,
-			selection: g.selection.value,
-			columnSearch: g.columnSearch.value,
-			hiddenColumns: g.hiddenColumns.value
+			...g,
+			...p,
+			page: h.page.value,
+			perPage: h.perPage.value,
+			filters: h.filters.value,
+			sorting: h.sorting.value,
+			expanded: h.expanded.value,
+			selection: h.selection.value,
+			columnSearch: h.columnSearch.value,
+			hiddenColumns: h.hiddenColumns.value
 		}
 	})), { merged: b, components: ft, entry: pt } = t({
-		libDefaults: h,
+		libDefaults: m,
 		componentName: "DataTable",
 		props: () => y.value.componentProps
 	}), x = r(() => b.value.customProps), mt = r(() => ue(y.value.inheritedAttrs, ["children"])), S = n({
 		entry: pt,
 		props: () => y.value.componentProps
-	}), ht = r(() => et($e, o(ft.value, [
+	}), ht = r(() => tt(et, o(ft.value, [
 		"Table",
 		"tokens",
 		"variant"
-	]))), C = r(() => o(ht.value, b.value.variant)), w = r(() => b.value.columns ?? ot), T = r(() => le(w.value, "id")), gt = r(() => b.value.rows ?? at), E = r(() => Ne(g.selection.value, _["onUpdate:selection"] !== void 0)), _t = r(() => Ae(g.expanded.value, _["onUpdate:expanded"] !== void 0, v.expanded !== void 0)), D = r(() => Re(g.hiddenColumns.value, _["onUpdate:hiddenColumns"] !== void 0)), O = r(() => Pe(b.value.selectionMode)), k = r(() => Fe(g.page.value, b.value.pageCount, b.value.totalCount)), A = r(() => Te(g.page.value, g.perPage.value, b.value.pageCount, b.value.totalCount)), j = r(() => ye(g.perPage.value)), M = r(() => Ie(b.value.stickyHeader)), N = r(() => Le(b.value.stickyHeader)), P = r(() => g.sorting.value ? [{
-		id: g.sorting.value.id,
-		desc: g.sorting.value.desc
-	}] : []), vt = r(() => l(g.filters.value ?? {}, (e, t) => ({
+	]))), C = r(() => o(ht.value, b.value.variant)), w = r(() => b.value.columns ?? st), T = r(() => le(w.value, "id")), gt = r(() => b.value.rows ?? ot), E = r(() => Pe(h.selection.value, g["onUpdate:selection"] !== void 0)), _t = r(() => je(h.expanded.value, g["onUpdate:expanded"] !== void 0, _.expanded !== void 0)), D = r(() => ze(h.hiddenColumns.value, g["onUpdate:hiddenColumns"] !== void 0, b.value.showColumnVisibility)), O = r(() => Fe(b.value.selectionMode)), k = r(() => Ie(h.page.value, b.value.pageCount, b.value.totalCount)), A = r(() => Ee(h.page.value, h.perPage.value, b.value.pageCount, b.value.totalCount)), j = r(() => be(h.perPage.value)), M = r(() => Le(b.value.stickyHeader)), N = r(() => Re(b.value.stickyHeader)), P = r(() => h.sorting.value ? [{
+		id: h.sorting.value.id,
+		desc: h.sorting.value.desc
+	}] : []), vt = r(() => l(h.filters.value ?? {}, (e, t) => ({
 		id: t,
 		value: e
-	}))), F = r(() => We(g.selection.value)), I = r(() => g.hiddenColumns.value ?? st), yt = r(() => ie(I.value.map((e) => [e, !1]))), bt = r(() => {
+	}))), F = r(() => Ge(h.selection.value)), I = r(() => h.hiddenColumns.value ?? ct), yt = r(() => ie(I.value.map((e) => [e, !1]))), bt = r(() => {
 		let e = w.value.map((e) => ({
 			id: e.id,
 			enableSorting: e.sortable === !0,
 			enableHiding: e.hideable !== !1,
-			enableColumnFilter: Ee(e),
+			enableColumnFilter: De(e),
 			header: () => e.header,
 			cell: (t) => e.cell?.(t.row.original) ?? null,
-			accessorFn: (t) => f(t, e),
+			accessorFn: (t) => fe(t, e),
 			filterFn: (e, t, n) => {
 				let r = ae(n) ? n : [];
 				return oe(r) ? !0 : r.includes(String(e.getValue(t) ?? ""));
@@ -60,19 +60,19 @@ function _(m, h, g) {
 		}));
 		return re([
 			E.value ? {
-				...it,
+				...at,
 				id: d
 			} : void 0,
 			_t.value ? {
-				...it,
+				...at,
 				id: u
 			} : void 0,
 			...e
 		]);
-	}), xt = nt({
+	}), xt = rt({
 		data: gt,
 		enableSortingRemoval: !0,
-		getCoreRowModel: ct,
+		getCoreRowModel: lt,
 		get columns() {
 			return bt.value;
 		},
@@ -92,19 +92,19 @@ function _(m, h, g) {
 			return O.value;
 		},
 		get getSortedRowModel() {
-			return k.value ? void 0 : lt;
+			return k.value ? void 0 : ut;
 		},
 		getRowId: (e, t) => Ve(e, t, b.value.getRowId),
 		get getFilteredRowModel() {
-			return k.value ? void 0 : ut;
+			return k.value ? void 0 : dt;
 		},
 		onRowSelectionChange: (e) => {
 			let t = c(e) ? e(F.value) : e;
-			g.selection.value = Ue(t);
+			h.selection.value = We(t);
 		},
 		onSortingChange: (e) => {
 			let t = c(e) ? e(P.value) : e, n = s(t);
-			g.sorting.value = n ? {
+			h.sorting.value = n ? {
 				id: n.id,
 				desc: n.desc
 			} : null;
@@ -126,9 +126,9 @@ function _(m, h, g) {
 	}), L = r(() => {
 		let e = xt.getRowModel().rows;
 		if (k.value) return e;
-		let t = g.search.value ?? "", n = I.value;
-		return e.filter((e) => He(e.original, w.value, g.columnSearch.value, n) ? t.trim().length === 0 || w.value.some((r) => !n.includes(r.id) && ze(f(e.original, r), t)) : !1);
-	}), R = r(() => A.value ? Je(L.value, g.page.value ?? 1, j.value) : L.value), z = r(() => l(R.value, "id")), St = r(() => be(z.value, g.selection.value ?? [])), B = r(() => {
+		let t = h.search.value ?? "", n = I.value;
+		return e.filter((e) => He(e.original, w.value, h.columnSearch.value, n) ? Ue(e.original, w.value, t, n) : !1);
+	}), R = r(() => A.value ? Ye(L.value, h.page.value ?? 1, j.value) : L.value), z = r(() => l(R.value, "id")), St = r(() => xe(z.value, h.selection.value ?? [])), B = r(() => {
 		let e = (s(xt.getHeaderGroups())?.headers ?? []).map((e) => {
 			let t = o(T.value, e.column.id);
 			return {
@@ -139,9 +139,9 @@ function _(m, h, g) {
 				isExpand: e.column.id === u,
 				isSelection: e.column.id === d
 			};
-		}), t = Ce(e, M.value ? 20 : 10);
+		}), t = we(e, M.value ? 20 : 10);
 		return e.map((e) => {
-			let n = o(t, e.id), r = e.column?.sortable ? de(g.sorting.value ?? null, e.id) : "none";
+			let n = o(t, e.id), r = e.column?.sortable ? de(h.sorting.value ?? null, e.id) : "none";
 			return {
 				ariaSort: r,
 				id: e.id,
@@ -156,19 +156,19 @@ function _(m, h, g) {
 				stickyEdge: n?.edge === !0,
 				ellipsis: e.column?.ellipsis === !0,
 				sortable: e.column?.sortable === !0,
-				sortIcon: Se(r),
+				sortIcon: Ce(r),
 				hideable: e.column?.hideable !== !1,
 				filterOptions: e.column?.filters ?? [],
-				filterable: Ee(e.column),
-				searchable: Oe(e.column),
+				filterable: De(e.column),
+				searchable: ke(e.column),
 				filterMultiple: e.column?.filterMultiple !== !1,
-				searchQuery: me(g.columnSearch.value, e.id),
-				filterValues: pe(g.filters.value, e.id),
-				filterActive: De(g.filters.value, e.id) || ke(g.columnSearch.value, e.id)
+				searchQuery: he(h.columnSearch.value, e.id),
+				filterValues: me(h.filters.value, e.id),
+				filterActive: Oe(h.filters.value, e.id) || Ae(h.columnSearch.value, e.id)
 			};
 		});
 	}), V = r(() => {
-		let e = Ce(B.value.map((e) => ({
+		let e = we(B.value.map((e) => ({
 			id: e.id,
 			width: e.width,
 			sticky: e.sticky,
@@ -178,10 +178,10 @@ function _(m, h, g) {
 		return R.value.map((t) => ({
 			id: t.id,
 			original: t.original,
-			expanded: (g.expanded.value ?? []).includes(t.id),
-			selected: (g.selection.value ?? []).includes(t.id),
+			expanded: (h.expanded.value ?? []).includes(t.id),
+			selected: (h.selection.value ?? []).includes(t.id),
 			cells: t.getVisibleCells().map((n) => {
-				let r = o(T.value, n.column.id), i = o(e, n.column.id), a = r ? f(t.original, r) : void 0;
+				let r = o(T.value, n.column.id), i = o(e, n.column.id), a = r ? fe(t.original, r) : void 0;
 				return {
 					tooltip: r?.ellipsis === !0 && !se(a) && a !== "" ? String(a) : void 0,
 					value: a,
@@ -195,22 +195,22 @@ function _(m, h, g) {
 					ellipsis: r?.ellipsis === !0,
 					isExpand: n.column.id === u,
 					isSelection: n.column.id === d,
-					content: r?.cell ? r.cell(t.original) : he(a)
+					content: r?.cell ? r.cell(t.original) : ge(a)
 				};
 			})
 		}));
-	}), Ct = r(() => B.value.length), H = r(() => je(g.perPage.value, dt?.vnode.props?.["onUpdate:perPage"] !== void 0, !!v.perPage)), U = r(() => ve({
-		perPage: g.perPage.value,
+	}), Ct = r(() => B.value.length), H = r(() => Me(h.perPage.value, v?.vnode.props?.["onUpdate:perPage"] !== void 0, !!_.perPage)), U = r(() => ye({
+		perPage: h.perPage.value,
 		clientPaged: A.value,
 		pageCount: b.value.pageCount,
 		totalCount: b.value.totalCount,
 		filteredCount: L.value.length
-	})), W = r(() => E.value), G = r(() => !!v.pagination || U.value !== void 0), wt = r(() => W.value || G.value || H.value), Tt = r(() => V.value.length === 0), Et = r(() => e(x.value?.root, mt.value, { class: p({ [N.value ? "" : o(S.value, "root") ?? ""]: !0 }) })), Dt = r(() => B.value.some((e) => !!e.stickyStyle)), K = ee({
+	})), W = r(() => E.value), G = r(() => !!_.pagination || U.value !== void 0), wt = r(() => W.value || G.value || H.value), Tt = r(() => V.value.length === 0), Et = r(() => e(x.value?.root, mt.value, { class: f({ [N.value ? "" : o(S.value, "root") ?? ""]: !0 }) })), Dt = r(() => B.value.some((e) => !!e.stickyStyle)), K = ee({
 		end: !1,
 		start: !1
 	}), q;
 	function J(e) {
-		let t = e ? we(e.scrollLeft, e.scrollWidth, e.clientWidth) : {
+		let t = e ? Te(e.scrollLeft, e.scrollWidth, e.clientWidth) : {
 			end: !1,
 			start: !1
 		};
@@ -280,15 +280,15 @@ function _(m, h, g) {
 			body: o(S.value, "body"),
 			cell: o(S.value, "cell"),
 			head: o(S.value, "head"),
-			header: p({
+			header: f({
 				"relative z-40": b.value.loading && b.value.loadingVariant === "bar",
 				[o(S.value, "header") ?? ""]: !0
 			}),
-			table: p({
+			table: f({
 				"border-separate border-spacing-0": Dt.value && !M.value,
 				[o(S.value, "table") ?? ""]: !0
 			}),
-			root: p({
+			root: f({
 				"overflow-auto": N.value,
 				[o(S.value, "wrapper") ?? ""]: !0,
 				[N.value ? o(S.value, "root") ?? "" : ""]: !0
@@ -296,7 +296,7 @@ function _(m, h, g) {
 		}
 	}));
 	function Ft(e, t = !1) {
-		let n = fe(e.width, e.isExpand || e.isSelection), r = t && M.value;
+		let n = pe(e.width, e.isExpand || e.isSelection), r = t && M.value;
 		return {
 			...n ? {
 				width: n,
@@ -322,7 +322,7 @@ function _(m, h, g) {
 		return e(x.value?.head, {}, {
 			style: Ft(t, !0),
 			"aria-sort": t.sortable ? t.ariaSort : void 0,
-			class: p({
+			class: f({
 				"min-w-0": !0,
 				"border-e-0": n,
 				"sticky z-20": !!t.stickyStyle,
@@ -337,7 +337,7 @@ function _(m, h, g) {
 		let n = t.isSelection || t.isExpand;
 		return e(x.value?.cell, {}, {
 			style: Ft(t),
-			class: p({
+			class: f({
 				"min-w-0": !0,
 				"border-e-0": n,
 				"after:hidden": n,
@@ -348,33 +348,33 @@ function _(m, h, g) {
 			})
 		});
 	}
-	let Bt = r(() => e(x.value?.toolbar, {}, { class: p({
+	let Bt = r(() => e(x.value?.toolbar, {}, { class: f({
 		"flex items-center justify-between gap-3 pb-3": !0,
 		[o(S.value, "toolbar") ?? ""]: !0
-	}) })), Vt = r(() => e(x.value?.empty, {}, { class: p({
+	}) })), Vt = r(() => e(x.value?.empty, {}, { class: f({
 		"w-full": !0,
 		[o(S.value, "empty") ?? ""]: !0
-	}) })), Ht = r(() => e(x.value?.loading, {}, { class: p({
+	}) })), Ht = r(() => e(x.value?.loading, {}, { class: f({
 		"absolute inset-0 z-30 bg-white/50 dark:bg-dark-900/50": !0,
 		"flex items-center justify-center": b.value.loadingVariant !== "bar",
 		[o(S.value, "loading") ?? ""]: !0
-	}) })), Ut = r(() => e({}, {}, { class: p({ "pointer-events-none absolute inset-x-0 top-0 z-40": !0 }) })), Wt = r(() => e({}, {}, { class: p({ "w-fit min-w-0 max-w-full": b.value.full === !1 }) })), Gt = r(() => e(x.value?.footer, {}, { class: p({
+	}) })), Ut = r(() => e({}, {}, { class: f({ "pointer-events-none absolute inset-x-0 top-0 z-40": !0 }) })), Wt = r(() => e({}, {}, { class: f({ "w-fit min-w-0 max-w-full": b.value.full === !1 }) })), Gt = r(() => e(x.value?.footer, {}, { class: f({
 		"w-0 min-w-full": b.value.full === !1,
 		"border-t border-dark-200 bg-dark-50 px-3 py-2.5 text-sm text-dark-600 dark:border-dark-700 dark:bg-dark-800 dark:text-dark-300": !0,
 		[o(S.value, "footer") ?? ""]: !0
-	}) })), $ = r(() => ge({
+	}) })), $ = r(() => _e({
 		showPager: G.value,
 		showPerPage: H.value,
 		inline: X.value,
 		showSelected: W.value
-	})), Kt = r(() => e(x.value?.selected, {}, { class: p({
+	})), Kt = r(() => e(x.value?.selected, {}, { class: f({
 		grow: !$.value.stack,
 		"whitespace-nowrap text-sm text-dark-500 dark:text-dark-400": !0,
 		[o(S.value, "selected") ?? ""]: !0
 	}) })), qt = r(() => e({}, {}, {
 		onVnodeMounted: Ot,
 		onVnodeUnmounted: kt,
-		class: p({
+		class: f({
 			"flex items-center gap-3 py-3 [&>*]:shrink-0": !0,
 			"flex-col": $.value.stack,
 			"flex-row": !$.value.stack,
@@ -388,49 +388,49 @@ function _(m, h, g) {
 		})
 	}));
 	function Jt(e) {
-		g.sorting.value = Qe(g.sorting.value ?? null, e);
+		h.sorting.value = $e(h.sorting.value ?? null, e);
 	}
 	function Yt(e, t) {
-		g.selection.value = qe(g.selection.value ?? [], e, t, b.value.selectionMode);
+		h.selection.value = Je(h.selection.value ?? [], e, t, b.value.selectionMode);
 	}
 	function Xt(e) {
-		g.perPage.value = e, g.page.value !== 1 && (g.page.value = 1);
+		h.perPage.value = e, h.page.value !== 1 && (h.page.value = 1);
 	}
 	function Zt(e) {
-		g.search.value = e, g.page.value !== 1 && (g.page.value = 1);
+		h.search.value = e, h.page.value !== 1 && (h.page.value = 1);
 	}
 	let Qt = r(() => ({
-		page: g.page.value ?? 1,
+		page: h.page.value ?? 1,
 		count: U.value ?? 1,
 		onPageChange: (e) => {
-			g.page.value = e;
+			h.page.value = e;
 		}
 	})), $t = r(() => ({
 		perPage: j.value,
 		onPerPageChange: Xt,
-		options: _e(j.value, b.value.perPageOptions)
+		options: ve(j.value, b.value.perPageOptions)
 	})), en = r(() => ({
-		selectedCount: (g.selection.value ?? []).length,
-		totalCount: xe({
+		selectedCount: (h.selection.value ?? []).length,
+		totalCount: Se({
 			totalCount: b.value.totalCount,
 			filteredCount: L.value.length
 		})
 	}));
 	function tn(e) {
-		g.selection.value = Xe(g.selection.value ?? [], z.value, e);
+		h.selection.value = Ze(h.selection.value ?? [], z.value, e);
 	}
 	function nn(e, t, n) {
 		let r = o(T.value, e);
-		r?.filters && r.filters.length > 0 && (g.filters.value = Ge(g.filters.value, e, t)), Oe(r) && (g.columnSearch.value = Ke(g.columnSearch.value, e, n)), g.page.value !== 1 && (g.page.value = 1);
+		r?.filters && r.filters.length > 0 && (h.filters.value = Ke(h.filters.value, e, t)), ke(r) && (h.columnSearch.value = qe(h.columnSearch.value, e, n)), h.page.value !== 1 && (h.page.value = 1);
 	}
 	function rn(e, t) {
-		g.expanded.value = Ze(g.expanded.value ?? [], e, t);
+		h.expanded.value = Qe(h.expanded.value ?? [], e, t);
 	}
 	function an(e, t) {
-		g.hiddenColumns.value = Ye(g.hiddenColumns.value ?? [], e, t, l(w.value, "id"));
+		h.hiddenColumns.value = Xe(h.hiddenColumns.value ?? [], e, t, l(w.value, "id"));
 	}
 	function on(e) {
-		g.hiddenColumns.value = e;
+		h.hiddenColumns.value = e;
 	}
 	let sn = r(() => {
 		if (!w.value.some((e) => e.summary !== void 0)) return null;
@@ -458,7 +458,7 @@ function _(m, h, g) {
 		hideable: e.hideable !== !1,
 		hidden: I.value.includes(e.id),
 		label: ce(e.header) ? e.header : e.id
-	}))), ln = r(() => Me(g.search.value, dt?.vnode.props?.["onUpdate:search"] !== void 0, v.search !== void 0));
+	}))), ln = r(() => Ne(h.search.value, v?.vnode.props?.["onUpdate:search"] !== void 0, _.search !== void 0, b.value.showSearch));
 	return {
 		merged: b,
 		pageIds: z,
@@ -481,7 +481,7 @@ function _(m, h, g) {
 		clientPaged: A,
 		serverPaged: k,
 		showPerPage: H,
-		showToolbar: r(() => !!v.toolbar || !!v.toolbarActions || D.value || ln.value),
+		showToolbar: r(() => !!_.toolbar || !!_.toolbarActions || D.value || ln.value),
 		selectedBind: Kt,
 		showSelected: W,
 		getHeadAlign: It,
@@ -513,4 +513,4 @@ function _(m, h, g) {
 	};
 }
 //#endregion
-export { _ as useDataTable };
+export { g as useDataTable };

package/dist/Components/DataTable/composables/useDataTablePagination.d.ts

@@ -13,7 +13,7 @@ export declare function useDataTablePagination(props: DataTablePaginationOwnProp
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-label": string;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<DataTablePaginationProps, "size" | "classes" | "customProps" | "rounded" | "disabled" | "modelValue" | "count">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<DataTablePaginationProps, "size" | "classes" | "customProps" | "disabled" | "rounded" | "modelValue" | "count">>>;
     listBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;