@povio/ui 3.3.0-rc.4 → 3.4.0-rc.1

package/dist/components/segment/Segment.js

@@ -1,4 +1,5 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { FieldController } from "../inputs/shared/form.binding.js";
 import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentDefinition } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
@@ -9,7 +10,6 @@ import { Fragment as Fragment$1, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 import { useToggleGroupState } from "react-stately";
 //#region src/components/segment/Segment.tsx
 var SegmentBase = (t0) => {
@@ -181,32 +181,32 @@ var SegmentBase = (t0) => {
 };
 var Segment = (props) => {
 	const $ = c(15);
-	if ("formControl" in props && props.formControl) {
-		let formControl;
+	if ("field" in props && props.field) {
+		let field;
 		let innerProps;
 		let ref;
 		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
+			({field, ref, ...innerProps} = props);
 			$[0] = props;
-			$[1] = formControl;
+			$[1] = field;
 			$[2] = innerProps;
 			$[3] = ref;
 		} else {
-			formControl = $[1];
+			field = $[1];
 			innerProps = $[2];
 			ref = $[3];
 		}
 		let t0;
 		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
 			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
+				const { field: field_0, fieldState: t2 } = t1;
 				const { error } = t2;
 				return /* @__PURE__ */ jsx(SegmentBase, {
 					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					value: field.value,
-					onChange: field.onChange,
-					isDisabled: field.disabled || props.isDisabled,
+					ref: mergeRefs(ref, field_0.ref),
+					value: field_0.value,
+					onChange: field_0.onChange,
+					isDisabled: field_0.disabled || props.isDisabled,
 					error: props.error ?? error?.message
 				});
 			};
@@ -217,14 +217,14 @@ var Segment = (props) => {
 			$[8] = t0;
 		} else t0 = $[8];
 		let t1;
-		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
+		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
 				render: t0
 			});
-			$[9] = formControl.control;
-			$[10] = formControl.name;
+			$[9] = field.form;
+			$[10] = field.name;
 			$[11] = t0;
 			$[12] = t1;
 		} else t1 = $[12];

