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

package/dist/components/inputs/Selection/shared/SelectListBox.js

@@ -3,9 +3,9 @@ import { SelectContext } from "./select.context.js";
 import { SelectListBoxItem } from "./SelectListBoxItem.js";
 import { SelectListBoxItemSelectAll } from "./SelectListBoxItemSelectAll.js";
 import { SelectListBoxLoadingItem } from "./SelectListBoxLoadingItem.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ListBox, ListLayout, Virtualizer } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectListBox.tsx
 var SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
 	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore } = SelectContext.useSelect();

package/dist/components/inputs/Selection/shared/SelectListBoxItem.js

@@ -3,10 +3,10 @@ import "../../../../config/i18n.js";
 import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
 var SelectListBoxItem = (t0) => {

package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js

@@ -3,10 +3,10 @@ import "../../../../config/i18n.js";
 import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
 var SelectListBoxItemSelectAll = (t0) => {

package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js

@@ -4,9 +4,9 @@ import "../../../../config/i18n.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
 import { useIntersectionObserver } from "../../../../hooks/useIntersectionObserver.js";
-import { jsx } from "react/jsx-runtime";
 import { ListBoxItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
 var SelectListBoxLoadingItem = (t0) => {

package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js

@@ -1,9 +1,9 @@
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { SelectContext } from "./select.context.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxSelectionBar.tsx
 var SelectListBoxSelectionBar = (t0) => {

package/dist/components/inputs/Selection/shared/SelectMobile.js

@@ -1,4 +1,3 @@
-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 { BottomSheet } from "../../../overlays/BottomSheet/BottomSheet.js";
 import { FormField } from "../../FormField/FormField.js";
 import { SelectContext } from "./select.context.js";
@@ -7,10 +6,11 @@ import { SelectListBox } from "./SelectListBox.js";
 import { FormFieldHeaderClose } from "../../FormField/FormFieldHeaderClose.js";
 import { TextInput } from "../../Input/TextInput/TextInput.js";
 import { SelectListBoxSelectionBar } from "./SelectListBoxSelectionBar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { DialogTrigger } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "react-aria";
 //#region src/components/inputs/Selection/shared/SelectMobile.tsx
 var SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }) => {
@@ -110,10 +110,7 @@ var SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containe
 						rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
 						inputClassName,
 						className: "mb-list-height-title-bottom px-list-side-title",
-						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-							iconId: "ri-lucide-react-Search",
-							className: "size-6"
-						}) : void 0,
+						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-6" }) : void 0,
 						size: "default",
 						isClearable
 					}), /* @__PURE__ */ jsx(SelectListBox, {

package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js

@@ -1,9 +1,9 @@
-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 { inputSizeDefinition } from "../../shared/input.cva.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
 var StaticSelectTrailingContent = (t0) => {
 	const $ = c(10);
@@ -26,10 +26,7 @@ var StaticSelectTrailingContent = (t0) => {
 			tabIndex: -1,
 			className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ChevronDown",
-				className: clsx("size-6 shrink-0", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle")
-			})
+			children: /* @__PURE__ */ jsx(ChevronDown, { className: clsx("size-6 shrink-0", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle") })
 		}) : void 0;
 		$[2] = hideDropdownIcon;
 		$[3] = inputSizeCva;

package/dist/components/inputs/Selection/shared/select.context.js

@@ -1,7 +1,7 @@
 import { useSelectItems } from "./useSelectItems.js";
 import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/select.context.tsx
 var SelectContext;
 (function(_SelectContext) {

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -8,9 +8,9 @@ import { FormField } from "../FormField/FormField.js";
 import { inputBaseDefinition, inputContentWrapperDefinition, inputSizeDefinition } from "../shared/input.cva.js";
 import { InputClear } from "../shared/InputClear.js";
 import { TooltipWrapper } from "../shared/TooltipWrapper.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement, useId, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Skeleton/InputFrame.tsx
 var InputFrame = (props) => {
 	const ui = UIConfig.useConfig();
@@ -99,7 +99,7 @@ var InputFrame = (props) => {
 			})
 		]
 	});
-	const trailingContentNodes = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	const trailingContentNodes = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		hasClear && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => onClear?.(),
 			className: clearClassName,
@@ -149,7 +149,7 @@ var InputFrame = (props) => {
 	const inputFrameContent = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex w-full items-center gap-input-gap-input-text-to-elements", contentAndTrailingClassName),
 		children: [contentRow, trailingRow]
-	}) : /* @__PURE__ */ jsxs(Fragment, { children: [contentRow, trailingRow] });
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [contentRow, trailingRow] });
 	const shouldReplayStaticPress = (target) => staticPressTarget === "frame" || target instanceof Element && !!target.closest("[data-static-press-action]");
 	const isStaticPressActionTarget = (target_0) => target_0 instanceof Element && !!target_0.closest("[data-static-press-action]");
 	const isStaticClearActionTarget = (target_1) => target_1 instanceof Element && !!target_1.closest("[data-static-clear-action]");

