@povio/ui 3.4.0-rc.4 → 3.4.0-rc.6

package/dist/components/segment/SegmentItem.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { segmentItemDefinition } from "./segment.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/segment/SegmentItem.tsx
 var SegmentItem = (t0) => {
 	const $ = c(23);

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

@@ -1,13 +1,10 @@
-import { ChevronLeftIcon } from "../../../assets/icons/ChevronLeft.js";
-import { ChevronRightIcon } from "../../../assets/icons/ChevronRight.js";
-import { ChevronsLeftIcon } from "../../../assets/icons/ChevronsLeft.js";
-import { ChevronsRightIcon } from "../../../assets/icons/ChevronsRight.js";
 import { Button } from "../../buttons/Button/Button.js";
 import "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/PaginationList.tsx
 var PaginationList = (t0) => {
@@ -91,7 +88,7 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: ChevronsLeftIcon,
+			icon: ChevronsLeft,
 			children: t(_temp)
 		});
 		$[17] = color;
@@ -113,7 +110,7 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: ChevronLeftIcon,
+			icon: ChevronLeft,
 			children: t(_temp2)
 		});
 		$[26] = color;
@@ -136,7 +133,7 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: ChevronRightIcon,
+			icon: ChevronRight,
 			children: t(_temp3)
 		});
 		$[35] = color;
@@ -158,7 +155,7 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: ChevronsRightIcon,
+			icon: ChevronsRight,
 			children: t(_temp4)
 		});
 		$[44] = color;

package/dist/components/status/Loader/Loader.js

