@povio/ui 3.4.0-rc.7 → 3.4.0-rc.9

package/dist/components/overlays/Drawer/Drawer.js

@@ -1,8 +1,8 @@
 import { modalOverlay } from "../Modal/modal.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Drawer/Drawer.tsx
 var Drawer = (t0) => {
 	const $ = c(25);

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

@@ -2,10 +2,10 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
 import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./modal.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
-import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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 }) => {

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -2,9 +2,9 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { popoverDefinition } from "../../shared/popover.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
 var ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps }) => {
 	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,12 +1,12 @@
-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 { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Triangle, TriangleRight } from "lucide-react";
 import { clsx } from "clsx";
-import { Fragment as Fragment$1, useRef } from "react";
+import { Fragment, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 var CustomTrigger = (t0) => {
@@ -50,7 +50,7 @@ var Tooltip$1 = (t0) => {
 	const tooltipPointerHorizontalCva = UIOverrides.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalDefinition);
 	const tooltipPointerVerticalCva = UIOverrides.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalDefinition);
 	const tooltipTextCva = UIOverrides.useCva("tooltip.textCva", tooltipTextDefinition);
-	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment$1;
+	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment;
 	const T0 = TooltipTrigger;
 	const t1 = delay ?? 0;
 	const t2 = closeDelay ?? 0;
@@ -82,8 +82,7 @@ var Tooltip$1 = (t0) => {
 	} else t5 = $[8];
 	let t6;
 	if ($[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-Triangle",
+		t6 = /* @__PURE__ */ jsx(Triangle, {
 			className: t5,
 			fill: "currentColor",
 			strokeWidth: 0
@@ -100,8 +99,7 @@ var Tooltip$1 = (t0) => {
 	} else t7 = $[13];
 	let t8;
 	if ($[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-TriangleRight",
+		t8 = /* @__PURE__ */ jsx(TriangleRight, {
 			className: t7,
 			fill: "currentColor",
 			strokeWidth: 0

package/dist/components/overlays/Tooltip/TooltipEllipsis.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "./Tooltip.js";
-import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
 var TooltipEllipsis = (t0) => {
 	const $ = c(8);

package/dist/components/segment/Segment.js

@@ -3,11 +3,11 @@ import { FieldController } from "../inputs/shared/form.binding.js";
 import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentDefinition } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { Fragment as Fragment$1, useRef } from "react";
+import { Fragment, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useToggleGroupState } from "react-stately";
@@ -128,7 +128,7 @@ var SegmentBase = (t0) => {
 	} else t9 = $[32];
 	let t10;
 	if ($[33] !== items || $[34] !== props.isDisabled || $[35] !== segmentItemClassName || $[36] !== state) {
-		t10 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SegmentItem, {
+		t10 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SegmentItem, {
 			...item,
 			className: clsx(item.className, segmentItemClassName),
 			isDisabled: item.isDisabled || props.isDisabled,

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 { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/segment/SegmentItem.tsx
 var SegmentItem = (t0) => {
 	const $ = c(23);

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

@@ -2,8 +2,8 @@ import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
 import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/Pagination.tsx
 var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {

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

@@ -1,10 +1,10 @@
 import { Button } from "../../buttons/Button/Button.js";
 import "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/PaginationList.tsx
 var PaginationList = (t0) => {

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

@@ -1,6 +1,6 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-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 { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-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 { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/table/ColumnConfig.tsx
 var VisibilityCell = (t0) => {

package/dist/components/table/InfiniteTable.js

@@ -1,8 +1,8 @@
 import { Loader } from "../status/Loader/Loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/InfiniteTable.tsx
 var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
 	const { ref } = useIntersectionObserver({

package/dist/components/table/PaginatedTable.js

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

package/dist/components/table/Table.js

@@ -1,4 +1,4 @@
-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";
+"use no memo";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
@@ -6,11 +6,10 @@ import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, t
 import { CellText } from "./CellText.js";
 import { HeaderText } from "./HeaderText.js";
 import { useTableNav } from "../../hooks/useTableNav.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, GripVertical } from "lucide-react";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { c } from "react/compiler-runtime";
-import { GripVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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";
@@ -30,155 +29,48 @@ var renderCell = (Comp, props) => {
 	const rendered = flexRender(Comp, props);
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
-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 = (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 RowDragHandleCell = ({ rowId }) => {
+	const { attributes, listeners } = useSortable({ id: rowId });
+	return /* @__PURE__ */ jsx(InlineIconButton, {
+		...attributes,
+		...listeners,
+		className: "cursor-move p-1",
+		label: "Drag handle",
+		icon: GripVertical
+	});
 };
-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,
+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),
 			transition,
-			opacity: t3,
-			zIndex: t4,
+			opacity: isDragging ? .8 : 1,
+			zIndex: isDragging ? 1 : 0,
 			position: "relative"
-		};
-		$[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 = () => {
+		},
+		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
+		"data-selected": row.getIsSelected() || void 0,
+		className: clsx(tableRowCva(props)),
+		onClick: () => {
 			if (onRowClick) {
 				onRowClick(row.original);
 				return;
 			}
 			if (row.getCanSelect()) row.toggleSelected();
-		};
-		$[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;
+		},
+		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);
+		})
+	});
 };
 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);
@@ -305,13 +197,11 @@ 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(ReactIconsSpriteIcon, {
-									iconId: "ri-lucide-react-ChevronUp",
+								asc: /* @__PURE__ */ jsx(ChevronUp, {
 									width: 18,
 									height: 18
 								}),
-								desc: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-									iconId: "ri-lucide-react-ChevronDown",
+								desc: /* @__PURE__ */ jsx(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 { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Link/Link.tsx
 var Link$1 = (t0) => {
 	const $ = c(4);

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

@@ -1,12 +1,12 @@
-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";
 import { pillButtonDefinition } from "../../buttons/PillButton/pillButton.cva.js";
 import "../../../config/i18n.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Pill/Pill.tsx
 var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
@@ -36,10 +36,7 @@ var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRe
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-X",
-				className: "size-4"
-			})
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
 		})]
 	});
 };

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

@@ -1,12 +1,12 @@
-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";
 import "../../../config/i18n.js";
 import { tagDefinition } from "./tag.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Tag/Tag.tsx
 var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
@@ -35,10 +35,7 @@ var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-X",
-				className: "size-4"
-			})
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
 		})]
 	});
 };

package/dist/config/confirmation.context.js

@@ -1,7 +1,7 @@
 import "./i18n.js";
 import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/config/confirmation.context.tsx
 var Confirmation;

package/dist/config/link.context.js

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

package/dist/config/router.context.js

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

package/dist/config/theme.context.js

@@ -1,6 +1,6 @@
 import { useLocalStorage } from "../hooks/useLocalStorage.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/config/theme.context.tsx
 var ThemeContext;

package/dist/config/uiConfig.context.js

@@ -1,8 +1,8 @@
-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";
+import { Calendar, CalendarClock, Clock } from "lucide-react";
 import { createContext, use } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/config/uiConfig.context.tsx
 var UIConfig;
 (function(_UIConfig) {
@@ -68,18 +68,9 @@ var UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
-			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"
-			}),
+			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-4" }),
+			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-4" }),
+			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-4 text-interactive-text-secondary-idle" }),
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",

package/dist/config/uiOverrides.context.js

@@ -1,9 +1,9 @@
 import { StyleMergeUtils } from "../utils/style-merge.util.js";
-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";
+import { jsx } from "react/jsx-runtime";
 //#region src/config/uiOverrides.context.tsx
 var UIOverrides;
 (function(_UIOverrides) {

package/dist/rhf/Inputs.js

@@ -1,8 +1,8 @@
 import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
 import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/rhf/Inputs.tsx
 var componentRegistry = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.7",
+  "version": "3.4.0-rc.9",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

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

@@ -1,15 +0,0 @@
-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-8250f4ef.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 };