package/dist/components/segment/segment.types.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement, Ref, SVGProps } from 'react';
 import { Key, ToggleButtonGroupProps, ToggleButtonProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../inputs/shared/form.binding';
 import { ControlProps } from '../inputs/shared/form.types';
 import { SegmentItemVariantProps, SegmentVariantProps } from './segment.cva';
 export interface SegmentItem<TKey extends Key = Key> extends ToggleButtonProps, SegmentItemVariantProps {

package/dist/components/shared/pagination/Pagination.js

@@ -2,31 +2,16 @@ import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
 import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/Pagination.tsx
-var Pagination = (t0) => {
-	const $ = c(34);
-	const { size: t1, variant: t2, color: t3, page, totalItems, totalPages, pageSize, hideText: t4, hideFirstLast: t5, hidePrevNext: t6, hideNumbers: t7, className, onPageChange, onPageSizeChange } = t0;
-	const size = t1 === void 0 ? "s" : t1;
-	const variant = t2 === void 0 ? "subtle" : t2;
-	const color = t3 === void 0 ? "secondary" : t3;
-	const hideText = t4 === void 0 ? true : t4;
-	const hideFirstLast = t5 === void 0 ? true : t5;
-	const hidePrevNext = t6 === void 0 ? false : t6;
-	const hideNumbers = t7 === void 0 ? false : t7;
+var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {
 	const { t } = useTranslation("ui");
-	let t8;
-	if ($[0] !== className) {
-		t8 = clsx("flex items-center gap-2", className);
-		$[0] = className;
-		$[1] = t8;
-	} else t8 = $[1];
-	let t9;
-	if ($[2] !== color || $[3] !== hideFirstLast || $[4] !== hideNumbers || $[5] !== hidePrevNext || $[6] !== hideText || $[7] !== onPageChange || $[8] !== page || $[9] !== pageSize || $[10] !== size || $[11] !== totalItems || $[12] !== totalPages || $[13] !== variant) {
-		t9 = totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
+	return /* @__PURE__ */ jsxs("nav", {
+		id: "pagination",
+		className: clsx("flex items-center gap-2", className),
+		children: [totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
 			page,
 			size,
 			color,
@@ -37,95 +22,24 @@ var Pagination = (t0) => {
 			hideNumbers,
 			totalPages: totalPages ?? Math.ceil(totalItems / pageSize),
 			onPageChange
-		});
-		$[2] = color;
-		$[3] = hideFirstLast;
-		$[4] = hideNumbers;
-		$[5] = hidePrevNext;
-		$[6] = hideText;
-		$[7] = onPageChange;
-		$[8] = page;
-		$[9] = pageSize;
-		$[10] = size;
-		$[11] = totalItems;
-		$[12] = totalPages;
-		$[13] = variant;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== t) {
-		t10 = t(_temp);
-		$[15] = t;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== t10) {
-		t11 = /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-2",
-			as: "span",
-			className: "whitespace-nowrap text-text-default-1",
-			children: t10
-		});
-		$[17] = t10;
-		$[18] = t11;
-	} else t11 = $[18];
-	let t12;
-	if ($[19] !== onPageSizeChange) {
-		t12 = (value) => onPageSizeChange?.(Number(value));
-		$[19] = onPageSizeChange;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== t) {
-		t13 = t(_temp2);
-		$[21] = t;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== pageSize || $[24] !== t12 || $[25] !== t13) {
-		t14 = /* @__PURE__ */ jsx(NumberInput, {
-			value: pageSize,
-			onChange: t12,
-			label: t13,
-			hideLabel: true,
-			className: "w-min",
-			inputClassName: "min-w-12 !px-3 !py-0-5"
-		});
-		$[23] = pageSize;
-		$[24] = t12;
-		$[25] = t13;
-		$[26] = t14;
-	} else t14 = $[26];
-	let t15;
-	if ($[27] !== t11 || $[28] !== t14) {
-		t15 = /* @__PURE__ */ jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t11, t14]
-		});
-		$[27] = t11;
-		$[28] = t14;
-		$[29] = t15;
-	} else t15 = $[29];
-	let t16;
-	if ($[30] !== t15 || $[31] !== t8 || $[32] !== t9) {
-		t16 = /* @__PURE__ */ jsxs("nav", {
-			id: "pagination",
-			className: t8,
-			children: [t9, t15]
-		});
-		$[30] = t15;
-		$[31] = t8;
-		$[32] = t9;
-		$[33] = t16;
-	} else t16 = $[33];
-	return t16;
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "default",
+				size: "label-2",
+				as: "span",
+				className: "whitespace-nowrap text-text-default-1",
+				children: t(($) => $.ui.pagination.resultsPerPage)
+			}), /* @__PURE__ */ jsx(NumberInput, {
+				value: pageSize,
+				onChange: (value) => onPageSizeChange?.(Number(value)),
+				label: t(($_0) => $_0.ui.pagination.resultsPerPage),
+				hideLabel: true,
+				className: "w-min",
+				inputClassName: "min-w-12 !px-3 !py-0-5"
+			})]
+		})]
+	});
 };
-function _temp($) {
-	return $.ui.pagination.resultsPerPage;
-}
-function _temp2($_0) {
-	return $_0.ui.pagination.resultsPerPage;
-}
 //#endregion
 export { Pagination };

package/dist/components/status/Alert/Alert.js

@@ -3,112 +3,45 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { Loader } from "../Loader/Loader.js";
 import { alertDefinition } from "./alert.cva.js";
 import { statusIconDefinition, statusSeparatorDefinition } from "../shared/status.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Alert/Alert.tsx