@@ -1,6 +1,6 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/status/Loader/Loader.tsx
 var Loader = (t0) => {
 	const $ = c(18);

package/dist/components/status/Toast/Toast.js

@@ -4,8 +4,8 @@ import { Loader } from "../Loader/Loader.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./toast.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { ToastContainer } from "react-toastify";
 //#region src/components/status/Toast/Toast.tsx
 var Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {

package/dist/components/status/Toast/useToast.js

@@ -1,6 +1,6 @@
 import { Toast } from "./Toast.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { toast } from "react-toastify";
 //#region src/components/status/Toast/useToast.tsx
 var useToast = () => {

package/dist/components/table/ColumnConfig.js

@@ -4,9 +4,9 @@ import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
 import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/table/ColumnConfig.tsx
 var VisibilityCell = (t0) => {

package/dist/components/table/PaginatedTable.js

@@ -1,7 +1,7 @@
 import { Pagination } from "../shared/pagination/Pagination.js";
 import { Table } from "./Table.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/table/PaginatedTable.tsx
 var PaginatedTable = (t0) => {
 	const $ = c(24);

package/dist/components/table/Table.js

@@ -1,17 +1,16 @@
-"use no memo";
-import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
-import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
+import { ReactIconsSpriteIcon } from "../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableRowDefinition, theadDefinition } from "./table.cva.js";
 import { CellText } from "./CellText.js";
-import { DragIndicatorIcon } from "../../assets/icons/DragIndicator.js";
 import { HeaderText } from "./HeaderText.js";
 import { useTableNav } from "../../hooks/useTableNav.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { GripVertical } from "lucide-react";
 import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -31,48 +30,155 @@ var renderCell = (Comp, props) => {
 	const rendered = flexRender(Comp, props);
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
-var RowDragHandleCell = ({ rowId }) => {
-	const { attributes, listeners } = useSortable({ id: rowId });
-	return /* @__PURE__ */ jsx(InlineIconButton, {
-		...attributes,
-		...listeners,
-		className: "cursor-move p-1",
-		label: "Drag handle",
-		icon: DragIndicatorIcon
-	});
+var RowDragHandleCell = (t0) => {
+	const $ = c(5);
+	const { rowId } = t0;
+	let t1;
+	if ($[0] !== rowId) {
+		t1 = { id: rowId };
+		$[0] = rowId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { attributes, listeners } = useSortable(t1);
+	let t2;
+	if ($[2] !== attributes || $[3] !== listeners) {
+		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
+			...attributes,
+			...listeners,
+			className: "cursor-move p-1",
+			label: "Drag handle",
+			icon: GripVertical
+		});
+		$[2] = attributes;
+		$[3] = listeners;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
-var AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
-	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
-	return /* @__PURE__ */ jsx("tr", {
-		ref: setNodeRef,
-		style: {
-			transform: CSS.Transform.toString(transform),
+var AutoDragHandleCell = (t0) => {
+	const $ = c(2);
+	const { row } = t0;
+	let t1;
+	if ($[0] !== row.id) {
+		t1 = /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
+		$[0] = row.id;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+var DraggableRow = (t0) => {
+	const $ = c(36);
+	const { row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props } = t0;
+	let t1;
+	if ($[0] !== row.id) {
+		t1 = { id: row.id };
+		$[0] = row.id;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { transform, transition, setNodeRef, isDragging } = useSortable(t1);
+	let t2;
+	if ($[2] !== transform) {
+		t2 = CSS.Transform.toString(transform);
+		$[2] = transform;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = isDragging ? .8 : 1;
+	const t4 = isDragging ? 1 : 0;
+	let t5;
+	if ($[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== transition) {
+		t5 = {
+			transform: t2,
 			transition,
-			opacity: isDragging ? .8 : 1,
-			zIndex: isDragging ? 1 : 0,
+			opacity: t3,
+			zIndex: t4,
 			position: "relative"
-		},
-		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
-		"data-selected": row.getIsSelected() || void 0,
-		className: clsx(tableRowCva(props)),
-		onClick: () => {
+		};
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = transition;
+		$[8] = t5;
+	} else t5 = $[8];
+	const style = t5;
+	let t6;
+	if ($[9] !== hasOnClick || $[10] !== row) {
+		t6 = hasOnClick || row.getCanSelect() || void 0;
+		$[9] = hasOnClick;
+		$[10] = row;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== row) {
+		t7 = row.getIsSelected() || void 0;
+		$[12] = row;
+		$[13] = t7;
+	} else t7 = $[13];
+	const t8 = clsx(tableRowCva(props));
+	let t9;
+	if ($[14] !== onRowClick || $[15] !== row) {
+		t9 = () => {
 			if (onRowClick) {
 				onRowClick(row.original);
 				return;
 			}
 			if (row.getCanSelect()) row.toggleSelected();
-		},
-		onDoubleClick: () => onDoubleClick?.(row.original),
-		children: row.getVisibleCells().map((cell, cellIndex) => {
-			const columnMeta = cell.column.columnDef.meta ?? {};
-			return /* @__PURE__ */ jsx("td", {
-				tabIndex: -1,
-				className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-				children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-			}, cell.id);
-		})
-	});
+		};
+		$[14] = onRowClick;
+		$[15] = row;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== onDoubleClick || $[18] !== row.original) {
+		t10 = () => onDoubleClick?.(row.original);
+		$[17] = onDoubleClick;
+		$[18] = row.original;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== row || $[21] !== showCellBorder || $[22] !== tableDataCva) {
+		let t12;
+		if ($[24] !== showCellBorder || $[25] !== tableDataCva) {
+			t12 = (cell, cellIndex) => {
+				const columnMeta = cell.column.columnDef.meta ?? {};
+				return /* @__PURE__ */ jsx("td", {
+					tabIndex: -1,
+					className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
+					children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+				}, cell.id);
+			};
+			$[24] = showCellBorder;
+			$[25] = tableDataCva;
+			$[26] = t12;
+		} else t12 = $[26];
+		t11 = row.getVisibleCells().map(t12);
+		$[20] = row;
+		$[21] = showCellBorder;
+		$[22] = tableDataCva;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[27] !== setNodeRef || $[28] !== style || $[29] !== t10 || $[30] !== t11 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
+		t12 = /* @__PURE__ */ jsx("tr", {
+			ref: setNodeRef,
+			style,
+			"data-clickable": t6,
+			"data-selected": t7,
+			className: t8,
+			onClick: t9,
+			onDoubleClick: t10,
+			children: t11
+		});
+		$[27] = setNodeRef;
+		$[28] = style;
+		$[29] = t10;
+		$[30] = t11;
+		$[31] = t6;
+		$[32] = t7;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
 };
 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);
@@ -199,11 +305,13 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 							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, {
+								asc: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+									iconId: "ri-lucide-react-ChevronUp",
 									width: 18,
 									height: 18
 								}),
-								desc: /* @__PURE__ */ jsx(ChevronDownIcon, {
+								desc: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+									iconId: "ri-lucide-react-ChevronDown",
 									width: 18,
 									height: 18
 								})

package/dist/components/text/Link/Link.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { LinkContext } from "../../../config/link.context.js";
 import { linkDefinition } from "./link.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/text/Link/Link.tsx
 var Link$1 = (t0) => {
 	const $ = c(4);

package/dist/components/text/Pill/Pill.js

@@ -1,4 +1,4 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
+import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
@@ -36,7 +36,10 @@ var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRe
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-X",
+				className: "size-4"
+			})
 		})]
 	});
 };

package/dist/components/text/Tag/Tag.js

@@ -1,4 +1,4 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
+import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
@@ -35,7 +35,10 @@ var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-X",
+				className: "size-4"
+			})
 		})]
 	});
 };

