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

package/dist/components/Breadcrumbs/Breadcrumbs.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 { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
 import { MenuDesktop } from "../Menu/MenuDesktop.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
 import { LinkContext } from "../../config/link.context.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
 import { clsx } from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Breadcrumb, Breadcrumbs, Button, Link } from "react-aria-components";
+import { Breadcrumb, Breadcrumbs, Button, Link as Link$1 } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
 var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false }) => {
 	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
@@ -35,7 +35,7 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
 	const firstItem = items[0];
 	const lastItem = items[items.length - 1];
-	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link;
+	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link$1;
 	const renderBreadcrumbLink = (item, isCurrent, iconOnly) => /* @__PURE__ */ jsxs(LinkComponent, {
 		...item.link,
 		className: breadcrumbItem({ isCurrent }),
@@ -80,18 +80,12 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: firstItem.id,
 					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-ChevronRight",
-						className: breadcrumbChevronCva({})
-					})]
+					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
 				}),
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: "ellipsis",
 					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-ChevronRight",
-						className: breadcrumbChevronCva({})
-					})]
+					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
 				}),
 				/* @__PURE__ */ jsx(Breadcrumb, {
 					id: lastItem.id,
@@ -110,10 +104,7 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
 			id: item_1.id,
 			className: breadcrumbSegmentCva({}),
-			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ChevronRight",
-				className: breadcrumbChevronCva({})
-			})] })
+			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })] })
 		})
 	});
 };

package/dist/components/Menu/Menu.js

@@ -1,8 +1,8 @@
 import { MenuDesktop } from "./MenuDesktop.js";
 import { MenuMobile } from "./MenuMobile.js";
 import { useBreakpoint } from "../../hooks/useBreakpoint.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/Menu/Menu.tsx
 var Menu = (props) => {
 	const $ = c(4);

package/dist/components/Menu/MenuDesktop.js

@@ -1,7 +1,7 @@
 import { MenuPopover } from "./MenuPopover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuDesktop.tsx
 var MenuDesktop = (t0) => {
 	const $ = c(12);

package/dist/components/Menu/MenuItem.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 { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuItemDefinition } from "./menu.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight } from "lucide-react";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuItem.tsx
 var MenuItem$1 = (t0) => {
 	const $ = c(9);
@@ -19,10 +19,7 @@ var MenuItem$1 = (t0) => {
 	const t2 = content ?? label;
 	let t3;
 	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-ArrowRight",
-			className: "size-6"
-		});
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRight, { className: "size-6" });
 		$[0] = hasSubmenu;
 		$[1] = t3;
 	} else t3 = $[1];

package/dist/components/Menu/MenuMobile.js

