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

package/dist/components/inputs/Inputs/Inputs.js

@@ -1,6 +1,6 @@
 import { InputItem } from "./InputItem.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs(t0) {
 	const $ = c(9);

package/dist/components/inputs/RadioGroup/RadioGroup.js

@@ -6,10 +6,10 @@ import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { FormField } from "../FormField/FormField.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
 import { radioContentClassName, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, radioIndicatorClass, radioTypography } from "./radio.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Radio, RadioGroup } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/RadioGroup/RadioGroup.tsx

package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js

@@ -7,10 +7,10 @@ import { selectInputTagsContentWrapperDefinition } from "../shared/selectInput.c
 import { SelectBase } from "../shared/SelectBase.js";
 import { StaticSelectTrailingContent } from "../shared/StaticSelectTrailingContent.js";
 import { getStaticSelectValue } from "../shared/staticSelect.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
 function AutocompleteInner(t0) {
@@ -99,7 +99,7 @@ function AutocompleteInner(t0) {
 				children: props.leadingContent
 			}),
 			trailingContent,
-			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment, { children: [isMultiple && !isEmpty && displayValue, /* @__PURE__ */ jsx("input", {
+			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, /* @__PURE__ */ jsx("input", {
 				disabled: isDisabled,
 				tabIndex: -1,
 				role: "combobox",

package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js

@@ -3,9 +3,9 @@ import { FieldController } from "../../shared/form.binding.js";
 import { Autocomplete } from "./Autocomplete.js";
 import { getQueryItems, getSelectionIdsToResolve } from "../shared/querySelect.utils.js";
 import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
-import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/Autocomplete/QueryAutocomplete.tsx
 var LoadedQueryAutocompleteContent = ({ query, queryParams, queryOptions, queryMap, resolveSelectedItemsWithIds, isQueryEnabledInitially = false, leadingContent, ...props }) => {

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -3,9 +3,9 @@ import { FieldController } from "../../shared/form.binding.js";
 import { Select } from "./Select.js";
 import { getQueryItems, getSelectionIdsToResolve } from "../shared/querySelect.utils.js";
 import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
-import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/Select/QuerySelect.tsx
 var LoadedQuerySelectContent = ({ query, queryParams, queryOptions, queryMap, resolveSelectedItemsWithIds, isQueryEnabledInitially = false, ...props }) => {

package/dist/components/inputs/Selection/Select/Select.js

@@ -8,10 +8,10 @@ import { selectInputTagsContentWrapperDefinition } from "../shared/selectInput.c
 import { SelectBase } from "../shared/SelectBase.js";
 import { StaticSelectTrailingContent } from "../shared/StaticSelectTrailingContent.js";
 import { getStaticSelectValue } from "../shared/staticSelect.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/Select/Select.tsx
 function SelectInner(t0) {
@@ -75,7 +75,7 @@ function SelectInner(t0) {
 			dataHasSelection: !isEmpty,
 			dataHasSearch: false
 		};
-		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx(Typography, {
+		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx(Typography, {
 			size: "label-1",
 			as: "span",
 			className: "block truncate text-text-default-3",
@@ -106,7 +106,7 @@ function SelectInner(t0) {
 			}),
 			showClear: false,
 			trailingContent,
-			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment, { children: [isMultiple && !isEmpty && displayValue, isSearchable ? /* @__PURE__ */ jsx("input", {
+			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, isSearchable ? /* @__PURE__ */ jsx("input", {
 				disabled: isDisabled,
 				tabIndex: -1,
 				role: "combobox",

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

@@ -3,8 +3,8 @@ import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { SelectContext } from "./select.context.js";
 import { SelectDesktop } from "./SelectDesktop.js";
 import { SelectMobile } from "./SelectMobile.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectBase.tsx
 var SelectBase = (dProps) => {
 	const $ = c(21);

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

@@ -7,11 +7,11 @@ import { SelectContext } from "./select.context.js";
 import { SelectInput } from "./SelectInput.js";
 import { SelectListBox } from "./SelectListBox.js";
 import { selectPopoverDefinition } from "./selectDesktop.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { Fragment as Fragment$1, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, useLayoutEffect, useRef, useState } from "react";
 import { ComboBox, DialogTrigger, Popover } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel, usePreventScroll } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/shared/SelectDesktop.tsx
@@ -179,7 +179,7 @@ var SelectDesktop = (t0) => {
 		$[42] = t9;
 	} else t9 = $[42];
 	const openChangeHandler = t9;
-	const WrapperComponent = isSearchable ? ComboBox : Fragment$1;
+	const WrapperComponent = isSearchable ? ComboBox : Fragment;
 	const t10 = isMultiple ? null : fieldState.value;
 	const t11 = fieldState.inputValue;
 	const t12 = !!error;

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

@@ -1,4 +1,3 @@
-import { ReactIconsSpriteIcon } from "../../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_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 "../../../../config/i18n.js";
@@ -9,11 +8,12 @@ import { SelectInputTags } from "./SelectInputTags.js";
 import { SelectContext } from "./select.context.js";
 import { selectInputTagsContentWrapperDefinition } from "./selectInput.cva.js";
 import { useKeyInteractions } from "../../../../hooks/useKeyInteractions.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { clsx } from "clsx";
 import { use, useRef, useState } from "react";
 import { Button, ComboBoxStateContext, Input } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectInput.tsx
@@ -311,7 +311,7 @@ var SelectInput = (t0) => {
 			className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-text-default-3", showTags && "absolute inset-0 z-base"),
 			onKeyDown: onTriggerKeyDown,
 			...fieldProps,
-			children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
+			children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
 				size: "label-1",
 				as: "span",
 				className: clsx("truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-text-default-3 group-disabled/select-trigger:text-interactive-text-secondary-disabled"),
@@ -391,8 +391,7 @@ var SelectInput = (t0) => {
 			onPress: () => {
 				if (!isSearchable) setIsOpen(!isOpen);
 			},
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ChevronDown",
+			children: /* @__PURE__ */ jsx(ChevronDown, {
 				className: clsx("size-6 shrink-0", isOpen && "rotate-180", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
 				"aria-hidden": "true"
 			})

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

@@ -1,6 +1,6 @@
 import { Tag } from "../../../text/Tag/Tag.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectInputTags.tsx
 var SelectInputTags = (t0) => {
 	const $ = c(25);

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.2.0-rc.2_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.2.0-rc.2_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.2.0-rc.2_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

@@ -1,13 +1,13 @@
-import { ReactIconsSpriteIcon } from "../../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_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 { Button } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 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 { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/TextEditor/Toolbar/HyperlinkAction.tsx
 var HyperlinkAction = (t0) => {
@@ -79,7 +79,7 @@ var HyperlinkAction = (t0) => {
 		t9 = /* @__PURE__ */ jsx(InlineIconButton, {
 			color: "secondary",
 			label: t6,
-			icon: _temp4,
+			icon: Link,
 			className: t7,
 			isDisabled: t8
 		});
@@ -90,13 +90,13 @@ var HyperlinkAction = (t0) => {
 	} else t9 = $[17];
 	let t10;
 	if ($[18] !== t) {
-		t10 = t(_temp5);
+		t10 = t(_temp4);
 		$[18] = t;
 		$[19] = t10;
 	} else t10 = $[19];
 	let t11;
 	if ($[20] !== t) {
-		t11 = t(_temp6);
+		t11 = t(_temp5);
 		$[20] = t;
 		$[21] = t11;
 	} else t11 = $[21];
@@ -119,7 +119,7 @@ var HyperlinkAction = (t0) => {
 	const t13 = !url;
 	let t14;
 	if ($[26] !== t) {
-		t14 = t(_temp7);
+		t14 = t(_temp6);
 		$[26] = t;
 		$[27] = t14;
 	} else t14 = $[27];
@@ -148,7 +148,7 @@ var HyperlinkAction = (t0) => {
 	const t17 = !t16;
 	let t18;
 	if ($[34] !== t) {
-		t18 = t(_temp8);
+		t18 = t(_temp7);
 		$[34] = t;
 		$[35] = t18;
 	} else t18 = $[35];
@@ -205,22 +205,16 @@ function _temp2($) {
 function _temp3($_0) {
 	return $_0.ui.textEditor.link.label;
 }
-function _temp4(props) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props,
-		iconId: "ri-lucide-react-Link"
-	});
-}
-function _temp5($_1) {
+function _temp4($_1) {
 	return $_1.ui.textEditor.link.urlLabel;
 }
-function _temp6($_2) {
+function _temp5($_2) {
 	return $_2.ui.textEditor.link.urlPlaceholder;
 }
-function _temp7($_3) {
+function _temp6($_3) {
 	return $_3.ui.textEditor.link.apply;
 }
-function _temp8($_4) {
+function _temp7($_4) {
 	return $_4.ui.textEditor.link.remove;
 }
 //#endregion

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.2.0-rc.2_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.2.0-rc.2_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);