@povio/ui 3.4.0-rc.1 → 3.4.0-rc.10

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

@@ -1,7 +1,7 @@
-import { c } from "react/compiler-runtime";
-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 { ArrowDropDownIcon } from "../../../../assets/icons/ArrowDropDown.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 { c } from "react/compiler-runtime";
-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,7 +54,7 @@ var ColorPickerDropdown = (t0) => {
 	} else t5 = $[7];
 	let t6;
 	if ($[8] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ArrowDropDownIcon, {
+		t6 = /* @__PURE__ */ jsx(ChevronDown, {
 			className: t5,
 			"aria-hidden": "true"
 		});

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

@@ -1,13 +1,13 @@
-import { LinkIcon } from "../../../../assets/icons/Link.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 { c } from "react/compiler-runtime";
-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: LinkIcon,
+			icon: Link,
 			className: t7,
 			isDisabled: t8
 		});

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

@@ -1,9 +1,6 @@
-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 { AlignCenter, AlignJustify, AlignLeft, AlignRight } from "lucide-react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -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,6 +1,6 @@
-import { TextColorIcon } from "../../../../assets/icons/TextColor.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
+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
@@ -27,9 +27,9 @@ var TextColorSelect = (t0) => {
 	const t3 = !editor.isEditable;
 	let t4;
 	if ($[4] !== textColor) {
-		t4 = /* @__PURE__ */ jsx(TextColorIcon, {
+		t4 = /* @__PURE__ */ jsx(Baseline, {
 			className: "size-6",
-			textColor
+			style: { color: textColor }
 		});
 		$[4] = textColor;
 		$[5] = t4;

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

@@ -1,7 +1,6 @@
-import { HighlightIcon } from "../../../../assets/icons/Highlight.js";
-import { HighlightOnIcon } from "../../../../assets/icons/HighlightOn.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
 import { defaultColors } from "../textEditor.types.js";
+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
@@ -29,10 +28,10 @@ var TextHighlightSelect = (t0) => {
 	const t3 = !editor.isEditable;
 	let t4;
 	if ($[4] !== highlightColor) {
-		t4 = highlightColor ? /* @__PURE__ */ jsx(HighlightOnIcon, {
+		t4 = highlightColor ? /* @__PURE__ */ jsx(Highlighter, {
 			className: "size-6",
-			highlightColor
-		}) : /* @__PURE__ */ jsx(HighlightIcon, { className: "size-6" });
+			style: { color: highlightColor }
+		}) : /* @__PURE__ */ jsx(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 { List, ListOrdered } from "lucide-react";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 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 { Bold, Italic, Strikethrough, Underline } from "lucide-react";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 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/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 { 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 clsx$1 from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import clsx$1 from "clsx";
 //#region src/components/inputs/shared/CheckContent.tsx
 var CheckContent = (t0) => {
 	const $ = c(3);

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

@@ -1,63 +1,77 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
+import { X } from "lucide-react";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
-	const $ = c(12);
+	const $ = c(17);
 	const { onClear, className, style, show, renderStatic } = t0;
-	const alwaysShowClear = UIConfig.useConfig().input.alwaysShowClear;
+	const ui = UIConfig.useConfig();
+	const { t } = useTranslation("ui");
+	const alwaysShowClear = ui.input.alwaysShowClear;
 	let clearClassName;
 	let t1;
-	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== renderStatic || $[3] !== show || $[4] !== style) {
+	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== onClear || $[3] !== renderStatic || $[4] !== show || $[5] !== style || $[6] !== t) {
 		t1 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
 			if (renderStatic) {
 				let t2;
-				if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-					t2 = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6 shrink-0" });
-					$[7] = t2;
-				} else t2 = $[7];
+				if ($[9] !== show || $[10] !== t) {
+					t2 = show ? t(_temp) : void 0;
+					$[9] = show;
+					$[10] = t;
+					$[11] = t2;
+				} else t2 = $[11];
+				let t3;
+				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+					t3 = /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" });
+					$[12] = t3;
+				} else t3 = $[12];
 				t1 = /* @__PURE__ */ jsx("button", {
 					type: "button",
-					"aria-hidden": "true",
+					"aria-hidden": !show,
+					"aria-label": t2,
+					"data-static-clear-action": true,
 					tabIndex: -1,
+					onClick: onClear,
 					className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
 					style,
-					children: t2
+					children: t3
 				});
 				break bb0;
 			}
 		}
 		$[0] = alwaysShowClear;
 		$[1] = className;
-		$[2] = renderStatic;
-		$[3] = show;
-		$[4] = style;
-		$[5] = clearClassName;
-		$[6] = t1;
+		$[2] = onClear;
+		$[3] = renderStatic;
+		$[4] = show;
+		$[5] = style;
+		$[6] = t;
+		$[7] = clearClassName;
+		$[8] = t1;
 	} else {
-		clearClassName = $[5];
-		t1 = $[6];
+		clearClassName = $[7];
+		t1 = $[8];
 	}
 	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
 	let t2;
-	if ($[8] !== clearClassName || $[9] !== onClear || $[10] !== style) {
+	if ($[13] !== clearClassName || $[14] !== onClear || $[15] !== style) {
 		t2 = /* @__PURE__ */ jsx(InputClearButton, {
 			onClear,
 			className: clearClassName,
 			style
 		});
-		$[8] = clearClassName;
-		$[9] = onClear;
-		$[10] = style;
-		$[11] = t2;
-	} else t2 = $[11];
+		$[13] = clearClassName;
+		$[14] = onClear;
+		$[15] = style;
+		$[16] = t2;
+	} else t2 = $[16];
 	return t2;
 };
 var InputClearButton = (t0) => {
@@ -66,7 +80,7 @@ var InputClearButton = (t0) => {
 	const { t } = useTranslation("ui");
 	let t1;
 	if ($[0] !== t) {
-		t1 = t(_temp);
+		t1 = t(_temp2);
 		$[0] = t;
 		$[1] = t1;
 	} else t1 = $[1];
@@ -76,9 +90,9 @@ var InputClearButton = (t0) => {
 			color: "secondary",
 			className,
 			label: t1,
-			icon: CloseIcon,
+			icon: X,
 			onPress: onClear,
-			onMouseDown: _temp2,
+			onMouseDown: _temp3,
 			excludeFromTabOrder: true,
 			style
 		});
@@ -93,7 +107,10 @@ var InputClearButton = (t0) => {
 function _temp($) {
 	return $.ui.clearAlt;
 }
-function _temp2(e) {
+function _temp2($) {
+	return $.ui.clearAlt;
+}
+function _temp3(e) {
 	return e.preventDefault();
 }
 //#endregion

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/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/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 { ChevronDownIcon } from "../../../assets/icons/ChevronDown.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,7 +49,7 @@ var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon,
 						})
 					]
 				})
-			}), /* @__PURE__ */ jsx(ChevronDownIcon, { 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 { CheckIcon } from "../../../assets/icons/Check.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 { 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,7 +26,7 @@ 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(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/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",