@@ -1,13 +1,13 @@
-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 { menuDefinition, menuItemDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuMobile.tsx
 var MenuMobile = (t0) => {
 	const $ = c(23);
@@ -84,16 +84,13 @@ var MenuMobile = (t0) => {
 	const onBack = t4;
 	let t5;
 	if ($[11] !== activeItem || $[12] !== handleAction || $[13] !== items || $[14] !== menuCva || $[15] !== menuItemCva || $[16] !== props) {
-		t5 = () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
+		t5 = () => /* @__PURE__ */ jsxs(Fragment$1, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
 			className: clsx(menuItemCva({
 				...props,
 				isMobile: true
 			})),
 			onPress: onBack,
-			children: [/* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ArrowLeft",
-				className: "size-6"
-			}), activeItem.label]
+			children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-6" }), activeItem.label]
 		}), /* @__PURE__ */ jsx("div", {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;

package/dist/components/Menu/MenuPopover.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuPopover.tsx
 var MenuPopover = (t0) => {
 	const $ = c(28);

package/dist/components/buttons/Button/Button.js

@@ -3,9 +3,9 @@ import { LinkContext } from "../../../config/link.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography } from "./button.cva.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, Link, ToggleButton } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/Button/Button.tsx
 var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();

package/dist/components/buttons/IconButton/IconButton.js

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

package/dist/components/buttons/PillButton/PillButton.js

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
-import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
 import { c } from "react/compiler-runtime";
-import { X } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/PillButton/PillButton.tsx
 var PillButton = (t0) => {
 	const $ = c(17);

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -1,10 +1,10 @@
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
-import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
 var SplitButton = (t0) => {
 	const $ = c(36);

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,6 +1,6 @@
 import { Button } from "../Button/Button.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
 var TextButton = (t0) => {
 	const $ = c(7);

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,6 +1,6 @@
 import { Button } from "../Button/Button.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
 var ToggleButton = (t0) => {
 	const $ = c(6);

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,9 +2,9 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/ButtonContent.tsx
 var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
@@ -17,7 +17,7 @@ var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideT
 		variant: "prominent-1",
 		...typographyOverrides
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		iconOrLoader && iconPosition === "left" && iconOrLoader,
 		/* @__PURE__ */ jsx("span", {
 			className: clsx(typographyCva({

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -5,10 +5,10 @@ import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography }
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } 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/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Minus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
 var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);

package/dist/components/inputs/Checkbox/CheckboxGroup.js

@@ -6,10 +6,10 @@ import { CheckboxBase } from "./Checkbox.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { FormField } from "../FormField/FormField.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { CheckboxGroup } 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/Checkbox/CheckboxGroup.tsx

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -13,9 +13,9 @@ import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDatePicker, useLocale } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -15,10 +15,10 @@ import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { RangeCalendar } from "../shared/RangeCalendar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Button } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDateRangePicker, useLocale as useLocale$1 } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -13,9 +13,9 @@ import { getStaticCalendarDateTimeSegments, getStaticDateTimeFocusTarget } from
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDatePicker, useLocale } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";

package/dist/components/inputs/DateTime/TimePicker/TimePicker.js

@@ -10,10 +10,10 @@ import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { TimePickerInput } from "../shared/TimePickerInput.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 { useLocale, useTimeField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { getLocalTimeZone, now, toTime } from "@internationalized/date";

package/dist/components/inputs/DateTime/shared/Calendar.js

@@ -3,9 +3,9 @@ import { CalendarHeader } from "./CalendarHeader.js";
 import { MonthPicker } from "./MonthPicker.js";
 import { TimePickerForm } from "./TimePickerForm.js";
 import { YearPicker } from "./YearPicker.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/Calendar.tsx
 var Calendar = ({ className, includesTime, datePickerState, hourCycle, isTimeOptional, onApply, onMonthYearChange, onMonthYearCommit, selectedDate, granularity = "day", setDateValueOnDateSelection = false, onDateSelectionChange, ...props }) => {

package/dist/components/inputs/DateTime/shared/CalendarCell.js

@@ -1,7 +1,7 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@react-aria/utils";
 import { isSameDay } from "@internationalized/date";
 import { useCalendarCell } from "@react-aria/calendar";

package/dist/components/inputs/DateTime/shared/CalendarGrid.js

@@ -1,7 +1,7 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { CalendarCell } from "./CalendarCell.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendarGrid } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/CalendarGrid.tsx
 var WEEK_INDICES = [

package/dist/components/inputs/DateTime/shared/CalendarHeader.js

@@ -1,9 +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 { PillButton } from "../../../buttons/PillButton/PillButton.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "lucide-react";
 import { clsx } from "clsx";
 import { Button, ToggleButtonGroup } from "react-aria-components";
-import { ChevronDown, ChevronUp } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDateTime, Time } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/CalendarHeader.tsx
@@ -41,10 +40,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 					...prevButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-ChevronLeft",
-						className: "size-6 text-interactive-text-secondary-idle"
-					})
+					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			}),
 			/* @__PURE__ */ jsxs(ToggleButtonGroup, {
@@ -112,10 +108,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 					...nextButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-ChevronRight",
-						className: "size-6 text-interactive-text-secondary-idle"
-					})
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			})
 		]

package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js

@@ -2,9 +2,9 @@ import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconBu
 import { PillButton } from "../../../buttons/PillButton/PillButton.js";
 import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/CalendarSelectHeader.tsx

package/dist/components/inputs/DateTime/shared/DateField.js

@@ -1,8 +1,8 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { Fragment, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { useDateField, useLocale } from "react-aria";
 import { CalendarDate, CalendarDateTime, createCalendar } from "@internationalized/date";
 import { DateTime } from "luxon";
@@ -130,7 +130,7 @@ var DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManua
 		return formattedDate.toFormat(format);
 	};
 	const formattedDisplayValue = getFormattedDisplayValue();
-	let fieldContent = /* @__PURE__ */ jsx(Fragment, { children: segmentsToRender.map((segment_7, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
+	let fieldContent = /* @__PURE__ */ jsx(Fragment$1, { children: segmentsToRender.map((segment_7, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
 		segment: segment_7,
 		segmentGroup,
 		state,

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -10,10 +10,10 @@ import { datePickerInputContentRowDefinition } from "./datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
 import { InputClear } from "../../shared/InputClear.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Button } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { getLocalTimeZone, today } from "@internationalized/date";
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
@@ -140,7 +140,7 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 							size: "label-1",
 							className: "text-text-default-3",
 							children: placeholder
-						}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DateField, {
+						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
 							ref: dateFieldRef,
 							...normalizedFieldProps,
 							isDisabled,
@@ -154,7 +154,7 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 							format,
 							timeZone: effectiveTimeZone,
 							segmentGroup: normalizedEndFieldProps ? "start" : void 0
-						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
+						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
 							className: clsx("pointer-events-none select-none", isDisabled && "text-interactive-text-secondary-disabled"),
 							children: "–"
 						}), /* @__PURE__ */ jsx(DateField, {

package/dist/components/inputs/DateTime/shared/DateSegmentItem.js

@@ -1,7 +1,7 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useDateSegment } from "react-aria";
 //#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
 var getPlaceholder = (segment) => {
@@ -93,7 +93,7 @@ var DateSegmentItemView = (t0) => {
 	const t12 = isPlaceholder ? "" : text;
 	let t13;
 	if ($[10] !== t11 || $[11] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
+		t13 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t12] });
 		$[10] = t11;
 		$[11] = t12;
 		$[12] = t13;

package/dist/components/inputs/DateTime/shared/DateTimeDialog.js

@@ -2,10 +2,10 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../../../overlays/BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { popoverDefinition } from "../../../shared/popover.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 import { Dialog, Popover } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
 var DateTimeDialog = (t0) => {
 	const $ = c(26);

package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js

@@ -1,7 +1,7 @@
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/DateTime/shared/DateTimeDialogFooter.tsx
 var DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {

package/dist/components/inputs/DateTime/shared/MonthPicker.js

@@ -1,9 +1,9 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/MonthPicker.tsx
 var MonthPicker = (t0) => {

package/dist/components/inputs/DateTime/shared/RangeCalendar.js

@@ -1,9 +1,9 @@
 import { CalendarGrid } from "./CalendarGrid.js";
 import { CalendarSelectHeader } from "./CalendarSelectHeader.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRangeCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
 var RangeCalendar = (t0) => {

package/dist/components/inputs/DateTime/shared/TimeField.js

@@ -1,6 +1,6 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/TimeField.tsx
 var TimeField = (t0) => {
 	const $ = c(8);

package/dist/components/inputs/DateTime/shared/TimePickerForm.js

@@ -3,12 +3,12 @@ import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconBu
 import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { getPlaceholder } from "./DateSegmentItem.js";
 import { useLongPressRepeat } from "../../../../hooks/useLongPressRepeat.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp } from "lucide-react";
 import { clsx } from "clsx";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
-import { ChevronDown, ChevronUp } from "lucide-react";
 import { Time } from "@internationalized/date";
 import { useTimeFieldState } from "@react-stately/datepicker";
 //#region src/components/inputs/DateTime/shared/TimePickerForm.tsx

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -7,11 +7,11 @@ import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { TimeField } from "./TimeField.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/DateTime/shared/TimePickerInput.tsx

package/dist/components/inputs/DateTime/shared/YearPicker.js

@@ -1,10 +1,10 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { today } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/YearPicker.tsx

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js

@@ -1,7 +1,7 @@
 import { IconButton } from "../../../buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
 var TodayIcon = (t0) => {
 	const $ = c(9);

package/dist/components/inputs/File/FileUpload.js

@@ -8,11 +8,11 @@ import { FileCardList } from "./shared/FileCardList.js";
 import { FileUploadContentEmpty } from "./shared/FileUploadContentEmpty.js";
 import { FileUploadContent } from "./shared/FileUploadContent.js";
 import { fileUploadDropZoneDefinition } from "./shared/fileUpload.cva.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useState } from "react";
 import { DropZone } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/FileUpload.tsx
@@ -142,7 +142,7 @@ var FileUploadBase = (props) => {
 					isContainer: !!children,
 					className: "group/file-upload-drop-zone"
 				}),
-				children: children ? /* @__PURE__ */ jsxs(Fragment, { children: [children({
+				children: children ? /* @__PURE__ */ jsxs(Fragment$1, { children: [children({
 					files: uploadState,
 					onRemove: handleRemove,
 					onCancel: handleCancelUpload