@povio/ui 5.0.0-rc.16 → 5.0.0-rc.17

package/dist/{Table-CgG02oHQ.js → Table-DQTPPVX4.js}

@@ -1,6 +1,6 @@
 import { t as logger } from "./logger-CW24po62.js";
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
@@ -8,9 +8,8 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { a as tableHeaderTextDefinition, i as tableHeadRowDefinition, n as tableDataDefinition, o as tableRowDefinition, r as tableHeadDataDefinition, s as theadDefinition, t as tableCellTextDefinition } from "./table.cva-DlMT-zLD.js";
-import { Suspense, lazy, useCallback, useMemo, useRef, useState } from "react";
+import { a as tableHeadRowDefinition, c as theadDefinition, i as tableHeadDataDefinition, n as tableContainerDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-Dh-8HwIi.js";
+import { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPaginatedRowModel, createSortedRowModel, flexRender, stockFeatures, tableFeatures, useTable } from "@tanstack/react-table";
 import i18next from "i18next";
@@ -476,10 +475,15 @@ const CustomCellContext = (context) => {
 		value: context.getValue()
 	};
 };
-const renderCell = (Comp, props) => {
-	const rendered = flexRender(Comp, props);
-	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
+const isPlainFunction = (Comp) => typeof Comp === "function" && !Comp.prototype?.isReactComponent;
+const CellContent = ({ cell, props }) => {
+	const rendered = isPlainFunction(cell) ? cell(props) : flexRender(cell, props);
+	return typeof rendered === "string" || typeof rendered === "number" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
+const renderCell = (Comp, props) => /* @__PURE__ */ jsx(CellContent, {
+	cell: Comp,
+	props
+});
 const RowDragHandleCell = ({ rowId }) => {
 	return /* @__PURE__ */ jsx(DragHandle, {
 		id: rowId,
@@ -492,7 +496,11 @@ const RowDragHandleCell = ({ rowId }) => {
 	});
 };
 const AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-const 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 Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, variant: variantProp, containerClassName, maxHeight, scroll = "table", sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const variant = variantProp ?? uiConfig.table.variant;
+	const showColumnBorders = showCellBorder ?? (variant !== "horizontals" && variant !== "zebra" && variant !== "striped-columns");
+	const tableContainerCva = UIOverrides.useCva("table.containerCva", tableContainerDefinition);
 	const tableRowCva = UIOverrides.useCva("table.rowCva", tableRowDefinition);
 	const theadCva = UIOverrides.useCva("table.theadCva", theadDefinition);
 	const tableHeadRowCva = UIOverrides.useCva("table.headRowCva", tableHeadRowDefinition);
@@ -529,10 +537,21 @@ const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, clas
 		getRowId
 	]);
 	const [isSticky, setIsSticky] = useState(false);
-	const onIntersectionChange = useCallback((entry) => {
-		setIsSticky(entry.intersectionRatio < 1);
+	const tableRef = useRef(null);
+	const theadRef = useRef(null);
+	useEffect(() => {
+		const update = () => {
+			const tableTop = tableRef.current?.getBoundingClientRect().top;
+			const theadTop = theadRef.current?.getBoundingClientRect().top;
+			setIsSticky(tableTop !== void 0 && theadTop !== void 0 && theadTop > tableTop);
+		};
+		update();
+		document.addEventListener("scroll", update, {
+			capture: true,
+			passive: true
+		});
+		return () => document.removeEventListener("scroll", update, { capture: true });
 	}, []);
-	const { ref: stickyRef } = useIntersectionObserver({ onIntersectionChange });
 	const table = useTable({
 		features: tableFeaturesConfig,
 		data,
@@ -591,90 +610,112 @@ const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, clas
 	const columnCount = table.getHeaderGroups()[0].headers.length;
 	const isAnyRowSelected = selectedRows.length > 0 && !!ActionHeader;
 	const hasOnClick = !!onRowClick || !!onDoubleClick;
-	const tableElement = /* @__PURE__ */ jsxs("table", {
-		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) => /* @__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-surface-default-card-foreground", header_0.column.getCanSort() ? "h-6 cursor-pointer rounded-xs px-1 hover:bg-surface-default-background" : "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(IconSlot, { icon: ChevronUp }),
-								desc: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronDown })
-							}[header_0.column.getIsSorted()] ?? null]
-						})
-					}, header_0.id);
-				})
-			}, headerGroup.id))]
-		}), /* @__PURE__ */ jsx("tbody", {
-			ref,
-			className: "relative",
-			children: enableDragDrop ? /* @__PURE__ */ jsx(SortableRows, {
-				items: dataIds,
-				children: table.getRowModel().rows.map((row_0) => /* @__PURE__ */ jsx(DraggableRow, {
-					id: row_0.id,
-					className: clsx(tableRowCva({ ...props })),
-					isClickable: hasOnClick || row_0.getCanSelect(),
-					isSelected: row_0.getIsSelected(),
-					onClick: () => {
-						if (onRowClick) {
-							onRowClick(row_0.original);
-							return;
-						}
-						if (row_0.getCanSelect()) row_0.toggleSelected();
-					},
-					onDoubleClick: () => onDoubleClick?.(row_0.original),
-					children: row_0.getVisibleCells().map((cell, cellIndex) => {
-						const columnMeta_0 = cell.column.columnDef.meta ?? {};
-						return /* @__PURE__ */ jsx("td", {
+	const tableElement = /* @__PURE__ */ jsx("div", {
+		className: tableContainerCva({
+			variant,
+			scroll,
+			className: containerClassName
+		}),
+		style: maxHeight === void 0 || scroll === "page" ? void 0 : { maxHeight },
+		children: /* @__PURE__ */ jsxs("table", {
+			ref: tableRef,
+			className: clsx("w-full font-body text-large", className),
+			...listeners,
+			children: [/* @__PURE__ */ jsx("thead", {
+				ref: theadRef,
+				className: clsx(theadCva({})),
+				"data-is-sticky": isSticky || void 0,
+				children: 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(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta_0.cellClass, columnMeta_0.width),
-							children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-						}, cell.id);
+							className: clsx(tableHeadDataCva({
+								variant,
+								hasRightBorder: index > 0 && showColumnBorders
+							}), 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-surface-default-card-foreground", header_0.column.getCanSort() ? "-mx-1 h-6 cursor-pointer rounded-xs px-1 hover:bg-table-row-hover" : "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(IconSlot, { icon: ChevronUp }),
+									desc: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronDown })
+								}[header_0.column.getIsSorted()] ?? null]
+							})
+						}, header_0.id);
 					})
-				}, row_0.id))
-			}) : table.getRowModel().rows.map((row_1) => {
-				return /* @__PURE__ */ jsx("tr", {
-					className: clsx(tableRowCva({ ...props })),
-					onClick: () => {
-						if (onRowClick) {
-							onRowClick(row_1.original);
-							return;
-						}
-						if (row_1.getCanSelect()) row_1.toggleSelected();
-					},
-					onDoubleClick: () => onDoubleClick?.(row_1.original),
-					"data-clickable": hasOnClick || row_1.getCanSelect() || void 0,
-					"data-selected": row_1.getIsSelected() || void 0,
-					children: row_1.getVisibleCells().map((cell_0, cellIndex_0) => {
-						const columnMeta_1 = cell_0.column.columnDef.meta ?? {};
-						return /* @__PURE__ */ jsx("td", {
-							tabIndex: -1,
-							className: clsx(tableDataCva({ hasRightBorder: cellIndex_0 > 0 && showCellBorder }), columnMeta_1.cellClass, columnMeta_1.width),
-							children: renderCell(cell_0.column.columnDef.cell, CustomCellContext(cell_0.getContext()))
-						}, cell_0.id);
-					})
-				}, row_1.id);
-			})
-		})]
+				}, headerGroup.id))
+			}), /* @__PURE__ */ jsx("tbody", {
+				ref,
+				className: "relative",
+				children: enableDragDrop ? /* @__PURE__ */ jsx(SortableRows, {
+					items: dataIds,
+					children: table.getRowModel().rows.map((row_0) => /* @__PURE__ */ jsx(DraggableRow, {
+						id: row_0.id,
+						className: clsx(tableRowCva({
+							...props,
+							variant
+						})),
+						isClickable: hasOnClick || row_0.getCanSelect(),
+						isSelected: row_0.getIsSelected(),
+						onClick: () => {
+							if (onRowClick) {
+								onRowClick(row_0.original);
+								return;
+							}
+							if (row_0.getCanSelect()) row_0.toggleSelected();
+						},
+						onDoubleClick: () => onDoubleClick?.(row_0.original),
+						children: row_0.getVisibleCells().map((cell, cellIndex) => {
+							const columnMeta_0 = cell.column.columnDef.meta ?? {};
+							return /* @__PURE__ */ jsx("td", {
+								tabIndex: -1,
+								className: clsx(tableDataCva({
+									variant,
+									hasRightBorder: cellIndex > 0 && showColumnBorders
+								}), columnMeta_0.cellClass, columnMeta_0.width),
+								children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+							}, cell.id);
+						})
+					}, row_0.id))
+				}) : table.getRowModel().rows.map((row_1) => {
+					return /* @__PURE__ */ jsx("tr", {
+						className: clsx(tableRowCva({
+							...props,
+							variant
+						})),
+						onClick: () => {
+							if (onRowClick) {
+								onRowClick(row_1.original);
+								return;
+							}
+							if (row_1.getCanSelect()) row_1.toggleSelected();
+						},
+						onDoubleClick: () => onDoubleClick?.(row_1.original),
+						"data-clickable": hasOnClick || row_1.getCanSelect() || void 0,
+						"data-selected": row_1.getIsSelected() || void 0,
+						children: row_1.getVisibleCells().map((cell_0, cellIndex_0) => {
+							const columnMeta_1 = cell_0.column.columnDef.meta ?? {};
+							return /* @__PURE__ */ jsx("td", {
+								tabIndex: -1,
+								className: clsx(tableDataCva({
+									variant,
+									hasRightBorder: cellIndex_0 > 0 && showColumnBorders
+								}), columnMeta_1.cellClass, columnMeta_1.width),
+								children: renderCell(cell_0.column.columnDef.cell, CustomCellContext(cell_0.getContext()))
+							}, cell_0.id);
+						})
+					}, row_1.id);
+				})
+			})]
+		})
 	});
 	if (enableDragDrop) return /* @__PURE__ */ jsx(Suspense, {
 		fallback: null,

package/dist/{Tag-AHfV_XSf.d.ts → Tag-CRRg-gY7.d.ts}

@@ -1,6 +1,6 @@
 import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
-import { n as TypographyProps } from "./Typography-XljT9s02.js";
+import { t as UIOverrides } from "./uiOverrides.context-DW0iH7xW.js";
+import { n as TypographyProps } from "./Typography-DhWL30pL.js";
 import { Ref } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/text/Tag/tag.cva.d.ts

package/dist/{Tag-DPg5sL1Z.js → Tag-Dr2aOzpy.js}

@@ -1,9 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import "./i18n-CX2EjhJI.js";

package/dist/{Text-D2MPZ3sY.js → Text-D72yc4S6.js}

@@ -1,6 +1,6 @@
 import { createContext } from "react";
 import "react-aria/private/collections/Hidden";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Text.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Text.mjs
 const $efe09c6d1c304b50$export$9afb8bc826b033ea = /*#__PURE__*/ createContext({});
 //#endregion
 export { $efe09c6d1c304b50$export$9afb8bc826b033ea as t };

package/dist/{TextArea-D6kcAwGn.d.ts → TextArea-1TzdIrFP.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
-import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
+import { n as FormFieldProps } from "./FormField-DfGUjImp.js";
+import { n as InputVariantProps } from "./input.cva-DbTEm_rb.js";
 import { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

package/dist/{TextArea-DuvFUjts.js → TextArea-BD9TLKwB.js}

@@ -1,19 +1,19 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-CbMTwuQU.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CSXs5-E3.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-CjwZmdUs.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-uT0POoeN.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CMap5qSV.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
 import { useTextField } from "@react-aria/textfield";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/TextArea.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/TextArea.mjs
 const $bd263d78e9bf3c56$export$2dc6166a7e65358c = /*#__PURE__*/ createContext({});
 let $bd263d78e9bf3c56$var$filterHoverProps = (props) => {
 	let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;

package/dist/{TextButton-XUhV_1s0.d.ts → TextButton-D5pP-TCq.d.ts}

@@ -1,7 +1,7 @@
-import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
-import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
-import { r as ButtonIconProps } from "./Button-D-4qb0IR.js";
+import { n as LinkNavigationProps } from "./Link-C0E5e1VK.js";
+import { n as ButtonVariantProps } from "./button.cva-Co1-iDWe.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-Cuk_qryb.js";
+import { r as ButtonIconProps } from "./Button-CuBvrV6S.js";
 import { ReactNode } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/TextButton/TextButton.d.ts

package/dist/{TimePicker-Dex9aU7D.d.ts → TimePicker-Bad92S-b.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
-import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
+import { n as FormFieldProps } from "./FormField-DfGUjImp.js";
+import { n as InputVariantProps } from "./input.cva-DbTEm_rb.js";
 import { FocusEvent, Ref } from "react";
 import { AriaTimeFieldProps, TimeValue } from "react-aria";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

package/dist/{TimePicker-CBkiE-Yq.js → TimePicker-xjmYX2wS.js}

@@ -1,25 +1,26 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-CbMTwuQU.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CSXs5-E3.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DKsxpVck.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
-import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bs1_N5MR.js";
-import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-BDB6KM8q.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-CjwZmdUs.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-uT0POoeN.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CMap5qSV.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DXaP0Tp5.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Dzzwicga.js";
+import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-CmWMvAhS.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
 import { useLocale, useTimeField } from "react-aria";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useTimeFieldState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useTimeFieldState.mjs
 function $b822555cf9fe955c$export$fd53cef0cc796101(props) {
 	let { placeholderValue = new Time(), minValue, maxValue, defaultValue, granularity, validate } = props;
 	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, defaultValue ?? null, props.onChange);
@@ -266,7 +267,7 @@ const TimePickerBase = (props) => {
 			...formFieldProps,
 			as,
 			labelProps,
-			className: clsx("group relative inline-flex w-full flex-col text-left", className),
+			className: clsx("group relative flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(TimePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, timeFieldRef),
@@ -311,6 +312,7 @@ const TimePickerBase = (props) => {
 };
 const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
+	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const timeZone = props.timeZone ?? ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
@@ -362,9 +364,10 @@ const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props })
 				props.onValueCommit?.();
 			},
 			isDisabled,
-			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
 			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
 			contentClassName: "pr-0!",
+			contentWrapperClassName: datePickerInputContentRowCva({ size: props.size }),
 			contentGroup: "date-picker",
 			labelPlacement: "content-row",
 			dataAttributes: {

package/dist/{Toast-DtG3pA61.js → Toast-DwakS-9u.js}

@@ -1,9 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { t as Spinner } from "./Spinner-BeVTUzzx.js";
-import { t as Button } from "./Button-C5rv4Cr2.js";
+import { t as Button } from "./Button-dRWnWgFo.js";
 import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-C_L_RffH.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Toast/Toast.tsx

package/dist/{Toast-ruXqONDA.d.ts → Toast-Ht0d9ySE.d.ts}

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "./toast.cva-By5lvAfr.js";
+import { t as ToastVariantProps } from "./toast.cva-CSwQTGfS.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/Toast.d.ts
 interface ToastAction {

package/dist/{ToastContainer-qgpzMFD4.js → ToastContainer-BJ8yOMRy.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { i as toastContainerDefinition, o as toastWrapper } from "./toast.cva-C_L_RffH.js";
 import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";

package/dist/{ToggleButton-BW1ensey.js → ToggleButton-DUQ8nwKY.js}

@@ -1,6 +1,6 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-Da1c_cOO.js";
-import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-JblvLKCu.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-DJ9CCbEa.js";
+import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-B7C5Y0JM.js";
 import $ahdqC$react, { createContext, forwardRef, useContext } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -10,7 +10,7 @@ import { useToggleState } from "react-stately/useToggleState";
 import { useToggleButtonGroup, useToggleButtonGroupItem } from "react-aria/useToggleButtonGroup";
 import { useToggleGroupState } from "react-stately/useToggleGroupState";
 import { useToggleButton } from "react-aria/useToggleButton";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButtonGroup.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButtonGroup.mjs
 const $bc25b811ec97a172$export$298258635ae0dd97 = /*#__PURE__*/ createContext({});
 const $bc25b811ec97a172$export$a8a71863db173133 = /*#__PURE__*/ createContext(null);
 const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(function ToggleButtonGroup(props, ref) {
@@ -36,7 +36,7 @@ const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(funct
 	}, /*#__PURE__*/ $ahdqC$react.createElement($bc25b811ec97a172$export$a8a71863db173133.Provider, { value: state }, /*#__PURE__*/ $ahdqC$react.createElement($792f28e438b9ad5f$export$758399f318e6385a, null, renderProps.children)));
 });
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButton.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButton.mjs
 const $75afe627ae0cc0fa$export$43506d75ebd2e218 = /*#__PURE__*/ createContext({});
 const $75afe627ae0cc0fa$export$d2b052e7b4be1756 = /*#__PURE__*/ forwardRef(function ToggleButton(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $75afe627ae0cc0fa$export$43506d75ebd2e218);

package/dist/{ToggleButton-7aP8Jb11.d.ts → ToggleButton-xt0LkgbI.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
-import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-D-4qb0IR.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-Cuk_qryb.js";
+import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-CuBvrV6S.js";
 import { ReactNode } from "react";
 import { ToggleButtonProps } from "react-aria-components";
 //#region src/components/buttons/ToggleButton/ToggleButton.d.ts

package/dist/{ToggleGroup-DmVPNWok.js → ToggleGroup-JUxXtbpj.js}

@@ -1,18 +1,18 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { n as $bc25b811ec97a172$export$40258cc1d95ff477, t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-BW1ensey.js";
+import { n as $bc25b811ec97a172$export$40258cc1d95ff477, t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-DUQ8nwKY.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-9h3JAhaY.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { t as FormField } from "./FormField-CjwZmdUs.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
 import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-MbpaEBg1.js";
 import { Fragment, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleButtonGroup } from "react-aria";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/toggle/useToggleGroupState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/toggle/useToggleGroupState.mjs
 function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
 	let { selectionMode = "single", disallowEmptySelection, isDisabled = false } = props;
 	let [selectedKeys, setSelectedKeys] = $3e6197669829fe11$export$40bfa8c7b0832715(useMemo(() => props.selectedKeys ? new Set(props.selectedKeys) : void 0, [props.selectedKeys]), useMemo(() => props.defaultSelectedKeys ? new Set(props.defaultSelectedKeys) : /* @__PURE__ */ new Set(), [props.defaultSelectedKeys]), props.onSelectionChange);

package/dist/{ToggleGroup-CRFDIPGZ.d.ts → ToggleGroup-VKx-F9OG.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlledToggleGroupProps } from "./toggleGroup.types-Bp43zbSQ.js";
+import { t as ControlledToggleGroupProps } from "./toggleGroup.types-Dho6xeGb.js";
 import { Key } from "react-aria-components";
 //#region src/components/ToggleGroup/ToggleGroup.d.ts
 declare const ToggleGroup: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledToggleGroupProps<TFieldValues, TKey>) => import("react").JSX.Element;

package/dist/{Tooltip-CpG1nz7Y.js → Tooltip-BFyRjLrd.js}

@@ -2,8 +2,8 @@ import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { n as $4fcfe18fac72dabd$export$746d02f47f4d381, t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-D8z7cCsw.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { n as $4fcfe18fac72dabd$export$746d02f47f4d381, t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-DF0jMwul.js";
 import { i as tooltipTextDefinition, n as tooltipPointerHorizontalDefinition, r as tooltipPointerVerticalDefinition, t as tooltipDefinition } from "./tooltip.cva-BIzlOXHH.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import $ahdqC$react, { Fragment, createContext, forwardRef, useContext, useRef } from "react";
@@ -18,7 +18,7 @@ import { useOverlayPosition } from "react-aria/useOverlayPosition";
 import { OverlayContainer } from "react-aria/private/overlays/useModal";
 import { useTooltip, useTooltipTrigger } from "react-aria/useTooltipTrigger";
 import { useFocusable } from "react-aria";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Tooltip.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Tooltip.mjs
 const $05a50f7d78b03ad9$export$7a7623236eec67fa = /*#__PURE__*/ createContext(null);
 const $05a50f7d78b03ad9$export$39ae08fa83328b12 = /*#__PURE__*/ createContext(null);
 function $05a50f7d78b03ad9$export$8c610744efcf8a1d(props) {

package/dist/{Tooltip-DHv6vAqW.d.ts → Tooltip-HplcUjeN.d.ts}

@@ -1,5 +1,5 @@
 import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { t as UIOverrides } from "./uiOverrides.context-DW0iH7xW.js";
 import { PropsWithChildren, ReactNode } from "react";
 import { TooltipProps } from "react-aria-components";
 //#region src/components/overlays/Tooltip/tooltip.cva.d.ts

package/dist/{TooltipWrapper-CSXs5-E3.js → TooltipWrapper-CMap5qSV.js}

@@ -1,9 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-Bx12tzEa.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import "./i18n-CX2EjhJI.js";
-import { n as inputClearClassDefinition } from "./input.cva-CbMTwuQU.js";
+import { n as inputClearClassDefinition } from "./input.cva-uT0POoeN.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -46,7 +46,7 @@ const InputClearButton = ({ onClear, className, style }) => {
 };
 //#endregion
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-BpApaGXV.js"));
+const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-CgT6paDy.js"));
 const TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;
 	return /* @__PURE__ */ jsx(Suspense, {

package/dist/{Typography-XljT9s02.d.ts → Typography-DhWL30pL.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
+import { t as TypographyVariantProps } from "./typography.cva-ChhY8XsS.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

package/dist/{autocomplete-B-JuxTYN.d.ts → autocomplete-CNJT4yV5.d.ts}

@@ -1,5 +1,5 @@
-import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-BkIhS9Dg.js";
-import { n as AutocompleteProps } from "./Autocomplete-C6RRxImn.js";
+import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-ClF5P40Y.js";
+import { n as AutocompleteProps } from "./Autocomplete-6Jf0FRsQ.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { Key } from "react-aria-components";