@bridge-ui/vue 0.5.0 → 0.6.0

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

@@ -28,7 +28,7 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 }, be = { class: "relative" }, D = {
 	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", "onClick"], A = ["aria-hidden"], j = { class: "min-h-0 overflow-hidden" }, M = { class: "p-3" }, N = ["aria-hidden"], xe = { class: "flex shrink-0 items-center gap-2" }, Se = { class: "text-sm whitespace-nowrap text-dark-500 dark:text-dark-400" }, P = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "DataTable",
 	props: /*@__PURE__*/ g({
@@ -103,7 +103,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, P = ge(), F = e(), I = w(m, "page"), Ce = w(m, "perPage"), L = w(m, "search"), we = w(m, "expanded"), Te = w(m, "selection"), Ee = w(m, "filters"), De = w(m, "sorting"), Oe = w(m, "hiddenColumns"), ke = w(m, "columnSearch"), { merged: R, rowViews: Ae, rootBind: je, emptyBind: Me, showEmpty: z, frameBind: Ne, tableProps: Pe, footerBind: Fe, loadingBar: B, showSearch: Ie, getHeadBind: Le, headerViews: Re, loadingBind: ze, onToggleRow: Be, toolbarBind: Ve, getCellBind: V, columnCount: H, showPerPage: He, showToolbar: Ue, getHeadAlign: We, getCellAlign: U, onTogglePage: Ge, onToggleSort: Ke, summaryCells: W, expandEnabled: qe, loadingBarBind: Je, paginationBind: Ye, selectAllState: G, showPagination: Xe, onChangeSearch: Ze, onToggleExpand: Qe, visibilityItems: $e, perPageSlotProps: K, resolvedPageCount: q, selectionMultiple: J, visibilityEnabled: et, paginationSlotProps: Y, onCommitColumnFilter: X, onHiddenColumnsChange: tt } = r(g, {
 			size: "md",
 			full: !0,
 			rounded: "lg",
@@ -119,15 +119,15 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 		}, {
 			page: I,
 			search: L,
-			perPage: Se,
-			filters: Te,
-			sorting: Ee,
-			expanded: Ce,
-			selection: we,
-			columnSearch: Oe,
-			hiddenColumns: De
+			perPage: Ce,
+			filters: Ee,
+			sorting: De,
+			expanded: we,
+			selection: Te,
+			columnSearch: ke,
+			hiddenColumns: Oe
 		}), Z = c(() => R.value.size === "lg" ? "md" : "sm");
-		function et(e, t) {
+		function nt(e, t) {
 			let n = P[`item.${t.id}`] ?? P.item;
 			return n ? n({
 				id: t.id,
@@ -140,10 +140,10 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 			set: (e) => {
 				I.value = e;
 			}
-		}), tt = c(() => q.value.options.map((e) => ({
+		}), rt = c(() => K.value.options.map((e) => ({
 			value: e,
 			label: String(e)
-		}))), nt = c(() => {
+		}))), it = c(() => {
 			let e = R.value.customProps?.perPage?.customProps;
 			return {
 				...e,
@@ -159,12 +159,12 @@ 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),
+		}), at = he(), $ = (e) => e.node ?? null;
+		return (e, r) => (b(), d("div", y(h(C(je))), [C(Ue) ? (b(), d("div", y(_({ key: 0 }, C(Ve))), [f("div", _e, [S(e.$slots, "toolbar")]), f("div", ve, [
+			C(et) ? (b(), d("div", ye, [p(ae, {
+				items: C($e),
 				overlay: C(R).columnsOverlay,
-				onChange: C($e),
+				onChange: C(tt),
 				"show-footer": C(R).columnsShowFooter
 			}, null, 8, [
 				"items",
@@ -173,31 +173,31 @@ 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, {
+			C(Ie) ? S(e.$slots, "search", {}, () => [p(se, {
 				"model-value": L.value ?? "",
-				"onUpdate:modelValue": C(Je),
+				"onUpdate:modelValue": C(Ze),
 				"field-props": C(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))), {
+		])], 16)) : u("", !0), f("div", y(h(C(Ne))), [
+			f("div", be, [p(C(le), y(h(C(Pe))), {
 				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), _({
+							default: T(() => [(b(!0), d(s, null, x(C(Re), (e) => (b(), l(C(fe), _({
 								key: e.id,
-								align: C(He)(e)
-							}, { ref_for: !0 }, C(Fe)(e)), {
-								default: T(() => [e.isSelection && C(Y) ? (b(), l(i, {
+								align: C(We)(e)
+							}, { ref_for: !0 }, C(Le)(e)), {
+								default: T(() => [e.isSelection && C(J) ? (b(), l(i, {
 									key: 0,
 									kind: "page",
 									size: Z.value,
-									onChange: C(Ue),
-									checked: C(K).checked,
-									indeterminate: C(K).indeterminate,
+									onChange: C(Ge),
+									checked: C(G).checked,
+									indeterminate: C(G).indeterminate,
 									"checkbox-props": C(R).customProps?.checkbox
 								}, null, 8, [
 									"size",
@@ -205,37 +205,36 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 									"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", D, [
+									f("span", O, [p($, { node: e.header }, null, 8, ["node"])]),
+									e.sortable ? (b(), l(ce, {
+										key: 0,
+										sort: e.ariaSort,
+										onClick: (t) => C(Ke)(e.id)
+									}, null, 8, ["sort", "onClick"])) : u("", !0),
+									e.filterable ? (b(), l(oe, {
+										key: 1,
+										"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(X)(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
@@ -244,10 +243,10 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 							classes: { root: "h-0" }
 						}, {
 							default: T(() => [p(C(a), {
-								colspan: C(U),
+								colspan: C(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: T(() => [f("div", y(h(C(Je))), [S(e.$slots, "loading", {}, () => [p(C(ee), _({
 									size: "xs",
 									rounded: "none"
 								}, C(R).customProps?.progress), null, 16)])], 16)]),
@@ -261,31 +260,32 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 						default: T(() => [C(z) ? (b(), l(C(o), { key: 0 }, {
 							default: T(() => [p(C(a), {
 								align: "center",
-								colspan: C(U)
+								colspan: C(H)
 							}, {
-								default: T(() => [f("div", y(h(C(je))), [S(e.$slots, "empty", {}, () => [p(C(te), {
+								default: T(() => [f("div", y(h(C(Me))), [S(e.$slots, "empty", {}, () => [p(C(te), {
+									icon: "inbox",
 									size: C(R).size,
 									title: C(F)("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), {
+						})) : u("", !0), C(z) ? u("", !0) : (b(!0), d(s, { key: 1 }, x(C(Ae), (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), _({
 								key: e.id,
-								align: C(W)(e)
-							}, { ref_for: !0 }, C(H)(e)), {
+								align: C(U)(e)
+							}, { ref_for: !0 }, C(V)(e)), {
 								default: T(() => [e.isSelection ? (b(), l(i, {
 									key: 0,
 									kind: "row",
 									value: t.id,
 									size: Z.value,
-									name: C(rt),
+									name: C(at),
 									checked: t.selected,
-									multiple: C(Y),
+									multiple: C(J),
 									"radio-props": C(R).customProps?.radio,
 									"checkbox-props": C(R).customProps?.checkbox,
-									onChange: (e) => C(Re)(t.id, e)
+									onChange: (e) => C(Be)(t.id, e)
 								}, null, 8, [
 									"value",
 									"size",
@@ -300,25 +300,25 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 									type: "button",
 									"aria-label": "Expand row",
 									"aria-expanded": t.expanded,
-									onClick: (e) => C(Ye)(t.id, !t.expanded),
+									onClick: (e) => C(Qe)(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), {
 									size: "sm",
 									icon: "chevronRight"
-								})], 2)], 8, O)) : (b(), l(ie, {
+								})], 2)], 8, k)) : (b(), l(ie, {
 									key: 2,
 									tooltip: e.tooltip,
 									ellipsis: e.ellipsis
 								}, {
-									default: T(() => [p($, { node: et(t, e) }, null, 8, ["node"])]),
+									default: T(() => [p($, { node: nt(t, e) }, null, 8, ["node"])]),
 									_: 2
 								}, 1032, ["tooltip", "ellipsis"]))]),
 								_: 2
 							}, 1040, ["align"]))), 128))]),
 							_: 2
-						}, 1040), C(We) ? (b(), l(C(o), { key: 0 }, {
+						}, 1040), C(qe) ? (b(), l(C(o), { key: 0 }, {
 							default: T(() => [p(C(a), {
-								colspan: C(U),
+								colspan: C(H),
 								classes: { root: C(E)({
 									"p-0": !0,
 									"border-0": !t.expanded
@@ -331,19 +331,19 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 										"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 }, {
+					C(W) ? (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), _({
+							default: T(() => [(b(!0), d(s, null, x(C(W), (e) => (b(), l(C(a), _({
 								key: e.id,
-								align: C(W)(e)
-							}, { ref_for: !0 }, C(H)(e)), {
+								align: C(U)(e)
+							}, { ref_for: !0 }, C(V)(e)), {
 								default: T(() => [p($, { node: e.content }, null, 8, ["node"])]),
 								_: 2
 							}, 1040, ["align"]))), 128))]),
@@ -353,7 +353,7 @@ 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), C(R).loading ? (b(), d("div", _({ key: 0 }, C(ze), { "aria-hidden": C(B) || void 0 }), [C(B) ? u("", !0) : S(e.$slots, "loading", {}, () => [r[2] ||= f("span", {
 				role: "status",
 				"aria-label": "Loading",
 				class: "relative inline-block size-5 animate-spin motion-reduce:animate-none"
@@ -362,17 +362,17 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 				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, {
+			], -1)], void 0, 0)], 16, N)) : u("", !0)]),
+			C(t)(C(P), "footer") ? (b(), d("div", y(_({ key: 0 }, C(Fe))), [S(e.$slots, "footer")], 16)) : u("", !0),
+			C(Xe) ? (b(), d("div", y(_({ key: 1 }, C(Ye))), [C(He) ? S(e.$slots, "perPage", y(h(C(K))), () => [f("div", xe, [f("span", Se, 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)),
+				options: rt.value,
+				"custom-props": it.value,
+				"model-value": C(K).perPage,
+				"onUpdate:modelValue": r[0] ||= (e) => C(K).onPerPageChange(Number(e)),
 				classes: {
 					...C(R).customProps?.perPage?.classes,
 					root: C(E)("w-20", C(R).customProps?.perPage?.classes?.root)
@@ -382,12 +382,12 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 				"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), _({
+			])])], void 0, 0) : u("", !0), S(e.$slots, "pagination", y(h(C(Y))), () => [C(q) === 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
+				count: C(q),
+				variant: C(Y).variant
 			}, C(R).customProps?.pagination), null, 16, [
 				"modelValue",
 				"count",

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

@@ -53,7 +53,7 @@ var x = { class: "relative inline-flex items-center" }, S = ["aria-checked", "on
 				role: "menuitemcheckbox",
 				"aria-checked": !v(j)(e),
 				onClick: (t) => v(P)(e),
-				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 			}, [d(v(r), {
 				"hide-error-message": "",
 				size: v(N),

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

@@ -97,7 +97,7 @@ var O = { class: "relative z-2 inline-flex items-center leading-none" }, k = ["a
 					role: "menuitemcheckbox",
 					"aria-checked": K.value,
 					onClick: Z,
-					class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+					class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 				}, [p(y(a), {
 					"hide-error-message": "",
 					size: G.value,

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

@@ -46,7 +46,7 @@ var p = {
 				"aria-checked": b(l.value),
 				role: s.multiple ? "menuitemcheckbox" : "menuitemradio",
 				onClick: (e) => y("toggle", l.value, !b(l.value)),
-				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 			}, [s.multiple ? (c(), r(f(e), {
 				key: 0,
 				size: s.size,

package/dist/Components/DataTable/DataTableSortButton.vue.d.ts

@@ -2,16 +2,10 @@ import { DataTableAriaSort } from '@bridge-ui/core/Domain';
 type __VLS_Props = {
     sort: DataTableAriaSort;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,43 +1,39 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import t from "../Icon/Icon.js";
-import n from "../Tooltip/Tooltip.js";
-import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { getDataTableSortTooltip as m } from "@bridge-ui/core/Domain";
-import { cn as h } from "@bridge-ui/core/Utils";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, unref as l } from "vue";
+import { getDataTableSortLabel as u } from "@bridge-ui/core/Domain";
+import { cn as d } from "@bridge-ui/core/Utils";
 //#region src/Components/DataTable/DataTableSortButton.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "inline-flex min-w-0 flex-1 items-center gap-1.5 leading-none" }, _ = { class: "min-w-0 truncate leading-none" }, v = { class: "inline-flex h-6 w-5 shrink-0 flex-col items-center justify-center leading-none" }, y = /*@__PURE__*/ c({
+var f = ["aria-label"], p = { class: "inline-flex h-6 w-5 shrink-0 flex-col items-center justify-center leading-none" }, m = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	name: "DataTableSortButton",
 	__name: "DataTableSortButton",
 	props: { sort: {} },
-	setup(c) {
-		let y = c, b = e(), x = i(() => b(m(y.sort)));
-		return (e, i) => (u(), a(r, null, [o("span", g, [o("span", _, [d(e.$slots, "default")]), o("span", v, [s(f(t), {
+	emits: ["click"],
+	setup(o, { emit: m }) {
+		let h = o, g = m, _ = e(), v = n(() => _(u(h.sort)));
+		return (e, n) => (c(), r("button", {
+			type: "button",
+			"aria-label": v.value,
+			onClick: n[0] ||= (e) => g("click"),
+			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"
+		}, [i("span", p, [a(l(t), {
 			size: "lg",
 			icon: "chevronUp",
-			class: l(f(h)({
+			class: s(l(d)({
 				"-mb-1": !0,
-				"text-dark-800 dark:text-dark-100": c.sort === "ascending",
-				"text-dark-300 dark:text-dark-600": c.sort !== "ascending"
+				"text-dark-800 dark:text-dark-100": o.sort === "ascending",
+				"text-dark-300 dark:text-dark-600": o.sort !== "ascending"
 			}))
-		}, null, 8, ["class"]), s(f(t), {
+		}, null, 8, ["class"]), a(l(t), {
 			size: "lg",
 			icon: "chevronDown",
-			class: l(f(h)({
-				"text-dark-800 dark:text-dark-100": c.sort === "descending",
-				"text-dark-300 dark:text-dark-600": c.sort !== "descending"
+			class: s(l(d)({
+				"text-dark-800 dark:text-dark-100": o.sort === "descending",
+				"text-dark-300 dark:text-dark-600": o.sort !== "descending"
 			}))
-		}, null, 8, ["class"])])]), s(f(n), {
-			content: x.value,
-			"custom-props": {
-				root: { class: "absolute inset-0 z-[1] max-w-none" },
-				trigger: { class: "absolute inset-0 size-full max-w-none" }
-			}
-		}, {
-			trigger: p(() => [...i[0] ||= [o("span", { class: "size-full" }, null, -1)]]),
-			_: 1
-		}, 8, ["content"])], 64));
+		}, null, 8, ["class"])])], 8, f));
 	}
 });
 //#endregion
-export { y as default };
+export { m as default };

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

@@ -495,10 +495,7 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
             width?: string | undefined;
             maxWidth?: string | undefined;
         };
-        tabindex: number | undefined;
         "aria-sort": import('@bridge-ui/core/Domain').DataTableAriaSort | undefined;
-        onClick: ((event: MouseEvent) => void) | undefined;
-        onKeydown: ((event: KeyboardEvent) => void) | undefined;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>;
     headerViews: import('vue').ComputedRef<DataTableHeaderView[]>;