flexi-datagrid 1.2.13 → 1.2.14

package/dist/index.es.js

@@ -1,28 +1,28 @@
 import { createContext as e, useCallback as t, useContext as n, useEffect as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { ArrowDown as c, ArrowUp as l, ArrowUpDown as u, ChevronDown as d, ChevronLeft as f, ChevronRight as p, ChevronsLeft as m, ChevronsRight as h, Filter as g, Pin as ee, PinOff as _, RotateCcw as v, Settings as y, X as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { createPortal as C } from "react-dom";
+import { ArrowDown as c, ArrowUp as l, ArrowUpDown as u, ChevronDown as d, ChevronLeft as f, ChevronRight as p, ChevronsLeft as m, ChevronsRight as h, Filter as g, Pin as _, PinOff as v, RotateCcw as y, Settings as ee, X as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { createPortal as w } from "react-dom";
 //#region src/DataTable/context/DataTableContext.tsx
-var w = e(null);
-function T({ value: e, children: t }) {
-	return /* @__PURE__ */ x(w.Provider, {
+var T = e(null);
+function E({ value: e, children: t }) {
+	return /* @__PURE__ */ S(T.Provider, {
 		value: e,
 		children: t
 	});
 }
-function E() {
-	let e = n(w);
+function D() {
+	let e = n(T);
 	if (!e) throw Error("DataTable components must be rendered inside <DataTable>.");
 	return e;
 }
 //#endregion
 //#region src/DataTable/utils/classNames.ts
-var D = (...e) => e.filter(Boolean).join(" ");
+var O = (...e) => e.filter(Boolean).join(" ");
 //#endregion
 //#region src/DataTable/components/GroupZone.tsx
-function O() {
-	let { groupedColumns: e, columnsByKey: t, addGroup: n, removeGroup: r } = E(), [i, a] = s(!1);
-	return /* @__PURE__ */ x("div", {
+function te() {
+	let { groupedColumns: e, columnsByKey: t, addGroup: n, removeGroup: r } = D(), [i, a] = s(!1);
+	return /* @__PURE__ */ S("div", {
 		onDragOver: (e) => {
 			e.preventDefault(), a(!0);
 		},
@@ -32,22 +32,22 @@ function O() {
 			let r = e.dataTransfer.getData("text/plain");
 			r && t.has(r) && n(r);
 		},
-		className: D("flexi-groupzone", i && "flexi-groupzone--dragover"),
-		children: e.length === 0 ? /* @__PURE__ */ x("span", {
+		className: O("flexi-groupzone", i && "flexi-groupzone--dragover"),
+		children: e.length === 0 ? /* @__PURE__ */ S("span", {
 			className: "flexi-groupzone-hint",
 			children: "Drag a column header here to group your records by that field"
-		}) : /* @__PURE__ */ S("div", {
+		}) : /* @__PURE__ */ C("div", {
 			className: "flexi-groupzone-chips",
-			children: [/* @__PURE__ */ x("span", {
+			children: [/* @__PURE__ */ S("span", {
 				className: "flexi-groupzone-label",
 				children: "Grouped By:"
-			}), e.map((e) => /* @__PURE__ */ S("div", {
+			}), e.map((e) => /* @__PURE__ */ C("div", {
 				className: "flexi-chip",
-				children: [/* @__PURE__ */ x("span", { children: t.get(e)?.header || e }), /* @__PURE__ */ x("button", {
+				children: [/* @__PURE__ */ S("span", { children: t.get(e)?.header || e }), /* @__PURE__ */ S("button", {
 					type: "button",
 					onClick: () => r(e),
 					className: "flexi-icon-btn flexi-chip-remove",
-					children: /* @__PURE__ */ x(b, { className: "flexi-icon-xs" })
+					children: /* @__PURE__ */ S(b, { className: "flexi-icon-xs" })
 				})]
 			}, e))]
 		})
@@ -55,47 +55,47 @@ function O() {
 }
 //#endregion
 //#region src/DataTable/components/Pagination.tsx
-function te() {
-	let { currentPage: e, pageSize: t, totalPages: n, totalCount: r, pageSizeOptions: i, goToPage: a, changePageSize: o } = E();
-	return /* @__PURE__ */ S("div", {
+function ne() {
+	let { currentPage: e, pageSize: t, totalPages: n, totalCount: r, pageSizeOptions: i, goToPage: a, changePageSize: o } = D();
+	return /* @__PURE__ */ C("div", {
 		className: "flexi-pagination",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flexi-pagination-size",
-				children: [/* @__PURE__ */ x("span", { children: "Rows per page" }), /* @__PURE__ */ x("select", {
+				children: [/* @__PURE__ */ S("span", { children: "Rows per page" }), /* @__PURE__ */ S("select", {
 					value: t,
 					onChange: (e) => o(Number(e.target.value)),
 					className: "flexi-pagination-select",
-					children: i.map((e) => /* @__PURE__ */ x("option", {
+					children: i.map((e) => /* @__PURE__ */ S("option", {
 						value: e,
 						children: e
 					}, e))
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flexi-pagination-info",
 				children: r === 0 ? "0 of 0" : `${(e - 1) * t + 1}–${Math.min(e * t, r)} of ${r}`
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flexi-pagination-controls",
 				children: [
-					/* @__PURE__ */ x("button", {
+					/* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: () => a(1),
 						disabled: e === 1,
 						className: "flexi-icon-btn",
 						title: "First page",
-						children: /* @__PURE__ */ x(m, { className: "flexi-icon-sm" })
+						children: /* @__PURE__ */ S(m, { className: "flexi-icon-sm" })
 					}),
-					/* @__PURE__ */ x("button", {
+					/* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: () => a(e - 1),
 						disabled: e === 1,
 						className: "flexi-icon-btn",
 						title: "Previous page",
-						children: /* @__PURE__ */ x(f, { className: "flexi-icon-sm" })
+						children: /* @__PURE__ */ S(f, { className: "flexi-icon-sm" })
 					}),
-					/* @__PURE__ */ S("span", {
+					/* @__PURE__ */ C("span", {
 						className: "flexi-pagination-page",
 						children: [
 							"Page ",
@@ -104,21 +104,21 @@ function te() {
 							n
 						]
 					}),
-					/* @__PURE__ */ x("button", {
+					/* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: () => a(e + 1),
 						disabled: e === n,
 						className: "flexi-icon-btn",
 						title: "Next page",
-						children: /* @__PURE__ */ x(p, { className: "flexi-icon-sm" })
+						children: /* @__PURE__ */ S(p, { className: "flexi-icon-sm" })
 					}),
-					/* @__PURE__ */ x("button", {
+					/* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: () => a(n),
 						disabled: e === n,
 						className: "flexi-icon-btn",
 						title: "Last page",
-						children: /* @__PURE__ */ x(h, { className: "flexi-icon-sm" })
+						children: /* @__PURE__ */ S(h, { className: "flexi-icon-sm" })
 					})
 				]
 			})
@@ -127,12 +127,133 @@ function te() {
 }
 //#endregion
 //#region src/DataTable/constants.ts
-var ne = [
+var re = [
 	10,
 	25,
 	50,
 	100
-], k = [], re = [], A = (e) => {
+], ie = [], ae = [], k = [{
+	value: "blank",
+	label: "Blank",
+	valueCount: 0
+}, {
+	value: "notBlank",
+	label: "Not blank",
+	valueCount: 0
+}], oe = {
+	text: [
+		{
+			value: "contains",
+			label: "Contains",
+			valueCount: 1
+		},
+		{
+			value: "notContains",
+			label: "Not contains",
+			valueCount: 1
+		},
+		{
+			value: "equals",
+			label: "Equals",
+			valueCount: 1
+		},
+		{
+			value: "notEqual",
+			label: "Not equal",
+			valueCount: 1
+		},
+		{
+			value: "startsWith",
+			label: "Starts with",
+			valueCount: 1
+		},
+		{
+			value: "endsWith",
+			label: "Ends with",
+			valueCount: 1
+		},
+		...k
+	],
+	number: [
+		{
+			value: "equals",
+			label: "Equals",
+			valueCount: 1
+		},
+		{
+			value: "notEqual",
+			label: "Not equal",
+			valueCount: 1
+		},
+		{
+			value: "greaterThan",
+			label: "Greater than",
+			valueCount: 1
+		},
+		{
+			value: "greaterThanOrEqual",
+			label: "Greater than or equal",
+			valueCount: 1
+		},
+		{
+			value: "lessThan",
+			label: "Less than",
+			valueCount: 1
+		},
+		{
+			value: "lessThanOrEqual",
+			label: "Less than or equal",
+			valueCount: 1
+		},
+		{
+			value: "inRange",
+			label: "In range",
+			valueCount: 2
+		},
+		...k
+	],
+	date: [
+		{
+			value: "equals",
+			label: "Equals",
+			valueCount: 1
+		},
+		{
+			value: "notEqual",
+			label: "Not equal",
+			valueCount: 1
+		},
+		{
+			value: "before",
+			label: "Before",
+			valueCount: 1
+		},
+		{
+			value: "after",
+			label: "After",
+			valueCount: 1
+		},
+		{
+			value: "inRange",
+			label: "In range",
+			valueCount: 2
+		},
+		...k
+	],
+	boolean: [
+		{
+			value: "equals",
+			label: "Equals",
+			valueCount: 1
+		},
+		{
+			value: "notEqual",
+			label: "Not equal",
+			valueCount: 1
+		},
+		...k
+	]
+}, A = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		e.children && e.children.length > 0 ? t.push(...A(e.children)) : t.push(e);
@@ -140,13 +261,13 @@ var ne = [
 }, j = (e) => {
 	if (e === !0) return "left";
 	if (e === "left" || e === "right") return e;
-}, ie = (e) => {
+}, M = (e) => {
 	let t = {};
 	return e.forEach((e) => {
 		let n = j(e.pinned);
 		n && (t[e.key] = n);
 	}), t;
-}, M = (e, t, n) => {
+}, N = (e, t, n) => {
 	let r = (e) => {
 		let n = t[e];
 		return n === "left" ? 0 : n === "right" ? 2 : 1;
@@ -161,11 +282,11 @@ var ne = [
 		children: i(e.children)
 	} : e);
 	return i(e);
-}, N = (e, t, n) => {
+}, se = (e, t, n) => {
 	let r = e.map((e) => e.key);
 	if (r.includes(t) && r.includes(n)) return e;
 	for (let r of e) if (r.children && r.children.length > 0) {
-		let e = N(r.children, t, n);
+		let e = se(r.children, t, n);
 		if (e) return e;
 	}
 	return null;
@@ -176,7 +297,7 @@ var ne = [
 	if (typeof r == "number") return r;
 	let i = String(r).trim();
 	return /^\d+(\.\d+)?(px)?$/i.test(i) && parseInt(i, 10) || 150;
-}, ae = (e, t, n) => {
+}, ce = (e, t, n) => {
 	let r = (e) => {
 		let t = 0;
 		return e.forEach((e) => {
@@ -203,7 +324,7 @@ var ne = [
 		...e,
 		rowSpan: Math.min(e.rowSpan, c.length - t)
 	})));
-}, oe = ({ visibleLeafColumns: e, pinnedColumns: t, columnWidths: n, hasGroups: r, hasActions: i }) => {
+}, le = ({ visibleLeafColumns: e, pinnedColumns: t, columnWidths: n, hasGroups: r, hasActions: i }) => {
 	let a = {}, o = r ? 48 : 0;
 	e.forEach((e) => {
 		t[e.key] === "left" && (a[e.key] = {
@@ -220,7 +341,7 @@ var ne = [
 		}, s += P(i, n));
 	}
 	return a;
-}, F = (e, t, n = !1, r) => {
+}, ue = (e, t, n = !1, r) => {
 	let i = e[t];
 	if (!i) return r || {};
 	let a = i.side === "right";
@@ -233,7 +354,7 @@ var ne = [
 		boxShadow: a ? "-2px 0 5px -2px rgba(0,0,0,0.1)" : "2px 0 5px -2px rgba(0,0,0,0.1)",
 		...r
 	};
-}, I = () => /* @__PURE__ */ x("td", {
+}, de = () => /* @__PURE__ */ S("td", {
 	className: "flexi-row-indent-cell",
 	style: {
 		position: "sticky",
@@ -241,25 +362,25 @@ var ne = [
 		zIndex: 10
 	}
 });
-function L({ children: e }) {
-	return /* @__PURE__ */ x("td", {
+function F({ children: e }) {
+	return /* @__PURE__ */ S("td", {
 		className: "flexi-actions-cell",
 		style: {
 			position: "sticky",
 			right: 0
 		},
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flexi-actions-inner",
 			children: e
 		})
 	});
 }
-function se({ node: e }) {
-	let { rowHeight: t, expandedGroups: n, toggleGroupExpansion: r, totalColumnsCount: i } = E(), a = n[e.path] !== !1;
-	return /* @__PURE__ */ S("tr", {
+function fe({ node: e }) {
+	let { rowHeight: t, expandedGroups: n, toggleGroupExpansion: r, totalColumnsCount: i } = D(), a = n[e.path] !== !1;
+	return /* @__PURE__ */ C("tr", {
 		className: "flexi-group-row",
 		style: { height: t },
-		children: [/* @__PURE__ */ x("td", {
+		children: [/* @__PURE__ */ S("td", {
 			className: "flexi-group-cell",
 			style: {
 				position: "sticky",
@@ -268,87 +389,87 @@ function se({ node: e }) {
 				backgroundColor: "rgba(248, 250, 252, 0.9)",
 				paddingLeft: `${e.depth * 12 + 16}px`
 			},
-			children: /* @__PURE__ */ S("button", {
+			children: /* @__PURE__ */ C("button", {
 				type: "button",
 				onClick: () => r(e.path),
 				className: "flexi-group-toggle",
 				children: [
-					x(a ? d : p, { className: "flexi-icon-md flexi-icon-muted" }),
-					/* @__PURE__ */ x("span", {
+					S(a ? d : p, { className: "flexi-icon-md flexi-icon-muted" }),
+					/* @__PURE__ */ S("span", {
 						className: "flexi-group-value",
 						children: e.groupValue
 					}),
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ S("span", {
 						className: "flexi-group-count",
 						children: e.totalItemsCount
 					})
 				]
 			})
-		}), /* @__PURE__ */ x("td", {
+		}), /* @__PURE__ */ S("td", {
 			colSpan: Math.max(1, i - 1),
 			className: "flexi-group-filler"
 		})]
 	});
 }
-function R({ record: e, rowIndex: t, className: n }) {
-	let { rowHeight: r, hasGroups: i, hasActions: a, actions: o, onRowClick: s, visibleLeafColumns: c, pinnedColumns: l, pinOffsets: u, rowSpanColumns: d, rowSpanInfo: f } = E(), p = f.get(t);
-	return /* @__PURE__ */ S("tr", {
-		className: D("flexi-row", s && "flexi-row--clickable", n),
+function pe({ record: e, rowIndex: t, className: n }) {
+	let { rowHeight: r, hasGroups: i, hasActions: a, actions: o, onRowClick: s, visibleLeafColumns: c, pinnedColumns: l, pinOffsets: u, rowSpanColumns: d, rowSpanInfo: f } = D(), p = f.get(t);
+	return /* @__PURE__ */ C("tr", {
+		className: O("flexi-row", s && "flexi-row--clickable", n),
 		style: { height: r },
 		onClick: s ? (n) => s(e, t, n) : void 0,
 		children: [
-			i && /* @__PURE__ */ x(I, {}),
+			i && /* @__PURE__ */ S(de, {}),
 			c.map((t) => {
 				let n = d?.includes(t.key) ? p?.[t.key] : void 0;
 				if (n === "skip") return null;
 				let r = e[t.key];
-				return /* @__PURE__ */ x("td", {
+				return /* @__PURE__ */ S("td", {
 					rowSpan: typeof n == "number" ? n : void 0,
-					className: D("flexi-cell", !!l[t.key] && "flexi-cell--pinned", t.className),
-					style: F(u, t.key, !1, t.style),
-					children: t.render ? t.render(r, e) : /* @__PURE__ */ x("span", {
+					className: O("flexi-cell", !!l[t.key] && "flexi-cell--pinned", t.className),
+					style: ue(u, t.key, !1, t.style),
+					children: t.render ? t.render(r, e) : /* @__PURE__ */ S("span", {
 						className: "flexi-cell-text",
 						children: r
 					})
 				}, t.key);
 			}),
-			a && o && /* @__PURE__ */ x(L, { children: o(e) })
+			a && o && /* @__PURE__ */ S(F, { children: o(e) })
 		]
 	});
 }
-function ce({ record: e, index: t, className: n }) {
-	let { hasGroups: r, hasActions: i, actions: a, pinnedBottomRowData: o, visibleLeafColumns: s, pinnedColumns: c, pinOffsets: l } = E(), u = {
+function me({ record: e, index: t, className: n }) {
+	let { hasGroups: r, hasActions: i, actions: a, pinnedBottomRowData: o, visibleLeafColumns: s, pinnedColumns: c, pinOffsets: l } = D(), u = {
 		position: "sticky",
 		bottom: `${(o.length - 1 - t) * 48}px`,
 		zIndex: 45
 	};
-	return /* @__PURE__ */ S("tr", {
-		className: D("flexi-row", "flexi-row--pinned-bottom", n),
+	return /* @__PURE__ */ C("tr", {
+		className: O("flexi-row", "flexi-row--pinned-bottom", n),
 		style: u,
 		children: [
-			r && /* @__PURE__ */ x(I, {}),
+			r && /* @__PURE__ */ S(de, {}),
 			s.map((t) => {
 				let n = e[t.key], r = t.pinnedRender ?? t.render;
-				return /* @__PURE__ */ x("td", {
-					className: D("flexi-cell", !!c[t.key] && "flexi-cell--pinned", t.className),
-					style: F(l, t.key, !1, t.style),
-					children: r ? r(n, e) : /* @__PURE__ */ x("span", {
+				return /* @__PURE__ */ S("td", {
+					className: O("flexi-cell", !!c[t.key] && "flexi-cell--pinned", t.className),
+					style: ue(l, t.key, !1, t.style),
+					children: r ? r(n, e) : /* @__PURE__ */ S("span", {
 						className: "flexi-cell-text",
 						children: n
 					})
 				}, t.key);
 			}),
-			i && a && /* @__PURE__ */ x(L, { children: a(e) })
+			i && a && /* @__PURE__ */ S(F, { children: a(e) })
 		]
 	});
 }
 //#endregion
 //#region src/DataTable/components/PinnedBottomBody.tsx
-function le() {
-	let { pinnedBottomRowData: e, pinnedRowClassName: t } = E();
-	return e.length === 0 ? null : /* @__PURE__ */ x("tbody", {
+function I() {
+	let { pinnedBottomRowData: e, pinnedRowClassName: t } = D();
+	return e.length === 0 ? null : /* @__PURE__ */ S("tbody", {
 		className: "flexi-tbody flexi-tbody--pinned-bottom",
-		children: e.map((e, n) => /* @__PURE__ */ x(ce, {
+		children: e.map((e, n) => /* @__PURE__ */ S(me, {
 			record: e,
 			index: n,
 			className: typeof t == "function" ? t(e, n) : t
@@ -357,22 +478,22 @@ function le() {
 }
 //#endregion
 //#region src/DataTable/components/SettingsMenu.tsx
-function ue() {
-	let { settingsMenu: e } = E();
-	return /* @__PURE__ */ x("button", {
+function L() {
+	let { settingsMenu: e } = D();
+	return /* @__PURE__ */ S("button", {
 		type: "button",
 		ref: e.buttonRef,
 		onClick: (t) => {
 			t.stopPropagation(), e.toggle();
 		},
-		className: D("flexi-icon-btn", e.isOpen && "flexi-settings-btn--active"),
+		className: O("flexi-icon-btn", e.isOpen && "flexi-settings-btn--active"),
 		title: "Grid display settings",
-		children: /* @__PURE__ */ x(y, { className: "flexi-icon-sm" })
+		children: /* @__PURE__ */ S(ee, { className: "flexi-icon-sm" })
 	});
 }
-function z() {
-	let { gridRootRef: e, settingsMenu: t, displayPinnedIcon: n, toggleDisplayPinnedIcon: r, showGroupBy: i, toggleShowGroupBy: a, initialLeafColumns: o, hiddenColumns: s, toggleColumnVisibility: c, resetControlPanelDefaults: l } = E(), u = e.current;
-	return !t.isOpen || !t.position || !u ? null : C(/* @__PURE__ */ S("div", {
+function R() {
+	let { gridRootRef: e, settingsMenu: t, displayPinnedIcon: n, toggleDisplayPinnedIcon: r, showGroupBy: i, toggleShowGroupBy: a, initialLeafColumns: o, hiddenColumns: s, toggleColumnVisibility: c, resetControlPanelDefaults: l } = D(), u = e.current;
+	return !t.isOpen || !t.position || !u ? null : w(/* @__PURE__ */ C("div", {
 		ref: t.menuRef,
 		className: "flexi-settings-menu",
 		style: {
@@ -381,116 +502,167 @@ function z() {
 			zIndex: 9999
 		},
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flexi-settings-section",
 				children: [
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ S("span", {
 						className: "flexi-settings-heading",
 						children: "Action Icons"
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ C("label", {
 						className: "flexi-filter-option",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ S("input", {
 							type: "checkbox",
 							className: "flexi-checkbox",
 							checked: n,
 							onChange: r
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ S("span", {
 							className: "flexi-filter-option-text",
 							children: "Show pin icon on hover"
 						})]
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ C("label", {
 						className: "flexi-filter-option",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ S("input", {
 							type: "checkbox",
 							className: "flexi-checkbox",
 							checked: i,
 							onChange: a
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ S("span", {
 							className: "flexi-filter-option-text",
 							children: "Group By"
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", { className: "flexi-settings-divider" }),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ S("div", { className: "flexi-settings-divider" }),
+			/* @__PURE__ */ C("div", {
 				className: "flexi-settings-section",
-				children: [/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ S("span", {
 					className: "flexi-settings-heading",
 					children: "Columns"
-				}), o.map((e) => /* @__PURE__ */ S("label", {
+				}), o.map((e) => /* @__PURE__ */ C("label", {
 					className: "flexi-filter-option",
-					children: [/* @__PURE__ */ x("input", {
+					children: [/* @__PURE__ */ S("input", {
 						type: "checkbox",
 						className: "flexi-checkbox",
 						checked: !s.includes(e.key),
 						onChange: () => c(e.key)
-					}), /* @__PURE__ */ x("span", {
+					}), /* @__PURE__ */ S("span", {
 						className: "flexi-filter-option-text",
 						children: e.header
 					})]
 				}, e.key))]
 			}),
-			/* @__PURE__ */ x("div", { className: "flexi-settings-divider" }),
-			/* @__PURE__ */ S("button", {
+			/* @__PURE__ */ S("div", { className: "flexi-settings-divider" }),
+			/* @__PURE__ */ C("button", {
 				type: "button",
 				onClick: l,
 				className: "flexi-settings-reset",
 				title: "Reset pin icon visibility and hidden columns to their defaults",
-				children: [/* @__PURE__ */ x(v, { className: "flexi-icon-sm" }), /* @__PURE__ */ x("span", { children: "Reset to defaults" })]
+				children: [/* @__PURE__ */ S(y, { className: "flexi-icon-sm" }), /* @__PURE__ */ S("span", { children: "Reset to defaults" })]
 			})
 		]
 	}), u);
 }
 //#endregion
 //#region src/DataTable/utils/records.ts
-var B = (e, t, n) => n?.getValue ? n.getValue(e) : e[t], V = (e, t) => {
+var z = (e, t, n) => n?.getValue ? n.getValue(e) : e[t], B = (e, t) => {
 	let n = typeof t == "function" ? t(e) : e[t];
 	return n == null ? void 0 : String(n);
-}, H = (e, t, n) => {
+}, he = (e, t, n) => {
 	if (!n) return;
 	let r;
 	for (let i in n) n[i](e, t) && (r = r ? `${r} ${i}` : i);
 	return r;
-}, U = (e, t, n) => {
-	let r = e.map((e) => B(e, t, n));
+}, V = (e, t, n) => {
+	let r = e.map((e) => z(e, t, n));
 	return Array.from(new Set(r)).filter((e) => e != null);
-}, de = (e, t, n) => {
+}, ge = (e, t, n) => {
 	let r = Object.entries(t).filter(([, e]) => e && e.length > 0);
-	return r.length === 0 ? e : e.filter((e) => r.every(([t, r]) => r.includes(B(e, t, n.get(t)))));
-}, W = (e) => e == null || typeof e == "number" && Number.isNaN(e), G = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t), void 0, {
+	return r.length === 0 ? e : e.filter((e) => r.every(([t, r]) => r.includes(z(e, t, n.get(t)))));
+}, _e = (e, t, n) => {
+	if (n?.filterType) return n.filterType;
+	for (let r of e) {
+		let e = z(r, t, n);
+		if (e != null) return typeof e == "number" ? "number" : typeof e == "boolean" ? "boolean" : e instanceof Date ? "date" : "text";
+	}
+	return "text";
+}, H = (e) => e == null || e === "", ve = (e, t) => {
+	if (H(e)) return null;
+	if (t === "number") {
+		let t = typeof e == "number" ? e : parseFloat(String(e));
+		return Number.isNaN(t) ? null : t;
+	}
+	if (t === "date") {
+		let t = e instanceof Date ? e.getTime() : new Date(String(e)).getTime();
+		return Number.isNaN(t) ? null : t;
+	}
+	return String(e).toLowerCase();
+}, ye = (e, t, n) => {
+	if (t.operator === "blank") return H(e);
+	if (t.operator === "notBlank") return !H(e);
+	let r = ve(e, n);
+	if (r === null) return !1;
+	let i = ve(t.value, n);
+	switch (t.operator) {
+		case "contains": return typeof r == "string" && i !== null && r.includes(String(i));
+		case "notContains": return i === null || typeof r != "string" || !r.includes(String(i));
+		case "startsWith": return typeof r == "string" && i !== null && r.startsWith(String(i));
+		case "endsWith": return typeof r == "string" && i !== null && r.endsWith(String(i));
+		case "equals": return i !== null && r === i;
+		case "notEqual": return i === null || r !== i;
+		case "greaterThan": return i !== null && r > i;
+		case "greaterThanOrEqual": return i !== null && r >= i;
+		case "lessThan": return i !== null && r < i;
+		case "lessThanOrEqual": return i !== null && r <= i;
+		case "before": return i !== null && r < i;
+		case "after": return i !== null && r > i;
+		case "inRange": {
+			let e = i, a = ve(t.valueTo, n);
+			return e === null || a === null ? !1 : r >= e && r <= a;
+		}
+		default: return !0;
+	}
+}, be = (e, t, n) => {
+	let r = Object.entries(t).filter(([, e]) => e && e.conditions.length > 0);
+	if (r.length === 0) return e;
+	let i = new Map(r.map(([t]) => [t, _e(e, t, n.get(t))]));
+	return e.filter((e) => r.every(([t, r]) => {
+		let a = n.get(t), o = i.get(t), s = z(e, t, a), c = r.conditions.map((e) => ye(s, e, o));
+		return r.combinator === "OR" ? c.some(Boolean) : c.every(Boolean);
+	}));
+}, U = (e) => e == null || typeof e == "number" && Number.isNaN(e), W = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t), void 0, {
 	numeric: !0,
 	sensitivity: "base"
-}), fe = (e, t, n, r) => [...e].sort((e, i) => {
-	let a = B(e, t, r), o = B(i, t, r);
+}), xe = (e, t, n, r) => [...e].sort((e, i) => {
+	let a = z(e, t, r), o = z(i, t, r);
 	if (a === o) return 0;
-	let s = W(a), c = W(o);
+	let s = U(a), c = U(o);
 	if (s && c) return 0;
 	if (s) return 1;
 	if (c) return -1;
-	let l = G(a, o);
+	let l = W(a, o);
 	return n === "asc" ? l : -l;
 });
 //#endregion
 //#region src/DataTable/components/TableBody.tsx
-function pe() {
-	let { isLoading: e, visibleRows: t, startIndex: n, totalRowCount: r, topSpacerHeight: i, bottomSpacerHeight: a, totalColumnsCount: o, rowKey: s, rowClassRules: c } = E(), l = Math.max(1, o);
-	return e || r === 0 ? /* @__PURE__ */ x("tbody", {
+function G() {
+	let { isLoading: e, visibleRows: t, startIndex: n, totalRowCount: r, topSpacerHeight: i, bottomSpacerHeight: a, totalColumnsCount: o, rowKey: s, rowClassRules: c } = D(), l = Math.max(1, o);
+	return e || r === 0 ? /* @__PURE__ */ S("tbody", {
 		className: "flexi-tbody",
-		children: /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+		children: /* @__PURE__ */ S("tr", { children: /* @__PURE__ */ S("td", {
 			colSpan: l,
 			className: "flexi-empty-cell",
 			children: e ? "Loading records..." : "No records found matching criteria."
 		}) })
-	}) : /* @__PURE__ */ S("tbody", {
+	}) : /* @__PURE__ */ C("tbody", {
 		className: "flexi-tbody",
 		children: [
-			i > 0 && /* @__PURE__ */ x("tr", {
+			i > 0 && /* @__PURE__ */ S("tr", {
 				"aria-hidden": "true",
 				style: { height: i },
-				children: /* @__PURE__ */ x("td", {
+				children: /* @__PURE__ */ S("td", {
 					colSpan: l,
 					style: {
 						padding: 0,
@@ -501,16 +673,16 @@ function pe() {
 			}),
 			t.map((e, t) => {
 				let r = n + t;
-				return e.kind === "group" ? /* @__PURE__ */ x(se, { node: e }, `group-header-${e.path}-${r}`) : /* @__PURE__ */ x(R, {
+				return e.kind === "group" ? /* @__PURE__ */ S(fe, { node: e }, `group-header-${e.path}-${r}`) : /* @__PURE__ */ S(pe, {
 					record: e.record,
 					rowIndex: r,
-					className: H(e.record, r, c)
-				}, V(e.record, s) ?? `row-${r}`);
+					className: he(e.record, r, c)
+				}, B(e.record, s) ?? `row-${r}`);
 			}),
-			a > 0 && /* @__PURE__ */ x("tr", {
+			a > 0 && /* @__PURE__ */ S("tr", {
 				"aria-hidden": "true",
 				style: { height: a },
-				children: /* @__PURE__ */ x("td", {
+				children: /* @__PURE__ */ S("td", {
 					colSpan: l,
 					style: {
 						padding: 0,
@@ -524,24 +696,190 @@ function pe() {
 }
 //#endregion
 //#region src/DataTable/components/TableColGroup.tsx
-function me() {
-	let { hasGroups: e, hasActions: t, visibleLeafColumns: n, columnWidths: r } = E();
-	return /* @__PURE__ */ S("colgroup", { children: [
-		e && /* @__PURE__ */ x("col", { style: { width: "48px" } }),
-		n.map((e) => /* @__PURE__ */ x("col", { style: {
+function K() {
+	let { hasGroups: e, hasActions: t, visibleLeafColumns: n, columnWidths: r } = D();
+	return /* @__PURE__ */ C("colgroup", { children: [
+		e && /* @__PURE__ */ S("col", { style: { width: "48px" } }),
+		n.map((e) => /* @__PURE__ */ S("col", { style: {
 			...e.style,
 			width: P(e, r)
 		} }, e.key)),
-		t && /* @__PURE__ */ x("col", { style: { width: "100px" } })
+		t && /* @__PURE__ */ S("col", { style: { width: "100px" } })
 	] });
 }
 //#endregion
+//#region src/DataTable/components/ConditionFilterPanel.tsx
+function Se(e, t) {
+	let [n, r] = e?.conditions ?? [];
+	return {
+		operator1: n?.operator ?? t,
+		value1: n?.value === void 0 ? "" : String(n.value),
+		value1To: n?.valueTo === void 0 ? "" : String(n.valueTo),
+		useSecondCondition: !!r,
+		combinator: e?.combinator ?? "AND",
+		operator2: r?.operator ?? t,
+		value2: r?.value === void 0 ? "" : String(r.value),
+		value2To: r?.valueTo === void 0 ? "" : String(r.valueTo)
+	};
+}
+function q(e, t) {
+	if (e !== "") return t === "number" ? Number(e) : e;
+}
+function J(e, t, n) {
+	let r = (e) => t.find((t) => t.value === e) ?? t[0], i = r(e.operator1), a = {
+		operator: e.operator1,
+		value: q(e.value1, n),
+		valueTo: i.valueCount === 2 ? q(e.value1To, n) : void 0
+	};
+	if (i.valueCount > 0 && a.value === void 0) return null;
+	let o = [a];
+	if (e.useSecondCondition) {
+		let t = r(e.operator2), i = {
+			operator: e.operator2,
+			value: q(e.value2, n),
+			valueTo: t.valueCount === 2 ? q(e.value2To, n) : void 0
+		};
+		(t.valueCount === 0 || i.value !== void 0) && o.push(i);
+	}
+	return {
+		conditions: o,
+		combinator: e.combinator
+	};
+}
+function Y({ columnKey: e }) {
+	let { filters: t } = D(), n = t.activeColumnFilterType, i = oe[n], a = t.conditionFilters[e], [o, c] = s(() => Se(a, i[0].value));
+	r(() => {
+		c(Se(a, i[0].value));
+	}, [e]), r(() => {
+		let r = setTimeout(() => {
+			t.setConditionFilter(e, J(o, i, n));
+		}, 300);
+		return () => clearTimeout(r);
+	}, [
+		o,
+		e,
+		n
+	]);
+	let l = (e) => i.find((t) => t.value === e) ?? i[0], u = l(o.operator1), d = l(o.operator2), f = n === "number" ? "number" : n === "date" ? "date" : "text", p = () => {
+		c(Se(void 0, i[0].value)), t.clearConditionFilter(e);
+	}, m = (e, t, n, r, i) => e.valueCount === 0 ? null : /* @__PURE__ */ C("div", {
+		className: "flexi-condition-values",
+		children: [/* @__PURE__ */ S("input", {
+			type: f,
+			className: "flexi-input",
+			value: t,
+			placeholder: "Value",
+			onChange: (e) => r(e.target.value),
+			onClick: (e) => e.stopPropagation()
+		}), e.valueCount === 2 && /* @__PURE__ */ S("input", {
+			type: f,
+			className: "flexi-input",
+			value: n,
+			placeholder: "To",
+			onChange: (e) => i(e.target.value),
+			onClick: (e) => e.stopPropagation()
+		})]
+	});
+	return /* @__PURE__ */ C("div", {
+		className: "flexi-condition-filter",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flexi-condition-row",
+				children: [/* @__PURE__ */ S("select", {
+					className: "flexi-input",
+					value: o.operator1,
+					onClick: (e) => e.stopPropagation(),
+					onChange: (e) => c((t) => ({
+						...t,
+						operator1: e.target.value
+					})),
+					children: i.map((e) => /* @__PURE__ */ S("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}), m(u, o.value1, o.value1To, (e) => c((t) => ({
+					...t,
+					value1: e
+				})), (e) => c((t) => ({
+					...t,
+					value1To: e
+				})))]
+			}),
+			/* @__PURE__ */ C("label", {
+				className: "flexi-filter-option flexi-condition-toggle",
+				children: [/* @__PURE__ */ S("input", {
+					type: "checkbox",
+					className: "flexi-checkbox",
+					checked: o.useSecondCondition,
+					onChange: (e) => c((t) => ({
+						...t,
+						useSecondCondition: e.target.checked
+					}))
+				}), /* @__PURE__ */ S("span", {
+					className: "flexi-filter-option-text",
+					children: "Add another condition"
+				})]
+			}),
+			o.useSecondCondition && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
+				className: "flexi-condition-combinator",
+				children: [/* @__PURE__ */ C("label", { children: [/* @__PURE__ */ S("input", {
+					type: "radio",
+					name: `flexi-condition-combinator-${e}`,
+					checked: o.combinator === "AND",
+					onChange: () => c((e) => ({
+						...e,
+						combinator: "AND"
+					}))
+				}), /* @__PURE__ */ S("span", { children: "AND" })] }), /* @__PURE__ */ C("label", { children: [/* @__PURE__ */ S("input", {
+					type: "radio",
+					name: `flexi-condition-combinator-${e}`,
+					checked: o.combinator === "OR",
+					onChange: () => c((e) => ({
+						...e,
+						combinator: "OR"
+					}))
+				}), /* @__PURE__ */ S("span", { children: "OR" })] })]
+			}), /* @__PURE__ */ C("div", {
+				className: "flexi-condition-row",
+				children: [/* @__PURE__ */ S("select", {
+					className: "flexi-input",
+					value: o.operator2,
+					onClick: (e) => e.stopPropagation(),
+					onChange: (e) => c((t) => ({
+						...t,
+						operator2: e.target.value
+					})),
+					children: i.map((e) => /* @__PURE__ */ S("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}), m(d, o.value2, o.value2To, (e) => c((t) => ({
+					...t,
+					value2: e
+				})), (e) => c((t) => ({
+					...t,
+					value2To: e
+				})))]
+			})] }),
+			/* @__PURE__ */ S("div", {
+				className: "flexi-filter-footer flexi-condition-footer",
+				children: /* @__PURE__ */ S("button", {
+					type: "button",
+					onClick: p,
+					className: "flexi-filter-clear",
+					children: "Clear"
+				})
+			})
+		]
+	});
+}
+//#endregion
 //#region src/DataTable/components/FilterDropdown.tsx
-function he({ columnKey: e }) {
-	let { gridRootRef: t, filters: n } = E(), r = t.current, { filterPosition: i } = n;
+function Ce({ columnKey: e }) {
+	let { gridRootRef: t, filters: n } = D(), r = t.current, { filterPosition: i } = n;
 	if (!r || !i) return null;
 	let a = n.selectedFilters[e], o = (a?.length || 0) > 0, s = n.filteredUniqueValues;
-	return C(/* @__PURE__ */ S("div", {
+	return w(/* @__PURE__ */ C("div", {
 		ref: n.dropdownRef,
 		className: "flexi-filter-dropdown",
 		style: {
@@ -549,10 +887,23 @@ function he({ columnKey: e }) {
 			left: i.left,
 			zIndex: 9999
 		},
-		children: [
-			/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ C("div", {
+			className: "flexi-filter-tabs",
+			children: [/* @__PURE__ */ S("button", {
+				type: "button",
+				className: O("flexi-filter-tab", n.filterTab === "condition" && "flexi-filter-tab--active"),
+				onClick: () => n.setFilterTab("condition"),
+				children: "Filter"
+			}), /* @__PURE__ */ S("button", {
+				type: "button",
+				className: O("flexi-filter-tab", n.filterTab === "values" && "flexi-filter-tab--active"),
+				onClick: () => n.setFilterTab("values"),
+				children: "Select"
+			})]
+		}), n.filterTab === "condition" ? /* @__PURE__ */ S(Y, { columnKey: e }) : /* @__PURE__ */ C(x, { children: [
+			/* @__PURE__ */ S("div", {
 				className: "flexi-filter-search",
-				children: /* @__PURE__ */ x("input", {
+				children: /* @__PURE__ */ S("input", {
 					type: "text",
 					placeholder: "Search values...",
 					value: n.filterSearchQuery,
@@ -561,89 +912,89 @@ function he({ columnKey: e }) {
 					onClick: (e) => e.stopPropagation()
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flexi-filter-list",
-				children: s.length === 0 ? /* @__PURE__ */ x("div", {
+				children: s.length === 0 ? /* @__PURE__ */ S("div", {
 					className: "flexi-filter-empty",
 					children: "No results found"
-				}) : s.map((t, r) => /* @__PURE__ */ S("label", {
+				}) : s.map((t, r) => /* @__PURE__ */ C("label", {
 					className: "flexi-filter-option",
-					children: [/* @__PURE__ */ x("input", {
+					children: [/* @__PURE__ */ S("input", {
 						type: "checkbox",
 						className: "flexi-checkbox",
 						checked: a?.includes(t) || !1,
 						onChange: () => n.handleFilterChange(e, t)
-					}), /* @__PURE__ */ x("span", {
+					}), /* @__PURE__ */ S("span", {
 						className: "flexi-filter-option-text",
 						children: String(t)
 					})]
 				}, r))
 			}),
-			o && /* @__PURE__ */ x("div", {
+			o && /* @__PURE__ */ S("div", {
 				className: "flexi-filter-footer",
-				children: /* @__PURE__ */ x("button", {
+				children: /* @__PURE__ */ S("button", {
 					type: "button",
 					onClick: () => n.clearFilter(e),
 					className: "flexi-filter-clear",
 					children: "Clear Filter"
 				})
 			})
-		]
+		] })]
 	}), r);
 }
 //#endregion
 //#region src/DataTable/components/HeaderCell.tsx
-function ge({ col: e, rowSpan: t, colSpan: n }) {
-	let { groupBy: r, pinnedColumns: i, pinOffsets: a, displayPinnedIcon: o, togglePin: s, sortState: d, handleSort: f, filters: p, handleDragStart: m, handleDragEnd: h, handleDrop: v, startResize: y } = E(), b = i[e.key], C = !!b, w = (p.selectedFilters[e.key]?.length || 0) > 0, T = !e.children || e.children.length === 0, O = d.key === e.key, te = r && T, ne = T && e.resizable !== !1, k = !!e.sortable && T;
-	return /* @__PURE__ */ S("th", {
+function X({ col: e, rowSpan: t, colSpan: n }) {
+	let { groupBy: r, pinnedColumns: i, pinOffsets: a, displayPinnedIcon: o, togglePin: s, sortState: d, handleSort: f, filters: p, handleDragStart: m, handleDragEnd: h, handleDrop: y, startResize: ee } = D(), b = i[e.key], x = !!b, w = (p.selectedFilters[e.key]?.length || 0) > 0 || !!p.conditionFilters[e.key], T = !e.children || e.children.length === 0, E = d.key === e.key, te = r && T, ne = T && e.resizable !== !1, re = !!e.sortable && T;
+	return /* @__PURE__ */ C("th", {
 		rowSpan: t,
 		colSpan: n,
 		draggable: !0,
 		onDragStart: (t) => m(t, e.key, T),
 		onDragEnd: h,
 		onDragOver: (e) => e.preventDefault(),
-		onDrop: (t) => v(t, e.key),
-		className: D("flexi-th", "flexi-th--draggable", te && "flexi-th--group-draggable", C && "flexi-th--pinned", e.className, e.headerClassName),
-		style: F(a, e.key, !0, e.headerStyle),
-		children: [/* @__PURE__ */ S("div", {
+		onDrop: (t) => y(t, e.key),
+		className: O("flexi-th", "flexi-th--draggable", te && "flexi-th--group-draggable", x && "flexi-th--pinned", e.className, e.headerClassName),
+		style: ue(a, e.key, !0, e.headerStyle),
+		children: [/* @__PURE__ */ C("div", {
 			className: "flexi-th-inner",
 			children: [
-				/* @__PURE__ */ S("div", {
-					className: D("flexi-th-label", k && "flexi-th-label--sortable"),
-					onClick: () => k && f(e.key),
-					children: [/* @__PURE__ */ x("span", {
+				/* @__PURE__ */ C("div", {
+					className: O("flexi-th-label", re && "flexi-th-label--sortable"),
+					onClick: () => re && f(e.key),
+					children: [/* @__PURE__ */ S("span", {
 						className: "flexi-th-text",
 						children: e.header
-					}), k && /* @__PURE__ */ x("span", {
-						className: D("flexi-sort-icon", O && "flexi-sort-icon--active"),
-						children: O && d.direction === "asc" ? /* @__PURE__ */ x(l, { className: "flexi-icon-sm" }) : O && d.direction === "desc" ? /* @__PURE__ */ x(c, { className: "flexi-icon-sm" }) : /* @__PURE__ */ x(u, { className: "flexi-icon-sm" })
+					}), re && /* @__PURE__ */ S("span", {
+						className: O("flexi-sort-icon", E && "flexi-sort-icon--active"),
+						children: E && d.direction === "asc" ? /* @__PURE__ */ S(l, { className: "flexi-icon-sm" }) : E && d.direction === "desc" ? /* @__PURE__ */ S(c, { className: "flexi-icon-sm" }) : /* @__PURE__ */ S(u, { className: "flexi-icon-sm" })
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flexi-th-actions",
-					children: [T && e.filterable && /* @__PURE__ */ x("button", {
+					children: [T && e.filterable && /* @__PURE__ */ S("button", {
 						type: "button",
 						ref: (t) => p.registerFilterButton(e.key, t),
 						onClick: (t) => {
 							t.stopPropagation(), p.toggleFilterDropdown(e.key);
 						},
-						className: D("flexi-icon-btn", "flexi-filter-btn", w && "flexi-filter-btn--active"),
-						children: /* @__PURE__ */ x(g, { className: "flexi-icon-sm" })
-					}), T && (o || C || !!e.pinned) && /* @__PURE__ */ x("button", {
+						className: O("flexi-icon-btn", "flexi-filter-btn", w && "flexi-filter-btn--active"),
+						children: /* @__PURE__ */ S(g, { className: "flexi-icon-sm" })
+					}), T && (o || x || !!e.pinned) && /* @__PURE__ */ S("button", {
 						type: "button",
 						onClick: (t) => {
 							t.stopPropagation(), s(e.key);
 						},
-						className: D("flexi-icon-btn", "flexi-pin-btn", C && "flexi-pin-btn--pinned"),
+						className: O("flexi-icon-btn", "flexi-pin-btn", x && "flexi-pin-btn--pinned"),
 						title: b === "left" ? "Pinned left (click to pin right)" : b === "right" ? "Pinned right (click to unpin)" : "Pin column left",
-						children: x(C ? _ : ee, { className: "flexi-icon-sm" })
+						children: S(x ? v : _, { className: "flexi-icon-sm" })
 					})]
 				}),
-				T && p.activeFilterKey === e.key && /* @__PURE__ */ x(he, { columnKey: e.key })
+				T && p.activeFilterKey === e.key && /* @__PURE__ */ S(Ce, { columnKey: e.key })
 			]
-		}), ne && /* @__PURE__ */ x("div", {
+		}), ne && /* @__PURE__ */ S("div", {
 			className: "flexi-th-resizer",
-			onMouseDown: (t) => y(t, e),
+			onMouseDown: (t) => ee(t, e),
 			onClick: (e) => e.stopPropagation(),
 			onDragStart: (e) => e.preventDefault()
 		})]
@@ -651,13 +1002,13 @@ function ge({ col: e, rowSpan: t, colSpan: n }) {
 }
 //#endregion
 //#region src/DataTable/components/TableHeader.tsx
-function K() {
-	let { headerRows: e, hasGroups: t } = E();
-	return /* @__PURE__ */ x("thead", {
+function we() {
+	let { headerRows: e, hasGroups: t } = D();
+	return /* @__PURE__ */ S("thead", {
 		className: "flexi-thead",
-		children: e.map((n, r) => /* @__PURE__ */ S("tr", {
+		children: e.map((n, r) => /* @__PURE__ */ C("tr", {
 			className: "flexi-header-row",
-			children: [r === 0 && t && /* @__PURE__ */ x("th", {
+			children: [r === 0 && t && /* @__PURE__ */ S("th", {
 				rowSpan: e.length,
 				className: "flexi-group-spacer-th",
 				style: {
@@ -667,7 +1018,7 @@ function K() {
 					zIndex: 35,
 					backgroundColor: "rgb(248, 250, 252)"
 				}
-			}), n.map(({ col: e, rowSpan: t, colSpan: n }) => /* @__PURE__ */ x(ge, {
+			}), n.map(({ col: e, rowSpan: t, colSpan: n }) => /* @__PURE__ */ S(X, {
 				col: e,
 				rowSpan: t,
 				colSpan: n
@@ -677,14 +1028,14 @@ function K() {
 }
 //#endregion
 //#region src/DataTable/utils/grouping.ts
-var _e = (e, t, n, r = 0, i = "") => {
+var Te = (e, t, n, r = 0, i = "") => {
 	if (r >= t.length) return e.map((e) => ({
 		kind: "record",
 		record: e
 	}));
 	let a = t[r], o = n.get(a), s = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
-		let t = String(B(e, a, o) ?? "N/A"), n = s.get(t);
+		let t = String(z(e, a, o) ?? "N/A"), n = s.get(t);
 		n ? n.push(e) : s.set(t, [e]);
 	}), Array.from(s.entries()).sort(([e], [t]) => e.localeCompare(t, void 0, {
 		numeric: !0,
@@ -697,18 +1048,18 @@ var _e = (e, t, n, r = 0, i = "") => {
 			groupValue: e,
 			path: s,
 			depth: r,
-			children: _e(o, t, n, r + 1, s),
+			children: Te(o, t, n, r + 1, s),
 			totalItemsCount: o.length
 		};
 	});
-}, ve = (e, t) => {
+}, Ee = (e, t) => {
 	let n = [], r = (e) => {
 		e.forEach((e) => {
 			n.push(e), e.kind === "group" && t[e.path] !== !1 && r(e.children);
 		});
 	};
 	return r(e), n;
-}, ye = (e, t, n, r) => {
+}, De = (e, t, n, r) => {
 	let i = /* @__PURE__ */ new Map();
 	if (!t || t.length === 0) return i;
 	let a = e.map(() => t.map(() => !0)), o = null;
@@ -723,7 +1074,7 @@ var _e = (e, t, n, r = 0, i = "") => {
 			let e = !0;
 			for (let o = 0; o < t.length; o++) {
 				let c = t[o], l = n.get(c);
-				e && B(i.record, c, l) === B(s.record, c, l) ? a[r][o] = !1 : (e = !1, a[r][o] = !0);
+				e && z(i.record, c, l) === z(s.record, c, l) ? a[r][o] = !1 : (e = !1, a[r][o] = !0);
 			}
 		}
 		o = r;
@@ -751,7 +1102,7 @@ var _e = (e, t, n, r = 0, i = "") => {
 };
 //#endregion
 //#region src/DataTable/hooks/useAnchoredPosition.ts
-function q({ active: e, resetKey: t, rootRef: n, getAnchor: i, compute: a }) {
+function Z({ active: e, resetKey: t, rootRef: n, getAnchor: i, compute: a }) {
 	let [c, l] = s(null), u = o(i), d = o(a);
 	return u.current = i, d.current = a, r(() => {
 		if (!e) {
@@ -773,7 +1124,7 @@ function q({ active: e, resetKey: t, rootRef: n, getAnchor: i, compute: a }) {
 }
 //#endregion
 //#region src/DataTable/hooks/useClickOutside.ts
-function J(e, t, n) {
+function Oe(e, t, n) {
 	let i = o(t), a = o(n);
 	i.current = t, a.current = n, r(() => {
 		if (!e) return;
@@ -786,64 +1137,84 @@ function J(e, t, n) {
 }
 //#endregion
 //#region src/DataTable/hooks/useColumnFilters.ts
-function be({ data: e, columnsByKey: n, gridRootRef: r }) {
-	let [i, c] = s(null), [l, u] = s({}), [d, f] = s(""), p = o(/* @__PURE__ */ new Map()), m = o(null), h = t((e, t) => {
-		t ? p.current.set(e, t) : p.current.delete(e);
-	}, []), g = t(() => {
-		c(null), f("");
-	}, []), ee = t((e) => {
-		f(""), c((t) => t === e ? null : e);
+function ke({ data: e, columnsByKey: n, gridRootRef: r, onConditionFilterChange: i }) {
+	let [c, l] = s(null), [u, d] = s("condition"), [f, p] = s({}), [m, h] = s({}), [g, _] = s(""), v = o(/* @__PURE__ */ new Map()), y = o(null), ee = t((e, t) => {
+		t ? v.current.set(e, t) : v.current.delete(e);
+	}, []), b = t(() => {
+		l(null), _("");
+	}, []), x = t((e) => {
+		_(""), l((t) => t === e ? null : e);
 	}, []);
-	J(i !== null, () => [m.current, i ? p.current.get(i) : null], g);
-	let _ = q({
-		active: i !== null,
-		resetKey: i,
+	Oe(c !== null, () => [y.current, c ? v.current.get(c) : null], b);
+	let S = Z({
+		active: c !== null,
+		resetKey: c,
 		rootRef: r,
-		getAnchor: () => i ? p.current.get(i) : null,
+		getAnchor: () => c ? v.current.get(c) : null,
 		compute: (e, t) => ({
 			top: e.bottom - t.top + 4,
 			left: e.left - t.left
 		})
-	}), v = t((e, t) => {
-		u((n) => {
+	}), C = t((e, t) => {
+		p((n) => {
 			let r = n[e] || [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t], a = {
 				...n,
 				[e]: i
 			};
 			return i.length === 0 && delete a[e], a;
 		});
-	}, []), y = t((e) => {
-		u((t) => {
+	}, []), w = t((e) => {
+		p((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, []), b = a(() => i ? U(e, i, n.get(i)) : [], [
+	}, []), T = t((e, t) => {
+		h((n) => {
+			let r = { ...n };
+			return !t || t.conditions.length === 0 ? delete r[e] : r[e] = t, i?.(r), r;
+		});
+	}, [i]), E = t((e) => {
+		h((t) => {
+			let n = { ...t };
+			return delete n[e], i?.(n), n;
+		});
+	}, [i]), D = a(() => c ? V(e, c, n.get(c)) : [], [
+		e,
+		c,
+		n
+	]), O = a(() => c ? _e(e, c, n.get(c)) : "text", [
 		e,
-		i,
+		c,
 		n
 	]);
 	return {
-		activeFilterKey: i,
-		selectedFilters: l,
-		filterSearchQuery: d,
-		setFilterSearchQuery: f,
-		filterPosition: _,
-		dropdownRef: m,
+		activeFilterKey: c,
+		filterTab: u,
+		setFilterTab: d,
+		selectedFilters: f,
+		conditionFilters: m,
+		filterSearchQuery: g,
+		setFilterSearchQuery: _,
+		filterPosition: S,
+		dropdownRef: y,
 		filteredUniqueValues: a(() => {
-			if (!d.trim()) return b;
-			let e = d.toLowerCase();
-			return b.filter((t) => String(t).toLowerCase().includes(e));
-		}, [b, d]),
-		registerFilterButton: h,
-		toggleFilterDropdown: ee,
-		handleFilterChange: v,
-		clearFilter: y
+			if (!g.trim()) return D;
+			let e = g.toLowerCase();
+			return D.filter((t) => String(t).toLowerCase().includes(e));
+		}, [D, g]),
+		activeColumnFilterType: O,
+		registerFilterButton: ee,
+		toggleFilterDropdown: x,
+		handleFilterChange: C,
+		clearFilter: w,
+		setConditionFilter: T,
+		clearConditionFilter: E
 	};
 }
 //#endregion
 //#region src/DataTable/hooks/useColumnReorder.ts
-function xe({ columns: e, pinnedColumns: n, isResizingRef: r, onColumnReorder: i }) {
-	let [c, l] = s({}), u = o(null), d = a(() => M(e, n, c), [
+function Ae({ columns: e, pinnedColumns: n, isResizingRef: r, onColumnReorder: i }) {
+	let [c, l] = s({}), u = o(null), d = a(() => N(e, n, c), [
 		e,
 		n,
 		c
@@ -864,14 +1235,14 @@ function xe({ columns: e, pinnedColumns: n, isResizingRef: r, onColumnReorder: i
 			t.preventDefault(), t.stopPropagation();
 			let a = u.current;
 			if (u.current = null, !a || a === r) return;
-			let o = N(d, a, r);
+			let o = se(d, a, r);
 			if (!o) return;
 			let s = o.map((e) => e.key), f = s.indexOf(a), p = s.indexOf(r);
 			s.splice(p, 0, s.splice(f, 1)[0]);
 			let m = { ...c };
 			s.forEach((e, t) => {
 				m[e] = t;
-			}), l(m), i && i(A(M(e, n, m)).map((e) => e.key));
+			}), l(m), i && i(A(N(e, n, m)).map((e) => e.key));
 		}, [
 			d,
 			c,
@@ -883,7 +1254,7 @@ function xe({ columns: e, pinnedColumns: n, isResizingRef: r, onColumnReorder: i
 }
 //#endregion
 //#region src/DataTable/hooks/useColumnResize.ts
-function Se(e) {
+function je(e) {
 	let [n, i] = s({}), a = o(!1), c = o(null), l = o(e);
 	return l.current = e, r(() => () => c.current?.(), []), {
 		columnWidths: n,
@@ -911,7 +1282,7 @@ function Se(e) {
 }
 //#endregion
 //#region src/DataTable/hooks/useColumnVisibility.ts
-function Ce({ defaultHiddenColumns: e, defaultDisplayPinnedIcon: n, onColumnVisibilityChange: r }) {
+function Me({ defaultHiddenColumns: e, defaultDisplayPinnedIcon: n, onColumnVisibilityChange: r }) {
 	let [i, a] = s(e), [o, c] = s(n);
 	return {
 		hiddenColumns: i,
@@ -932,7 +1303,7 @@ function Ce({ defaultHiddenColumns: e, defaultDisplayPinnedIcon: n, onColumnVisi
 }
 //#endregion
 //#region src/DataTable/hooks/usePagination.ts
-function we({ items: e, enabled: n, defaultPageSize: i, onPageChange: o, resetOn: c }) {
+function Ne({ items: e, enabled: n, defaultPageSize: i, onPageChange: o, resetOn: c }) {
 	let [l, u] = s(1), [d, f] = s(Math.max(1, Math.floor(i) || 1)), p = e.length, m = n ? Math.max(1, Math.ceil(p / d)) : 1;
 	return r(() => {
 		u(1);
@@ -972,8 +1343,8 @@ function we({ items: e, enabled: n, defaultPageSize: i, onPageChange: o, resetOn
 }
 //#endregion
 //#region src/DataTable/hooks/usePinnedColumns.ts
-function Te(e, n) {
-	let [r, i] = s(() => ie(e));
+function Pe(e, n) {
+	let [r, i] = s(() => M(e));
 	return {
 		pinnedColumns: r,
 		togglePin: t((e) => {
@@ -984,7 +1355,7 @@ function Te(e, n) {
 }
 //#endregion
 //#region src/DataTable/hooks/useRowGrouping.ts
-function Ee(e, n) {
+function Fe(e, n) {
 	let [r, i] = s(e), [a, o] = s({});
 	return {
 		groupedColumns: r,
@@ -1008,11 +1379,11 @@ function Ee(e, n) {
 }
 //#endregion
 //#region src/DataTable/hooks/useSettingsMenu.ts
-function De(e) {
+function Ie(e) {
 	let [n, r] = s(!1), i = o(null), a = o(null), c = t(() => r((e) => !e), []);
-	return J(n, () => [i.current, a.current], t(() => r(!1), [])), {
+	return Oe(n, () => [i.current, a.current], t(() => r(!1), [])), {
 		isOpen: n,
-		position: q({
+		position: Z({
 			active: n,
 			rootRef: e,
 			getAnchor: () => a.current,
@@ -1028,7 +1399,7 @@ function De(e) {
 }
 //#endregion
 //#region src/DataTable/hooks/useSorting.ts
-function Oe() {
+function Le() {
 	let [e, n] = s({
 		key: null,
 		direction: null
@@ -1048,7 +1419,7 @@ function Oe() {
 }
 //#endregion
 //#region src/DataTable/hooks/useVirtualRows.ts
-function ke({ containerRef: e, totalRowCount: t, rowHeight: n, overscan: i }) {
+function Re({ containerRef: e, totalRowCount: t, rowHeight: n, overscan: i }) {
 	let [o, c] = s(0), [l, u] = s(0);
 	return r(() => {
 		let t = e.current;
@@ -1083,149 +1454,155 @@ function ke({ containerRef: e, totalRowCount: t, rowHeight: n, overscan: i }) {
 }
 //#endregion
 //#region src/DataTable/hooks/useDataTableState.ts
-function Y({ columns: e, data: n, rowKey: i, actions: c, isLoading: l, groupBy: u = !1, defaultGroupBy: d = k, onPinChange: f, onGroupChange: p, pinnedBottomRowData: m = re, pinnedRowClassName: h, rowHeight: g = 40, overscan: ee = 8, onColumnResize: _, onColumnReorder: v, rowClassRules: y, onRowClick: b, rowSpanColumns: x, controlPanel: S = !1, defaultDisplayPinnedIcon: C = !1, defaultHiddenColumns: w = k, onColumnVisibilityChange: T, pagination: E = !1, defaultPageSize: D = 10, pageSizeOptions: O = ne, onPageChange: te }) {
-	let j = o(null), ie = o(null), M = a(() => A(e), [e]), N = a(() => {
+function Q({ columns: e, data: n, rowKey: i, actions: c, isLoading: l, groupBy: u = !1, defaultGroupBy: d = ie, onPinChange: f, onGroupChange: p, pinnedBottomRowData: m = ae, pinnedRowClassName: h, rowHeight: g = 40, overscan: _ = 8, onColumnResize: v, onColumnReorder: y, rowClassRules: ee, onRowClick: b, rowSpanColumns: x, controlPanel: S = !1, defaultDisplayPinnedIcon: C = !1, defaultHiddenColumns: w = ie, onColumnVisibilityChange: T, pagination: E = !1, defaultPageSize: D = 10, pageSizeOptions: O = re, onPageChange: te, onConditionFilterChange: ne }) {
+	let k = o(null), oe = o(null), j = a(() => A(e), [e]), M = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		return M.forEach((t) => e.set(t.key, t)), e;
-	}, [M]), { pinnedColumns: P, togglePin: F } = Te(M, f), { columnWidths: I, isResizingRef: L, startResize: se } = Se(_), { reorderedColumns: R, handleDragStart: ce, handleDragEnd: le, handleDrop: ue } = xe({
+		return j.forEach((t) => e.set(t.key, t)), e;
+	}, [j]), { pinnedColumns: N, togglePin: se } = Pe(j, f), { columnWidths: P, isResizingRef: ue, startResize: de } = je(v), { reorderedColumns: F, handleDragStart: fe, handleDragEnd: pe, handleDrop: me } = Ae({
 		columns: e,
-		pinnedColumns: P,
-		isResizingRef: L,
-		onColumnReorder: v
-	}), z = Ce({
+		pinnedColumns: N,
+		isResizingRef: ue,
+		onColumnReorder: y
+	}), I = Me({
 		defaultHiddenColumns: w,
 		defaultDisplayPinnedIcon: C,
 		onColumnVisibilityChange: T
-	}), { hiddenColumns: B } = z, V = Ee(d, p), { groupedColumns: H, expandedGroups: U } = V, [W, G] = s(u);
-	r(() => G(u), [u]);
-	let pe = t(() => G((e) => !e), []), { resetControlPanelDefaults: me } = z, he = t(() => {
-		me(), G(u);
-	}, [me, u]), ge = W, K = ge ? H : k, q = K.length > 0, J = !!c, Y = a(() => A(R).filter((e) => !K.includes(e.key) && !B.includes(e.key)), [
-		R,
-		K,
-		B
-	]), Ae = a(() => ae(R, K, B), [
-		R,
-		K,
-		B
-	]), je = a(() => oe({
-		visibleLeafColumns: Y,
-		pinnedColumns: P,
-		columnWidths: I,
-		hasGroups: q,
-		hasActions: J
+	}), { hiddenColumns: L } = I, R = Fe(d, p), { groupedColumns: z, expandedGroups: B } = R, [he, V] = s(u);
+	r(() => V(u), [u]);
+	let _e = t(() => V((e) => !e), []), { resetControlPanelDefaults: H } = I, ve = t(() => {
+		H(), V(u);
+	}, [H, u]), ye = he, U = ye ? z : ie, W = U.length > 0, G = !!c, K = a(() => A(F).filter((e) => !U.includes(e.key) && !L.includes(e.key)), [
+		F,
+		U,
+		L
+	]), Se = a(() => ce(F, U, L), [
+		F,
+		U,
+		L
+	]), q = a(() => le({
+		visibleLeafColumns: K,
+		pinnedColumns: N,
+		columnWidths: P,
+		hasGroups: W,
+		hasActions: G
 	}), [
-		Y,
+		K,
+		N,
 		P,
-		I,
-		q,
-		J
-	]), X = be({
+		W,
+		G
+	]), J = ke({
 		data: n,
-		columnsByKey: N,
-		gridRootRef: j
-	}), { sortState: Z, handleSort: Me } = Oe(), Q = we({
+		columnsByKey: M,
+		gridRootRef: k,
+		onConditionFilterChange: ne
+	}), { sortState: Y, handleSort: Ce } = Le(), X = Ne({
 		items: a(() => {
-			let e = de(n, X.selectedFilters, N);
-			return !Z.key || !Z.direction ? e : fe(e, Z.key, Z.direction, N.get(Z.key));
+			let e = ge(n, J.selectedFilters, M);
+			return e = be(e, J.conditionFilters, M), !Y.key || !Y.direction ? e : xe(e, Y.key, Y.direction, M.get(Y.key));
 		}, [
 			n,
-			X.selectedFilters,
-			Z,
-			N
+			J.selectedFilters,
+			J.conditionFilters,
+			Y,
+			M
 		]),
 		enabled: E,
 		defaultPageSize: D,
 		onPageChange: te,
-		resetOn: [X.selectedFilters, Z]
-	}), Ne = a(() => _e(Q.pagedItems, K, N), [
-		Q.pagedItems,
-		K,
-		N
-	]), Pe = a(() => ve(Ne, U), [Ne, U]), Fe = Pe.length, { startIndex: $, endIndex: Ie, topSpacerHeight: Le, bottomSpacerHeight: Re } = ke({
-		containerRef: ie,
-		totalRowCount: Fe,
+		resetOn: [
+			J.selectedFilters,
+			J.conditionFilters,
+			Y
+		]
+	}), we = a(() => Te(X.pagedItems, U, M), [
+		X.pagedItems,
+		U,
+		M
+	]), Z = a(() => Ee(we, B), [we, B]), Oe = Z.length, { startIndex: Q, endIndex: ze, topSpacerHeight: Be, bottomSpacerHeight: Ve } = Re({
+		containerRef: oe,
+		totalRowCount: Oe,
 		rowHeight: g,
-		overscan: ee
-	}), ze = a(() => Pe.slice($, Ie), [
-		Pe,
+		overscan: _
+	}), $ = a(() => Z.slice(Q, ze), [
+		Z,
+		Q,
+		ze
+	]), He = a(() => De($, x, M, Q), [
 		$,
-		Ie
-	]), Be = a(() => ye(ze, x, N, $), [
-		ze,
 		x,
-		N,
-		$
-	]), Ve = De(j), He = Y.length + +!!J + +!!q;
+		M,
+		Q
+	]), Ue = Ie(k), We = K.length + +!!G + +!!W;
 	return {
-		gridRootRef: j,
-		tableWrapRef: ie,
+		gridRootRef: k,
+		tableWrapRef: oe,
 		rowKey: i,
 		actions: c,
 		isLoading: !!l,
-		groupBy: ge,
-		showGroupBy: W,
-		toggleShowGroupBy: pe,
+		groupBy: ye,
+		showGroupBy: he,
+		toggleShowGroupBy: _e,
 		controlPanel: S,
 		rowHeight: g,
 		rowSpanColumns: x,
-		rowClassRules: y,
+		rowClassRules: ee,
 		onRowClick: b,
 		pinnedBottomRowData: m,
 		pinnedRowClassName: h,
 		pageSizeOptions: O,
 		paginationEnabled: E,
-		initialLeafColumns: M,
-		columnsByKey: N,
-		visibleLeafColumns: Y,
-		headerRows: Ae,
-		pinnedColumns: P,
-		pinOffsets: je,
-		columnWidths: I,
-		togglePin: F,
-		startResize: se,
-		handleDragStart: ce,
-		handleDragEnd: le,
-		handleDrop: ue,
-		hiddenColumns: B,
-		displayPinnedIcon: z.displayPinnedIcon,
-		toggleColumnVisibility: z.toggleColumnVisibility,
-		toggleDisplayPinnedIcon: z.toggleDisplayPinnedIcon,
-		resetControlPanelDefaults: he,
-		settingsMenu: Ve,
-		groupedColumns: H,
-		expandedGroups: U,
-		addGroup: V.addGroup,
-		removeGroup: V.removeGroup,
-		toggleGroupExpansion: V.toggleGroupExpansion,
-		hasGroups: q,
-		hasActions: J,
-		sortState: Z,
-		handleSort: Me,
-		filters: X,
-		currentPage: Q.currentPage,
-		pageSize: Q.pageSize,
-		totalPages: Q.totalPages,
-		totalCount: Q.totalCount,
-		goToPage: Q.goToPage,
-		changePageSize: Q.changePageSize,
-		visibleRows: ze,
-		startIndex: $,
-		totalRowCount: Fe,
-		topSpacerHeight: Le,
-		bottomSpacerHeight: Re,
-		rowSpanInfo: Be,
-		totalColumnsCount: He
+		initialLeafColumns: j,
+		columnsByKey: M,
+		visibleLeafColumns: K,
+		headerRows: Se,
+		pinnedColumns: N,
+		pinOffsets: q,
+		columnWidths: P,
+		togglePin: se,
+		startResize: de,
+		handleDragStart: fe,
+		handleDragEnd: pe,
+		handleDrop: me,
+		hiddenColumns: L,
+		displayPinnedIcon: I.displayPinnedIcon,
+		toggleColumnVisibility: I.toggleColumnVisibility,
+		toggleDisplayPinnedIcon: I.toggleDisplayPinnedIcon,
+		resetControlPanelDefaults: ve,
+		settingsMenu: Ue,
+		groupedColumns: z,
+		expandedGroups: B,
+		addGroup: R.addGroup,
+		removeGroup: R.removeGroup,
+		toggleGroupExpansion: R.toggleGroupExpansion,
+		hasGroups: W,
+		hasActions: G,
+		sortState: Y,
+		handleSort: Ce,
+		filters: J,
+		currentPage: X.currentPage,
+		pageSize: X.pageSize,
+		totalPages: X.totalPages,
+		totalCount: X.totalCount,
+		goToPage: X.goToPage,
+		changePageSize: X.changePageSize,
+		visibleRows: $,
+		startIndex: Q,
+		totalRowCount: Oe,
+		topSpacerHeight: Be,
+		bottomSpacerHeight: Ve,
+		rowSpanInfo: He,
+		totalColumnsCount: We
 	};
 }
 //#endregion
 //#region src/DataTable/DataTable.tsx
-var Ae = [
+var ze = [
 	"height",
 	"maxHeight",
 	"minHeight"
 ];
-function je(e, t) {
+function Be(e, t) {
 	let [n, r] = s(0);
 	return i(() => {
 		let n = t ? e.current?.firstElementChild : null;
@@ -1242,50 +1619,50 @@ function je(e, t) {
 		return a.observe(n), () => a.disconnect();
 	}, [e, t]), n;
 }
-function X(e, t) {
+function Ve(e, t) {
 	if (!e || t <= 0) return e;
 	let n = { ...e };
-	for (let r of Ae) {
+	for (let r of ze) {
 		let i = e[r];
 		i == null || i === "" || i === "auto" || i === "none" || (n[r] = `calc(${typeof i == "number" ? `${i}px` : String(i)} - ${t}px)`);
 	}
 	return n;
 }
-function Z(e) {
-	let t = Y(e), { containerStyle: n, tableStyle: r, bordered: i = !1 } = e, a = X(n, je(t.gridRootRef, !!t.groupBy));
-	return /* @__PURE__ */ x(T, {
+function $(e) {
+	let t = Q(e), { containerStyle: n, tableStyle: r, bordered: i = !1 } = e, a = Ve(n, Be(t.gridRootRef, !!t.groupBy));
+	return /* @__PURE__ */ S(E, {
 		value: t,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("div", {
 			ref: t.gridRootRef,
 			className: "flexi-root",
 			children: [
-				t.groupBy && /* @__PURE__ */ x(O, {}),
-				/* @__PURE__ */ S("div", {
+				t.groupBy && /* @__PURE__ */ S(te, {}),
+				/* @__PURE__ */ C("div", {
 					ref: t.tableWrapRef,
 					className: "flexi-table-wrap",
 					style: a,
-					children: [t.controlPanel && /* @__PURE__ */ x("div", {
+					children: [t.controlPanel && /* @__PURE__ */ S("div", {
 						className: "flexi-settings-corner",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ S("div", {
 							className: "flexi-settings-corner-inner",
-							children: /* @__PURE__ */ x(ue, {})
+							children: /* @__PURE__ */ S(L, {})
 						})
-					}), /* @__PURE__ */ S("table", {
-						className: D("flexi-table", i && "flexi-table--bordered"),
+					}), /* @__PURE__ */ C("table", {
+						className: O("flexi-table", i && "flexi-table--bordered"),
 						style: r,
 						children: [
-							/* @__PURE__ */ x(me, {}),
-							/* @__PURE__ */ x(K, {}),
-							/* @__PURE__ */ x(pe, {}),
-							/* @__PURE__ */ x(le, {})
+							/* @__PURE__ */ S(K, {}),
+							/* @__PURE__ */ S(we, {}),
+							/* @__PURE__ */ S(G, {}),
+							/* @__PURE__ */ S(I, {})
 						]
 					})]
 				}),
-				/* @__PURE__ */ x(z, {}),
-				t.paginationEnabled && /* @__PURE__ */ x(te, {})
+				/* @__PURE__ */ S(R, {}),
+				t.paginationEnabled && /* @__PURE__ */ S(ne, {})
 			]
 		})
 	});
 }
 //#endregion
-export { Z as DataTable };
+export { $ as DataTable };