package/dist/config/link.context.js

@@ -1,6 +1,6 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/config/link.context.tsx
 var LinkContext;
 (function(_LinkContext) {

package/dist/config/router.context.js

@@ -1,6 +1,6 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
+import { c } from "react/compiler-runtime";
 import { RouterProvider } from "react-aria";
 //#region src/config/router.context.tsx
 var UIRouter;

package/dist/config/uiConfig.context.js

@@ -1,6 +1,4 @@
-import { CalendarIcon } from "../assets/icons/Calendar.js";
-import { ClockIcon } from "../assets/icons/Clock.js";
-import { DateTimeIcon } from "../assets/icons/DateTime.js";
+import { ReactIconsSpriteIcon } from "../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
 import { jsx } from "react/jsx-runtime";
@@ -70,9 +68,18 @@ var UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
-			calendarIcon: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-5" }),
-			dateTimeIcon: /* @__PURE__ */ jsx(DateTimeIcon, { className: "size-5" }),
-			timeIcon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-6 text-interactive-text-secondary-idle" }),
+			calendarIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-Calendar",
+				className: "size-4"
+			}),
+			dateTimeIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-CalendarClock",
+				className: "size-4"
+			}),
+			timeIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-Clock",
+				className: "size-4 text-interactive-text-secondary-idle"
+			}),
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",

package/dist/config/uiOverrides.context.js

@@ -1,8 +1,8 @@
 import { StyleMergeUtils } from "../utils/style-merge.util.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, use } from "react";
