@povio/ui 3.3.0-rc.4 → 3.3.1

package/dist/components/inputs/shared/InputClear.js

@@ -1,7 +1,5 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
-import { buttonIconSizeDefinition } from "../../buttons/Button/button.cva.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
 import { c } from "react/compiler-runtime";
@@ -10,70 +8,56 @@ import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
-	const $ = c(16);
+	const $ = c(12);
 	const { onClear, className, style, show, renderStatic } = t0;
-	const ui = UIConfig.useConfig();
-	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
-	const alwaysShowClear = ui.input.alwaysShowClear;
+	const alwaysShowClear = UIConfig.useConfig().input.alwaysShowClear;
 	let clearClassName;
 	let t1;
-	if ($[0] !== alwaysShowClear || $[1] !== buttonIconSizeCva || $[2] !== className || $[3] !== renderStatic || $[4] !== show || $[5] !== style) {
+	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== renderStatic || $[3] !== show || $[4] !== style) {
 		t1 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
 			if (renderStatic) {
-				const t2 = clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName);
-				let t3;
-				if ($[8] !== buttonIconSizeCva) {
-					t3 = buttonIconSizeCva({
-						size: "none",
-						className: "shrink-0"
-					});
-					$[8] = buttonIconSizeCva;
-					$[9] = t3;
-				} else t3 = $[9];
-				let t4;
-				if ($[10] !== t3) {
-					t4 = /* @__PURE__ */ jsx(CloseIcon, { className: t3 });
-					$[10] = t3;
-					$[11] = t4;
-				} else t4 = $[11];
+				let t2;
+				if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+					t2 = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6 shrink-0" });
+					$[7] = t2;
+				} else t2 = $[7];
 				t1 = /* @__PURE__ */ jsx("button", {
 					type: "button",
 					"aria-hidden": "true",
 					tabIndex: -1,
-					className: t2,
+					className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
 					style,
-					children: t4
+					children: t2
 				});
 				break bb0;
 			}
 		}
 		$[0] = alwaysShowClear;
-		$[1] = buttonIconSizeCva;
-		$[2] = className;
-		$[3] = renderStatic;
-		$[4] = show;
-		$[5] = style;
-		$[6] = clearClassName;
-		$[7] = t1;
+		$[1] = className;
+		$[2] = renderStatic;
+		$[3] = show;
+		$[4] = style;
+		$[5] = clearClassName;
+		$[6] = t1;
 	} else {
-		clearClassName = $[6];
-		t1 = $[7];
+		clearClassName = $[5];
+		t1 = $[6];
 	}
 	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
 	let t2;
-	if ($[12] !== clearClassName || $[13] !== onClear || $[14] !== style) {
+	if ($[8] !== clearClassName || $[9] !== onClear || $[10] !== style) {
 		t2 = /* @__PURE__ */ jsx(InputClearButton, {
 			onClear,
 			className: clearClassName,
 			style
 		});
-		$[12] = clearClassName;
-		$[13] = onClear;
-		$[14] = style;
-		$[15] = t2;
-	} else t2 = $[15];
+		$[8] = clearClassName;
+		$[9] = onClear;
+		$[10] = style;
+		$[11] = t2;
+	} else t2 = $[11];
 	return t2;
 };
 var InputClearButton = (t0) => {

package/dist/components/overlays/BottomSheet/BottomSheet.js

@@ -100,7 +100,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 		isOpen: true,
 		UNSTABLE_portalContainer: portalContainerRef?.current,
 		className: clsx("fixed top-0 left-0 z-bottom-sheet w-screen h-dvh", containerClassName),
-		style: { "--bottom-sheet-keyboard-inset": `${keyboardInset}px` },
+		style: { "--bottom-sheet-keyboard-inset": `var(--bottom-sheet-host-inset, ${keyboardInset}px)` },
 		onOpenChange,
 		isDismissable,
 		ref: overlayRef,

package/dist/components/overlays/Modal/Modal.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren, RefObject } from 'react';
+import { DialogProps as AriaDialogProps } from 'react-aria-components';
 import { ModalVariantProps } from './modal.cva';