package/dist/components/inputs/Slider/Slider.js

@@ -3,10 +3,10 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { FieldController } from "../shared/form.binding.js";
 import { FormField } from "../FormField/FormField.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Slider, SliderThumb, SliderTrack } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Slider/Slider.tsx
 var SliderBase = (props) => {

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

@@ -6,10 +6,10 @@ import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { FormField } from "../FormField/FormField.js";
 import { inputSideDefinition } from "../shared/input.cva.js";
 import { TextEditorToolbar } from "./Toolbar/TextEditorToolbar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover, useLabel } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Color } from "@tiptap/extension-color";

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

@@ -1,7 +1,7 @@
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/ColorPicker.tsx
 var ColorPicker = (t0) => {
 	const $ = c(8);

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

@@ -1,14 +1,14 @@
-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 { useInputCva } from "../../shared/input.cva.js";
 import { popoverDefinition } from "../../../shared/popover.cva.js";
 import { ColorPicker } from "./ColorPicker.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { clsx } from "clsx";
 import { useState } from "react";
 import { Button, Dialog, DialogTrigger, Popover } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.tsx
 var ColorPickerDropdown = (t0) => {
 	const $ = c(28);
@@ -54,8 +54,7 @@ var ColorPickerDropdown = (t0) => {
 	} else t5 = $[7];
 	let t6;
 	if ($[8] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-ChevronDown",
+		t6 = /* @__PURE__ */ jsx(ChevronDown, {
 			className: t5,
 			"aria-hidden": "true"
 		});

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

@@ -3,11 +3,11 @@ import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconBu
 import "../../../../config/i18n.js";
 import { TextInput } from "../../Input/TextInput/TextInput.js";
 import { ResponsivePopover } from "../../../overlays/ResponsivePopover/ResponsivePopover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "lucide-react";
 import { clsx } from "clsx";
 import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
-import { Link } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/HyperlinkAction.tsx
 var HyperlinkAction = (t0) => {

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

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

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

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 { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/TextEditor/Toolbar/TextEditorToolbar.tsx
 var TextEditorToolbar = (t0) => {
 	const $ = c(16);

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

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

@@ -1,9 +1,9 @@
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
-import { jsx } from "react/jsx-runtime";
+import { List, ListOrdered } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
-import { List, ListOrdered } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextListActions.tsx
 var TextListActions = (t0) => {

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

@@ -1,9 +1,9 @@
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
-import { jsx } from "react/jsx-runtime";
+import { Bold, Italic, Strikethrough, Underline } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
-import { Bold, Italic, Strikethrough, Underline } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/TextMarksActions.tsx
 var TextMarksActions = (t0) => {

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 { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Switch } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-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 { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-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 { 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 { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
@@ -29,10 +29,7 @@ var InputClear = (t0) => {
 				} else t2 = $[11];
 				let t3;
 				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-X",
-						className: "h-6 w-6 shrink-0"
-					});
+					t3 = /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" });
 					$[12] = t3;
 				} else t3 = $[12];
 				t1 = /* @__PURE__ */ jsx("button", {
@@ -78,7 +75,7 @@ var InputClear = (t0) => {
 	return t2;
 };
 var InputClearButton = (t0) => {
-	const $ = c(8);
+	const $ = c(7);
 	const { onClear, className, style } = t0;
 	const { t } = useTranslation("ui");
 	let t1;
@@ -88,29 +85,24 @@ var InputClearButton = (t0) => {
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, { iconId: "ri-lucide-react-X" });
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== className || $[4] !== onClear || $[5] !== style || $[6] !== t1) {
-		t3 = /* @__PURE__ */ jsx(InlineIconButton, {
+	if ($[2] !== className || $[3] !== onClear || $[4] !== style || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
 			color: "secondary",
 			className,
 			label: t1,
-			icon: t2,
+			icon: X,
 			onPress: onClear,
 			onMouseDown: _temp3,
 			excludeFromTabOrder: true,
 			style
 		});
-		$[3] = className;
-		$[4] = onClear;
-		$[5] = style;
-		$[6] = t1;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
+		$[2] = className;
+		$[3] = onClear;
+		$[4] = style;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 function _temp($) {
 	return $.ui.clearAlt;

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 { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-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 { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/form.binding.tsx
 function FieldController(t0) {
 	const $ = c(12);

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

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { accordionDefinition } from "./accordion.cva.js";
 import { AccordionItem } from "./AccordionItem.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DisclosureGroup } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/Accordion.tsx
 var Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
 	return /* @__PURE__ */ jsx(DisclosureGroup, {

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

@@ -1,9 +1,9 @@
-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";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/AccordionItem.tsx
 var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
 	const itemCva = UIOverrides.useCva("accordion.itemCva", accordionItemDefinition);
@@ -49,10 +49,7 @@ var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon,
 						})
 					]
 				})
-			}), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ChevronDown",
-				className: chevronCva({ isExpanded })
-			})]
+			}), /* @__PURE__ */ jsx(ChevronDown, { className: chevronCva({ isExpanded }) })]
 		}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
 			className: panelCva({ isExpanded }),
 			children: /* @__PURE__ */ jsx("div", {

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

@@ -2,8 +2,8 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { stepperDefinition } from "./stepper.cva.js";
 import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";
+import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
 //#region src/components/navigation/Stepper/Stepper.tsx
 var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -15,7 +15,7 @@ var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientat
 		"aria-label": "Progress",
 		children: steps.map((step, index) => {
 			const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StepperItem, {
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StepperItem, {
 				step,
 				stepNumber: index + 1,
 				status,

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

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

package/dist/components/overlays/ActionModal/ActionModal.js

@@ -2,8 +2,8 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { Modal } from "../Modal/Modal.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ActionModal/ActionModal.tsx
 var textAlignClassMap = {
 	left: "text-left",

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 { 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useResizeObserver, useViewportSize } from "@react-aria/utils";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
 //#region src/components/overlays/BottomSheet/BottomSheet.tsx
@@ -175,7 +175,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 				className: "relative flex min-h-0 flex-1 flex-col items-stretch outline-none",
 				ref: dialogRef,
 				"aria-label": label,
-				children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+				children: ({ close }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx("div", {
 						style: { minHeight: `${sheetMarginTop}px` },
 						className: clsx("shrink-0", height === "auto" && "grow")

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

@@ -1,10 +1,10 @@
-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 { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
 var BottomSheetHeader = (t0) => {
@@ -47,10 +47,7 @@ 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(ReactIconsSpriteIcon, {
-					iconId: "ri-lucide-react-X",
-					className: "size-6"
-				})
+				children: /* @__PURE__ */ jsx(X, { className: "size-6" })
 			})]
 		});
 		$[6] = headerTypography;