+import { c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 //#region src/config/uiOverrides.context.tsx
 var UIOverrides;

package/dist/hooks/useFilters.js

@@ -1,7 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
 import { z } from "zod";
 //#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {

package/dist/hooks/useForm.js

@@ -1,5 +1,5 @@
-import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";
+import { c } from "react/compiler-runtime";
 import { useForm, useStore } from "@tanstack/react-form";
 //#region src/hooks/useForm.ts
 function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmitAsync, zodSchema } = {}) {

package/dist/hooks/useIntersectionObserver.js

@@ -1,5 +1,5 @@
-import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useIntersectionObserver.ts
 var useIntersectionObserver = (t0) => {
 	const $ = c(13);

package/dist/hooks/useLocalStorage.js

@@ -1,5 +1,5 @@
-import { c } from "react/compiler-runtime";
 import { useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useLocalStorage.ts
 var getValue = (key, schema) => {
 	if (!localStorage) return null;

package/dist/hooks/usePagination.js

@@ -1,7 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/usePagination.ts
 var DEFAULT_STATE = {
 	pageIndex: 1,

package/dist/hooks/useScrollableListBox.js

@@ -1,6 +1,6 @@
 import { useBreakpoint } from "./useBreakpoint.js";
-import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useScrollableListBox.ts
 function useScrollableListBox() {
 	const $ = c(4);

package/dist/hooks/useSorting.js

@@ -1,7 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useSorting.ts
 function useSorting(defaultSorting, t0) {
 	const $ = c(16);

package/dist/hooks/useStateAndRef.js

@@ -1,6 +1,6 @@
 import { ObjectUtils } from "../utils/object.utils.js";
-import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useStateAndRef.ts
 var useStateAndRef = (initialState) => {
 	const $ = c(3);

package/dist/hooks/useTableColumnConfig.js

@@ -1,5 +1,5 @@
-import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/hooks/useTableColumnConfig.ts
 function sortByKeyOrder(data, orderedKeys = []) {
 	return [...data].sort((a, b) => {

package/dist/index.js

@@ -1,42 +1,3 @@
-import { AlignCenterIcon } from "./assets/icons/AlignCenter.js";
-import { AlignLeftIcon } from "./assets/icons/AlignLeft.js";
-import { AlignLeftRightIcon } from "./assets/icons/AlignLeftRight.js";
-import { AlignRightIcon } from "./assets/icons/AlignRight.js";
-import { ArrowDropDownIcon } from "./assets/icons/ArrowDropDown.js";
-import { ArrowDropUpIcon } from "./assets/icons/ArrowDropUp.js";
-import { ArrowLeftIcon } from "./assets/icons/ArrowLeft.js";
-import { ArrowRightIcon } from "./assets/icons/ArrowRight.js";
-import { BoldIcon } from "./assets/icons/Bold.js";
-import { BulletedListIcon } from "./assets/icons/BulletedList.js";
-import { CalendarIcon } from "./assets/icons/Calendar.js";
-import { CheckIcon } from "./assets/icons/Check.js";
-import { CheckboxCheckmarkIcon } from "./assets/icons/CheckboxCheckmark.js";
-import { CheckboxIndeterminateIcon } from "./assets/icons/CheckboxIndeterminate.js";
-import { ChevronDownIcon } from "./assets/icons/ChevronDown.js";
-import { ChevronLeftIcon } from "./assets/icons/ChevronLeft.js";
-import { ChevronRightIcon } from "./assets/icons/ChevronRight.js";
-import { ChevronsLeftIcon } from "./assets/icons/ChevronsLeft.js";
-import { ChevronsRightIcon } from "./assets/icons/ChevronsRight.js";
-import { ChevronUpIcon } from "./assets/icons/ChevronUp.js";
-import { ClockIcon } from "./assets/icons/Clock.js";
-import { CloseIcon } from "./assets/icons/Close.js";
-import { DateTimeIcon } from "./assets/icons/DateTime.js";
-import { HighlightIcon } from "./assets/icons/Highlight.js";
-import { HighlightOnIcon } from "./assets/icons/HighlightOn.js";
-import { HomeIcon } from "./assets/icons/Home.js";
-import { InfoIcon } from "./assets/icons/Info.js";
-import { ItalicIcon } from "./assets/icons/Italic.js";
-import { LinkIcon } from "./assets/icons/Link.js";
-import { MenuIcon } from "./assets/icons/Menu.js";
-import { NumberedListIcon } from "./assets/icons/NumberedList.js";
-import { PointerHorizontalIcon } from "./assets/icons/PointerHorizontal.js";
-import { PointerVerticalIcon } from "./assets/icons/PointerVertical.js";
-import { SendIcon } from "./assets/icons/Send.js";
-import { StrikethroughIcon } from "./assets/icons/Strikethrough.js";
-import { TextColorIcon } from "./assets/icons/TextColor.js";
-import { UnderlinedIcon } from "./assets/icons/Underlined.js";
-import { VisibilityIcon } from "./assets/icons/Visibility.js";
-import { VisibilityOffIcon } from "./assets/icons/VisibilityOff.js";
 import { UIOverrides } from "./config/uiOverrides.context.js";
 import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
 import { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
@@ -156,4 +117,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, 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, ArrayUtils, Autocomplete, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, InfiniteTable, InlineIconButton, InputUpload, Inputs, IntlUtils, Link, LinkContext, Loader, Menu, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, Slider, SplitButton, Stepper, StringUtils, Table, Tag, TextArea, TextButton, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, 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/node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.mjs
+var ReactIconsSpriteIcon = ({ iconId, ...rest }) => {
+	const iconHref = `/react-icons-sprite-4cbd6962.svg#${iconId}`;
+	return /* @__PURE__ */ jsx("svg", {
+		height: "1em",
+		width: "1em",
+		preserveAspectRatio: "xMidYMid meet",
+		viewBox: "0 0 24 24",
+		...rest,
+		children: /* @__PURE__ */ jsx("use", { href: iconHref })
+	});
+};
+//#endregion
+export { ReactIconsSpriteIcon };