-export interface ModalProps extends ModalVariantProps {
+export interface ModalProps extends ModalVariantProps, Pick<AriaDialogProps, "aria-label" | "aria-labelledby"> {
     isOpen: boolean;
     portalContainerRef?: RefObject<HTMLElement>;
     onClose: () => void;
@@ -12,4 +13,4 @@ export interface ModalProps extends ModalVariantProps {
     isKeyboardDismissable?: boolean;
     shouldCloseOnInteractOutside?: () => boolean;
 }
-export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/Modal/Modal.js

@@ -8,7 +8,7 @@ import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Modal/Modal.tsx
-var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
+var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }) => {
 	const { t } = useTranslation("ui");
 	const modalMainCva = UIOverrides.useCva("modal.mainCva", modalMainDefinition);
 	const modalContentCva = UIOverrides.useCva("modal.contentCva", modalContentDefinition);
@@ -35,6 +35,8 @@ var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClas
 		children: /* @__PURE__ */ jsx(Modal, {
 			className: modalMainCva({ aside }),
 			children: /* @__PURE__ */ jsxs(Dialog, {
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledBy,
 				className: modalContentCva({
 					aside,
 					className: modalClassName

package/dist/components/shared/pagination/minWidth.cva.d.ts

@@ -1,3 +1,3 @@
 export declare const minWidth: (props?: ({
-    size?: "xs" | "s" | "m" | "l" | "xxs" | null | undefined;
+    size?: "s" | "xs" | "m" | "l" | "xxs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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/config/uiOverrides.context.d.ts

@@ -158,7 +158,6 @@ export declare namespace UIOverrides {
             cva?: GenericCvaOption;
         };
         formField: {
-            cva?: GenericCvaOption;
             headerCva?: GenericCvaOption;
             errorLabelCva?: GenericCvaOption;
             helperLabelCva?: GenericCvaOption;

package/dist/index.d.ts

@@ -193,7 +193,6 @@ export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './c
 export { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, } from './components/inputs/File/shared/progressBar.cva';
 export type { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, } from './components/inputs/File/shared/progressBar.cva';
 export { formFieldHeaderDefinition } from './components/inputs/FormField/formFieldHeader.cva';
-export { formFieldDefinition } from './components/inputs/FormField/formField.cva';
 export { formFieldErrorDefinition } from './components/inputs/FormField/formFieldError.cva';
 export { formFieldHelperDefinition } from './components/inputs/FormField/formFieldHelper.cva';
 export { textAreaWrapperDefinition } from './components/inputs/Input/TextArea/TextArea.cva';

package/dist/index.js

@@ -77,7 +77,6 @@ import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
 import { labelDefinition } from "./components/inputs/shared/label.cva.js";
 import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
-import { formFieldDefinition } from "./components/inputs/FormField/formField.cva.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.js";
@@ -178,4 +177,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/vitest.setup.browser.d.ts

@@ -0,0 +1,6 @@
+import { Locator } from 'vitest/browser';
+declare module "vitest/browser" {
+    interface LocatorSelectors {
+        getByCSS: (selector: string) => Locator;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.3.0-rc.4",
+  "version": "3.3.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,7 +30,6 @@
     "@react-stately/calendar": "^3.9.2",
     "@react-stately/datepicker": "^3.16.0",
     "@react-types/shared": "^3.33.0",
-    "@tanstack/react-query": "~5.90.21",
     "@tanstack/react-table": "^8.21.3",
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
@@ -52,6 +51,7 @@
   "peerDependencies": {
     "@casl/ability": "^6.7.3",
     "@casl/react": "^5.0.0",
+    "@tanstack/react-query": "^5.89.0",
     "@tiptap/core": "^3.19.0",
     "@tiptap/extension-color": "^3.19.0",
     "@tiptap/extension-heading": "^3.19.0",

package/dist/components/inputs/FormField/formField.cva.d.ts

@@ -1,11 +0,0 @@
-export declare const formFieldDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly filter: "";
-            readonly floating: "";
-            readonly inline: "";
-        };
-    }>;
-};

package/dist/components/inputs/FormField/formField.cva.js

@@ -1,16 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/inputs/FormField/formField.cva.ts
-var formFieldDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { as: {
-			default: "",
-			filter: "",
-			floating: "",
-			inline: ""
-		} },
-		defaultVariants: { as: "default" }
-	}
-});
-//#endregion
-export { formFieldDefinition };

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

@@ -1,9 +0,0 @@
-import { InputDef } from '../inputs/Inputs/InputItem';
-import { UseFormReturn } from 'react-hook-form';
-interface TableColumnFilterInputProps<TFilterData extends Record<string, any>> {
-    form: UseFormReturn<TFilterData>;
-    inputDef: InputDef<TFilterData>;
-    className?: string;
-}
-export declare const TableColumnFilterInput: <TFilterData extends Record<string, any>>({ form, inputDef, className, }: TableColumnFilterInputProps<TFilterData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/table/TableColumnFilterInput.js

@@ -1,108 +0,0 @@
-import { Inputs } from "../inputs/Inputs/Inputs.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-//#region src/components/table/TableColumnFilterInput.tsx
-var TableColumnFilterInput = (t0) => {
-	const $ = c(28);
-	const { form, inputDef, className } = t0;
-	const filterKey = String(inputDef.name);
-	const inputProps = inputDef.props;
-	const t1 = inputProps?.className;
-	let t2;
-	if ($[0] !== t1) {
-		t2 = clsx("w-full min-w-0 max-w-full", t1, "[&_label]:sr-only");
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	const t3 = inputProps?.containerClassName;
-	let t4;
-	if ($[2] !== t3) {
-		t4 = clsx("w-full min-w-0 max-w-full", t3);
-		$[2] = t3;
-		$[3] = t4;
-	} else t4 = $[3];
-	const t5 = inputProps?.inputClassName;
-	let t6;
-	if ($[4] !== t5) {
-		t6 = clsx("min-w-0 max-w-full truncate", t5);
-		$[4] = t5;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] !== inputProps || $[7] !== t2 || $[8] !== t4 || $[9] !== t6) {
-		t7 = {
-			...inputProps,
-			as: "filter",
-			className: t2,
-			containerClassName: t4,
-			inputClassName: t6,
-			hideLabel: true,
-			isClearable: true,
-			placeholder: "",
-			size: "extra-small"
-		};
-		$[6] = inputProps;
-		$[7] = t2;
-		$[8] = t4;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	const props = t7;
-	let t8;
-	if ($[11] !== filterKey || $[12] !== inputDef.label) {
-		t8 = typeof inputDef.label === "string" && inputDef.label.trim() ? inputDef.label : filterKey;
-		$[11] = filterKey;
-		$[12] = inputDef.label;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== inputDef || $[15] !== props || $[16] !== t8) {
-		t9 = {
-			...inputDef,
-			label: t8,
-			placeholder: "",
-			props
-		};
-		$[14] = inputDef;
-		$[15] = props;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	const inlineInputDef = t9;
-	let t10;
-	if ($[18] !== className) {
-		t10 = clsx("w-full min-w-0 max-w-full [&>*]:w-full [&_*]:min-w-0", className);
-		$[18] = className;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== inlineInputDef) {
-		t11 = [inlineInputDef];
-		$[20] = inlineInputDef;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== form || $[23] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Inputs, {
-			form,
-			inputDefs: t11
-		});
-		$[22] = form;
-		$[23] = t11;
-		$[24] = t12;
-	} else t12 = $[24];
-	let t13;
-	if ($[25] !== t10 || $[26] !== t12) {
-		t13 = /* @__PURE__ */ jsx("div", {
-			className: t10,
-			children: t12
-		});
-		$[25] = t10;
-		$[26] = t12;
-		$[27] = t13;
-	} else t13 = $[27];
-	return t13;
-};
-//#endregion
-export { TableColumnFilterInput };

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

@@ -1,5 +0,0 @@
-interface TableColumnFilterPlaceholderProps {
-    label?: string;
-}
-export declare const TableColumnFilterPlaceholder: ({ label }: TableColumnFilterPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/table/TableColumnFilterPlaceholder.js

@@ -1,41 +0,0 @@
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-//#region src/components/table/TableColumnFilterPlaceholder.tsx
-var columnFilterPlaceholderClassName = clsx("h-[calc(var(--spacing-input-height-xs)*2+var(--text-label-2)*var(--text-label-2--line-height)+2px)]", "flex w-full min-w-0 items-center overflow-hidden", "rounded-input-rounding-default border border-solid border-input-outlined-outline-disabled/50", "bg-input-filled-idle px-input-side-xs text-label-2");
-var TableColumnFilterPlaceholder = (t0) => {
-	const $ = c(8);
-	const { label } = t0;
-	const t1 = label ? void 0 : true;
-	const t2 = label && "text-text-default-2";
-	let t3;
-	if ($[0] !== t2) {
-		t3 = clsx(columnFilterPlaceholderClassName, t2);
-		$[0] = t2;
-		$[1] = t3;
-	} else t3 = $[1];
-	let t4;
-	if ($[2] !== label) {
-		t4 = label ? /* @__PURE__ */ jsx("span", {
-			className: "min-w-0 truncate",
-			children: label
-		}) : null;
-		$[2] = label;
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
-	if ($[4] !== t1 || $[5] !== t3 || $[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			"aria-hidden": t1,
-			className: t3,
-			children: t4
-		});
-		$[4] = t1;
-		$[5] = t3;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	return t5;
-};
-//#endregion
-export { TableColumnFilterPlaceholder };

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

@@ -1,16 +0,0 @@
-import { Header } from '@tanstack/react-table';
-import { UseFormReturn } from 'react-hook-form';
-import { InputDef } from '../inputs/Inputs/InputItem';
-import { UIOverrides } from '../../config/uiOverrides.context';
-import { TableHeadDataVariantProps } from './table.cva';
-interface TableColumnFilterRowProps<T> {
-    headers: Header<T, unknown>[];
-    filterForm: UseFormReturn<Record<string, any>>;
-    filterDefs: InputDef<any>[];
-    tableHeadDataCva: UIOverrides.Cva<TableHeadDataVariantProps>;
-    rowClassName?: string;
-    cellClassName?: string;
-    showCellBorder?: boolean;
-}
-export declare const TableColumnFilterRow: <T>({ headers, filterForm, filterDefs, tableHeadDataCva, rowClassName, cellClassName, showCellBorder, }: TableColumnFilterRowProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};