@marigold/components 16.0.1 → 16.1.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 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 { DateFormat, NumericFormat, SVG, ThemeProvider, ThemeProvider as ThemeProvider$1, alignment, aspect, cn, createSpacingVar, 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, 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";
@@ -28,16 +28,18 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function() {
-	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __copyProps = (to, from$1, except, desc) => {
-	if (from$1 && typeof from$1 === "object" || typeof from$1 === "function") for (var keys = __getOwnPropNames(from$1), i$1 = 0, n$1 = keys.length, key; i$1 < n$1; i$1++) {
-		key = keys[i$1];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k$1) => from$1[k$1]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from$1, key)) || desc.enumerable
-		});
+	if (from$1 && typeof from$1 === "object" || typeof from$1 === "function") {
+		for (var keys = __getOwnPropNames(from$1), i$1 = 0, n$1 = keys.length, key; i$1 < n$1; i$1++) {
+			key = keys[i$1];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k$1) => from$1[k$1]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from$1, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -58,7 +60,7 @@ const useAccordionContext = () => {
 
 //#endregion
 //#region src/icons/ChevronDown.tsx
-const ChevronDown = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const ChevronDown = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -108,7 +110,7 @@ const AccordionHeader = ({ children }) => {
 
 //#endregion
 //#region src/Accordion/AccordionItem.tsx
-const AccordionItem = ({ children, disabled, expanded,...props }) => {
+const AccordionItem = ({ children, disabled, expanded, ...props }) => {
 	const { classNames: classNames$2 } = useAccordionContext();
 	return /* @__PURE__ */ jsx(Disclosure, {
 		isDisabled: disabled,
@@ -134,7 +136,7 @@ const AccordionPanel = ({ children }) => {
 
 //#endregion
 //#region src/Accordion/Accordion.tsx
-const Accordion = ({ children, disabled, variant, size: size$1, stickyHeader = false, iconPosition = "right",...props }) => {
+const Accordion = ({ children, disabled, variant, size: size$1, stickyHeader = false, iconPosition = "right", ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Accordion",
 		variant,
@@ -174,7 +176,8 @@ const Aside = ({ children, sideWidth, space = 0, side = "left", wrap = "50%" })
 		content: createVar({ wrap })
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-wrap", gapSpace[space]),
+		className: cn("flex flex-wrap", "gap-(--space)"),
+		style: createSpacingVar("space", `${space}`),
 		children: [/* @__PURE__ */ jsx("div", {
 			className: classNames$1[side === "left" ? "aside" : "content"],
 			style: vars[side === "left" ? "aside" : "content"],
@@ -199,7 +202,7 @@ const Aspect = ({ ratio = "square", maxWidth: maxWidth$1, children }) => {
 
 //#endregion
 //#region src/Center/Center.tsx
-const Center = ({ maxWidth: maxWidth$1 = "100%", space = 0, children,...props }) => {
+const Center = ({ maxWidth: maxWidth$1 = "100%", space = 0, children, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
 		className: cn("ms-[auto] me-[auto] box-content flex flex-col items-center justify-center", gapSpace[space], "max-w-(--maxWidth)"),
@@ -210,7 +213,7 @@ const Center = ({ maxWidth: maxWidth$1 = "100%", space = 0, children,...props })
 
 //#endregion
 //#region src/icons/TriangleAlert.tsx
-const TriangleAlert = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const TriangleAlert = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -231,7 +234,7 @@ const TriangleAlert = ({ size: size$1 = 24, className,...props }) => /* @__PURE_
 
 //#endregion
 //#region src/HelpText/HelpText.tsx
-const HelpText = ({ variant, size: size$1, description, errorMessage,...props }) => {
+const HelpText = ({ variant, size: size$1, description, errorMessage, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "HelpText",
 		variant,
@@ -270,7 +273,7 @@ const HelpText = ({ variant, size: size$1, description, errorMessage,...props })
 
 //#endregion
 //#region src/Label/Label.tsx
-const _Label = ({ size: size$1, variant, children,...props }) => {
+const _Label = ({ size: size$1, variant, children, ...props }) => {
 	const className = useClassNames({
 		component: "Label",
 		size: size$1,
@@ -287,7 +290,7 @@ const _Label = ({ size: size$1, variant, children,...props }) => {
 //#region src/FieldBase/FieldBase.tsx
 const fixedForwardRef = forwardRef;
 const _FieldBase = (props, ref) => {
-	const { as: Component$1 = "div", children, label, size: size$1, variant, width: width$1 = "full", description, errorMessage, className,...rest } = props;
+	const { as: Component$1 = "div", children, label, size: size$1, variant, width: width$1 = "full", description, errorMessage, className, ...rest } = props;
 	const classNames$2 = useClassNames({
 		component: "Field",
 		variant,
@@ -353,7 +356,7 @@ const ProgressCircleSvg = ({ size: size$1 = "16", variant }) => {
 		})]
 	});
 };
-const ProgressCircle = ({ size: size$1 = "16",...props }) => {
+const ProgressCircle = ({ size: size$1 = "16", ...props }) => {
 	return /* @__PURE__ */ jsx(ProgressBar, {
 		...props,
 		"aria-label": "loading",
@@ -364,7 +367,7 @@ const ProgressCircle = ({ size: size$1 = "16",...props }) => {
 
 //#endregion
 //#region src/icons/Search.tsx
-const Search = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const Search = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -385,7 +388,7 @@ const Search = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ js
 
 //#endregion
 //#region src/icons/X.tsx
-const X = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const X = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -402,7 +405,7 @@ const X = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("s
 
 //#endregion
 //#region src/Input/Input.tsx
-const _Input = forwardRef(({ type, icon, action, variant, size: size$1, className,...props }, ref) => {
+const _Input = forwardRef(({ type, icon, action, variant, size: size$1, className, ...props }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Input",
 		variant,
@@ -440,7 +443,7 @@ const intlMessages$1 = {
 	"en-US": { "Clear search": "Clear search" },
 	"fr-FR": { "Clear search": "Effacer la recherche" }
 };
-const SearchInput = forwardRef(({ className, loading, onClear,...props }, ref) => {
+const SearchInput = forwardRef(({ className, loading, onClear, ...props }, ref) => {
 	const stringFormatter = useLocalizedStringFormatter(intlMessages$1);
 	return /* @__PURE__ */ jsx(_Input, {
 		type: "search",
@@ -466,7 +469,7 @@ const useListBoxContext = () => useContext(ListBoxContext);
 
 //#endregion
 //#region src/icons/Check.tsx
-const Check = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const Check = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -502,7 +505,7 @@ const _ListBoxItem = ({ ...props }) => {
 
 //#endregion
 //#region src/ListBox/ListBoxSection.tsx
-const _Section = ({ header, children,...props }) => {
+const _Section = ({ header, children, ...props }) => {
 	const { classNames: classNames$2 } = useListBoxContext();
 	return /* @__PURE__ */ jsxs(ListBoxSection, {
 		...props,
@@ -513,7 +516,7 @@ const _Section = ({ header, children,...props }) => {
 
 //#endregion
 //#region src/ListBox/ListBox.tsx
-const _ListBox = forwardRef(({ variant, size: size$1,...props }, ref) => {
+const _ListBox = forwardRef(({ variant, size: size$1, ...props }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "ListBox",
 		variant,
@@ -539,7 +542,7 @@ _ListBox.Section = _Section;
 
 //#endregion
 //#region src/Overlay/Underlay.tsx
-const Underlay = ({ size: size$1, variant, open, dismissable, keyboardDismissable,...rest }) => {
+const Underlay = ({ size: size$1, variant, open, dismissable, keyboardDismissable, ...rest }) => {
 	const classNames$2 = useClassNames({
 		component: "Underlay",
 		size: size$1,
@@ -561,7 +564,7 @@ const Underlay = ({ size: size$1, variant, open, dismissable, keyboardDismissabl
 
 //#endregion
 //#region src/Overlay/Popover.tsx
-const _Popover = forwardRef(({ keyboardDismissDisabled, placement, open, children,...rest }, ref) => {
+const _Popover = forwardRef(({ keyboardDismissDisabled, placement, open, children, ...rest }, ref) => {
 	const props = {
 		isKeyboardDismissDisabled: keyboardDismissDisabled,
 		isOpen: open,
@@ -645,7 +648,7 @@ const AutocompleteInput = ({ loading, onSubmit, onClear, ref }) => {
 		}
 	});
 };
-const _Autocomplete = forwardRef(({ children, defaultValue, value, disabled, error, readOnly, required, emptyState, loading, onChange, onClear, onSubmit,...rest }, ref) => {
+const _Autocomplete = forwardRef(({ children, defaultValue, value, disabled, error, readOnly, required, emptyState, loading, onChange, onClear, onSubmit, ...rest }, ref) => {
 	const props = {
 		onSelectionChange: (key) => key !== null && onSubmit?.(key, null),
 		defaultInputValue: defaultValue,
@@ -679,7 +682,7 @@ _Autocomplete.Section = _ListBox.Section;
 
 //#endregion
 //#region src/Badge/Badge.tsx
-const Badge = ({ variant, size: size$1, children,...props }) => {
+const Badge = ({ variant, size: size$1, children, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: useClassNames({
 			component: "Badge",
@@ -693,7 +696,7 @@ const Badge = ({ variant, size: size$1, children,...props }) => {
 
 //#endregion
 //#region src/icons/ChevronRight.tsx
-const ChevronRight = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const ChevronRight = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -710,7 +713,7 @@ const ChevronRight = ({ size: size$1 = 24, className,...props }) => /* @__PURE__
 
 //#endregion
 //#region src/IconButton/IconButton.tsx
-const IconButton = ({ className, children, variant, size: size$1,...props }) => {
+const IconButton = ({ className, children, variant, size: size$1, ...props }) => {
 	return /* @__PURE__ */ jsx(Button, {
 		className: cn("shrink-0 cursor-pointer outline-0", useClassNames({
 			component: "IconButton",
@@ -751,7 +754,7 @@ const BreadcrumbsItem = (_) => null;
 
 //#endregion
 //#region src/Breadcrumbs/Breadcrumbs.tsx
-const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, maxVisibleItems,...props }, ref) => {
+const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, maxVisibleItems, ...props }, ref) => {
 	const { container, item: breadcrumbsItem, link, current } = useClassNames({
 		component: "Breadcrumbs",
 		variant,
@@ -777,7 +780,7 @@ const _Breadcrumbs = forwardRef(({ children, variant, size: size$1, disabled, ma
 		children: displayedItems.map((item, index$1) => {
 			if (!isValidElement(item)) return null;
 			const isLast = index$1 === displayedItems.length - 1;
-			const { href, children: itemChildren,...ariaProps } = item.props;
+			const { href, children: itemChildren, ...ariaProps } = item.props;
 			return /* @__PURE__ */ jsxs(Breadcrumb, {
 				...ariaProps,
 				className: breadcrumbsItem,
@@ -807,7 +810,7 @@ const Breakout = ({ children }) => /* @__PURE__ */ jsx("div", {
 
 //#endregion
 //#region src/Button/Button.tsx
-const _Button = forwardRef(({ children, variant, size: size$1, disabled, loading, fullWidth,...props }, ref) => {
+const _Button = forwardRef(({ children, variant, size: size$1, disabled, loading, fullWidth, ...props }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Button",
 		variant,
@@ -875,7 +878,7 @@ const _CalendarGrid = () => {
 
 //#endregion
 //#region src/icons/ChevronsVertical.tsx
-const ChevronsVertical = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const ChevronsVertical = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -933,7 +936,7 @@ const CalendarListBox = ({ type, isDisabled, setSelectedDropdown }) => {
 
 //#endregion
 //#region src/icons/ChevronLeft.tsx
-const ChevronLeft = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const ChevronLeft = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -1058,7 +1061,7 @@ function hasOnlyOneSelectableYear(minValue, maxValue) {
 
 //#endregion
 //#region src/Calendar/Calendar.tsx
-const _Calendar = ({ disabled, readOnly, size: size$1, variant, width: width$1 = "fit", dateUnavailable, minValue: _minValue, maxValue: _maxValue,...rest }) => {
+const _Calendar = ({ disabled, readOnly, size: size$1, variant, width: width$1 = "fit", dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }) => {
 	const minValue = _minValue;
 	const maxValue = _maxValue;
 	const props = {
@@ -1119,7 +1122,7 @@ const _Calendar = ({ disabled, readOnly, size: size$1, variant, width: width$1 =
 
 //#endregion
 //#region src/Card/Card.tsx
-const Card = ({ children, variant, size: size$1, space = 0, p: p$1, px, py, pt, pb, pl, pr,...props }) => {
+const Card = ({ children, variant, size: size$1, space = 0, p: p$1, px, py, pt, pb, pl, pr, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Card",
 		variant,
@@ -1142,7 +1145,7 @@ const CollapsibleProvider = ({ value, children }) => /* @__PURE__ */ jsx(Collaps
 
 //#endregion
 //#region src/Collapsible/CollapsibleContent.tsx
-const CollapsibleContent = ({ variant, size: size$1, children,...props }) => {
+const CollapsibleContent = ({ variant, size: size$1, children, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Collapsible",
 		variant,
@@ -1158,7 +1161,7 @@ const CollapsibleContent = ({ variant, size: size$1, children,...props }) => {
 
 //#endregion
 //#region src/Collapsible/CollapsibleTrigger.tsx
-const CollapsibleTrigger = ({ variant, size: size$1, children, level,...props }) => {
+const CollapsibleTrigger = ({ variant, size: size$1, children, level, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Collapsible",
 		variant,
@@ -1178,7 +1181,7 @@ const CollapsibleTrigger = ({ variant, size: size$1, children, level,...props })
 
 //#endregion
 //#region src/Collapsible/Collapsible.tsx
-const Collapsible = ({ variant, size: size$1, children, unstyled,...props }) => {
+const Collapsible = ({ variant, size: size$1, children, unstyled, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Collapsible",
 		variant,
@@ -1201,7 +1204,7 @@ Collapsible.Content = CollapsibleContent;
 
 //#endregion
 //#region src/Collapsible/More.tsx
-const More = ({ children, defaultExpanded = false, unstyled = true, showCount = false,...props }) => {
+const More = ({ children, defaultExpanded = false, unstyled = true, showCount = false, ...props }) => {
 	/**
 	* We need to add state here, because toggling on a checkbox will
 	* force a rerender and without the state the <Collapsible> will be collapsed.
@@ -1245,7 +1248,7 @@ const CollapsibleGroup$1 = ({ children }) => {
 		children
 	});
 };
-const _CheckboxGroup = ({ children, variant, size: size$1, required, disabled, readOnly, error, width: width$1, orientation = "vertical", collapseAt,...rest }) => {
+const _CheckboxGroup = ({ children, variant, size: size$1, required, disabled, readOnly, error, width: width$1, orientation = "vertical", collapseAt, ...rest }) => {
 	const classNames$2 = useClassNames({
 		component: "Checkbox",
 		variant,
@@ -1283,7 +1286,7 @@ const _CheckboxGroup = ({ children, variant, size: size$1, required, disabled, r
 
 //#endregion
 //#region src/icons/Minus.tsx
-const Minus = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx("svg", {
+const Minus = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -1312,7 +1315,7 @@ const Field = ({ description, children }) => {
 		})
 	});
 };
-const Icon$1 = ({ className, checked, indeterminate,...props }) => {
+const Icon$1 = ({ className, checked, indeterminate, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		"aria-hidden": "true",
 		className: cn("flex shrink-0 grow-0 basis-4 items-center justify-center", "h-4 w-4 p-px", "bg-white", "rounded-[3px] border border-solid border-black", className),
@@ -1326,7 +1329,7 @@ const Icon$1 = ({ className, checked, indeterminate,...props }) => {
 		}) : null
 	});
 };
-const _Checkbox = forwardRef(({ error, disabled, readOnly, required, checked, defaultChecked, indeterminate, variant, size: size$1, label, description,...rest }, ref) => {
+const _Checkbox = forwardRef(({ error, disabled, readOnly, required, checked, defaultChecked, indeterminate, variant, size: size$1, label, description, ...rest }, ref) => {
 	const props = {
 		isIndeterminate: indeterminate,
 		isDisabled: disabled,
@@ -1364,7 +1367,7 @@ _Checkbox.Group = _CheckboxGroup;
 
 //#endregion
 //#region src/CloseButton/CloseButton.tsx
-const CloseButton = forwardRef(({ className, size: size$1, variant,...props }, ref) => {
+const CloseButton = forwardRef(({ className, size: size$1, variant, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(Button, {
 		ref,
 		className: useClassNames({
@@ -1380,7 +1383,7 @@ const CloseButton = forwardRef(({ className, size: size$1, variant,...props }, r
 
 //#endregion
 //#region src/Columns/Columns.tsx
-const Columns = ({ space = 0, columns, collapseAt = "0em", stretch, children,...props }) => {
+const Columns = ({ space = 0, columns, collapseAt = "0em", stretch, children, ...props }) => {
 	if (Children.count(children) !== columns.length) throw new Error(`Columns: expected ${columns.length} children, got ${Children.count(children)}`);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-wrap items-stretch", stretch && "h-full", gapSpace[space]),
@@ -1398,7 +1401,7 @@ const Columns = ({ space = 0, columns, collapseAt = "0em", stretch, children,...
 
 //#endregion
 //#region src/ComboBox/ComboBox.tsx
-const _ComboBox = forwardRef(({ variant, size: size$1, required, disabled, readOnly, error, defaultValue, value, emptyState, onChange, children, loading,...rest }, ref) => {
+const _ComboBox = forwardRef(({ variant, size: size$1, required, disabled, readOnly, error, defaultValue, value, emptyState, onChange, children, loading, ...rest }, ref) => {
 	const props = {
 		isDisabled: disabled,
 		isReadOnly: readOnly,
@@ -1453,7 +1456,7 @@ const gridColumn = {
 	center: "*:col-[2]",
 	right: "*:col-[3]"
 };
-const Container = ({ contentLength = "default", align = "left", alignItems = "none", space = 0, children,...props }) => /* @__PURE__ */ jsx("div", {
+const Container = ({ contentLength = "default", align = "left", alignItems = "none", space = 0, children, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props,
 	className: cn("grid", placeItems[alignItems], gridColsAlign[align], gridColumn[align], gapSpace[space]),
 	style: createVar({
@@ -1465,7 +1468,7 @@ const Container = ({ contentLength = "default", align = "left", alignItems = "no
 
 //#endregion
 //#region src/icons/CircleQuestionMark.tsx
-const CircleQuestionMark = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const CircleQuestionMark = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -1490,7 +1493,7 @@ const CircleQuestionMark = ({ size: size$1 = 24, className,...props }) => /* @__
 
 //#endregion
 //#region src/icons/Info.tsx
-const Info = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const Info = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -1545,7 +1548,7 @@ const icons$2 = {
 	help: CircleQuestionMark,
 	info: Info
 };
-const DialogTrigger$1 = ({ open,...rest }) => /* @__PURE__ */ jsx(DialogTrigger, {
+const DialogTrigger$1 = ({ open, ...rest }) => /* @__PURE__ */ jsx(DialogTrigger, {
 	isOpen: open,
 	...rest
 });
@@ -1583,7 +1586,7 @@ _ContextualHelp.Content = ContextualHelpContent;
 
 //#endregion
 //#region src/DateField/DateSegment.tsx
-const _DateSegment = ({ segment,...props }) => {
+const _DateSegment = ({ segment, ...props }) => {
 	return /* @__PURE__ */ jsx(DateSegment, {
 		...props,
 		segment,
@@ -1662,7 +1665,7 @@ const isValidDate = (year, month, day) => {
 	if (month === 2 && isLeapYear) return day <= 29;
 	return day <= daysInMonth[month - 1];
 };
-const _DateInput = ({ variant, size: size$1, action, onPaste,...props }) => {
+const _DateInput = ({ variant, size: size$1, action, onPaste, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "DateField",
 		variant,
@@ -1695,7 +1698,7 @@ const _DateInput = ({ variant, size: size$1, action, onPaste,...props }) => {
 
 //#endregion
 //#region src/DateField/DateField.tsx
-const _DateField = forwardRef(({ variant, size: size$1, action, disabled, required, error, readOnly, onChange,...rest }, ref) => {
+const _DateField = forwardRef(({ variant, size: size$1, action, disabled, required, error, readOnly, onChange, ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(FieldBase, {
 		as: DateField,
 		variant,
@@ -1712,7 +1715,7 @@ const _DateField = forwardRef(({ variant, size: size$1, action, disabled, requir
 		})
 	});
 });
-const DateInputWithPasteWrapper = ({ onChange,...props }) => {
+const DateInputWithPasteWrapper = ({ onChange, ...props }) => {
 	const ctx = useContext(DateFieldStateContext);
 	const onPaste = (date) => {
 		if (onChange) onChange(date);
@@ -1726,7 +1729,7 @@ const DateInputWithPasteWrapper = ({ onChange,...props }) => {
 
 //#endregion
 //#region src/icons/Calendar.tsx
-const Calendar$1 = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const Calendar$1 = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -1754,7 +1757,7 @@ const Calendar$1 = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ *
 
 //#endregion
 //#region src/DatePicker/DatePicker.tsx
-const _DatePicker = forwardRef(({ dateUnavailable, disabled, required, readOnly, error, variant, size: size$1, open, granularity = "day", onChange,...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,
@@ -1789,7 +1792,7 @@ const _DatePicker = forwardRef(({ dateUnavailable, disabled, required, readOnly,
 		}), /* @__PURE__ */ jsx(_Popover, { children: /* @__PURE__ */ jsx(Dialog, { children: /* @__PURE__ */ jsx(_Calendar, { disabled }) }) })]
 	});
 });
-const DatePickerWithPasteWrapper = ({ onChange,...props }) => {
+const DatePickerWithPasteWrapper = ({ onChange, ...props }) => {
 	const ctx = useContext(DatePickerStateContext);
 	const onPaste = (date) => {
 		if (onChange) onChange(date);
@@ -1803,7 +1806,7 @@ const DatePickerWithPasteWrapper = ({ onChange,...props }) => {
 
 //#endregion
 //#region src/Overlay/Modal.tsx
-const _Modal = forwardRef(({ size: size$1, open, dismissable, keyboardDismissable, onOpenChange, children,...props }, ref) => {
+const _Modal = forwardRef(({ size: size$1, open, dismissable, keyboardDismissable, onOpenChange, children, ...props }, ref) => {
 	const className = useClassNames({
 		component: "Modal",
 		size: size$1
@@ -1873,7 +1876,7 @@ const DialogTitle = ({ variant, size: size$1, children }) => {
 
 //#endregion
 //#region src/Dialog/DialogTrigger.tsx
-const _DialogTrigger = ({ open, dismissable, keyboardDismissable,...rest }) => {
+const _DialogTrigger = ({ open, dismissable, keyboardDismissable, ...rest }) => {
 	const ctx = {
 		isDismissable: dismissable,
 		isKeyboardDismissDisabled: !keyboardDismissable
@@ -1900,7 +1903,7 @@ const _DialogTrigger = ({ open, dismissable, keyboardDismissable,...rest }) => {
 * Needed so that the close button and function can be used inside the dialog,
 * when the dialog is controlled and no <Dialog.Trigger> is used.
 */
-const InnerDialog = forwardRef(({ variant, size: size$1, closeButton,...props }, ref) => {
+const InnerDialog = forwardRef(({ variant, size: size$1, closeButton, ...props }, ref) => {
 	const state = useContext(OverlayTriggerStateContext);
 	const classNames$2 = useClassNames({
 		component: "Dialog",
@@ -1918,7 +1921,7 @@ const InnerDialog = forwardRef(({ variant, size: size$1, closeButton,...props },
 		}), children]
 	});
 });
-const _Dialog = forwardRef(({ open, onOpenChange, children,...props }, ref) => {
+const _Dialog = forwardRef(({ open, onOpenChange, children, ...props }, ref) => {
 	const ctx = useContext(DialogContext);
 	return /* @__PURE__ */ jsx(_Modal, {
 		size: props.size,
@@ -1940,7 +1943,7 @@ _Dialog.Actions = DialogActions;
 
 //#endregion
 //#region src/Dialog/ConfirmationDialog.tsx
-const ConfirmationDialog = ({ title, confirmationLabel, cancelLabel, onCancel, onConfirm, autoFocusButton, children, variant, size: size$1 = "xsmall",...props }) => {
+const ConfirmationDialog = ({ title, confirmationLabel, cancelLabel, onCancel, onConfirm, autoFocusButton, children, variant, size: size$1 = "xsmall", ...props }) => {
 	const stringFormatter = useLocalizedStringFormatter(intlMessages, "marigold");
 	return /* @__PURE__ */ jsx(_Dialog, {
 		role: "alertdialog",
@@ -2012,7 +2015,7 @@ const useConfirmation = () => {
 
 //#endregion
 //#region src/Divider/Divider.tsx
-const _Divider = ({ variant,...props }) => {
+const _Divider = ({ variant, ...props }) => {
 	return /* @__PURE__ */ jsx(Separator, {
 		className: cn("border-none", useClassNames({
 			component: "Divider",
@@ -2119,7 +2122,7 @@ const useNonModal = ({ nonModalRef, keyboardDismissable = true }, state) => {
 
 //#endregion
 //#region src/Overlay/NonModal.tsx
-const NonModalInner = ({ state, isExiting,...props }) => {
+const NonModalInner = ({ state, isExiting, ...props }) => {
 	const { nonModalProps } = useNonModal(props, state);
 	const ref = props.nonModalRef;
 	const isEntering = useEnterAnimation(ref) || props.isEntering || false;
@@ -2162,7 +2165,7 @@ const NonModalInner = ({ state, isExiting,...props }) => {
 		})
 	});
 };
-const NonModal = forwardRef(({ open,...rest }, ref) => {
+const NonModal = forwardRef(({ open, ...rest }, ref) => {
 	const props = {
 		isOpen: open,
 		...rest
@@ -2184,7 +2187,7 @@ const NonModal = forwardRef(({ open,...rest }, ref) => {
 
 //#endregion
 //#region src/Drawer/DrawerModal.tsx
-const MobileModal = ({ children,...props }) => /* @__PURE__ */ jsx(ModalOverlay, {
+const MobileModal = ({ children, ...props }) => /* @__PURE__ */ jsx(ModalOverlay, {
 	...props,
 	className: "fixed inset-0 z-40 h-(--visual-viewport-height)",
 	children: /* @__PURE__ */ jsx(Modal, {
@@ -2192,7 +2195,7 @@ const MobileModal = ({ children,...props }) => /* @__PURE__ */ jsx(ModalOverlay,
 		children
 	})
 });
-const DrawerModal = ({ children, className,...props }) => {
+const DrawerModal = ({ children, className, ...props }) => {
 	return useSmallScreen() ? /* @__PURE__ */ jsx(MobileModal, { children }) : /* @__PURE__ */ jsx(NonModal, {
 		...props,
 		className: cn("fixed", className),
@@ -2223,7 +2226,7 @@ const DrawerTitle = ({ variant, size: size$1, children }) => {
 
 //#endregion
 //#region src/Drawer/DrawerTrigger.tsx
-const DrawerTrigger = ({ open, children,...props }) => /* @__PURE__ */ jsx(DialogTrigger, {
+const DrawerTrigger = ({ open, children, ...props }) => /* @__PURE__ */ jsx(DialogTrigger, {
 	isOpen: open,
 	...props,
 	children
@@ -2231,7 +2234,7 @@ const DrawerTrigger = ({ open, children,...props }) => /* @__PURE__ */ jsx(Dialo
 
 //#endregion
 //#region src/Drawer/Drawer.tsx
-const Drawer = ({ children, size: size$1 = "medium", variant, open, keyboardDismissable, closeButton, role = "complementary", placement = "right",...props }) => {
+const Drawer = ({ children, size: size$1 = "medium", variant, open, keyboardDismissable, closeButton, role = "complementary", placement = "right", ...props }) => {
 	const ref = useRef(null);
 	const classNames$2 = useClassNames({
 		component: "Drawer",
@@ -2294,7 +2297,7 @@ const FileFieldItem = ({ children, onRemove }) => {
 
 //#endregion
 //#region src/icons/Upload.tsx
-const Upload = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const Upload = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -2311,7 +2314,7 @@ const Upload = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ js
 
 //#endregion
 //#region src/FileField/FileTrigger.tsx
-const _FileTrigger = ({ label, disabled,...rest }) => {
+const _FileTrigger = ({ label, disabled, ...rest }) => {
 	return /* @__PURE__ */ jsx(FileTrigger, {
 		...rest,
 		children: /* @__PURE__ */ jsxs(_Button, {
@@ -2355,7 +2358,7 @@ const normalizeAndLimitFiles = (files, { accept, multiple }) => {
 
 //#endregion
 //#region src/FileField/FileField.tsx
-const FileField = ({ disabled = false, accept = ["*"], multiple = false, width: width$1, label,...props }) => {
+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");
@@ -2423,7 +2426,7 @@ FileField.Item = FileFieldItem;
 
 //#endregion
 //#region src/Form/Form.tsx
-const _Form = ({ unstyled, maxWidth: maxWidth$1 = "full",...props }) => /* @__PURE__ */ jsx(Form, {
+const _Form = ({ unstyled, maxWidth: maxWidth$1 = "full", ...props }) => /* @__PURE__ */ jsx(Form, {
 	...props,
 	className: cn(maxWidth[maxWidth$1], unstyled && "contents")
 });
@@ -2439,7 +2442,7 @@ const GridArea = ({ name, children }) => /* @__PURE__ */ jsx("div", {
 //#region src/Grid/Grid.tsx
 const parseGridAreas = (areas) => areas.map((area) => `"${area}"`).join("\n");
 const parseTemplateValue = (values) => values.map((val) => typeof val === "number" ? `${val}fr` : val).join(" ");
-const Grid = ({ children, areas, columns, rows, alignX, alignY, height: height$1 = "auto", space = 0,...props }) => {
+const Grid = ({ children, areas, columns, rows, alignX, alignY, height: height$1 = "auto", space = 0, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("grid", alignX && alignment?.horizontal?.alignmentX[alignX], alignY && alignment?.horizontal?.alignmentY[alignY], gapSpace[space], height[height$1]),
 		style: {
@@ -2455,7 +2458,7 @@ Grid.Area = GridArea;
 
 //#endregion
 //#region src/Headline/Headline.tsx
-const _Headline = ({ variant, size: size$1, children, align = "left", color, level = "1",...props }) => {
+const _Headline = ({ variant, size: size$1, children, align = "left", color, level = "1", ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Headline",
 		variant,
@@ -2476,9 +2479,10 @@ const inlineAlignmentY = {
 	...alignment.horizontal.alignmentY,
 	input: "items-end [&:has([slot=description])]:items-end [&:has([slot=description])_>*:not(:has([slot=description]))]:mb-6 [&:has([slot=errorMessage])_>*:not(:has([slot=errorMessage]))]:mb-6"
 };
-const Inline = ({ space = 0, noWrap, alignX, alignY, children,...props }) => /* @__PURE__ */ jsx("div", {
+const Inline = ({ space = 0, noWrap, alignX, alignY, children, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props,
-	className: cn("flex", !noWrap && "flex-wrap", gapSpace[space], alignX && alignment?.horizontal?.alignmentX[alignX], alignY && inlineAlignmentY[alignY]),
+	className: cn("flex gap-(--space)", !noWrap && "flex-wrap", alignX && alignment?.horizontal?.alignmentX[alignX], alignY && inlineAlignmentY[alignY]),
+	style: createSpacingVar("space", `${space}`),
 	children
 });
 
@@ -2491,7 +2495,7 @@ const Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx("div"
 
 //#endregion
 //#region src/Link/Link.tsx
-const _Link = forwardRef(({ variant, size: size$1, disabled, children,...props }, ref) => {
+const _Link = forwardRef(({ variant, size: size$1, disabled, children, ...props }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Link",
 		variant,
@@ -2508,7 +2512,7 @@ const _Link = forwardRef(({ variant, size: size$1, disabled, children,...props }
 
 //#endregion
 //#region src/LinkButton/LinkButton.tsx
-const _LinkButton = forwardRef(({ children, variant, size: size$1, disabled, fullWidth,...props }, ref) => {
+const _LinkButton = forwardRef(({ children, variant, size: size$1, disabled, fullWidth, ...props }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Button",
 		variant,
@@ -2530,7 +2534,7 @@ const useListContext = () => useContext(ListContext);
 
 //#endregion
 //#region src/List/ListItem.tsx
-const ListItem = ({ children,...props }) => {
+const ListItem = ({ children, ...props }) => {
 	const { classNames: classNames$2 } = useListContext();
 	return /* @__PURE__ */ jsx("li", {
 		...props,
@@ -2541,7 +2545,7 @@ const ListItem = ({ children,...props }) => {
 
 //#endregion
 //#region src/List/List.tsx
-const List = ({ as = "ul", children, variant, size: size$1,...props }) => {
+const List = ({ as = "ul", children, variant, size: size$1, ...props }) => {
 	const Component$1 = as;
 	const classNames$2 = useClassNames({
 		component: "List",
@@ -2561,7 +2565,7 @@ List.Item = ListItem;
 
 //#endregion
 //#region src/icons/EllipsisVertical.tsx
-const EllipsisVertical = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const EllipsisVertical = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -2594,7 +2598,7 @@ const EllipsisVertical = ({ size: size$1 = 24, className,...props }) => /* @__PU
 
 //#endregion
 //#region src/Menu/MenuItem.tsx
-const _MenuItem = ({ children, variant, size: size$1,...props }) => {
+const _MenuItem = ({ children, variant, size: size$1, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Menu",
 		variant,
@@ -2609,7 +2613,7 @@ const _MenuItem = ({ children, variant, size: size$1,...props }) => {
 
 //#endregion
 //#region src/Menu/MenuSection.tsx
-const _MenuSection = ({ children, title,...props }) => {
+const _MenuSection = ({ children, title, ...props }) => {
 	const className = useClassNames({ component: "Menu" });
 	return /* @__PURE__ */ jsxs(MenuSection, {
 		...props,
@@ -2622,7 +2626,7 @@ const _MenuSection = ({ children, title,...props }) => {
 
 //#endregion
 //#region src/Menu/Menu.tsx
-const _Menu = ({ children, label, variant, size: size$1, disabled, open, placement, "aria-label": ariaLabel,...props }) => {
+const _Menu = ({ children, label, variant, size: size$1, disabled, open, placement, "aria-label": ariaLabel, ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Menu",
 		variant,
@@ -2651,7 +2655,7 @@ _Menu.Section = _MenuSection;
 
 //#endregion
 //#region src/Menu/ActionMenu.tsx
-const ActionMenu = ({ children,...props }) => /* @__PURE__ */ jsx(_Menu, {
+const ActionMenu = ({ children, ...props }) => /* @__PURE__ */ jsx(_Menu, {
 	...props,
 	label: /* @__PURE__ */ jsx(EllipsisVertical, {}),
 	children
@@ -3848,7 +3852,15 @@ var createCache = function createCache$1(options$1) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js": ((exports) => {
+/** @license React v16.13.1
+* react-is.production.min.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_is_production_min = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w$1 = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
 	function z(a) {
 		if ("object" === typeof a && null !== a) {
@@ -3931,12 +3943,21 @@ var require_react_is_production_min = /* @__PURE__ */ __commonJS({ "../../node_m
 		return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
 	};
 	exports.typeOf = z;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js": ((exports) => {
+/** @license React v16.13.1
+* react-is.development.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_is_development = /* @__PURE__ */ __commonJSMin(((exports) => {
 	if (process.env.NODE_ENV !== "production") (function() {
+		"use strict";
 		var hasSymbol = typeof Symbol === "function" && Symbol.for;
 		var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
 		var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
@@ -4073,18 +4094,18 @@ var require_react_is_development = /* @__PURE__ */ __commonJS({ "../../node_modu
 		exports.isValidElementType = isValidElementType;
 		exports.typeOf = typeOf;
 	})();
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js
-var require_react_is = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js": ((exports, module) => {
+var require_react_is = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	if (process.env.NODE_ENV === "production") module.exports = require_react_is_production_min();
 	else module.exports = require_react_is_development();
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-var require_hoist_non_react_statics_cjs = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js": ((exports, module) => {
+var require_hoist_non_react_statics_cjs = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var reactIs = require_react_is();
 	/**
 	* Copyright 2015, Yahoo! Inc.
@@ -4163,7 +4184,7 @@ var require_hoist_non_react_statics_cjs = /* @__PURE__ */ __commonJS({ "../../no
 		return targetComponent;
 	}
 	module.exports = hoistNonReactStatics;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@emotion+utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.esm.js
@@ -4478,7 +4499,7 @@ var Emotion$1 = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/extends.js
-var require_extends = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/extends.js": ((exports, module) => {
+var require_extends = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _extends$1() {
 		return module.exports = _extends$1 = Object.assign ? Object.assign.bind() : function(n$1) {
 			for (var e$1 = 1; e$1 < arguments.length; e$1++) {
@@ -4489,12 +4510,12 @@ var require_extends = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@ba
 		}, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends$1.apply(null, arguments);
 	}
 	module.exports = _extends$1, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#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-react.esm.js
-var import_extends = /* @__PURE__ */ __toESM(require_extends());
-var import_hoist_non_react_statics_cjs = /* @__PURE__ */ __toESM(require_hoist_non_react_statics_cjs());
+var import_extends = require_extends();
+var import_hoist_non_react_statics_cjs = 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.createElement.apply(void 0, args);
@@ -5791,7 +5812,7 @@ var defaultComponents = function defaultComponents$1(props) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/memoize-one@6.0.0/node_modules/memoize-one/dist/memoize-one.cjs.js
-var require_memoize_one_cjs = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/memoize-one@6.0.0/node_modules/memoize-one/dist/memoize-one.cjs.js": ((exports, module) => {
+var require_memoize_one_cjs = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var safeIsNaN = Number.isNaN || function ponyfill(value) {
 		return typeof value === "number" && value !== value;
 	};
@@ -5826,7 +5847,7 @@ var require_memoize_one_cjs = /* @__PURE__ */ __commonJS({ "../../node_modules/.
 		return memoized;
 	}
 	module.exports = memoizeOne$1;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-select/dist/Select-ef7c0426.esm.js
@@ -8012,7 +8033,7 @@ Select$2.defaultProps = defaultProps;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/typeof.js
-var require_typeof = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/typeof.js": ((exports, module) => {
+var require_typeof = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _typeof$3(o) {
 		"@babel/helpers - typeof";
 		return module.exports = _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o$1) {
@@ -8022,11 +8043,11 @@ var require_typeof = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@bab
 		}, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof$3(o);
 	}
 	module.exports = _typeof$3, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPrimitive.js
-var require_toPrimitive = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPrimitive.js": ((exports, module) => {
+var require_toPrimitive = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var _typeof$2 = require_typeof()["default"];
 	function toPrimitive$1(t$1, r$1) {
 		if ("object" != _typeof$2(t$1) || !t$1) return t$1;
@@ -8039,11 +8060,11 @@ var require_toPrimitive = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm
 		return ("string" === r$1 ? String : Number)(t$1);
 	}
 	module.exports = toPrimitive$1, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPropertyKey.js
-var require_toPropertyKey = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPropertyKey.js": ((exports, module) => {
+var require_toPropertyKey = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var _typeof$1 = require_typeof()["default"];
 	var toPrimitive = require_toPrimitive();
 	function toPropertyKey$2(t$1) {
@@ -8051,11 +8072,11 @@ var require_toPropertyKey = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		return "symbol" == _typeof$1(i$1) ? i$1 : i$1 + "";
 	}
 	module.exports = toPropertyKey$2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/defineProperty.js
-var require_defineProperty = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/defineProperty.js": ((exports, module) => {
+var require_defineProperty = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var toPropertyKey$1 = require_toPropertyKey();
 	function _defineProperty(e$1, r$1, t$1) {
 		return (r$1 = toPropertyKey$1(r$1)) in e$1 ? Object.defineProperty(e$1, r$1, {
@@ -8066,11 +8087,11 @@ var require_defineProperty = /* @__PURE__ */ __commonJS({ "../../node_modules/.p
 		}) : e$1[r$1] = t$1, e$1;
 	}
 	module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectSpread2.js
-var require_objectSpread2 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectSpread2.js": ((exports, module) => {
+var require_objectSpread2 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var defineProperty = require_defineProperty();
 	function ownKeys(e$1, r$1) {
 		var t$1 = Object.keys(e$1);
@@ -8094,20 +8115,20 @@ var require_objectSpread2 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		return e$1;
 	}
 	module.exports = _objectSpread2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithHoles.js
-var require_arrayWithHoles = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithHoles.js": ((exports, module) => {
+var require_arrayWithHoles = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _arrayWithHoles(r$1) {
 		if (Array.isArray(r$1)) return r$1;
 	}
 	module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
-var require_iterableToArrayLimit = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js": ((exports, module) => {
+var require_iterableToArrayLimit = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _iterableToArrayLimit(r$1, l$1) {
 		var t$1 = null == r$1 ? null : "undefined" != typeof Symbol && r$1[Symbol.iterator] || r$1["@@iterator"];
 		if (null != t$1) {
@@ -8130,22 +8151,22 @@ var require_iterableToArrayLimit = /* @__PURE__ */ __commonJS({ "../../node_modu
 		}
 	}
 	module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
-var require_arrayLikeToArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayLikeToArray.js": ((exports, module) => {
+var require_arrayLikeToArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _arrayLikeToArray(r$1, a) {
 		(null == a || a > r$1.length) && (a = r$1.length);
 		for (var e$1 = 0, n$1 = Array(a); e$1 < a; e$1++) n$1[e$1] = r$1[e$1];
 		return n$1;
 	}
 	module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
-var require_unsupportedIterableToArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js": ((exports, module) => {
+var require_unsupportedIterableToArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var arrayLikeToArray$1 = require_arrayLikeToArray();
 	function _unsupportedIterableToArray(r$1, a) {
 		if (r$1) {
@@ -8155,20 +8176,20 @@ var require_unsupportedIterableToArray = /* @__PURE__ */ __commonJS({ "../../nod
 		}
 	}
 	module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableRest.js
-var require_nonIterableRest = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableRest.js": ((exports, module) => {
+var require_nonIterableRest = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _nonIterableRest() {
 		throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	}
 	module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/slicedToArray.js
-var require_slicedToArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/slicedToArray.js": ((exports, module) => {
+var require_slicedToArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var arrayWithHoles = require_arrayWithHoles();
 	var iterableToArrayLimit = require_iterableToArrayLimit();
 	var unsupportedIterableToArray$1 = require_unsupportedIterableToArray();
@@ -8177,11 +8198,11 @@ var require_slicedToArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		return arrayWithHoles(r$1) || iterableToArrayLimit(r$1, e$1) || unsupportedIterableToArray$1(r$1, e$1) || nonIterableRest();
 	}
 	module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var require_objectWithoutPropertiesLoose = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js": ((exports, module) => {
+var require_objectWithoutPropertiesLoose = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _objectWithoutPropertiesLoose(r$1, e$1) {
 		if (null == r$1) return {};
 		var t$1 = {};
@@ -8192,11 +8213,11 @@ var require_objectWithoutPropertiesLoose = /* @__PURE__ */ __commonJS({ "../../n
 		return t$1;
 	}
 	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var require_objectWithoutProperties = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js": ((exports, module) => {
+var require_objectWithoutProperties = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
 	function _objectWithoutProperties(e$1, t$1) {
 		if (null == e$1) return {};
@@ -8208,20 +8229,20 @@ var require_objectWithoutProperties = /* @__PURE__ */ __commonJS({ "../../node_m
 		return i$1;
 	}
 	module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/classCallCheck.js
-var require_classCallCheck = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/classCallCheck.js": ((exports, module) => {
+var require_classCallCheck = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _classCallCheck(a, n$1) {
 		if (!(a instanceof n$1)) throw new TypeError("Cannot call a class as a function");
 	}
 	module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createClass.js
-var require_createClass = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createClass.js": ((exports, module) => {
+var require_createClass = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var toPropertyKey = require_toPropertyKey();
 	function _defineProperties(e$1, r$1) {
 		for (var t$1 = 0; t$1 < r$1.length; t$1++) {
@@ -8233,22 +8254,22 @@ var require_createClass = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm
 		return r$1 && _defineProperties(e$1.prototype, r$1), t$1 && _defineProperties(e$1, t$1), Object.defineProperty(e$1, "prototype", { writable: !1 }), e$1;
 	}
 	module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/setPrototypeOf.js
-var require_setPrototypeOf = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/setPrototypeOf.js": ((exports, module) => {
+var require_setPrototypeOf = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _setPrototypeOf(t$1, e$1) {
 		return module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t$2, e$2) {
 			return t$2.__proto__ = e$2, t$2;
 		}, module.exports.__esModule = true, module.exports["default"] = module.exports, _setPrototypeOf(t$1, e$1);
 	}
 	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/inherits.js
-var require_inherits = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/inherits.js": ((exports, module) => {
+var require_inherits = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var setPrototypeOf = require_setPrototypeOf();
 	function _inherits(t$1, e$1) {
 		if ("function" != typeof e$1 && null !== e$1) throw new TypeError("Super expression must either be null or a function");
@@ -8259,22 +8280,22 @@ var require_inherits = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@b
 		} }), Object.defineProperty(t$1, "prototype", { writable: !1 }), e$1 && setPrototypeOf(t$1, e$1);
 	}
 	module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/getPrototypeOf.js
-var require_getPrototypeOf = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/getPrototypeOf.js": ((exports, module) => {
+var require_getPrototypeOf = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _getPrototypeOf(t$1) {
 		return module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t$2) {
 			return t$2.__proto__ || Object.getPrototypeOf(t$2);
 		}, module.exports.__esModule = true, module.exports["default"] = module.exports, _getPrototypeOf(t$1);
 	}
 	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
-var require_isNativeReflectConstruct = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js": ((exports, module) => {
+var require_isNativeReflectConstruct = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _isNativeReflectConstruct() {
 		try {
 			var t$1 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
@@ -8284,21 +8305,21 @@ var require_isNativeReflectConstruct = /* @__PURE__ */ __commonJS({ "../../node_
 		}, module.exports.__esModule = true, module.exports["default"] = module.exports)();
 	}
 	module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/assertThisInitialized.js
-var require_assertThisInitialized = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/assertThisInitialized.js": ((exports, module) => {
+var require_assertThisInitialized = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _assertThisInitialized(e$1) {
 		if (void 0 === e$1) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
 		return e$1;
 	}
 	module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
-var require_possibleConstructorReturn = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js": ((exports, module) => {
+var require_possibleConstructorReturn = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var _typeof = require_typeof()["default"];
 	var assertThisInitialized = require_assertThisInitialized();
 	function _possibleConstructorReturn(t$1, e$1) {
@@ -8307,11 +8328,11 @@ var require_possibleConstructorReturn = /* @__PURE__ */ __commonJS({ "../../node
 		return assertThisInitialized(t$1);
 	}
 	module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createSuper.js
-var require_createSuper = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createSuper.js": ((exports, module) => {
+var require_createSuper = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var getPrototypeOf = require_getPrototypeOf();
 	var isNativeReflectConstruct = require_isNativeReflectConstruct();
 	var possibleConstructorReturn = require_possibleConstructorReturn();
@@ -8327,39 +8348,39 @@ var require_createSuper = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm
 		};
 	}
 	module.exports = _createSuper, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
-var require_arrayWithoutHoles = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js": ((exports, module) => {
+var require_arrayWithoutHoles = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var arrayLikeToArray = require_arrayLikeToArray();
 	function _arrayWithoutHoles(r$1) {
 		if (Array.isArray(r$1)) return arrayLikeToArray(r$1);
 	}
 	module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArray.js
-var require_iterableToArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArray.js": ((exports, module) => {
+var require_iterableToArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _iterableToArray(r$1) {
 		if ("undefined" != typeof Symbol && null != r$1[Symbol.iterator] || null != r$1["@@iterator"]) return Array.from(r$1);
 	}
 	module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableSpread.js
-var require_nonIterableSpread = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableSpread.js": ((exports, module) => {
+var require_nonIterableSpread = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _nonIterableSpread() {
 		throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	}
 	module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toConsumableArray.js
-var require_toConsumableArray = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toConsumableArray.js": ((exports, module) => {
+var require_toConsumableArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	var arrayWithoutHoles = require_arrayWithoutHoles();
 	var iterableToArray = require_iterableToArray();
 	var unsupportedIterableToArray = require_unsupportedIterableToArray();
@@ -8368,30 +8389,30 @@ var require_toConsumableArray = /* @__PURE__ */ __commonJS({ "../../node_modules
 		return arrayWithoutHoles(r$1) || iterableToArray(r$1) || unsupportedIterableToArray(r$1) || nonIterableSpread();
 	}
 	module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
-var require_taggedTemplateLiteral = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js": ((exports, module) => {
+var require_taggedTemplateLiteral = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _taggedTemplateLiteral(e$1, t$1) {
 		return t$1 || (t$1 = e$1.slice(0)), Object.freeze(Object.defineProperties(e$1, { raw: { value: Object.freeze(t$1) } }));
 	}
 	module.exports = _taggedTemplateLiteral, module.exports.__esModule = true, module.exports["default"] = module.exports;
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-select/dist/react-select.esm.js
-var import_objectSpread2 = /* @__PURE__ */ __toESM(require_objectSpread2());
-var import_slicedToArray = /* @__PURE__ */ __toESM(require_slicedToArray());
-var import_objectWithoutProperties = /* @__PURE__ */ __toESM(require_objectWithoutProperties());
-var import_classCallCheck = /* @__PURE__ */ __toESM(require_classCallCheck());
-var import_createClass = /* @__PURE__ */ __toESM(require_createClass());
-var import_inherits = /* @__PURE__ */ __toESM(require_inherits());
-var import_createSuper = /* @__PURE__ */ __toESM(require_createSuper());
-var import_toConsumableArray = /* @__PURE__ */ __toESM(require_toConsumableArray());
-var import_typeof = /* @__PURE__ */ __toESM(require_typeof());
-var import_taggedTemplateLiteral = /* @__PURE__ */ __toESM(require_taggedTemplateLiteral());
-var import_defineProperty = /* @__PURE__ */ __toESM(require_defineProperty());
+var import_objectSpread2 = require_objectSpread2();
+var import_slicedToArray = require_slicedToArray();
+var import_objectWithoutProperties = require_objectWithoutProperties();
+var import_classCallCheck = require_classCallCheck();
+var import_createClass = require_createClass();
+var import_inherits = require_inherits();
+var import_createSuper = require_createSuper();
+var import_toConsumableArray = require_toConsumableArray();
+var import_typeof = require_typeof();
+var import_taggedTemplateLiteral = require_taggedTemplateLiteral();
+var import_defineProperty = require_defineProperty();
 var StateManagedSelect$1 = /* @__PURE__ */ forwardRef(function(props, ref) {
 	var baseSelectProps = useStateManager(props);
 	return /* @__PURE__ */ React.createElement(Select$2, _extends({ ref }, baseSelectProps));
@@ -8414,7 +8435,7 @@ const propsToBeRemoved = [
 	"isHidden",
 	"cx"
 ];
-const Input$1 = ({ innerRef, placeholder, hasValue,...props }) => {
+const Input$1 = ({ innerRef, placeholder, hasValue, ...props }) => {
 	const inputProps = Object.entries(props).reduce((acc, [key, value]) => {
 		if (!propsToBeRemoved.includes(key)) acc[key] = value;
 		return acc;
@@ -8445,7 +8466,7 @@ const getClassNames = (classNames$2) => ({
 	placeholder: () => "hidden",
 	valueContainer: () => classNames$2.valueContainer
 });
-const Multiselect = ({ disabled, readOnly = false, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size: size$1, variant, placeholder, description, emptyState, onChange, onSelectionChange, width: width$1,...rest }) => {
+const Multiselect = ({ disabled, readOnly = false, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size: size$1, variant, placeholder, description, emptyState, onChange, onSelectionChange, width: width$1, ...rest }) => {
 	const classNames$2 = useClassNames({
 		component: "MultiSelect",
 		size: size$1,
@@ -8545,7 +8566,7 @@ const Multiselect = ({ disabled, readOnly = false, items, selectedItems, default
 
 //#endregion
 //#region src/icons/Plus.tsx
-const Plus = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const Plus = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -8562,7 +8583,7 @@ const Plus = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs
 
 //#endregion
 //#region src/NumberField/StepButton.tsx
-const _StepButton = ({ direction, className,...props }) => {
+const _StepButton = ({ direction, className, ...props }) => {
 	const Icon$2 = direction === "up" ? Plus : Minus;
 	return /* @__PURE__ */ jsx(Button, {
 		className: cn(["flex items-center justify-center", "cursor-pointer data-disabled:cursor-not-allowed"], className),
@@ -8573,7 +8594,7 @@ const _StepButton = ({ direction, className,...props }) => {
 
 //#endregion
 //#region src/NumberField/NumberField.tsx
-const _NumberField = forwardRef(({ variant, size: size$1, disabled, required, readOnly, error, hideStepper,...rest }, ref) => {
+const _NumberField = forwardRef(({ variant, size: size$1, disabled, required, readOnly, error, hideStepper, ...rest }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "NumberField",
 		size: size$1,
@@ -8632,7 +8653,7 @@ const NavigationButton = (props) => {
 	const ref = useRef(null);
 	const { navigationButton } = useClassNames({ component: "Pagination" });
 	let { buttonProps } = useButton(props, ref);
-	let { children, isSelected, isDisabled, registerRef, controlLabel, position: position$1,...rest } = props;
+	let { children, isSelected, isDisabled, controlLabel, position: position$1, ...rest } = props;
 	return /* @__PURE__ */ jsxs("button", {
 		ref,
 		...buttonProps,
@@ -8698,17 +8719,17 @@ const InnerPagination = ({ currentPage, pageSize, totalPages, pageRange, setCurr
 	const isFirstPage = currentPage === 1;
 	const isLastPage = currentPage === totalPages || totalPages === 0;
 	const isFirstRender = useRef(true);
+	const handlePageChange = useCallback((newPage) => {
+		setCurrentPage(newPage);
+		if (onChange) onChange(newPage);
+	}, [setCurrentPage, onChange]);
 	useEffect(() => {
 		if (isFirstRender.current) {
 			isFirstRender.current = false;
 			return;
 		}
 		handlePageChange(1);
-	}, [pageSize]);
-	const handlePageChange = (newPage) => {
-		setCurrentPage(newPage);
-		if (onChange) onChange(newPage);
-	};
+	}, [pageSize, handlePageChange]);
 	const { icon, container } = useClassNames({ component: "Pagination" });
 	const handleKeyDown = (onEnter) => (e$1) => {
 		if (e$1.key === "ArrowRight") {
@@ -8755,7 +8776,7 @@ const InnerPagination = ({ currentPage, pageSize, totalPages, pageRange, setCurr
 		})
 	] });
 };
-const _Pagination = ({ defaultPage = 1, page, totalItems, pageSize,...props }) => {
+const _Pagination = ({ defaultPage = 1, page, totalItems, pageSize, ...props }) => {
 	const [currentPage, setCurrentPage] = useState(page ?? defaultPage);
 	const totalPages = Math.ceil(totalItems / pageSize);
 	const pageRange = usePageRange({
@@ -8821,7 +8842,7 @@ const CollapsibleGroup = ({ children }) => {
 		children
 	});
 };
-const _RadioGroup = ({ variant, size: size$1, label, error, disabled, required, readOnly, description, errorMessage, orientation = "vertical", children, width: width$1, collapseAt,...rest }) => {
+const _RadioGroup = ({ variant, size: size$1, label, error, disabled, required, readOnly, description, errorMessage, orientation = "vertical", children, width: width$1, collapseAt, ...rest }) => {
 	const classNames$2 = useClassNames({
 		component: "Radio",
 		variant,
@@ -8863,13 +8884,13 @@ const _RadioGroup = ({ variant, size: size$1, label, error, disabled, required,
 
 //#endregion
 //#region src/Radio/Radio.tsx
-const Icon = ({ checked, className,...props }) => /* @__PURE__ */ jsx("div", {
+const Icon = ({ checked, className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("flex h-4 w-4 items-center justify-center rounded-full border p-1", className),
 	"aria-hidden": "true",
 	...props,
 	children: checked ? /* @__PURE__ */ jsx("div", { className: "size-full rounded-full bg-current" }) : null
 });
-const _Radio = forwardRef(({ value, disabled, width: width$1, children,...props }, ref) => {
+const _Radio = forwardRef(({ value, disabled, width: width$1, children, ...props }, ref) => {
 	const { variant, size: size$1, width: groupWidth } = useRadioGroupContext();
 	const classNames$2 = useClassNames({
 		component: "Radio",
@@ -8895,7 +8916,7 @@ _Radio.Group = _RadioGroup;
 
 //#endregion
 //#region src/Scrollable/Scrollable.tsx
-const Scrollable = ({ children, width: width$1 = "full", height: height$1,...props }) => /* @__PURE__ */ jsx("div", {
+const Scrollable = ({ children, width: width$1 = "full", height: height$1, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props,
 	className: cn(["sticky h-(--height) overflow-auto overscroll-none", width[width$1]]),
 	style: createVar({ height: height$1 }),
@@ -8904,7 +8925,7 @@ const Scrollable = ({ children, width: width$1 = "full", height: height$1,...pro
 
 //#endregion
 //#region src/SearchField/SearchField.tsx
-const _SearchField = forwardRef(({ disabled, required, readOnly, error, action,...rest }, ref) => {
+const _SearchField = forwardRef(({ disabled, required, readOnly, error, ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(FieldBase, {
 		as: SearchField,
 		...rest,
@@ -8921,7 +8942,7 @@ const _SearchField = forwardRef(({ disabled, required, readOnly, error, action,.
 
 //#endregion
 //#region src/icons/CircleAlert.tsx
-const CircleAlert = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const CircleAlert = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -8956,7 +8977,7 @@ const CircleAlert = ({ size: size$1 = 24, className,...props }) => /* @__PURE__
 
 //#endregion
 //#region src/icons/CircleCheck.tsx
-const CircleCheck = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const CircleCheck = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: size$1,
 	height: size$1,
@@ -9008,7 +9029,7 @@ const icons$1 = {
 	warning: CircleAlert,
 	error: TriangleAlert
 };
-const SectionMessage = ({ variant = "info", size: size$1, children, closeButton, close, onCloseChange,...props }) => {
+const SectionMessage = ({ variant = "info", size: size$1, children, closeButton, close, onCloseChange, ...props }) => {
 	const buttonRef = useRef(null);
 	const classNames$2 = useClassNames({
 		component: "SectionMessage",
@@ -9052,7 +9073,7 @@ SectionMessage.Content = SectionMessageContent;
 
 //#endregion
 //#region src/Select/Select.tsx
-const SelectBase = forwardRef(function Select$3({ disabled, required, items, variant, size: size$1, error, open, children,...rest }, ref) {
+const SelectBase = forwardRef(function Select$3({ disabled, required, items, variant, size: size$1, error, open, children, ...rest }, ref) {
 	const props = {
 		isDisabled: disabled,
 		isInvalid: error,
@@ -9111,7 +9132,7 @@ const SelectionIndicator = ({ selectionMode }) => {
 		});
 	}
 };
-const _SelectListItem = forwardRef(({ children, disabled,...props }, ref) => {
+const _SelectListItem = forwardRef(({ children, disabled, ...props }, ref) => {
 	let textValue = typeof children === "string" ? children : void 0;
 	const { classNames: classNames$2 } = useSelectListContext();
 	return /* @__PURE__ */ jsx(GridListItem, {
@@ -9129,7 +9150,7 @@ const _SelectListItem = forwardRef(({ children, disabled,...props }, ref) => {
 
 //#endregion
 //#region src/SelectList/SelectList.tsx
-const _SelectList = forwardRef(({ onChange,...rest }, ref) => {
+const _SelectList = forwardRef(({ onChange, ...rest }, ref) => {
 	const classNames$2 = useClassNames({ component: "ListBox" });
 	const props = {
 		onSelectionChange: onChange,
@@ -9154,7 +9175,7 @@ _SelectList.Action = SelectListAction;
 
 //#endregion
 //#region src/Slider/Slider.tsx
-const _Slider = forwardRef(({ variant, size: size$1, width: width$1 = "full", disabled, label, name, thumbLabels,...rest }, ref) => {
+const _Slider = forwardRef(({ variant, size: size$1, width: width$1 = "full", disabled, label, name, thumbLabels, ...rest }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Slider",
 		variant,
@@ -9208,11 +9229,12 @@ const Split = () => /* @__PURE__ */ jsx("div", {
 
 //#endregion
 //#region src/Stack/Stack.tsx
-const Stack = ({ children, space = 0, stretch = false, alignX, alignY, asList = false,...props }) => {
+const Stack = ({ children, space = 0, stretch = false, alignX = "stretch", alignY, asList = false, ...props }) => {
 	const Component$1 = asList ? "ul" : "div";
 	const stackChildren = asList ? Children.map(children, (child) => child != null ? /* @__PURE__ */ jsx("li", { children: child }) : null) : children;
 	return /* @__PURE__ */ jsx(Component$1, {
-		className: cn("flex flex-col", gapSpace[space], alignX && alignment?.vertical?.alignmentX[alignX], alignY && alignment?.vertical?.alignmentY[alignY], stretch && "h-full w-full"),
+		className: cn("flex flex-col gap-y-(--space)", alignX && alignment?.vertical?.alignmentX[alignX], alignY && alignment?.vertical?.alignmentY[alignY], stretch && "size-full"),
+		style: createSpacingVar("space", `${space}`),
 		...props,
 		children: stackChildren
 	});
@@ -9220,7 +9242,7 @@ const Stack = ({ children, space = 0, stretch = false, alignX, alignY, asList =
 
 //#endregion
 //#region src/Switch/Switch.tsx
-const _Switch = forwardRef(({ variant, size: size$1, width: width$1 = "full", label, selected, disabled, readOnly,...rest }, ref) => {
+const _Switch = forwardRef(({ variant, size: size$1, width: width$1 = "full", label, selected, disabled, readOnly, ...rest }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "Switch",
 		size: size$1,
@@ -9314,7 +9336,7 @@ const TableCell = ({ cell, align = "left", alignY = "middle" }) => {
 /**
 * Map `react-aria` props to ours (no "is"-prefix)
 */
-const mapCheckboxProps = ({ checkboxProps: { isIndeterminate, isSelected, isDisabled, defaultSelected,...rest } }) => {
+const mapCheckboxProps = ({ checkboxProps: { isIndeterminate, isSelected, isDisabled, defaultSelected, ...rest } }) => {
 	return { checkboxProps: {
 		disabled: isDisabled,
 		checked: isSelected,
@@ -9350,7 +9372,7 @@ const TableCheckboxCell = ({ cell, alignY = "middle" }) => {
 
 //#endregion
 //#region src/icons/SortDown.tsx
-const SortDown = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx(SVG, {
+const SortDown = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx(SVG, {
 	width: size$1,
 	height: size$1,
 	viewBox: "0 0 24 24",
@@ -9361,7 +9383,7 @@ const SortDown = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */
 
 //#endregion
 //#region src/icons/SortUp.tsx
-const SortUp = ({ size: size$1 = 24, className,...props }) => /* @__PURE__ */ jsx(SVG, {
+const SortUp = ({ size: size$1 = 24, className, ...props }) => /* @__PURE__ */ jsx(SVG, {
 	width: size$1,
 	height: size$1,
 	viewBox: "0 0 24 24",
@@ -9429,7 +9451,7 @@ const TableHeaderRow = ({ item, className, children }) => {
 //#region src/Table/TableRow.tsx
 const TableRow = ({ children, row }) => {
 	const ref = useRef(null);
-	const { interactive, state,...ctx } = useTableContext();
+	const { interactive, state, ...ctx } = useTableContext();
 	const { variant, size: size$1 } = row.props;
 	const classNames$2 = useClassNames({
 		component: "Table",
@@ -9484,7 +9506,7 @@ const TableSelectAllCell = ({ column: column$1, width: width$1 = "auto", align =
 
 //#endregion
 //#region src/Table/Table.tsx
-const Table = ({ variant, size: size$1, stretch = false, selectionMode = "none", disableKeyboardNavigation = false, stickyHeader, emptyState, alignY = "middle",...props }) => {
+const Table = ({ variant, size: size$1, stretch = false, selectionMode = "none", disableKeyboardNavigation = false, stickyHeader, emptyState, alignY = "middle", ...props }) => {
 	const interactive = selectionMode !== "none";
 	const tableRef = useRef(null);
 	const state = useTableState({
@@ -9586,7 +9608,7 @@ const _Tab = (props) => {
 
 //#endregion
 //#region src/Tabs/TabList.tsx
-const _TabList = ({ space = 2,...props }) => {
+const _TabList = ({ space = 2, ...props }) => {
 	const { classNames: classNames$2 } = useTabContext();
 	return /* @__PURE__ */ jsx(TabList, {
 		...props,
@@ -9608,7 +9630,7 @@ const _TabPanel = (props) => {
 
 //#endregion
 //#region src/Tabs/Tabs.tsx
-const _Tabs = ({ disabled, variant, size: size$1 = "medium",...rest }) => {
+const _Tabs = ({ disabled, variant, size: size$1 = "medium", ...rest }) => {
 	const props = {
 		isDisabled: disabled,
 		...rest
@@ -9665,7 +9687,7 @@ const TagGroupRemoveAll = ({ className, onRemove }) => {
 
 //#endregion
 //#region src/TagGroup/TagGroup.tsx
-const _TagGroup = ({ items, children, emptyState, variant, size: size$1, name, removeAll,...rest }) => {
+const _TagGroup = ({ items, children, emptyState, variant, size: size$1, name, removeAll, ...rest }) => {
 	const classNames$2 = useClassNames({
 		component: "Tag",
 		variant,
@@ -9691,7 +9713,7 @@ const _TagGroup = ({ items, children, emptyState, variant, size: size$1, name, r
 
 //#endregion
 //#region src/TagGroup/Tag.tsx
-const _Tag = ({ variant, size: size$1, children, disabled,...rest }) => {
+const _Tag = ({ variant, size: size$1, children, disabled, ...rest }) => {
 	let textValue = typeof children === "string" ? children : void 0;
 	const classNames$2 = useClassNames({
 		component: "Tag",
@@ -9713,7 +9735,7 @@ _Tag.Group = _TagGroup;
 
 //#endregion
 //#region src/Text/Text.tsx
-const _Text = ({ variant, size: size$1, color, align, cursor: cursor$1, weight, fontSize, fontStyle, wrap, whiteSpace: whiteSpace$1, children, as = "div",...props }) => {
+const _Text = ({ variant, size: size$1, color, align, cursor: cursor$1, weight, fontSize, fontStyle, wrap, whiteSpace: whiteSpace$1, children, as = "div", ...props }) => {
 	const classNames$2 = useClassNames({
 		component: "Text",
 		variant,
@@ -9736,7 +9758,7 @@ const _Text = ({ variant, size: size$1, color, align, cursor: cursor$1, weight,
 
 //#endregion
 //#region src/TextArea/TextArea.tsx
-const _TextArea = forwardRef(({ variant, size: size$1, required, disabled, readOnly, error, rows,...rest }, ref) => {
+const _TextArea = forwardRef(({ variant, size: size$1, required, disabled, readOnly, error, rows, ...rest }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "TextArea",
 		variant,
@@ -9761,7 +9783,7 @@ const _TextArea = forwardRef(({ variant, size: size$1, required, disabled, readO
 
 //#endregion
 //#region src/TextField/TextField.tsx
-const _TextField = forwardRef(({ required, disabled, readOnly, error,...rest }, ref) => {
+const _TextField = forwardRef(({ required, disabled, readOnly, error, ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(FieldBase, {
 		as: TextField,
 		isDisabled: disabled,
@@ -9775,7 +9797,7 @@ const _TextField = forwardRef(({ required, disabled, readOnly, error,...rest },
 
 //#endregion
 //#region src/Tiles/Tiles.tsx
-const Tiles = ({ space = 0, stretch = false, equalHeight = false, tilesWidth = "250px", children,...props }) => {
+const Tiles = ({ space = 0, stretch = false, equalHeight = false, tilesWidth = "250px", children, ...props }) => {
 	let column$1 = `min(${tilesWidth}, 100%)`;
 	/**
 	* Adding `minmax` with `1fr` will make the tiles distribute the
@@ -9796,7 +9818,7 @@ const Tiles = ({ space = 0, stretch = false, equalHeight = false, tilesWidth = "
 
 //#endregion
 //#region src/TimeField/TimeField.tsx
-const _TimeField = forwardRef(({ required, disabled, readOnly, error, variant, size: size$1, width: width$1 = "full",...rest }, ref) => {
+const _TimeField = forwardRef(({ required, disabled, readOnly, error, variant, size: size$1, width: width$1 = "full", ...rest }, ref) => {
 	const classNames$2 = useClassNames({
 		component: "DateField",
 		variant,
@@ -9926,7 +9948,7 @@ const TooltipArrow = () => {
 
 //#endregion
 //#region src/Tooltip/TooltipTrigger.tsx
-const _TooltipTrigger = ({ delay = 1e3, children, disabled, open,...rest }) => {
+const _TooltipTrigger = ({ delay = 1e3, children, disabled, open, ...rest }) => {
 	return /* @__PURE__ */ jsx(TooltipTrigger, {
 		...rest,
 		isDisabled: disabled,
@@ -9938,7 +9960,7 @@ const _TooltipTrigger = ({ delay = 1e3, children, disabled, open,...rest }) => {
 
 //#endregion
 //#region src/Tooltip/Tooltip.tsx
-const _Tooltip = ({ children, variant, size: size$1, open,...rest }) => {
+const _Tooltip = ({ children, variant, size: size$1, open, ...rest }) => {
 	const props = {
 		...rest,
 		isOpen: open
@@ -10107,7 +10129,7 @@ const XLoaderSvg = ({ className }) => {
 		]
 	});
 };
-const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel, loaderType = "circle",...props }) => {
+const BaseLoader = ({ variant, size: size$1, children, "aria-label": ariaLabel, loaderType = "circle", ...props }) => {
 	const stringFormatter = useLocalizedStringFormatter(intlMessages, "marigold");
 	const className = useClassNames({
 		component: "Loader",
@@ -10160,7 +10182,7 @@ const LoaderSection = (props) => {
 		children: /* @__PURE__ */ jsx(BaseLoader, { ...props })
 	});
 };
-const Loader = ({ 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, {