-var Alert = (t0) => {
-	const $ = c(31);
-	const { variant, color, text, isLoading: t1, rightContent, hasSeparator, icon: Icon, className } = t0;
-	const isLoading = t1 === void 0 ? false : t1;
+var Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
 	const alertCva = UIOverrides.useCva("alert.cva", alertDefinition);
 	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
 	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
-	let t2;
-	if ($[0] !== alertCva || $[1] !== className || $[2] !== color || $[3] !== variant) {
-		t2 = alertCva({
+	return /* @__PURE__ */ jsx("div", {
+		className: alertCva({
 			variant,
 			color,
 			className
-		});
-		$[0] = alertCva;
-		$[1] = className;
-		$[2] = color;
-		$[3] = variant;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== isLoading) {
-		t3 = isLoading && /* @__PURE__ */ jsx(Loader, {
-			size: "default",
-			className: "shrink-0"
-		});
-		$[5] = isLoading;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== Icon || $[8] !== color || $[9] !== iconCva || $[10] !== isLoading || $[11] !== variant) {
-		t4 = !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
-			variant,
-			color
-		}) });
-		$[7] = Icon;
-		$[8] = color;
-		$[9] = iconCva;
-		$[10] = isLoading;
-		$[11] = variant;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== text) {
-		t5 = /* @__PURE__ */ jsx(Typography, {
-			size: "label-2",
-			children: text
-		});
-		$[13] = text;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
-			children: [
-				t3,
-				t4,
-				t5
-			]
-		});
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t6;
-	} else t6 = $[18];
-	let t7;
-	if ($[19] !== color || $[20] !== hasSeparator || $[21] !== rightContent || $[22] !== separatorCva || $[23] !== variant) {
-		t7 = !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
-			variant,
-			color
-		}) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
-			children: rightContent
-		})] });
-		$[19] = color;
-		$[20] = hasSeparator;
-		$[21] = rightContent;
-		$[22] = separatorCva;
-		$[23] = variant;
-		$[24] = t7;
-	} else t7 = $[24];
-	let t8;
-	if ($[25] !== t6 || $[26] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex w-auto flex-col items-center md:flex-row",
-			children: [t6, t7]
-		});
-		$[25] = t6;
-		$[26] = t7;
-		$[27] = t8;
-	} else t8 = $[27];
-	let t9;
-	if ($[28] !== t2 || $[29] !== t8) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			className: t2,
-			children: t8
-		});
-		$[28] = t2;
-		$[29] = t8;
-		$[30] = t9;
-	} else t9 = $[30];
-	return t9;
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
+				children: [
+					isLoading && /* @__PURE__ */ jsx(Loader, {
+						size: "default",
+						className: "shrink-0"
+					}),
+					!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
+						variant,
+						color
+					}) }),
+					/* @__PURE__ */ jsx(Typography, {
+						size: "label-2",
+						children: text
+					})
+				]
+			}), !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
+				variant,
+				color
+			}) }), /* @__PURE__ */ jsx("div", {
+				className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
+				children: rightContent
+			})] })]
+		})
+	});
 };
 //#endregion
 export { Alert };

package/dist/components/table/InfiniteTable.js

@@ -1,79 +1,28 @@
 import { Loader } from "../status/Loader/Loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 //#region src/components/table/InfiniteTable.tsx
-var InfiniteTable = (t0) => {
-	const $ = c(20);
-	let fetchNextPage;
-	let hasNextPage;
-	let rest;
-	let t1;
-	if ($[0] !== t0) {
-		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
-		$[0] = t0;
-		$[1] = fetchNextPage;
-		$[2] = hasNextPage;
-		$[3] = rest;
-		$[4] = t1;
-	} else {
-		fetchNextPage = $[1];
-		hasNextPage = $[2];
-		rest = $[3];
-		t1 = $[4];
-	}
-	const isFetchingNextPage = t1 === void 0 ? false : t1;
-	let t2;
-	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
-		t2 = () => {
+var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
+	const { ref } = useIntersectionObserver({
+		onIntersection: useCallback(() => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		};
-		$[5] = fetchNextPage;
-		$[6] = hasNextPage;
-		$[7] = isFetchingNextPage;
-		$[8] = t2;
-	} else t2 = $[8];
-	const handleLoadMore = t2;
-	let t3;
-	if ($[9] !== handleLoadMore) {
-		t3 = {
-			onIntersection: handleLoadMore,
-			rootMargin: "100px"
-		};
-		$[9] = handleLoadMore;
-		$[10] = t3;
-	} else t3 = $[10];
-	const { ref } = useIntersectionObserver(t3);
-	let t4;
-	if ($[11] !== rest) {
-		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
-		$[11] = rest;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
-		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
+		}, [
+			isFetchingNextPage,
+			hasNextPage,
+			fetchNextPage
+		]),
+		rootMargin: "100px"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ jsx(Table, { ...rest }), (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex justify-center py-4",
 			children: /* @__PURE__ */ jsx(Loader, {})
-		});
-		$[13] = hasNextPage;
-		$[14] = isFetchingNextPage;
-		$[15] = ref;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== t4 || $[18] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col",
-			children: [t4, t5]
-		});
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	return t6;
+		})]
+	});
 };
 //#endregion
 export { InfiniteTable };

package/dist/components/table/Table.d.ts

@@ -1,9 +1,7 @@
 import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
 import { ColumnDef, ColumnOrderState, OnChangeFn, Table as ReactTable, Row, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
 import { TFunction } from 'i18next';
-import { ComponentType, Dispatch, ReactNode, SetStateAction } from 'react';
-import { UseFormReturn } from 'react-hook-form';
-import { InputDef } from '../inputs/Inputs/InputItem';
+import { ComponentType, Dispatch, SetStateAction } from 'react';
 import { TableRowVariantProps } from './table.cva';
 export type BulkSelectionActionsComponent<T> = ComponentType<{
     table: ReactTable<T>;
@@ -32,12 +30,8 @@ export interface TableProps<T> extends TableRowVariantProps {
     enableMultiRowSelection?: boolean | ((row: Row<T>) => boolean);
     defaultSelectedRows?: RowSelectionState;
     onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-    filterForm?: UseFormReturn<Record<string, any>>;
-    filterDefs?: InputDef<any>[];
-    headerFilterCellClassName?: string;
-    emptyContent?: ReactNode;
 }
 export declare const RowDragHandleCell: ({ rowId }: {
     rowId: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: <T>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, filterForm, filterDefs, headerFilterCellClassName, emptyContent, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/Table.js

@@ -8,7 +8,6 @@ import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, t
 import { CellText } from "./CellText.js";
 import { DragIndicatorIcon } from "../../assets/icons/DragIndicator.js";
 import { HeaderText } from "./HeaderText.js";
-import { TableColumnFilterRow } from "./TableColumnFilterRow.js";
 import { useTableNav } from "../../hooks/useTableNav.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
@@ -75,7 +74,7 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 		})
 	});
 };
-var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, filterForm, filterDefs, headerFilterCellClassName, emptyContent, ...props }) => {
+var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
 	const tableRowCva = UIOverrides.useCva("table.rowCva", tableRowDefinition);
 	const theadCva = UIOverrides.useCva("table.theadCva", theadDefinition);
 	const tableHeadRowCva = UIOverrides.useCva("table.headRowCva", tableHeadRowDefinition);
@@ -173,71 +172,50 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 	const selectedRows = table.getSelectedRowModel().rows;
 	const columnCount = table.getHeaderGroups()[0].headers.length;
 	const isAnyRowSelected = selectedRows.length > 0 && !!ActionHeader;
-	const showFilterRow = !!filterForm && !!filterDefs?.length && !isAnyRowSelected;
 	const hasOnClick = !!onRowClick || !!onDoubleClick;
 	const tableElement = /* @__PURE__ */ jsxs("table", {
-		className: clsx("w-full", showFilterRow && "table-fixed", className),
+		className: clsx("w-full", className),
 		...listeners,
 		children: [/* @__PURE__ */ jsxs("thead", {
 			className: clsx(theadCva({})),
 			"data-is-sticky": isSticky || void 0,
-			children: [
-				/* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", {
-					ref: stickyRef,
-					className: "-mt-px block"
-				}) }),
-				table.getHeaderGroups().map((headerGroup) => {
-					const visibleHeaders = headerGroup.headers.filter((header) => {
-						if (isAnyRowSelected && header.index > 0) return false;
-						return header.column.getIsVisible();
-					});
-					return /* @__PURE__ */ jsx("tr", {
-						className: clsx(tableHeadRowCva({})),
-						children: visibleHeaders.map((header_0, index) => {
-							const columnMeta = header_0.column.columnDef.meta ?? {};
-							return /* @__PURE__ */ jsx("th", {
-								colSpan: isAnyRowSelected ? columnCount : header_0.colSpan,
-								tabIndex: -1,
-								className: clsx(tableHeadDataCva({ hasRightBorder: index > 0 && showCellBorder }), columnMeta.headerClass, columnMeta.width),
-								children: isAnyRowSelected ? /* @__PURE__ */ jsx(ActionHeader, { table }) : /* @__PURE__ */ jsxs("button", {
-									type: "button",
-									"aria-label": "Sort column",
-									className: clsx("flex select-none items-center gap-1 text-text-default-1", header_0.column.getCanSort() ? "h-6 cursor-pointer rounded-xs px-1 hover:bg-elevation-fill-default-2" : "cursor-default", columnMeta.sortClass),
-									onClick: header_0.column.getToggleSortingHandler(),
-									children: [typeof header_0.column.columnDef.header === "function" ? flexRender(header_0.column.columnDef.header, header_0.getContext()) : /* @__PURE__ */ jsx(HeaderText, { children: header_0.column.columnDef.header }), {
-										asc: /* @__PURE__ */ jsx(ChevronUpIcon, {
-											width: 18,
-											height: 18
-										}),
-										desc: /* @__PURE__ */ jsx(ChevronDownIcon, {
-											width: 18,
-											height: 18
-										})
-									}[header_0.column.getIsSorted()] ?? null]
+			children: [/* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("th", {
+				ref: stickyRef,
+				className: "-mt-px block"
+			}) }), table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
+				className: clsx(tableHeadRowCva({})),
+				children: headerGroup.headers.filter((header) => {
+					if (isAnyRowSelected && header.index > 0) return false;
+					return header.column.getIsVisible();
+				}).map((header_0, index) => {
+					const columnMeta = header_0.column.columnDef.meta ?? {};
+					return /* @__PURE__ */ jsx("th", {
+						colSpan: isAnyRowSelected ? columnCount : header_0.colSpan,
+						tabIndex: -1,
+						className: clsx(tableHeadDataCva({ hasRightBorder: index > 0 && showCellBorder }), columnMeta.headerClass, columnMeta.width),
+						children: isAnyRowSelected ? /* @__PURE__ */ jsx(ActionHeader, { table }) : /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							"aria-label": "Sort column",
+							className: clsx("flex select-none items-center gap-1 text-text-default-1", header_0.column.getCanSort() ? "h-6 cursor-pointer rounded-xs px-1 hover:bg-elevation-fill-default-2" : "cursor-default", columnMeta.sortClass),
+							onClick: header_0.column.getToggleSortingHandler(),
+							children: [typeof header_0.column.columnDef.header === "function" ? flexRender(header_0.column.columnDef.header, header_0.getContext()) : /* @__PURE__ */ jsx(HeaderText, { children: header_0.column.columnDef.header }), {
+								asc: /* @__PURE__ */ jsx(ChevronUpIcon, {
+									width: 18,
+									height: 18
+								}),
+								desc: /* @__PURE__ */ jsx(ChevronDownIcon, {
+									width: 18,
+									height: 18
 								})
-							}, header_0.id);
+							}[header_0.column.getIsSorted()] ?? null]
 						})
-					}, headerGroup.id);
-				}),
-				showFilterRow && table.getHeaderGroups().map((headerGroup_0) => {
-					return /* @__PURE__ */ jsx(TableColumnFilterRow, {
-						headers: headerGroup_0.headers.filter((header_1) => header_1.column.getIsVisible()),
-						filterForm,
-						filterDefs,
-						tableHeadDataCva,
-						rowClassName: clsx(tableHeadRowCva({})),
-						cellClassName: headerFilterCellClassName,
-						showCellBorder
-					}, `${headerGroup_0.id}-filters`);
+					}, header_0.id);
 				})
-			]
+			}, headerGroup.id))]
 		}), /* @__PURE__ */ jsx("tbody", {
 			ref,
 			className: "relative",
-			children: table.getRowModel().rows.length === 0 && emptyContent ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-				colSpan: columnCount,
-				children: emptyContent
-			}) }) : enableDragDrop ? /* @__PURE__ */ jsx(SortableContext, {
+			children: enableDragDrop ? /* @__PURE__ */ jsx(SortableContext, {
 				items: dataIds,
 				strategy: verticalListSortingStrategy,
 				children: table.getRowModel().rows.map((row_0) => /* @__PURE__ */ jsx(DraggableRow, {

package/dist/components/text/Typography/Typography.js

@@ -1,31 +1,16 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "./typography.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx
-var Typography = (t0) => {
-	const $ = c(4);
-	const { as: t1, className, ...props } = t0;
-	const as = t1 === void 0 ? "p" : t1;
-	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
-	const Tag = as;
-	const t2 = typographyCva({
-		...props,
-		sizeMobile: props.sizeMobile ?? props.size,
-		className
+var Typography = ({ as = "p", className, ...props }) => {
+	return /* @__PURE__ */ jsx(as, {
+		className: UIOverrides.useCva("typography.cva", typographyDefinition)({
+			...props,
+			sizeMobile: props.sizeMobile ?? props.size,
+			className
+		}),
+		...props
 	});
-	let t3;
-	if ($[0] !== Tag || $[1] !== props || $[2] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Tag, {
-			className: t2,
-			...props
-		});
-		$[0] = Tag;
-		$[1] = props;
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
 };
 //#endregion
 export { Typography };