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

package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js

@@ -1,11 +1,8 @@
-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 "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextAlignSelect.tsx
 var TextAlignSelect = (t0) => {
@@ -40,10 +37,10 @@ var TextAlignSelect = (t0) => {
 	let t3;
 	if ($0[5] !== getItem) {
 		t3 = [
-			getItem("left", AlignLeftIcon),
-			getItem("center", AlignCenterIcon),
-			getItem("right", AlignRightIcon),
-			getItem("justify", AlignLeftRightIcon)
+			getItem("left", AlignLeft),
+			getItem("center", AlignCenter),
+			getItem("right", AlignRight),
+			getItem("justify", AlignJustify)
 		].filter(_temp2);
 		$0[5] = getItem;
 		$0[6] = t3;

package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js

@@ -1,8 +1,8 @@
-import { TextColorIcon } from "../../../../assets/icons/TextColor.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 { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/TextColorSelect.tsx
 var TextColorSelect = (t0) => {
 	const $ = c(11);
@@ -27,9 +27,10 @@ var TextColorSelect = (t0) => {
 	const t3 = !editor.isEditable;
 	let t4;
 	if ($[4] !== textColor) {
-		t4 = /* @__PURE__ */ jsx(TextColorIcon, {
+		t4 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-Baseline",
 			className: "size-6",
-			textColor
+			style: { color: textColor }
 		});
 		$[4] = textColor;
 		$[5] = t4;

package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.js

@@ -5,8 +5,8 @@ import { TextHighlightSelect } from "./TextHighlightSelect.js";
 import { TextListActions } from "./TextListActions.js";
 import { TextMarksActions } from "./TextMarksActions.js";
 import { TextStyleSelect } from "./TextStyleSelect.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/TextEditorToolbar.tsx
 var TextEditorToolbar = (t0) => {
 	const $ = c(16);

package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js

@@ -1,9 +1,8 @@
-import { HighlightIcon } from "../../../../assets/icons/Highlight.js";
-import { HighlightOnIcon } from "../../../../assets/icons/HighlightOn.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 { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/TextHighlightSelect.tsx
 var TextHighlightSelect = (t0) => {
 	const $ = c(11);
@@ -29,10 +28,14 @@ var TextHighlightSelect = (t0) => {
 	const t3 = !editor.isEditable;
 	let t4;
 	if ($[4] !== highlightColor) {
-		t4 = highlightColor ? /* @__PURE__ */ jsx(HighlightOnIcon, {
+		t4 = highlightColor ? /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-Highlighter",
 			className: "size-6",
-			highlightColor
-		}) : /* @__PURE__ */ jsx(HighlightIcon, { className: "size-6" });
+			style: { color: highlightColor }
+		}) : /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-Highlighter",
+			className: "size-6"
+		});
 		$[4] = highlightColor;
 		$[5] = t4;
 	} else t4 = $[5];

package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js

@@ -1,10 +1,9 @@
-import { BulletedListIcon } from "../../../../assets/icons/BulletedList.js";
-import { NumberedListIcon } from "../../../../assets/icons/NumberedList.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
+import { List, ListOrdered } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextListActions.tsx
 var TextListActions = (t0) => {
@@ -38,7 +37,7 @@ var TextListActions = (t0) => {
 				can: t2,
 				isEnabled: t3,
 				label: t(t4),
-				icon: BulletedListIcon,
+				icon: List,
 				onPress: () => {
 					editor.chain().focus().toggleBulletList().run();
 				},
@@ -47,7 +46,7 @@ var TextListActions = (t0) => {
 				can: !!editor.extensionManager.extensions.find(_temp3),
 				isEnabled: () => editor.isEditable && editor.can().toggleOrderedList(),
 				label: t(_temp4),
-				icon: NumberedListIcon,
+				icon: ListOrdered,
 				onPress: () => {
 					editor.chain().focus().toggleOrderedList().run();
 				},

package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js

@@ -1,12 +1,9 @@
-import { BoldIcon } from "../../../../assets/icons/Bold.js";
-import { ItalicIcon } from "../../../../assets/icons/Italic.js";
-import { StrikethroughIcon } from "../../../../assets/icons/Strikethrough.js";
-import { UnderlinedIcon } from "../../../../assets/icons/Underlined.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
+import { Bold, Italic, Strikethrough, Underline } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextMarksActions.tsx
 var TextMarksActions = (t0) => {
@@ -41,7 +38,7 @@ var TextMarksActions = (t0) => {
 					can: t2,
 					isEnabled: t3,
 					label: t(t4),
-					icon: BoldIcon,
+					icon: Bold,
 					onPress: () => {
 						editor.chain().focus().toggleBold().run();
 					},
@@ -51,7 +48,7 @@ var TextMarksActions = (t0) => {
 					can: !!editor.extensionManager.extensions.find(_temp3),
 					isEnabled: () => editor.isEditable && editor.can().toggleItalic(),
 					label: t(_temp4),
-					icon: ItalicIcon,
+					icon: Italic,
 					onPress: () => {
 						editor.chain().focus().toggleItalic().run();
 					},
@@ -61,7 +58,7 @@ var TextMarksActions = (t0) => {
 					can: !!editor.extensionManager.extensions.find(_temp5),
 					isEnabled: () => editor.isEditable && editor.can().toggleStrike(),
 					label: t(_temp6),
-					icon: StrikethroughIcon,
+					icon: Strikethrough,
 					onPress: () => {
 						editor.chain().focus().toggleStrike().run();
 					},
@@ -71,7 +68,7 @@ var TextMarksActions = (t0) => {
 					can: !!editor.extensionManager.extensions.find(_temp7),
 					isEnabled: () => editor.isEditable && editor.can().toggleUnderline(),
 					label: t(_temp8),
-					icon: UnderlinedIcon,
+					icon: Underline,
 					onPress: () => {
 						editor.chain().focus().toggleUnderline().run();
 					},

package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js

@@ -1,8 +1,8 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextStyleSelect.tsx
 var TextStyleSelect = (t0) => {

package/dist/components/inputs/Toggle/Toggle.js

@@ -4,10 +4,10 @@ import { FieldController } from "../shared/form.binding.js";
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { toggleContentClassName, toggleDefinition, toggleTypography } from "./toggle.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Switch } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Toggle/Toggle.tsx
 var ToggleBase = (props) => {

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

@@ -1,8 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/CheckContent.tsx
 var CheckContent = (t0) => {
 	const $ = c(3);

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

@@ -1,10 +1,10 @@
-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 { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
@@ -29,7 +29,10 @@ var InputClear = (t0) => {
 				} else t2 = $[11];
 				let t3;
 				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6 shrink-0" });
+					t3 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+						iconId: "ri-lucide-react-X",
+						className: "h-6 w-6 shrink-0"
+					});
 					$[12] = t3;
 				} else t3 = $[12];
 				t1 = /* @__PURE__ */ jsx("button", {
@@ -90,7 +93,7 @@ var InputClearButton = (t0) => {
 			color: "secondary",
 			className,
 			label: t1,
-			icon: CloseIcon,
+			icon: X,
 			onPress: onClear,
 			onMouseDown: _temp3,
 			excludeFromTabOrder: true,

package/dist/components/inputs/shared/TooltipWrapper.d.ts

@@ -6,5 +6,5 @@ interface TooltipWrapperProps {
     triggerClassName?: string;
     triggerTabIndex?: number;
 }
-export declare const TooltipWrapper: (props: TooltipWrapperProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
+export declare const TooltipWrapper: (props: TooltipWrapperProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

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

@@ -1,8 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/TooltipWrapper.tsx
 var TooltipWrapper = (props) => {
 	const $ = c(14);

package/dist/components/inputs/shared/form.binding.js

@@ -1,6 +1,6 @@
 import { getFieldError } from "./form.types.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/form.binding.tsx
 function FieldController(t0) {
 	const $ = c(12);

package/dist/components/inputs/shared/input.cva.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
-import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/input.cva.ts
 var inputBaseDefinition = UIOverrides.defineConfig({
 	base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],

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

@@ -1,18 +1,33 @@
-import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/useStaticInputHandoff.ts
 var useStaticInputHandoff = (t0) => {
-	const $ = c(16);
+	const $ = c(18);
 	const { inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget } = t0;
 	const [shouldFocus, setShouldFocus] = useState(false);
 	const pendingStaticChangeRef = useRef(null);
 	const pendingStaticFocusTargetRef = useRef(null);
 	const resolvedFocusTargetRef = useRef(null);
 	const shouldReplayStaticPressRef = useRef(false);
+	const hoverHandoffFrameRef = useRef(null);
 	let t1;
 	let t2;
-	if ($[0] !== getFocusTarget || $[1] !== getPressTarget || $[2] !== inputRef || $[3] !== renderInput || $[4] !== shouldFocus) {
-		t1 = () => {
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => () => {
+			if (hoverHandoffFrameRef.current !== null) cancelAnimationFrame(hoverHandoffFrameRef.current);
+		};
+		t2 = [];
+		$[0] = t1;
+		$[1] = t2;
+	} else {
+		t1 = $[0];
+		t2 = $[1];
+	}
+	useLayoutEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[2] !== getFocusTarget || $[3] !== getPressTarget || $[4] !== inputRef || $[5] !== renderInput || $[6] !== shouldFocus) {
+		t3 = () => {
 			if (!renderInput || !shouldFocus) return;
 			const focusRealInput = (replayPendingInteraction) => {
 				const input = inputRef.current;
@@ -45,68 +60,79 @@ var useStaticInputHandoff = (t0) => {
 				cancelAnimationFrame(frame);
 			};
 		};
-		t2 = [
+		t4 = [
 			getFocusTarget,
 			getPressTarget,
 			inputRef,
 			renderInput,
 			shouldFocus
 		];
-		$[0] = getFocusTarget;
-		$[1] = getPressTarget;
-		$[2] = inputRef;
-		$[3] = renderInput;
-		$[4] = shouldFocus;
-		$[5] = t1;
-		$[6] = t2;
+		$[2] = getFocusTarget;
+		$[3] = getPressTarget;
+		$[4] = inputRef;
+		$[5] = renderInput;
+		$[6] = shouldFocus;
+		$[7] = t3;
+		$[8] = t4;
 	} else {
-		t1 = $[5];
-		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
 	}
-	useLayoutEffect(t1, t2);
-	let t3;
-	let t4;
+	useLayoutEffect(t3, t4);
 	let t5;
-	if ($[7] !== setRenderInput) {
-		t3 = (focus, target) => {
+	let t6;
+	let t7;
+	if ($[9] !== setRenderInput) {
+		t5 = (focus, target) => {
 			pendingStaticFocusTargetRef.current = target ?? null;
 			setShouldFocus(focus);
-			setRenderInput(true);
+			if (focus) {
+				if (hoverHandoffFrameRef.current !== null) {
+					cancelAnimationFrame(hoverHandoffFrameRef.current);
+					hoverHandoffFrameRef.current = null;
+				}
+				setRenderInput(true);
+				return;
+			}
+			hoverHandoffFrameRef.current = requestAnimationFrame(() => {
+				hoverHandoffFrameRef.current = null;
+				setRenderInput(true);
+			});
 		};
-		t4 = (value) => {
+		t6 = (value) => {
 			pendingStaticChangeRef.current = value;
 			setShouldFocus(true);
 			setRenderInput(true);
 		};
-		t5 = () => {
+		t7 = () => {
 			shouldReplayStaticPressRef.current = true;
 			setShouldFocus(true);
 			setRenderInput(true);
 		};
-		$[7] = setRenderInput;
-		$[8] = t3;
-		$[9] = t4;
+		$[9] = setRenderInput;
 		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
 	} else {
-		t3 = $[8];
-		t4 = $[9];
 		t5 = $[10];
+		t6 = $[11];
+		t7 = $[12];
 	}
-	let t6;
-	if ($[11] !== shouldFocus || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-		t6 = {
+	let t8;
+	if ($[13] !== shouldFocus || $[14] !== t5 || $[15] !== t6 || $[16] !== t7) {
+		t8 = {
 			shouldFocus,
-			renderRealInput: t3,
-			replayStaticInputChange: t4,
-			replayStaticInputPress: t5
+			renderRealInput: t5,
+			replayStaticInputChange: t6,
+			replayStaticInputPress: t7
 		};
-		$[11] = shouldFocus;
-		$[12] = t3;
-		$[13] = t4;
+		$[13] = shouldFocus;
 		$[14] = t5;
 		$[15] = t6;
-	} else t6 = $[15];
-	return t6;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
 };
 //#endregion
 export { useStaticInputHandoff };

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -1,4 +1,4 @@
-import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.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 "../../text/Typography/Typography.js";
 import { accordionChevronDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./accordion.cva.js";
@@ -49,7 +49,10 @@ var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon,
 						})
 					]
 				})
-			}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: chevronCva({ isExpanded }) })]
+			}), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-ChevronDown",
+				className: chevronCva({ isExpanded })
+			})]
 		}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
 			className: panelCva({ isExpanded }),
 			children: /* @__PURE__ */ jsx("div", {

package/dist/components/navigation/Stepper/StepperItem.js

@@ -1,11 +1,11 @@
-import { CheckIcon } from "../../../assets/icons/Check.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 "../../text/Typography/Typography.js";
 import { stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./stepper.cva.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/navigation/Stepper/StepperItem.tsx
 var StepperItem = (t0) => {
 	const $ = c(31);
@@ -26,7 +26,10 @@ var StepperItem = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva) {
-		t2 = status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-Check",
+			className: "size-5 text-interactive-contained-primary-on-idle"
+		}) : /* @__PURE__ */ jsx(Typography, {
 			className: stepperNumberCva({ status }),
 			variant: "prominent-1",
 			size: "label-3",

package/dist/components/navigation/Stepper/StepperSeparator.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { stepperSeparatorDefinition } from "./stepper.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/navigation/Stepper/StepperSeparator.tsx
 var StepperSeparator = (t0) => {
 	const $ = c(6);

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

@@ -2,11 +2,11 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { BottomSheetHeader } from "./BottomSheetHeader.js";
 import { useStateAndRef } from "../../../hooks/useStateAndRef.js";
 import { DomUtils } from "../../../utils/dom.utils.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { useResizeObserver, useViewportSize } from "@react-aria/utils";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
 //#region src/components/overlays/BottomSheet/BottomSheet.tsx

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

@@ -1,10 +1,10 @@
-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 { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
 var BottomSheetHeader = (t0) => {
@@ -47,7 +47,10 @@ var BottomSheetHeader = (t0) => {
 				onPress: onClose,
 				"aria-label": t(_temp),
 				className: "-m-2 shrink-0 p-2 text-interactive-text-secondary-idle focus-visible:outline-interactive-text-secondary-focus",
-				children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-6" })
+				children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+					iconId: "ri-lucide-react-X",
+					className: "size-6"
+				})
 			})]
 		});
 		$[6] = headerTypography;

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

@@ -1,8 +1,8 @@
 import { modalOverlay } from "../Modal/modal.cva.js";
-import { c } from "react/compiler-runtime";
 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";
 //#region src/components/overlays/Drawer/Drawer.tsx
 var Drawer = (t0) => {
 	const $ = c(25);

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

@@ -1,4 +1,3 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
@@ -6,6 +5,7 @@ import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } f
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
+import { X } from "lucide-react";
 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 }) => {
@@ -42,7 +42,7 @@ var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClas
 				children: [showCloseIcon && /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					onPress: onClose,
-					icon: CloseIcon,
+					icon: X,
 					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
 					disableTooltip: true

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

@@ -1,13 +1,12 @@
-import { PointerHorizontalIcon } from "../../../assets/icons/PointerHorizontal.js";
-import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.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 { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Fragment as Fragment$1, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 var CustomTrigger = (t0) => {
@@ -83,7 +82,12 @@ var Tooltip$1 = (t0) => {
 	} else t5 = $[8];
 	let t6;
 	if ($[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: t5 });
+		t6 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-Triangle",
+			className: t5,
+			fill: "currentColor",
+			strokeWidth: 0
+		});
 		$[9] = t5;
 		$[10] = t6;
 	} else t6 = $[10];
@@ -96,7 +100,12 @@ var Tooltip$1 = (t0) => {
 	} else t7 = $[13];
 	let t8;
 	if ($[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(PointerVerticalIcon, { className: t7 });
+		t8 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-TriangleRight",
+			className: t7,
+			fill: "currentColor",
+			strokeWidth: 0
+		});
 		$[14] = t7;
 		$[15] = t8;
 	} else t8 = $[15];

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

@@ -1,7 +1,7 @@
 import { Tooltip } from "./Tooltip.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
+import { c } from "react/compiler-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 { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Fragment as Fragment$1, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useToggleGroupState } from "react-stately";