@marigold/components 15.4.3 → 16.0.1

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import { useAsyncList, useListData } from "@react-stately/data";
 import { DateFormat, NumericFormat, SVG, ThemeProvider, ThemeProvider as ThemeProvider$1, alignment, aspect, cn, createVar, cursorStyle, ensureCssVar, fontWeight, gapSpace, height, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useSmallScreen, useStateProps, useTheme, whiteSpace, width } from "@marigold/system";
-import { Breadcrumb, Breadcrumbs, Button, ButtonContext, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarStateContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupStateContext, ComboBox, ComboBoxStateContext, DateField, DateInput, DatePicker, DateSegment, Dialog, DialogTrigger, Disclosure, DisclosureGroup, DisclosurePanel, DisclosureStateContext, FieldError, FieldErrorContext, Form, GridList, GridListItem, Group, Header, Heading, Input, InputContext, Label, Link, ListBox, ListBoxItem, ListBoxSection, ListStateContext, Menu, MenuItem, MenuSection, MenuTrigger, Modal, ModalOverlay, NumberField, OverlayArrow, OverlayTriggerStateContext, Popover, ProgressBar, Provider, Radio, RadioGroup, RadioGroupStateContext, RouterProvider, SearchField, Select as Select$1, SelectValue, Separator, Slider, SliderOutput, SliderThumb, SliderTrack, Switch, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, TagList, Text, TextArea, TextContext, TextField, TimeField, Tooltip, TooltipTrigger, UNSTABLE_Toast, UNSTABLE_ToastContent, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion } from "react-aria-components";
-import * as React$1 from "react";
-import React, { Children, Component, Fragment, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Breadcrumb, Breadcrumbs, Button, ButtonContext, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarStateContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupStateContext, ComboBox, ComboBoxStateContext, DateField, DateFieldStateContext, DateInput, DatePicker, DatePickerStateContext, DateSegment, Dialog, DialogTrigger, Disclosure, DisclosureGroup, DisclosurePanel, DisclosureStateContext, DropZone, FieldError, FieldErrorContext, FileTrigger, Form, GridList, GridListItem, Group, Header, Heading, Input, InputContext, Label, Link, ListBox, ListBoxItem, ListBoxSection, ListStateContext, Menu, MenuItem, MenuSection, MenuTrigger, Modal, ModalOverlay, NumberField, OverlayArrow, OverlayTriggerStateContext, Popover, ProgressBar, Provider, Radio, RadioGroup, RadioGroupStateContext, RouterProvider, SearchField, Select as Select$1, SelectValue, Separator, Slider, SliderOutput, SliderThumb, SliderTrack, Switch, Tab, TabList, TabPanel, Tabs, Tag, TagGroup, TagList, Text, TextArea, TextContext, TextField, TimeField, Tooltip, TooltipTrigger, UNSTABLE_Toast, UNSTABLE_ToastContent, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion } from "react-aria-components";
+import * as React from "react";
+import { Children, Component, Fragment, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { I18nProvider, useDateFormatter, useLocale, useLocalizedStringFormatter } from "@react-aria/i18n";
-import { startOfWeek, today } from "@internationalized/date";
+import { CalendarDate, startOfWeek, today } from "@internationalized/date";
 import { useCalendarGrid } from "@react-aria/calendar";
 import { chain, filterDOMProps, mergeProps, useEnterAnimation, useExitAnimation, useId, useObjectRef, useViewportSize } from "@react-aria/utils";
 import { PressResponder, useHover } from "@react-aria/interactions";
@@ -124,8 +124,11 @@ const AccordionItem = ({ children, disabled, expanded,...props }) => {
 const AccordionPanel = ({ children }) => {
 	const { classNames: classNames$2 } = useAccordionContext();
 	return /* @__PURE__ */ jsx(DisclosurePanel, {
-		className: classNames$2.content,
-		children
+		className: classNames$2.panel,
+		children: /* @__PURE__ */ jsx("div", {
+			className: classNames$2.content,
+			children
+		})
 	});
 };
 
@@ -268,19 +271,15 @@ const HelpText = ({ variant, size: size$1, description, errorMessage,...props })
 //#endregion
 //#region src/Label/Label.tsx
 const _Label = ({ size: size$1, variant, children,...props }) => {
-	const classNames$2 = useClassNames({
+	const className = useClassNames({
 		component: "Label",
 		size: size$1,
 		variant
 	});
-	return /* @__PURE__ */ jsxs(Label, {
+	return /* @__PURE__ */ jsx(Label, {
 		...props,
-		className: cn(classNames$2.container, "inline-flex"),
-		children: [children, /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: cn("hidden", classNames$2.indicator),
-			children: "*"
-		})]
+		className: cn(className, "inline-flex"),
+		children
 	});
 };
 
@@ -319,40 +318,47 @@ const _FieldBase = (props, ref) => {
 const FieldBase = fixedForwardRef(_FieldBase);
 
 //#endregion
-//#region src/ProgressCycle/ProgressCycle.tsx
-const ProgressCycle = ({ size: size$1 = "16",...props }) => {
+//#region src/ProgressCircle/ProgressCircle.tsx
+const ProgressCircleSvg = ({ size: size$1 = "16", variant }) => {
+	const classNames$2 = useClassNames({
+		component: "ProgressCircle",
+		variant,
+		size: size$1
+	});
 	let strokeWidth = 3;
 	if (size$1 <= "24") strokeWidth = 2;
 	else if (size$1 >= "32") strokeWidth = 4;
 	const radius = `calc(50% - ${strokeWidth / 2}px)`;
-	const classNames$2 = useClassNames({ component: "ProgressCycle" });
+	return /* @__PURE__ */ jsxs(SVG, {
+		className: cn("animate-rotate-spinner origin-center fill-none", classNames$2.loader),
+		size: size$1,
+		"aria-hidden": "true",
+		role: "img",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "50%",
+			cy: "50%",
+			r: radius,
+			strokeWidth,
+			className: "stroke-transparent"
+		}), /* @__PURE__ */ jsx("circle", {
+			cx: "50%",
+			cy: "50%",
+			r: radius,
+			strokeWidth,
+			pathLength: "100",
+			strokeDasharray: "100 200",
+			strokeDashoffset: "0",
+			strokeLinecap: "round",
+			className: cn("animate-progress-cycle origin-center -rotate-90", classNames$2.container)
+		})]
+	});
+};
+const ProgressCircle = ({ size: size$1 = "16",...props }) => {
 	return /* @__PURE__ */ jsx(ProgressBar, {
 		...props,
 		"aria-label": "loading",
 		isIndeterminate: true,
-		children: /* @__PURE__ */ jsxs(SVG, {
-			className: "animate-rotate-spinner origin-center fill-none",
-			size: size$1,
-			"aria-hidden": "true",
-			role: "img",
-			children: [/* @__PURE__ */ jsx("circle", {
-				cx: "50%",
-				cy: "50%",
-				r: radius,
-				strokeWidth,
-				className: "stroke-transparent"
-			}), /* @__PURE__ */ jsx("circle", {
-				cx: "50%",
-				cy: "50%",
-				r: radius,
-				strokeWidth,
-				pathLength: "100",
-				strokeDasharray: "100 200",
-				strokeDashoffset: "0",
-				strokeLinecap: "round",
-				className: cn("animate-progress-cycle origin-center -rotate-90", classNames$2)
-			})]
-		})
+		children: /* @__PURE__ */ jsx(ProgressCircleSvg, { size: size$1 })
 	});
 };
 
@@ -441,7 +447,7 @@ const SearchInput = forwardRef(({ className, loading, onClear,...props }, ref) =
 		className: cn("[&::-webkit-search-cancel-button]:hidden", className?.input),
 		ref,
 		icon: /* @__PURE__ */ jsx(Search, { size: "16" }),
-		action: loading ? /* @__PURE__ */ jsx(ProgressCycle, {}) : /* @__PURE__ */ jsx(Button, {
+		action: loading ? /* @__PURE__ */ jsx(ProgressCircle, {}) : /* @__PURE__ */ jsx(Button, {
 			className: className?.action,
 			onPress: () => onClear?.(),
 			"aria-label": stringFormatter.format("Clear search"),
@@ -593,7 +599,12 @@ const intlMessages = {
 		showMore: "Mehr anzeigen",
 		showMoreCount: "{count} weitere anzeigen",
 		showLess: "Weniger anzeigen",
-		showLessCount: "{count} weniger anzeigen"
+		showLessCount: "{count} weniger anzeigen",
+		dropZoneLabel: "Dateien hierher ziehen",
+		uploadLabel: "Hochladen",
+		moreInfo: "Mehr Informationen",
+		help: "Hilfe",
+		hiddenBreadcrumbs: "Diese Breadcrumbs sind ausgeblendet"
 	},
 	"en-US": {
 		cancel: "Cancel",
@@ -603,14 +614,19 @@ const intlMessages = {
 		showMore: "Show more",
 		showMoreCount: "Show {count} more",
 		showLess: "Show less",
-		showLessCount: "Show {count} less"
+		showLessCount: "Show {count} less",
+		dropZoneLabel: "Drop files here",
+		uploadLabel: "Upload",
+		moreInfo: "More information",
+		help: "Help",
+		hiddenBreadcrumbs: "These breadcrumbs are hidden"
 	}
 };
 
 //#endregion
 //#region src/Autocomplete/Autocomplete.tsx
 const AutocompleteInput = ({ loading, onSubmit, onClear, ref }) => {
-	const state = React.useContext(ComboBoxStateContext);
+	const state = useContext(ComboBoxStateContext);
 	const classNames$2 = useClassNames({ component: "ComboBox" });
 	return /* @__PURE__ */ jsx(SearchInput, {
 		ref,
@@ -692,19 +708,32 @@ const ChevronRight = ({ size: size$1 = 24, className,...props }) => /* @__PURE__
 	children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
 });
 
+//#endregion
+//#region src/IconButton/IconButton.tsx
+const IconButton = ({ className, children, variant, size: size$1,...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn("shrink-0 cursor-pointer outline-0", useClassNames({
+			component: "IconButton",
+			variant,
+			size: size$1
+		}), className),
+		...props,
+		children
+	});
+};
+
 //#endregion
 //#region src/Breadcrumbs/BreadcrumbEllipsis.tsx
 const BreadcrumbEllipsis = ({ hiddenItems = [], disabled = false }) => {
+	const stringFormatter = useLocalizedStringFormatter(intlMessages, "marigold");
 	const { container, item: menuItem } = useClassNames({ component: "Menu" });
-	const { item: breadcrumbsItem, link } = useClassNames({ component: "Breadcrumbs" });
-	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(Button, {
-		type: "button",
-		className: `${breadcrumbsItem} ${link}`,
+	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(IconButton, {
+		"aria-label": stringFormatter.format("hiddenBreadcrumbs"),
 		children: "..."
 	}), /* @__PURE__ */ jsx(_Popover, { children: /* @__PURE__ */ jsx(Menu, {
 		className: container,
 		children: hiddenItems.map((item, index$1) => {
-			if (!React.isValidElement(item)) return null;
+			if (!isValidElement(item)) return null;
 			const { href, children: itemChildren } = item.props;
 			return /* @__PURE__ */ jsx(MenuItem, {
 				className: menuItem,
@@ -728,7 +757,7 @@ const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, ma
 		variant,
 		size: size$1
 	});
-	const items = React.Children.toArray(children);
+	const items = Children.toArray(children);
 	const total = items.length;
 	const shouldCollapse = typeof maxVisibleItems === "number" && maxVisibleItems >= 2 && total > maxVisibleItems;
 	const ellipsis = /* @__PURE__ */ jsx(BreadcrumbsItem, {
@@ -746,7 +775,7 @@ const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, ma
 		isDisabled: disabled,
 		className: container,
 		children: displayedItems.map((item, index$1) => {
-			if (!React.isValidElement(item)) return null;
+			if (!isValidElement(item)) return null;
 			const isLast = index$1 === displayedItems.length - 1;
 			const { href, children: itemChildren,...ariaProps } = item.props;
 			return /* @__PURE__ */ jsxs(Breadcrumb, {
@@ -759,7 +788,7 @@ const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, ma
 					children: itemChildren
 				}), !isLast && /* @__PURE__ */ jsx(ChevronRight, {
 					"aria-hidden": "true",
-					size: 14,
+					size: 16,
 					"data-testid": "breadcrumb-chevronright"
 				})]
 			}, `${href}-${index$1}`);
@@ -770,12 +799,11 @@ _Breadcrumbs.Item = BreadcrumbsItem;
 
 //#endregion
 //#region src/Breakout/Breakout.tsx
-const Breakout = ({ children }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "![grid-column:1/-1]",
-		children
-	});
-};
+const Breakout = ({ children }) => /* @__PURE__ */ jsx("div", {
+	"data-breakout": true,
+	className: "col-span-full!",
+	children
+});
 
 //#endregion
 //#region src/Button/Button.tsx
@@ -793,7 +821,7 @@ const _Button = forwardRef(({ children, variant, size: size$1, disabled, loading
 		isDisabled: disabled,
 		children: loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			className: "absolute",
-			children: /* @__PURE__ */ jsx(ProgressCycle, {})
+			children: /* @__PURE__ */ jsx(ProgressCircle, {})
 		}), /* @__PURE__ */ jsx("span", {
 			className: "invisible flex gap-[inherit]",
 			children
@@ -903,20 +931,6 @@ const CalendarListBox = ({ type, isDisabled, setSelectedDropdown }) => {
 	});
 };
 
-//#endregion
-//#region src/IconButton/IconButton.tsx
-const IconButton = ({ className, children, variant, size: size$1,...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		className: cn("shrink-0 cursor-pointer outline-0", useClassNames({
-			component: "IconButton",
-			variant,
-			size: size$1
-		}), className),
-		...props,
-		children
-	});
-};
-
 //#endregion
 //#region src/icons/ChevronLeft.tsx
 const ChevronLeft = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
@@ -1254,7 +1268,6 @@ const _CheckboxGroup = ({ children, variant, size: size$1, required, disabled, r
 		children: /* @__PURE__ */ jsx("div", {
 			role: "presentation",
 			"data-orientation": orientation,
-			"data-group": "checkbox",
 			className: cn(classNames$2.group, "group/checkboxgroup flex items-start", orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"),
 			children: /* @__PURE__ */ jsxs(CheckboxGroupContext.Provider, {
 				value: {
@@ -1408,7 +1421,7 @@ const _ComboBox = forwardRef(({ variant, size: size$1, required, disabled, readO
 		...props,
 		children: [/* @__PURE__ */ jsx(_Input, { action: /* @__PURE__ */ jsx(IconButton, {
 			className: classNames$2,
-			children: loading ? /* @__PURE__ */ jsx(ProgressCycle, {}) : /* @__PURE__ */ jsx(ChevronsVertical, { size: "16" })
+			children: loading ? /* @__PURE__ */ jsx(ProgressCircle, {}) : /* @__PURE__ */ jsx(ChevronsVertical, { size: "16" })
 		}) }), /* @__PURE__ */ jsx(_Popover, { children: /* @__PURE__ */ jsx(_ListBox, {
 			renderEmptyState: () => emptyState ?? /* @__PURE__ */ jsx(Center, { children: stringFormatter.format("noResultsFound") }),
 			children
@@ -1431,9 +1444,9 @@ const containerHeadlineLength = {
 	long: "35ch"
 };
 const gridColsAlign = {
-	left: "grid-cols-[minmax(0,max-content)_1fr_1fr]",
-	center: "grid-cols-[1fr_minmax(0,max-content)_1fr]",
-	right: " grid-cols-[1fr_1fr_minmax(0,max-content)]"
+	left: "has-[[data-breakout]]:grid-cols-[minmax(0,max-content)_1fr_1fr]",
+	center: "has-[[data-breakout]]:grid-cols-[1fr_minmax(0,max-content)_1fr]",
+	right: "has-[[data-breakout]]:grid-cols-[1fr_1fr_minmax(0,max-content)]"
 };
 const gridColumn = {
 	left: "*:col-[1]",
@@ -1536,13 +1549,14 @@ const DialogTrigger$1 = ({ open,...rest }) => /* @__PURE__ */ jsx(DialogTrigger,
 	isOpen: open,
 	...rest
 });
-const _ContextualHelp = forwardRef(({ children, variant = "help", size: size$1, width: width$1, placement = "bottom start", offset: offset$1 = 0, defaultOpen, open, onOpenChange }, ref) => {
+const _ContextualHelp = forwardRef(({ children, variant = "help", size: size$1, width: width$1, placement = "bottom start", offset: offset$1 = 0, defaultOpen, open, onOpenChange, ariaLabel }, ref) => {
 	const Icon$2 = icons$2[variant];
 	const classNames$2 = useClassNames({
 		component: "ContextualHelp",
 		variant,
 		size: size$1
 	});
+	const stringFormatter = useLocalizedStringFormatter(intlMessages);
 	return /* @__PURE__ */ jsxs(DialogTrigger$1, {
 		defaultOpen,
 		open,
@@ -1550,7 +1564,7 @@ const _ContextualHelp = forwardRef(({ children, variant = "help", size: size$1,
 		children: [/* @__PURE__ */ jsx(Button, {
 			ref,
 			className: classNames$2.trigger,
-			"aria-label": variant === "info" ? "Information" : "Hilfe",
+			"aria-label": ariaLabel ?? (variant === "info" ? stringFormatter.format("moreInfo") : stringFormatter.format("help")),
 			children: /* @__PURE__ */ jsx(Icon$2, { size: 20 })
 		}), /* @__PURE__ */ jsx(Popover, {
 			placement,
@@ -1584,14 +1598,90 @@ const _DateSegment = ({ segment,...props }) => {
 
 //#endregion
 //#region src/DateField/DateInput.tsx
-const _DateInput = ({ variant, size: size$1, action,...props }) => {
+const extractCalendarDate = (format, order, dateString) => {
+	const isMatch = dateString.trim().match(format);
+	if (!isMatch) return;
+	const date = order.reduce((accumulatedValue, currentVal, currentIndex) => {
+		return {
+			...accumulatedValue,
+			[currentVal]: parseInt(isMatch[currentIndex + 1], 10)
+		};
+	}, {});
+	if (isValidDate(date.year, date.month, date.day)) return new CalendarDate(date.year, date.month, date.day);
+};
+const parseDateFromString = (dateString) => {
+	for (const format of [
+		{
+			regex: /^(\d{4})-(\d{1,2})-(\d{1,2})$/,
+			order: [
+				"year",
+				"month",
+				"day"
+			]
+		},
+		{
+			regex: /^(\d{1,2})[./](\d{1,2})[./](\d{4})$/,
+			order: [
+				"day",
+				"month",
+				"year"
+			]
+		},
+		{
+			regex: /^(\d{1,2})[/-](\d{1,2})[/-](\d{4})$/,
+			order: [
+				"month",
+				"day",
+				"year"
+			]
+		}
+	]) {
+		const result = extractCalendarDate(format.regex, format.order, dateString);
+		if (result) return result;
+	}
+};
+const isValidDate = (year, month, day) => {
+	if (year < 1 || year > 9999) return false;
+	if (month < 1 || month > 12) return false;
+	if (day < 1 || day > 31) return false;
+	const daysInMonth = [
+		31,
+		28,
+		31,
+		30,
+		31,
+		30,
+		31,
+		31,
+		30,
+		31,
+		30,
+		31
+	];
+	const isLeapYear = year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+	if (month === 2 && isLeapYear) return day <= 29;
+	return day <= daysInMonth[month - 1];
+};
+const _DateInput = ({ variant, size: size$1, action, onPaste,...props }) => {
 	const classNames$2 = useClassNames({
 		component: "DateField",
 		variant,
 		size: size$1
 	});
+	const handlePaste = async (event) => {
+		try {
+			const parsedDate = parseDateFromString(event.clipboardData.getData("text"));
+			if (parsedDate) {
+				event.preventDefault();
+				onPaste(parsedDate);
+			}
+		} catch (error) {
+			console.warn("Failed to parse pasted date:", error);
+		}
+	};
 	return /* @__PURE__ */ jsxs(Group, {
 		className: classNames$2.field,
+		onPaste: handlePaste,
 		children: [/* @__PURE__ */ jsx(DateInput, {
 			className: "flex flex-1 items-center",
 			...props,
@@ -1605,7 +1695,7 @@ const _DateInput = ({ variant, size: size$1, action,...props }) => {
 
 //#endregion
 //#region src/DateField/DateField.tsx
-const _DateField = forwardRef(({ variant, size: size$1, action, disabled, required, error, readOnly,...rest }, ref) => {
+const _DateField = forwardRef(({ variant, size: size$1, action, disabled, required, error, readOnly, onChange,...rest }, ref) => {
 	return /* @__PURE__ */ jsx(FieldBase, {
 		as: DateField,
 		variant,
@@ -1616,9 +1706,23 @@ const _DateField = forwardRef(({ variant, size: size$1, action, disabled, requir
 		isInvalid: error,
 		isRequired: required,
 		...rest,
-		children: /* @__PURE__ */ jsx(_DateInput, { action })
+		children: /* @__PURE__ */ jsx(DateInputWithPasteWrapper, {
+			onChange,
+			action
+		})
 	});
 });
+const DateInputWithPasteWrapper = ({ onChange,...props }) => {
+	const ctx = useContext(DateFieldStateContext);
+	const onPaste = (date) => {
+		if (onChange) onChange(date);
+		ctx?.setValue(date);
+	};
+	return /* @__PURE__ */ jsx(_DateInput, {
+		onPaste,
+		...props
+	});
+};
 
 //#endregion
 //#region src/icons/Calendar.tsx
@@ -1650,7 +1754,7 @@ const Calendar$1 = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ *
 
 //#endregion
 //#region src/DatePicker/DatePicker.tsx
-const _DatePicker = React.forwardRef(({ dateUnavailable, disabled, required, readOnly, error, variant, size: size$1, open, granularity = "day",...rest }, ref) => {
+const _DatePicker = forwardRef(({ dateUnavailable, disabled, required, readOnly, error, variant, size: size$1, open, granularity = "day", onChange,...rest }, ref) => {
 	const props = {
 		isDateUnavailable: dateUnavailable,
 		isDisabled: disabled,
@@ -1659,6 +1763,7 @@ const _DatePicker = React.forwardRef(({ dateUnavailable, disabled, required, rea
 		isInvalid: error,
 		isOpen: open,
 		granularity,
+		onChange,
 		...rest
 	};
 	const classNames$2 = useClassNames({
@@ -1672,15 +1777,29 @@ const _DatePicker = React.forwardRef(({ dateUnavailable, disabled, required, rea
 		size: size$1,
 		...props,
 		ref,
-		children: [/* @__PURE__ */ jsx(_DateInput, { action: /* @__PURE__ */ jsx(IconButton, {
-			className: classNames$2,
-			children: /* @__PURE__ */ jsx(Calendar$1, {
-				size: "16",
-				"data-testid": "action"
+		children: [/* @__PURE__ */ jsx(DatePickerWithPasteWrapper, {
+			onChange,
+			action: /* @__PURE__ */ jsx(IconButton, {
+				className: classNames$2,
+				children: /* @__PURE__ */ jsx(Calendar$1, {
+					size: "16",
+					"data-testid": "action"
+				})
 			})
-		}) }), /* @__PURE__ */ jsx(_Popover, { children: /* @__PURE__ */ jsx(Dialog, { children: /* @__PURE__ */ jsx(_Calendar, { disabled }) }) })]
+		}), /* @__PURE__ */ jsx(_Popover, { children: /* @__PURE__ */ jsx(Dialog, { children: /* @__PURE__ */ jsx(_Calendar, { disabled }) }) })]
 	});
 });
+const DatePickerWithPasteWrapper = ({ onChange,...props }) => {
+	const ctx = useContext(DatePickerStateContext);
+	const onPaste = (date) => {
+		if (onChange) onChange(date);
+		ctx?.setValue(date);
+	};
+	return /* @__PURE__ */ jsx(_DateInput, {
+		onPaste,
+		...props
+	});
+};
 
 //#endregion
 //#region src/Overlay/Modal.tsx
@@ -2161,6 +2280,147 @@ Drawer.Title = DrawerTitle;
 Drawer.Content = DrawerContent;
 Drawer.Actions = DrawerActions;
 
+//#endregion
+//#region src/FileField/FileFieldItem.tsx
+const FileFieldItem = ({ children, onRemove }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "bg-background border-input flex items-center justify-between gap-2 rounded-lg border p-2 pe-3",
+		children: [children, /* @__PURE__ */ jsx(CloseButton, {
+			"aria-label": "Remove file",
+			onPress: onRemove
+		})]
+	});
+};
+
+//#endregion
+//#region src/icons/Upload.tsx
+const Upload = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: size$1,
+	height: size$1,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: cn("shrink-0", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("path", { d: "M12 13v8M4 14.899A7 7 0 1115.71 8h1.79a4.5 4.5 0 012.5 8.242" }), /* @__PURE__ */ jsx("path", { d: "M8 17l4-4 4 4" })]
+});
+
+//#endregion
+//#region src/FileField/FileTrigger.tsx
+const _FileTrigger = ({ label, disabled,...rest }) => {
+	return /* @__PURE__ */ jsx(FileTrigger, {
+		...rest,
+		children: /* @__PURE__ */ jsxs(_Button, {
+			disabled,
+			children: [/* @__PURE__ */ jsx(Upload, {}), label]
+		})
+	});
+};
+
+//#endregion
+//#region src/FileField/fileUtils.ts
+const filterAcceptedFiles = (files, acceptedFileTypes) => {
+	if (!acceptedFileTypes || acceptedFileTypes.length === 0) return files;
+	if (acceptedFileTypes.some((token$1) => tokenAllowsAll(token$1.trim().toLowerCase()))) return files;
+	return files.filter((file) => acceptedFileTypes.some((token$1) => matchesAcceptedToken(file, token$1)));
+};
+const isFileDropItem = (item) => item && typeof item === "object" && item.kind === "file" && typeof item.getFile === "function";
+const tokenAllowsAll = (token$1) => token$1 === "*" || token$1 === "*/*";
+const toLower = (s) => s.toLowerCase();
+const matchesAcceptedToken = (file, token$1) => {
+	const t$1 = toLower(token$1.trim());
+	if (!t$1) return false;
+	if (tokenAllowsAll(t$1)) return true;
+	const fileType = toLower(file.type || "");
+	const fileName = toLower(file.name || "");
+	if (!t$1.includes("/") && !t$1.startsWith(".")) {
+		const ext = `.${t$1}`;
+		return fileName.endsWith(ext);
+	}
+	if (t$1.startsWith(".")) return fileName.endsWith(t$1);
+	if (t$1.endsWith("/*")) {
+		const prefix$1 = t$1.slice(0, t$1.length - 1);
+		return fileType.startsWith(prefix$1);
+	}
+	return fileType === t$1;
+};
+const normalizeAndLimitFiles = (files, { accept, multiple }) => {
+	const accepted = filterAcceptedFiles(files, accept);
+	return multiple ? accepted : accepted.slice(0, 1);
+};
+
+//#endregion
+//#region src/FileField/FileField.tsx
+const FileField = ({ disabled = false, accept = ["*"], multiple = false, width: width$1, label,...props }) => {
+	const [files, setFiles] = useState(null);
+	const stringFormatter = useLocalizedStringFormatter(intlMessages);
+	const dropZoneLabel = stringFormatter.format("dropZoneLabel");
+	const buttonLabel = stringFormatter.format("uploadLabel");
+	const handleSelect = (files$1) => {
+		setFiles(normalizeAndLimitFiles(files$1 ? Array.from(files$1) : [], {
+			accept,
+			multiple
+		}));
+	};
+	const handleDrop = async (e$1) => {
+		try {
+			const filePromises = e$1.items.filter(isFileDropItem).map((item) => item.getFile());
+			setFiles(normalizeAndLimitFiles((await Promise.all(filePromises)).filter(Boolean), {
+				accept,
+				multiple
+			}));
+		} catch {}
+	};
+	const fileTriggerProps = {
+		acceptedFileTypes: accept,
+		allowsMultiple: multiple,
+		onSelect: handleSelect
+	};
+	const classNames$2 = useClassNames({ component: "FileField" });
+	return /* @__PURE__ */ jsxs(FieldBase, {
+		as: "div",
+		width: width$1,
+		label,
+		className: classNames$2.container,
+		...props,
+		children: [/* @__PURE__ */ jsx(DropZone, {
+			onDrop: handleDrop,
+			isDisabled: disabled,
+			className: classNames$2.dropZone,
+			"data-testid": "dropzone",
+			...props,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: classNames$2.dropZoneContent,
+				children: [/* @__PURE__ */ jsx("p", {
+					className: classNames$2.dropZoneLabel,
+					children: dropZoneLabel
+				}), /* @__PURE__ */ jsx(_FileTrigger, {
+					...fileTriggerProps,
+					label: buttonLabel,
+					disabled
+				})]
+			})
+		}), files?.map((file, index$1) => /* @__PURE__ */ jsx(FileField.Item, {
+			onRemove: () => setFiles((prev$1) => (prev$1 ?? []).filter((_, i$1) => i$1 !== index$1)),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: classNames$2.item,
+				children: [/* @__PURE__ */ jsx("p", {
+					className: classNames$2.itemLabel,
+					children: file.name
+				}), /* @__PURE__ */ jsxs("p", {
+					className: classNames$2.itemDescription,
+					children: [(file.size / 1024 / 1024).toFixed(2), " MB"]
+				})]
+			})
+		}, index$1))]
+	});
+};
+FileField.Item = FileFieldItem;
+
 //#endregion
 //#region src/Form/Form.tsx
 const _Form = ({ unstyled, maxWidth: maxWidth$1 = "full",...props }) => /* @__PURE__ */ jsx(Form, {
@@ -4144,15 +4404,15 @@ var isBrowser$1 = typeof document !== "undefined";
 var syncFallback = function syncFallback$1(create) {
 	return create();
 };
-var useInsertionEffect = React$1["useInsertionEffect"] ? React$1["useInsertionEffect"] : false;
+var useInsertionEffect = React["useInsertionEffect"] ? React["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : useInsertionEffect || syncFallback;
-var useInsertionEffectWithLayoutFallback = useInsertionEffect || React$1.useLayoutEffect;
+var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.2_react@19.2.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment = false;
 var isBrowser = typeof document !== "undefined";
-var EmotionCacheContext = /* @__PURE__ */ React$1.createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({ key: "css" }) : null);
+var EmotionCacheContext = /* @__PURE__ */ React.createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({ key: "css" }) : null);
 var CacheProvider = EmotionCacheContext.Provider;
 var withEmotionCache = function withEmotionCache$1(func) {
 	return /* @__PURE__ */ forwardRef(function(props, ref) {
@@ -4164,11 +4424,11 @@ if (!isBrowser) withEmotionCache = function withEmotionCache$1(func) {
 		var cache = useContext(EmotionCacheContext);
 		if (cache === null) {
 			cache = createCache({ key: "css" });
-			return /* @__PURE__ */ React$1.createElement(EmotionCacheContext.Provider, { value: cache }, func(props, cache));
+			return /* @__PURE__ */ React.createElement(EmotionCacheContext.Provider, { value: cache }, func(props, cache));
 		} else return func(props, cache);
 	};
 };
-var ThemeContext = /* @__PURE__ */ React$1.createContext({});
+var ThemeContext = /* @__PURE__ */ React.createContext({});
 var hasOwn = {}.hasOwnProperty;
 var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
 var createEmotionProps = function createEmotionProps$1(type, props) {
@@ -4191,7 +4451,7 @@ var Insertion = function Insertion$1(_ref$1) {
 			serializedNames += " " + next$1.name;
 			next$1 = next$1.next;
 		}
-		return /* @__PURE__ */ React$1.createElement("style", (_ref2$3 = {}, _ref2$3["data-emotion"] = cache.key + " " + serializedNames, _ref2$3.dangerouslySetInnerHTML = { __html: rules }, _ref2$3.nonce = cache.sheet.nonce, _ref2$3));
+		return /* @__PURE__ */ React.createElement("style", (_ref2$3 = {}, _ref2$3["data-emotion"] = cache.key + " " + serializedNames, _ref2$3.dangerouslySetInnerHTML = { __html: rules }, _ref2$3.nonce = cache.sheet.nonce, _ref2$3));
 	}
 	return null;
 };
@@ -4203,17 +4463,17 @@ var Emotion$1 = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 	var className = "";
 	if (typeof props.className === "string") className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
 	else if (props.className != null) className = props.className + " ";
-	var serialized = serializeStyles(registeredStyles, void 0, React$1.useContext(ThemeContext));
+	var serialized = serializeStyles(registeredStyles, void 0, React.useContext(ThemeContext));
 	className += cache.key + "-" + serialized.name;
 	var newProps = {};
 	for (var _key2 in props) if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && !isDevelopment) newProps[_key2] = props[_key2];
 	newProps.className = className;
 	if (ref) newProps.ref = ref;
-	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Insertion, {
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Insertion, {
 		cache,
 		serialized,
 		isStringTag: typeof WrappedComponent === "string"
-	}), /* @__PURE__ */ React$1.createElement(WrappedComponent, newProps));
+	}), /* @__PURE__ */ React.createElement(WrappedComponent, newProps));
 });
 
 //#endregion
@@ -4237,13 +4497,13 @@ var import_extends = /* @__PURE__ */ __toESM(require_extends());
 var import_hoist_non_react_statics_cjs = /* @__PURE__ */ __toESM(require_hoist_non_react_statics_cjs());
 var jsx$1 = function jsx$2(type, props) {
 	var args = arguments;
-	if (props == null || !hasOwn.call(props, "css")) return React$1.createElement.apply(void 0, args);
+	if (props == null || !hasOwn.call(props, "css")) return React.createElement.apply(void 0, args);
 	var argsLength = args.length;
 	var createElementArgArray = new Array(argsLength);
 	createElementArgArray[0] = Emotion$1;
 	createElementArgArray[1] = createEmotionProps(type, props);
 	for (var i$1 = 2; i$1 < argsLength; i$1++) createElementArgArray[i$1] = args[i$1];
-	return React$1.createElement.apply(null, createElementArgArray);
+	return React.createElement.apply(null, createElementArgArray);
 };
 (function(_jsx) {
 	var JSX$1;
@@ -7347,7 +7607,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					role: "combobox",
 					"aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
 				}, menuIsOpen && { "aria-controls": this.getElementId("listbox") }), !isSearchable && { "aria-readonly": true }), this.hasValue() ? (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus" && { "aria-describedby": this.getElementId("live-region") } : { "aria-describedby": this.getElementId("placeholder") });
-				if (!isSearchable) return /* @__PURE__ */ React$1.createElement(DummyInput, _extends({
+				if (!isSearchable) return /* @__PURE__ */ React.createElement(DummyInput, _extends({
 					id,
 					innerRef: this.getInputRef,
 					onBlur: this.onInputBlur,
@@ -7359,7 +7619,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					form,
 					value: ""
 				}, ariaAttributes));
-				return /* @__PURE__ */ React$1.createElement(Input$2, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(Input$2, _extends({}, commonProps, {
 					autoCapitalize: "none",
 					autoComplete: "off",
 					autoCorrect: "off",
@@ -7386,7 +7646,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var commonProps = this.commonProps;
 				var _this$props9 = this.props, controlShouldRenderValue = _this$props9.controlShouldRenderValue, isDisabled = _this$props9.isDisabled, isMulti = _this$props9.isMulti, inputValue = _this$props9.inputValue, placeholder = _this$props9.placeholder;
 				var _this$state5 = this.state, selectValue = _this$state5.selectValue, focusedValue = _this$state5.focusedValue, isFocused = _this$state5.isFocused;
-				if (!this.hasValue() || !controlShouldRenderValue) return inputValue ? null : /* @__PURE__ */ React$1.createElement(Placeholder, _extends({}, commonProps, {
+				if (!this.hasValue() || !controlShouldRenderValue) return inputValue ? null : /* @__PURE__ */ React.createElement(Placeholder, _extends({}, commonProps, {
 					key: "placeholder",
 					isDisabled,
 					isFocused,
@@ -7395,7 +7655,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				if (isMulti) return selectValue.map(function(opt, index$1) {
 					var isOptionFocused = opt === focusedValue;
 					var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-					return /* @__PURE__ */ React$1.createElement(MultiValue, _extends({}, commonProps, {
+					return /* @__PURE__ */ React.createElement(MultiValue, _extends({}, commonProps, {
 						components: {
 							Container: MultiValueContainer$1,
 							Label: MultiValueLabel$1,
@@ -7421,7 +7681,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				});
 				if (inputValue) return null;
 				var singleValue = selectValue[0];
-				return /* @__PURE__ */ React$1.createElement(SingleValue, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(SingleValue, _extends({}, commonProps, {
 					data: singleValue,
 					isDisabled
 				}), this.formatOptionLabel(singleValue, "value"));
@@ -7440,7 +7700,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					onTouchEnd: this.onClearIndicatorTouchEnd,
 					"aria-hidden": "true"
 				};
-				return /* @__PURE__ */ React$1.createElement(ClearIndicator$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(ClearIndicator$1, _extends({}, commonProps, {
 					innerProps,
 					isFocused
 				}));
@@ -7454,7 +7714,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var _this$props11 = this.props, isDisabled = _this$props11.isDisabled, isLoading = _this$props11.isLoading;
 				var isFocused = this.state.isFocused;
 				if (!LoadingIndicator$1 || !isLoading) return null;
-				return /* @__PURE__ */ React$1.createElement(LoadingIndicator$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(LoadingIndicator$1, _extends({}, commonProps, {
 					innerProps: { "aria-hidden": "true" },
 					isDisabled,
 					isFocused
@@ -7469,7 +7729,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var commonProps = this.commonProps;
 				var isDisabled = this.props.isDisabled;
 				var isFocused = this.state.isFocused;
-				return /* @__PURE__ */ React$1.createElement(IndicatorSeparator$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(IndicatorSeparator$1, _extends({}, commonProps, {
 					isDisabled,
 					isFocused
 				}));
@@ -7488,7 +7748,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					onTouchEnd: this.onDropdownIndicatorTouchEnd,
 					"aria-hidden": "true"
 				};
-				return /* @__PURE__ */ React$1.createElement(DropdownIndicator$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(DropdownIndicator$1, _extends({}, commonProps, {
 					innerProps,
 					isDisabled,
 					isFocused
@@ -7523,7 +7783,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 						role: "option",
 						"aria-selected": _this4.state.isAppleDevice ? void 0 : isSelected
 					};
-					return /* @__PURE__ */ React$1.createElement(Option, _extends({}, commonProps, {
+					return /* @__PURE__ */ React.createElement(Option, _extends({}, commonProps, {
 						innerProps,
 						data,
 						isDisabled,
@@ -7542,7 +7802,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 						var _data = item.data, options$1 = item.options, groupIndex = item.index;
 						var groupId = "".concat(_this4.getElementId("group"), "-").concat(groupIndex);
 						var headingId = "".concat(groupId, "-heading");
-						return /* @__PURE__ */ React$1.createElement(Group$2, _extends({}, commonProps, {
+						return /* @__PURE__ */ React.createElement(Group$2, _extends({}, commonProps, {
 							key: groupId,
 							data: _data,
 							options: options$1,
@@ -7560,11 +7820,11 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				else if (isLoading) {
 					var message = loadingMessage({ inputValue });
 					if (message === null) return null;
-					menuUI = /* @__PURE__ */ React$1.createElement(LoadingMessage$1, commonProps, message);
+					menuUI = /* @__PURE__ */ React.createElement(LoadingMessage$1, commonProps, message);
 				} else {
 					var _message = noOptionsMessage({ inputValue });
 					if (_message === null) return null;
-					menuUI = /* @__PURE__ */ React$1.createElement(NoOptionsMessage$1, commonProps, _message);
+					menuUI = /* @__PURE__ */ React.createElement(NoOptionsMessage$1, commonProps, _message);
 				}
 				var menuPlacementProps = {
 					minMenuHeight,
@@ -7573,9 +7833,9 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					menuPosition,
 					menuShouldScrollIntoView
 				};
-				var menuElement = /* @__PURE__ */ React$1.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function(_ref4) {
+				var menuElement = /* @__PURE__ */ React.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function(_ref4) {
 					var ref = _ref4.ref, _ref4$placerProps = _ref4.placerProps, placement = _ref4$placerProps.placement, maxHeight = _ref4$placerProps.maxHeight;
-					return /* @__PURE__ */ React$1.createElement(Menu$2, _extends({}, commonProps, menuPlacementProps, {
+					return /* @__PURE__ */ React.createElement(Menu$2, _extends({}, commonProps, menuPlacementProps, {
 						innerRef: ref,
 						innerProps: {
 							onMouseDown: _this4.onMenuMouseDown,
@@ -7583,13 +7843,13 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 						},
 						isLoading,
 						placement
-					}), /* @__PURE__ */ React$1.createElement(ScrollManager, {
+					}), /* @__PURE__ */ React.createElement(ScrollManager, {
 						captureEnabled: captureMenuScroll,
 						onTopArrive: onMenuScrollToTop,
 						onBottomArrive: onMenuScrollToBottom,
 						lockEnabled: menuShouldBlockScroll
 					}, function(scrollTargetRef) {
-						return /* @__PURE__ */ React$1.createElement(MenuList$1, _extends({}, commonProps, {
+						return /* @__PURE__ */ React.createElement(MenuList$1, _extends({}, commonProps, {
 							innerRef: function innerRef(instance) {
 								_this4.getMenuListRef(instance);
 								scrollTargetRef(instance);
@@ -7605,7 +7865,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 						}), menuUI);
 					}));
 				});
-				return menuPortalTarget || menuPosition === "fixed" ? /* @__PURE__ */ React$1.createElement(MenuPortal$1, _extends({}, commonProps, {
+				return menuPortalTarget || menuPosition === "fixed" ? /* @__PURE__ */ React.createElement(MenuPortal$1, _extends({}, commonProps, {
 					appendTo: menuPortalTarget,
 					controlElement: this.controlRef,
 					menuPlacement,
@@ -7619,7 +7879,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var _this5 = this;
 				var _this$props13 = this.props, delimiter$1 = _this$props13.delimiter, isDisabled = _this$props13.isDisabled, isMulti = _this$props13.isMulti, name = _this$props13.name, required = _this$props13.required;
 				var selectValue = this.state.selectValue;
-				if (required && !this.hasValue() && !isDisabled) return /* @__PURE__ */ React$1.createElement(RequiredInput$1, {
+				if (required && !this.hasValue() && !isDisabled) return /* @__PURE__ */ React.createElement(RequiredInput$1, {
 					name,
 					onFocus: this.onValueInputFocus
 				});
@@ -7628,29 +7888,29 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					var value = selectValue.map(function(opt) {
 						return _this5.getOptionValue(opt);
 					}).join(delimiter$1);
-					return /* @__PURE__ */ React$1.createElement("input", {
+					return /* @__PURE__ */ React.createElement("input", {
 						name,
 						type: "hidden",
 						value
 					});
 				} else {
 					var input = selectValue.length > 0 ? selectValue.map(function(opt, i$1) {
-						return /* @__PURE__ */ React$1.createElement("input", {
+						return /* @__PURE__ */ React.createElement("input", {
 							key: "i-".concat(i$1),
 							name,
 							type: "hidden",
 							value: _this5.getOptionValue(opt)
 						});
-					}) : /* @__PURE__ */ React$1.createElement("input", {
+					}) : /* @__PURE__ */ React.createElement("input", {
 						name,
 						type: "hidden",
 						value: ""
 					});
-					return /* @__PURE__ */ React$1.createElement("div", null, input);
+					return /* @__PURE__ */ React.createElement("div", null, input);
 				}
 				else {
 					var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : "";
-					return /* @__PURE__ */ React$1.createElement("input", {
+					return /* @__PURE__ */ React.createElement("input", {
 						name,
 						type: "hidden",
 						value: _value
@@ -7664,7 +7924,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var commonProps = this.commonProps;
 				var _this$state6 = this.state, ariaSelection = _this$state6.ariaSelection, focusedOption = _this$state6.focusedOption, focusedValue = _this$state6.focusedValue, isFocused = _this$state6.isFocused, selectValue = _this$state6.selectValue;
 				var focusableOptions = this.getFocusableOptions();
-				return /* @__PURE__ */ React$1.createElement(LiveRegion$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(LiveRegion$1, _extends({}, commonProps, {
 					id: this.getElementId("live-region"),
 					ariaSelection,
 					focusedOption,
@@ -7683,7 +7943,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 				var _this$props14 = this.props, className = _this$props14.className, id = _this$props14.id, isDisabled = _this$props14.isDisabled, menuIsOpen = _this$props14.menuIsOpen;
 				var isFocused = this.state.isFocused;
 				var commonProps = this.commonProps = this.getCommonProps();
-				return /* @__PURE__ */ React$1.createElement(SelectContainer$1, _extends({}, commonProps, {
+				return /* @__PURE__ */ React.createElement(SelectContainer$1, _extends({}, commonProps, {
 					className,
 					innerProps: {
 						id,
@@ -7691,7 +7951,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					},
 					isDisabled,
 					isFocused
-				}), this.renderLiveRegion(), /* @__PURE__ */ React$1.createElement(Control, _extends({}, commonProps, {
+				}), this.renderLiveRegion(), /* @__PURE__ */ React.createElement(Control, _extends({}, commonProps, {
 					innerRef: this.getControlRef,
 					innerProps: {
 						onMouseDown: this.onControlMouseDown,
@@ -7700,7 +7960,7 @@ var Select$2 = /* @__PURE__ */ function(_Component) {
 					isDisabled,
 					isFocused,
 					menuIsOpen
-				}), /* @__PURE__ */ React$1.createElement(ValueContainer$1, _extends({}, commonProps, { isDisabled }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ React$1.createElement(IndicatorsContainer$1, _extends({}, commonProps, { isDisabled }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
+				}), /* @__PURE__ */ React.createElement(ValueContainer$1, _extends({}, commonProps, { isDisabled }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ React.createElement(IndicatorsContainer$1, _extends({}, commonProps, { isDisabled }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
 			}
 		}
 	], [{
@@ -8134,7 +8394,7 @@ var import_taggedTemplateLiteral = /* @__PURE__ */ __toESM(require_taggedTemplat
 var import_defineProperty = /* @__PURE__ */ __toESM(require_defineProperty());
 var StateManagedSelect$1 = /* @__PURE__ */ forwardRef(function(props, ref) {
 	var baseSelectProps = useStateManager(props);
-	return /* @__PURE__ */ React$1.createElement(Select$2, _extends({ ref }, baseSelectProps));
+	return /* @__PURE__ */ React.createElement(Select$2, _extends({ ref }, baseSelectProps));
 });
 
 //#endregion
@@ -8342,7 +8602,8 @@ const _NumberField = forwardRef(({ variant, size: size$1, disabled, required, re
 				}),
 				/* @__PURE__ */ jsx(Input, {
 					ref,
-					className: cn("h-full flex-1 outline-none", classNames$2.input)
+					className: cn("h-full flex-1 outline-none", classNames$2.input),
+					onFocus: (e$1) => e$1.currentTarget.select()
 				}),
 				showStepper && /* @__PURE__ */ jsx(_StepButton, {
 					className: classNames$2.stepper,
@@ -8812,7 +9073,7 @@ const SelectBase = forwardRef(function Select$3({ disabled, required, items, var
 		...props,
 		children: [/* @__PURE__ */ jsxs(IconButton, {
 			className: cn("flex w-full items-center justify-between gap-1 overflow-hidden", classNames$2.select),
-			children: [/* @__PURE__ */ jsx(SelectValue, { className: "truncate text-nowrap [&>[slot=description]]:hidden" }), /* @__PURE__ */ jsx(ChevronsVertical, {
+			children: [/* @__PURE__ */ jsx(SelectValue, { className: "truncate text-nowrap [&_[slot=description]]:hidden" }), /* @__PURE__ */ jsx(ChevronsVertical, {
 				size: "16",
 				className: classNames$2.icon
 			})]
@@ -9699,11 +9960,157 @@ const _Tooltip = ({ children, variant, size: size$1, open,...rest }) => {
 _Tooltip.Trigger = _TooltipTrigger;
 
 //#endregion
-//#region src/XLoader/BaseLoader.tsx
-const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel,...props }) => {
+//#region src/Loader/BaseLoader.tsx
+const XLoaderSvg = ({ className }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 150 150",
+		fill: "currentColor",
+		className,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_1_",
+				d: "M35.3 27h26.5l54 74.1H88.7z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_5_",
+				d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "1.0s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_18_",
+				d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.9s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_19_",
+				d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.8s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_20_",
+				d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.7s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_21_",
+				d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.6s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_22_",
+				d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.5s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_23_",
+				d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.4s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_24_",
+				d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.3s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_25_",
+				d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.2s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_26_",
+				d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.1s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			}),
+			/* @__PURE__ */ jsx("path", {
+				id: "XMLID_27_",
+				d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
+				children: /* @__PURE__ */ jsx("animate", {
+					attributeName: "opacity",
+					attributeType: "XML",
+					values: "1; .01; 1; 1; 1;",
+					begin: "0.0s",
+					dur: "2.5s",
+					repeatCount: "indefinite"
+				})
+			})
+		]
+	});
+};
+const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel, loaderType = "circle",...props }) => {
 	const stringFormatter = useLocalizedStringFormatter(intlMessages, "marigold");
 	const className = useClassNames({
-		component: "XLoader",
+		component: "Loader",
 		variant,
 		size: size$1
 	});
@@ -9712,149 +10119,9 @@ const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel,.
 		isIndeterminate: true,
 		"aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
 		...props,
-		children: [/* @__PURE__ */ jsxs("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 150 150",
-			fill: "currentColor",
-			className: className.loader,
-			children: [
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_1_",
-					d: "M35.3 27h26.5l54 74.1H88.7z"
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_5_",
-					d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "1.0s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_18_",
-					d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.9s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_19_",
-					d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.8s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_20_",
-					d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.7s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_21_",
-					d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.6s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_22_",
-					d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.5s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_23_",
-					d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.4s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_24_",
-					d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.3s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_25_",
-					d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.2s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_26_",
-					d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.1s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				}),
-				/* @__PURE__ */ jsx("path", {
-					id: "XMLID_27_",
-					d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-					children: /* @__PURE__ */ jsx("animate", {
-						attributeName: "opacity",
-						attributeType: "XML",
-						values: "1; .01; 1; 1; 1;",
-						begin: "0.0s",
-						dur: "2.5s",
-						repeatCount: "indefinite"
-					})
-				})
-			]
+		children: [loaderType === "xloader" ? /* @__PURE__ */ jsx(XLoaderSvg, { className: className.loader }) : /* @__PURE__ */ jsx(ProgressCircleSvg, {
+			variant,
+			size: size$1
 		}), children ? /* @__PURE__ */ jsx(Label, {
 			className: className.label,
 			children
@@ -9863,7 +10130,7 @@ const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel,.
 };
 
 //#endregion
-//#region src/XLoader/XLoader.tsx
+//#region src/Loader/Loader.tsx
 const LoaderFullScreen = (props) => {
 	const id = useId();
 	return /* @__PURE__ */ jsx(Underlay, {
@@ -9893,7 +10160,7 @@ const LoaderSection = (props) => {
 		children: /* @__PURE__ */ jsx(BaseLoader, { ...props })
 	});
 };
-const XLoader = ({ mode, variant,...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx(LoaderFullScreen, {
+const Loader = ({ mode, variant,...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx(LoaderFullScreen, {
 	variant: variant ?? "inverted",
 	...props
 }) : mode === "section" ? /* @__PURE__ */ jsx(LoaderSection, {
@@ -9921,4 +10188,4 @@ const parseFormData = (e$1) => {
 };
 
 //#endregion
-export { Accordion, AccordionItem, ActionMenu, Aside, Aspect, _Autocomplete as Autocomplete, Badge, _Breadcrumbs as Breadcrumbs, Breakout, _Button as Button, _Calendar as Calendar, Card, Center, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CloseButton, Collapsible, Columns, _ComboBox as ComboBox, ConfirmationContext, ConfirmationDialog, ConfirmationProvider, Container, _ContextualHelp as ContextualHelp, _DateField as DateField, DateFormat, _DatePicker as DatePicker, _Dialog as Dialog, _Divider as Divider, Drawer, FieldBase, _Form as Form, Grid, _Headline as Headline, HelpText, I18nProvider, IconButton, Inline, _Input as Input, Inset, _Label as Label, _Link as Link, _LinkButton as LinkButton, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, MarigoldProvider, _Menu as Menu, _Modal as Modal, Multiselect, NonModal, _NumberField as NumberField, NumericFormat, OverlayContainerProvider, _Pagination as Pagination, _Popover as Popover, ProgressCycle, _Radio as Radio, _RadioGroup as RadioGroup, RouterProvider, Scrollable, _SearchField as SearchField, SearchInput, SectionMessage, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, _Slider as Slider, Split, Stack, _Switch as Switch, Table, _Tabs as Tabs, _Tag as Tag, _TagGroup as TagGroup, _Text as Text, _TextArea as TextArea, _TextField as TextField, ThemeProvider, Tiles, _TimeField as TimeField, Toast, ToastProvider, _Tooltip as Tooltip, Underlay, VisuallyHidden, XLoader, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };
+export { Accordion, AccordionItem, ActionMenu, Aside, Aspect, _Autocomplete as Autocomplete, Badge, _Breadcrumbs as Breadcrumbs, Breakout, _Button as Button, _Calendar as Calendar, Card, Center, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CloseButton, Collapsible, Columns, _ComboBox as ComboBox, ConfirmationContext, ConfirmationDialog, ConfirmationProvider, Container, _ContextualHelp as ContextualHelp, _DateField as DateField, DateFormat, _DatePicker as DatePicker, _Dialog as Dialog, _Divider as Divider, Drawer, FieldBase, FileField, _Form as Form, Grid, _Headline as Headline, HelpText, I18nProvider, IconButton, Inline, _Input as Input, Inset, _Label as Label, _Link as Link, _LinkButton as LinkButton, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, Loader, MarigoldProvider, _Menu as Menu, _Modal as Modal, Multiselect, NonModal, _NumberField as NumberField, NumericFormat, OverlayContainerProvider, _Pagination as Pagination, _Popover as Popover, ProgressCircle, ProgressCircleSvg, _Radio as Radio, _RadioGroup as RadioGroup, RouterProvider, Scrollable, _SearchField as SearchField, SearchInput, SectionMessage, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, _Slider as Slider, Split, Stack, _Switch as Switch, Table, _Tabs as Tabs, _Tag as Tag, _TagGroup as TagGroup, _Text as Text, _TextArea as TextArea, _TextField as TextField, ThemeProvider, Tiles, _TimeField as TimeField, Toast, ToastProvider, _Tooltip as Tooltip, Underlay, VisuallyHidden, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };