@marigold/components 17.0.1 → 17.1.0

package/dist/index.cjs

@@ -2985,7 +2985,7 @@ function _objectWithoutProperties$1(e$1, t$1) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 var _excluded$6 = [
 	"defaultInputValue",
 	"defaultMenuIsOpen",
@@ -4591,7 +4591,7 @@ function serializeStyles(args, registered, mergedProps) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.2.3/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
+//#region ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.2.4/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
 var isBrowser$1 = typeof document !== "undefined";
 var syncFallback = function syncFallback$1(create) {
 	return create();
@@ -4601,7 +4601,7 @@ var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : use
 var useInsertionEffectWithLayoutFallback = useInsertionEffect || react.useLayoutEffect;
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.9_react@19.2.3/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment = false;
 var isBrowser = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ react.createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({ key: "css" }) : null);
@@ -4684,7 +4684,7 @@ var require_extends = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.9_react@19.2.3/node_modules/@emotion/react/dist/emotion-react.esm.js
+//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4/node_modules/@emotion/react/dist/emotion-react.esm.js
 var import_extends = require_extends();
 var import_hoist_non_react_statics_cjs = require_hoist_non_react_statics_cjs();
 var jsx = function jsx$1(type, props) {
@@ -4830,7 +4830,7 @@ function getFrameElement(win) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
 	const css$3 = getComputedStyle$1(element);
 	let width = parseFloat(css$3.width) || 0;
@@ -5037,11 +5037,11 @@ function autoUpdate(reference, floating, update, options$1) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.2.9_react@19.2.3/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+//#region ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.2.14_react@19.2.4/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var index = typeof document !== "undefined" ? react.useLayoutEffect : function noop$1() {};
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/index-641ee5b8.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = [
 	"className",
 	"clearValue",
@@ -6021,7 +6021,7 @@ var require_memoize_one_cjs = /* @__PURE__ */ __commonJSMin(((exports, module) =
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/Select-ef7c0426.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/Select-ef7c0426.esm.js
 var import_memoize_one_cjs = /* @__PURE__ */ __toESM(require_memoize_one_cjs());
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
 	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
@@ -8572,7 +8572,7 @@ var require_taggedTemplateLiteral = /* @__PURE__ */ __commonJSMin(((exports, mod
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/react-select.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/react-select.esm.js
 var import_objectSpread2 = require_objectSpread2();
 var import_slicedToArray = require_slicedToArray();
 var import_objectWithoutProperties = require_objectWithoutProperties();
@@ -10174,14 +10174,17 @@ const _TagField = (0, react.forwardRef)(function TagField$1({ disabled, required
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.Group, {
 			ref: triggerRef,
-			className: (0, __marigold_system.cn)("w-(--field-width) max-w-full min-w-0", classNames$2.trigger),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagDisplay, {
-				placeholder,
-				classNames: classNames$2,
-				disabled
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
-				className: classNames$2.button,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronsVertical, {})
+			className: (0, __marigold_system.cn)("grid w-(--field-width) max-w-full min-w-0", classNames$2.trigger),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, { className: "col-start-1 row-start-1 h-full w-full cursor-pointer opacity-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pointer-events-none col-start-1 row-start-1 flex flex-1 items-center justify-between gap-1 **:[[role=row]]:pointer-events-auto",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagDisplay, {
+					placeholder,
+					classNames: classNames$2,
+					disabled
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronsVertical, {
+					className: "size-4 shrink-0",
+					"aria-hidden": "true"
+				})]
 			})]
 		}), isSmallScreen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tray, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tray.Title, { children: rest.label }),

package/dist/index.d.cts

@@ -2,8 +2,8 @@ import * as _react_types_shared0 from "@react-types/shared";
 import { AriaLabelingProps, Orientation, RefObject, Selection } from "@react-types/shared";
 import RAC, { BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, DateValue, DialogProps as DialogProps$1, DisclosurePanelProps, DisclosureProps as DisclosureProps$1, DropIndicatorProps, HeadingProps, Key, ProgressBarProps, RouterProvider, SlotProps, TagListProps, TimeValue, TimeValue as TimeValue$1, ValidationResult, useAsyncList, useDragAndDrop, useListData } from "react-aria-components";
 import { AspectProp, CursorProp, DateFormat, FontSizeProp, FontStyleProp, FontWeightProp, HeightProp, LineHeightProp, MaxWidthProp, NumericFormat, PaddingBottomProp, PaddingLeftProp, PaddingRightProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingTopProp, PlaceItemsProp, SpaceProp, SpacingTokens, TextAlignProp, TextWrapProp, Theme, ThemeProvider, ThemeProviderProps, WhiteSpaceProps, WidthProp, alignment, textAlign, useTheme } from "@marigold/system";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import * as react10 from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react8 from "react";
 import { CSSProperties, ComponentPropsWithRef, Dispatch, ElementType, FormEvent, FormHTMLAttributes, ForwardRefExoticComponent, JSX, Key as Key$1, PropsWithChildren, ReactElement, ReactNode, RefAttributes, SVGProps, SetStateAction } from "react";
 import { AriaLabelingProps as AriaLabelingProps$1, AriaRegionProps, DistributiveOmit, NonZeroPercentage } from "@marigold/types";
 import { AriaLandmarkRole } from "@react-aria/landmark";
@@ -35,7 +35,7 @@ declare const AccordionItem: ({
   disabled,
   expanded,
   ...props
-}: DisclosureProps) => react_jsx_runtime9.JSX.Element;
+}: DisclosureProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Accordion/Accordion.d.ts
 type RemovedProps$47 = 'isDisabled';
@@ -58,19 +58,19 @@ declare const Accordion: {
     stickyHeader,
     iconPosition,
     ...props
-  }: AccordionProps): react_jsx_runtime9.JSX.Element;
+  }: AccordionProps): react_jsx_runtime3.JSX.Element;
   Header: ({
     children
-  }: AccordionHeaderProps) => react_jsx_runtime9.JSX.Element;
+  }: AccordionHeaderProps) => react_jsx_runtime3.JSX.Element;
   Content: ({
     children
-  }: AccordionPanelProps) => react_jsx_runtime9.JSX.Element;
+  }: AccordionPanelProps) => react_jsx_runtime3.JSX.Element;
   Item: ({
     children,
     disabled,
     expanded,
     ...props
-  }: DisclosureProps) => react_jsx_runtime9.JSX.Element;
+  }: DisclosureProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/ActionBar/ActionButton.d.ts
@@ -85,7 +85,7 @@ interface ActionButtonProps extends Omit<RAC.ButtonProps, RemovedProps$46> {
 declare const ActionButton: ({
   onPress,
   children
-}: ActionButtonProps) => react_jsx_runtime9.JSX.Element;
+}: ActionButtonProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ActionBar/ActionBar.d.ts
 interface ActionBarProps {
@@ -124,11 +124,11 @@ declare const ActionBar: {
     selectedItemCount,
     variant,
     size
-  }: ActionBarProps): react_jsx_runtime9.JSX.Element | null;
+  }: ActionBarProps): react_jsx_runtime3.JSX.Element | null;
   Button: ({
     onPress,
     children
-  }: ActionButtonProps) => react_jsx_runtime9.JSX.Element;
+  }: ActionButtonProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Aside/Aside.d.ts
@@ -164,7 +164,7 @@ declare const Aside: ({
   space,
   side,
   wrap
-}: AsideProps) => react_jsx_runtime9.JSX.Element;
+}: AsideProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Aspect/Aspect.d.ts
 interface AspectProps extends AspectProp, AriaRegionProps {
@@ -182,7 +182,7 @@ declare const Aspect: ({
   ratio,
   maxWidth,
   children
-}: AspectProps) => react_jsx_runtime9.JSX.Element;
+}: AspectProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/HelpText/HelpText.d.ts
 interface HelpTextProps {
@@ -203,7 +203,7 @@ declare const HelpText: ({
   description,
   errorMessage,
   ...props
-}: HelpTextProps) => react_jsx_runtime9.JSX.Element | null;
+}: HelpTextProps) => react_jsx_runtime3.JSX.Element | null;
 //#endregion
 //#region src/FieldBase/FieldBase.d.ts
 interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
@@ -221,7 +221,7 @@ interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpText
   isInvalid?: boolean;
   isRequired?: boolean;
 }
-declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react10.RefAttributes<any>) => React.ReactNode;
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react8.RefAttributes<any>) => React.ReactNode;
 //#endregion
 //#region src/ListBox/ListBoxItem.d.ts
 type ListBoxItemProps = Omit<RAC.ListBoxItemProps, 'style' | 'className' | 'children'> & {
@@ -232,7 +232,7 @@ type ListBoxItemProps = Omit<RAC.ListBoxItemProps, 'style' | 'className' | 'chil
 };
 declare const _ListBoxItem: ({
   ...props
-}: ListBoxItemProps) => react_jsx_runtime9.JSX.Element;
+}: ListBoxItemProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ListBox/ListBoxSection.d.ts
 interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style' | 'children'> {
@@ -249,7 +249,7 @@ declare const _Section: ({
   header,
   children,
   ...props
-}: SectionProps) => react_jsx_runtime9.JSX.Element;
+}: SectionProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ListBox/ListBox.d.ts
 interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
@@ -360,7 +360,7 @@ declare const Badge: ({
   size,
   children,
   ...props
-}: BadgeProps) => react_jsx_runtime9.JSX.Element;
+}: BadgeProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Breadcrumbs/BreadcrumbsItem.d.ts
 type RemovedProps$44 = 'className' | 'style';
@@ -408,7 +408,7 @@ interface BreakoutProps extends AriaRegionProps {
 }
 declare const Breakout: ({
   children
-}: BreakoutProps) => react_jsx_runtime9.JSX.Element;
+}: BreakoutProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Button/Button.d.ts
 type RemovedProps$42 = 'isDisabled' | 'isPending' | 'className' | 'style';
@@ -438,7 +438,7 @@ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$42> {
    */
   loading?: RAC.ButtonProps['isPending'];
 }
-declare const _Button: react10.ForwardRefExoticComponent<ButtonProps & react10.RefAttributes<HTMLButtonElement>>;
+declare const _Button: react8.ForwardRefExoticComponent<ButtonProps & react8.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/Calendar/Calendar.d.ts
 type RemovedProps$41 = 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
@@ -492,7 +492,7 @@ declare const _Calendar: ({
   visibleDuration,
   pageBehavior,
   ...rest
-}: CalendarProps) => react_jsx_runtime9.JSX.Element;
+}: CalendarProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Card/Card.d.ts
 interface CardProps {
@@ -559,7 +559,7 @@ declare const Card: ({
   pl,
   pr,
   ...props
-}: CardProps) => react_jsx_runtime9.JSX.Element;
+}: CardProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Center/Center.d.ts
 interface CenterProps extends AriaRegionProps {
@@ -580,7 +580,7 @@ declare const Center: ({
   space,
   children,
   ...props
-}: CenterProps) => react_jsx_runtime9.JSX.Element;
+}: CenterProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Checkbox/CheckboxGroup.d.ts
 type RemovedProps$40 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
@@ -649,7 +649,7 @@ declare const _CheckboxGroup: ({
   orientation,
   collapseAt,
   ...rest
-}: CheckboxGroupProps) => react_jsx_runtime9.JSX.Element;
+}: CheckboxGroupProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Checkbox/Checkbox.d.ts
 type RemovedProps$39 = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
@@ -713,7 +713,7 @@ interface CloseButtonProps extends Pick<ButtonProps, 'onPress' | 'size' | 'varia
   className?: string;
   style?: CSSProperties;
 }
-declare const CloseButton: react10.ForwardRefExoticComponent<CloseButtonProps & react10.RefAttributes<HTMLButtonElement>>;
+declare const CloseButton: react8.ForwardRefExoticComponent<CloseButtonProps & react8.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/Collapsible/CollapsibleTrigger.d.ts
 interface CollapsibleProps$1 extends Omit<ButtonProps$1, 'className' | 'style'>, Pick<HeadingProps, 'level'> {
@@ -744,20 +744,20 @@ declare const Collapsible: {
     children,
     unstyled,
     ...props
-  }: CollapsibleProps): react_jsx_runtime9.JSX.Element;
+  }: CollapsibleProps): react_jsx_runtime3.JSX.Element;
   Trigger: ({
     variant,
     size,
     children,
     level,
     ...props
-  }: CollapsibleProps$1) => react_jsx_runtime9.JSX.Element;
+  }: CollapsibleProps$1) => react_jsx_runtime3.JSX.Element;
   Content: ({
     variant,
     size,
     children,
     ...props
-  }: CollapsibleContentProps) => react_jsx_runtime9.JSX.Element;
+  }: CollapsibleContentProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Columns/Columns.d.ts
@@ -792,7 +792,7 @@ declare const Columns: ({
   stretch,
   children,
   ...props
-}: ColumnsProps) => react_jsx_runtime9.JSX.Element;
+}: ColumnsProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ComboBox/ComboBox.d.ts
 type RemovedProps$38 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
@@ -905,7 +905,7 @@ declare const Container: ({
   space,
   children,
   ...props
-}: ContainerProps) => react_jsx_runtime9.JSX.Element;
+}: ContainerProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/icons/Icons.types.d.ts
 interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
@@ -922,7 +922,7 @@ declare const ContextualHelpContent: ({
   children,
   variant,
   size
-}: ContextualHelpContentProps) => react_jsx_runtime9.JSX.Element;
+}: ContextualHelpContentProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ContextualHelp/ContextualHelpTitle.d.ts
 interface ContextualHelpTitleProps {
@@ -934,7 +934,7 @@ declare const ContextualHelpTitle: ({
   children,
   variant,
   size
-}: ContextualHelpTitleProps) => react_jsx_runtime9.JSX.Element;
+}: ContextualHelpTitleProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ContextualHelp/ContextualHelp.d.ts
 declare const icons$1: {
@@ -942,12 +942,12 @@ declare const icons$1: {
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
   info: ({
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
 };
 interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
   /**
@@ -1023,7 +1023,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
    */
   width?: WidthProp['width'];
 }
-declare const _DateField: react10.ForwardRefExoticComponent<DateFieldProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _DateField: react8.ForwardRefExoticComponent<DateFieldProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/DatePicker/DatePicker.d.ts
 type RemovedProps$36 = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
@@ -1065,7 +1065,7 @@ interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedPr
    */
   width?: WidthProp['width'];
 }
-declare const _DatePicker: react10.ForwardRefExoticComponent<DatePickerProps & react10.RefAttributes<HTMLDivElement>>;
+declare const _DatePicker: react8.ForwardRefExoticComponent<DatePickerProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Overlay/Modal.d.ts
 interface ModalProps extends Omit<RAC.ModalOverlayProps, 'render'> {
@@ -1083,7 +1083,7 @@ interface ModalProps extends Omit<RAC.ModalOverlayProps, 'render'> {
   keyboardDismissable?: boolean;
   size?: string;
 }
-declare const _Modal: react10.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react10.RefAttributes<HTMLDivElement>>;
+declare const _Modal: react8.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Dialog/DialogActions.d.ts
 interface DialogActions {
@@ -1098,7 +1098,7 @@ declare const DialogActions: ({
   variant,
   size,
   children
-}: DialogActions) => react_jsx_runtime9.JSX.Element;
+}: DialogActions) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Dialog/DialogContent.d.ts
 interface DialogContentProps {
@@ -1113,7 +1113,7 @@ declare const DialogContent: ({
   variant,
   size,
   children
-}: DialogContentProps) => react_jsx_runtime9.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Dialog/DialogTitle.d.ts
 interface DialogTitleProps {
@@ -1126,7 +1126,7 @@ declare const DialogTitle: ({
   variant,
   size,
   children
-}: DialogTitleProps) => react_jsx_runtime9.JSX.Element;
+}: DialogTitleProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Dialog/Context.d.ts
 interface DialogContextProps extends RAC.ModalOverlayProps {
@@ -1207,7 +1207,7 @@ declare const ConfirmationDialog: {
     variant,
     size,
     ...props
-  }: ConfirmationDialogProps): react_jsx_runtime9.JSX.Element;
+  }: ConfirmationDialogProps): react_jsx_runtime3.JSX.Element;
   Trigger: ({
     open,
     dismissable,
@@ -1222,10 +1222,10 @@ interface ConfirmationConfig extends Pick<ConfirmationDialogProps, 'variant' | '
   content?: ReactNode;
 }
 type ConfirmationFn = (props: ConfirmationConfig) => Promise<ConfirmationResult>;
-declare const ConfirmationContext: react10.Context<ConfirmationFn | null>;
+declare const ConfirmationContext: react8.Context<ConfirmationFn | null>;
 declare const ConfirmationProvider: ({
   children
-}: PropsWithChildren) => react_jsx_runtime9.JSX.Element;
+}: PropsWithChildren) => react_jsx_runtime3.JSX.Element;
 declare const useConfirmation: () => ConfirmationFn;
 //#endregion
 //#region src/Divider/Divider.d.ts
@@ -1236,7 +1236,7 @@ interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$34> {
 declare const _Divider: ({
   variant,
   ...props
-}: DividerProps) => react_jsx_runtime9.JSX.Element;
+}: DividerProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Drawer/DrawerTrigger.d.ts
 interface DrawerTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
@@ -1280,7 +1280,7 @@ declare const DrawerActions: ({
   variant,
   size,
   children
-}: DrawerActions) => react_jsx_runtime9.JSX.Element;
+}: DrawerActions) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Drawer/Drawer.d.ts
 interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
@@ -1327,27 +1327,27 @@ declare const Drawer: {
     role,
     placement,
     ...props
-  }: DrawerProps): react_jsx_runtime9.JSX.Element;
+  }: DrawerProps): react_jsx_runtime3.JSX.Element;
   Trigger: ({
     open,
     children,
     ...props
-  }: DrawerTriggerProps) => react_jsx_runtime9.JSX.Element;
+  }: DrawerTriggerProps) => react_jsx_runtime3.JSX.Element;
   Title: ({
     variant,
     size,
     children
-  }: DrawerTitleProps) => react_jsx_runtime9.JSX.Element;
+  }: DrawerTitleProps) => react_jsx_runtime3.JSX.Element;
   Content: ({
     variant,
     size,
     children
-  }: DrawerContentProps) => react_jsx_runtime9.JSX.Element;
+  }: DrawerContentProps) => react_jsx_runtime3.JSX.Element;
   Actions: ({
     variant,
     size,
     children
-  }: DrawerActions) => react_jsx_runtime9.JSX.Element;
+  }: DrawerActions) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/EmptyState/EmptyState.d.ts
@@ -1375,7 +1375,7 @@ declare const EmptyState: ({
   variant,
   size,
   ...props
-}: EmptyStateProps) => react_jsx_runtime9.JSX.Element;
+}: EmptyStateProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/FileField/FileTrigger.d.ts
 type RemovedProps$33 = 'className' | 'style';
@@ -1438,11 +1438,11 @@ declare const FileField: {
     label,
     name,
     ...props
-  }: FileFieldProps): react_jsx_runtime9.JSX.Element;
+  }: FileFieldProps): react_jsx_runtime3.JSX.Element;
   Item: ({
     children,
     onRemove
-  }: FileFieldItemProps) => react_jsx_runtime9.JSX.Element;
+  }: FileFieldItemProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Form/Form.d.ts
@@ -1457,7 +1457,7 @@ interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'> {
    */
   maxWidth?: MaxWidthProp['maxWidth'];
 }
-declare const _Form: react10.ForwardRefExoticComponent<FormProps & react10.RefAttributes<HTMLFormElement>>;
+declare const _Form: react8.ForwardRefExoticComponent<FormProps & react8.RefAttributes<HTMLFormElement>>;
 //#endregion
 //#region src/Grid/GridArea.d.ts
 interface GridAreaProps {
@@ -1520,11 +1520,11 @@ declare const Grid: {
     height,
     space,
     ...props
-  }: GridProps): react_jsx_runtime9.JSX.Element;
+  }: GridProps): react_jsx_runtime3.JSX.Element;
   Area: ({
     name,
     children
-  }: GridAreaProps) => react_jsx_runtime9.JSX.Element;
+  }: GridAreaProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Headline/Headline.d.ts
@@ -1557,7 +1557,7 @@ declare const _Headline: ({
   level,
   lineHeight,
   ...props
-}: HeadlineProps) => react_jsx_runtime9.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/IconButton/IconButton.d.ts
 interface IconButtonProps extends RAC.ButtonProps {
@@ -1571,7 +1571,7 @@ declare const IconButton: ({
   variant,
   size,
   ...props
-}: IconButtonProps) => react_jsx_runtime9.JSX.Element;
+}: IconButtonProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Inline/Inline.d.ts
 declare const inlineAlignmentY: any;
@@ -1605,7 +1605,7 @@ declare const Inline: ({
   alignY,
   children,
   ...props
-}: InlineProps) => react_jsx_runtime9.JSX.Element;
+}: InlineProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Input/Input.d.ts
 type RemovedProps$31 = 'className' | 'style' | 'size';
@@ -1616,7 +1616,7 @@ interface InputProps extends Omit<RAC.InputProps, RemovedProps$31> {
   size?: string;
   className?: string;
 }
-declare const _Input: react10.ForwardRefExoticComponent<InputProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _Input: react8.ForwardRefExoticComponent<InputProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Input/SearchInput.d.ts
 interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
@@ -1627,7 +1627,7 @@ interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
   };
   onClear?: () => void;
 }
-declare const SearchInput: react10.ForwardRefExoticComponent<SearchInputProps & react10.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: react8.ForwardRefExoticComponent<SearchInputProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Inset/Inset.d.ts
 type InsetProps = (AriaRegionProps & {
@@ -1661,7 +1661,7 @@ declare const Inset: ({
   spaceX,
   spaceY,
   children
-}: InsetProps) => react_jsx_runtime9.JSX.Element;
+}: InsetProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Label/Label.d.ts
 type RemovedProps$30 = 'className';
@@ -1674,7 +1674,7 @@ declare const _Label: ({
   variant,
   children,
   ...props
-}: LabelProps) => react_jsx_runtime9.JSX.Element;
+}: LabelProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Link/Link.d.ts
 type RemovedProps$29 = 'className' | 'isDisabled' | 'slot';
@@ -1687,7 +1687,7 @@ interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$29> {
    */
   disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const _Link: react10.ForwardRefExoticComponent<LinkProps & react10.RefAttributes<HTMLAnchorElement>>;
+declare const _Link: react8.ForwardRefExoticComponent<LinkProps & react8.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 //#region src/LinkButton/LinkButton.d.ts
 type RemovedProps$28 = 'isDisabled' | 'isPending' | 'className' | 'style';
@@ -1709,7 +1709,7 @@ interface LinkButtonProps extends Omit<RAC.LinkProps, RemovedProps$28> {
    */
   disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const _LinkButton: react10.ForwardRefExoticComponent<LinkButtonProps & react10.RefAttributes<HTMLAnchorElement>>;
+declare const _LinkButton: react8.ForwardRefExoticComponent<LinkButtonProps & react8.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 //#region src/List/ListItem.d.ts
 interface ListItemProps {
@@ -1740,11 +1740,11 @@ declare const List: {
     variant,
     size,
     ...props
-  }: ListProps): react_jsx_runtime9.JSX.Element;
+  }: ListProps): react_jsx_runtime3.JSX.Element;
   Item: ({
     children,
     ...props
-  }: ListItemProps) => react_jsx_runtime9.JSX.Element;
+  }: ListItemProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Menu/MenuItem.d.ts
@@ -1767,7 +1767,7 @@ interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDism
   open?: boolean;
   children: ReactNode;
 }
-declare const _Popover: react10.ForwardRefExoticComponent<PopoverProps & react10.RefAttributes<HTMLDivElement>>;
+declare const _Popover: react8.ForwardRefExoticComponent<PopoverProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Menu/Menu.d.ts
 type RemovedProps$25 = 'isOpen' | 'className' | 'style' | 'children';
@@ -1812,18 +1812,18 @@ declare const _Menu: {
     placement,
     "aria-label": ariaLabel,
     ...props
-  }: MenuProps): react_jsx_runtime9.JSX.Element;
+  }: MenuProps): react_jsx_runtime3.JSX.Element;
   Item: ({
     children,
     variant,
     size,
     ...props
-  }: MenuItemProps) => react_jsx_runtime9.JSX.Element;
+  }: MenuItemProps) => react_jsx_runtime3.JSX.Element;
   Section: ({
     children,
     title,
     ...props
-  }: MenuSectionProps) => react_jsx_runtime9.JSX.Element;
+  }: MenuSectionProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Menu/ActionMenu.d.ts
@@ -1832,18 +1832,18 @@ declare const ActionMenu: {
   ({
     children,
     ...props
-  }: ActionMenuProps): react_jsx_runtime9.JSX.Element;
+  }: ActionMenuProps): react_jsx_runtime3.JSX.Element;
   Item: ({
     children,
     variant,
     size,
     ...props
-  }: MenuItemProps) => react_jsx_runtime9.JSX.Element;
+  }: MenuItemProps) => react_jsx_runtime3.JSX.Element;
   Section: ({
     children,
     title,
     ...props
-  }: MenuSectionProps) => react_jsx_runtime9.JSX.Element;
+  }: MenuSectionProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Multiselect/Multiselect.d.ts
@@ -1979,7 +1979,7 @@ declare const Multiselect: ({
   onSelectionChange,
   width,
   ...rest
-}: MultipleSelectProps) => react_jsx_runtime9.JSX.Element;
+}: MultipleSelectProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/NumberField/NumberField.d.ts
 type RemovedProps$24 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
@@ -2023,7 +2023,7 @@ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$24>,
    */
   placeholder?: string;
 }
-declare const _NumberField: react10.ForwardRefExoticComponent<NumberFieldProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _NumberField: react8.ForwardRefExoticComponent<NumberFieldProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/utils/useRenderProps.d.ts
 interface StyleRenderProps<T> {
@@ -2105,7 +2105,7 @@ interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelin
    */
   ref?: RefObject<HTMLElement | null>;
 }
-declare const NonModal: react10.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react10.RefAttributes<HTMLElement>>;
+declare const NonModal: react8.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react8.RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/Overlay/Underlay.d.ts
 interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className' | 'render'> {
@@ -2122,7 +2122,7 @@ declare const Underlay: ({
   dismissable,
   keyboardDismissable,
   ...rest
-}: UnderlayProps) => react_jsx_runtime9.JSX.Element;
+}: UnderlayProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Pagination/Pagination.d.ts
 interface PaginationProps {
@@ -2157,7 +2157,7 @@ declare const _Pagination: ({
   totalItems,
   pageSize,
   ...props
-}: PaginationProps) => react_jsx_runtime9.JSX.Element;
+}: PaginationProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ProgressCircle/ProgressCircle.d.ts
 interface ProgressCircleProps extends RAC.ProgressBarProps {
@@ -2171,11 +2171,11 @@ interface ProgressCircleProps extends RAC.ProgressBarProps {
 declare const ProgressCircleSvg: ({
   size,
   variant
-}: ProgressCircleProps) => react_jsx_runtime9.JSX.Element;
+}: ProgressCircleProps) => react_jsx_runtime3.JSX.Element;
 declare const ProgressCircle: ({
   size,
   ...props
-}: ProgressCircleProps) => react_jsx_runtime9.JSX.Element;
+}: ProgressCircleProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Provider/MarigoldProvider.d.ts
 type MarigoldProviderProps<T extends Theme> = ThemeProviderProps<T>;
@@ -2183,7 +2183,7 @@ declare function MarigoldProvider<T extends Theme>({
   children,
   className,
   theme
-}: MarigoldProviderProps<T>): react_jsx_runtime9.JSX.Element;
+}: MarigoldProviderProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Provider/OverlayContainerProvider.d.ts
 interface OverlayContainerProps extends PropsWithChildren {
@@ -2198,7 +2198,7 @@ interface OverlayContainerProps extends PropsWithChildren {
 declare const OverlayContainerProvider: ({
   container,
   children
-}: OverlayContainerProps) => react_jsx_runtime9.JSX.Element;
+}: OverlayContainerProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Radio/RadioGroup.d.ts
 type RemovedProps$23 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
@@ -2283,7 +2283,7 @@ declare const _RadioGroup: ({
   width,
   collapseAt,
   ...rest
-}: RadioGroupProps) => react_jsx_runtime9.JSX.Element;
+}: RadioGroupProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Radio/Radio.d.ts
 type RemovedProps$22 = 'className' | 'style' | 'children' | 'isDisabled';
@@ -2332,7 +2332,7 @@ declare const Scrollable: ({
   width,
   height,
   ...props
-}: ScrollableProps) => react_jsx_runtime9.JSX.Element;
+}: ScrollableProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/SearchField/SearchField.d.ts
 type RemovedProps$21 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
@@ -2385,7 +2385,7 @@ interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$21>,
    */
   placeholder?: string;
 }
-declare const _SearchField: react10.ForwardRefExoticComponent<SearchFieldProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _SearchField: react8.ForwardRefExoticComponent<SearchFieldProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/SectionMessage/SectionMessageTitle.d.ts
 interface SectionMessageTitleProps {
@@ -2409,22 +2409,22 @@ declare const icons: {
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
   readonly info: ({
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
   readonly warning: ({
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
   readonly error: ({
     size,
     className,
     ...props
-  }: IconProps) => react_jsx_runtime9.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
 };
 interface SectionMessageProps {
   variant?: keyof typeof icons;
@@ -2455,13 +2455,13 @@ declare const SectionMessage: {
     close,
     onCloseChange,
     ...props
-  }: SectionMessageProps): react_jsx_runtime9.JSX.Element | null;
+  }: SectionMessageProps): react_jsx_runtime3.JSX.Element | null;
   Title: ({
     children
-  }: SectionMessageTitleProps) => react_jsx_runtime9.JSX.Element;
+  }: SectionMessageTitleProps) => react_jsx_runtime3.JSX.Element;
   Content: ({
     children
-  }: SectionMessageContentProps) => react_jsx_runtime9.JSX.Element;
+  }: SectionMessageContentProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Select/Select.d.ts
@@ -2519,15 +2519,15 @@ interface SelectProps<T extends object, M extends SelectionMode = 'single'> exte
    */
   error?: boolean;
 }
-declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react10.RefAttributes<HTMLButtonElement>) => react10.ReactElement | null) & {
+declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react8.RefAttributes<HTMLButtonElement>) => react8.ReactElement | null) & {
   Option: ({
     ...props
-  }: ListBoxItemProps) => react_jsx_runtime9.JSX.Element;
+  }: ListBoxItemProps) => react_jsx_runtime3.JSX.Element;
   Section: ({
     header,
     children,
     ...props
-  }: SectionProps) => react_jsx_runtime9.JSX.Element;
+  }: SectionProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/SelectList/SelectListAction.d.ts
@@ -2536,7 +2536,7 @@ interface SelectListAction {
 }
 declare const SelectListAction: ({
   children
-}: SelectListAction) => react_jsx_runtime9.JSX.Element;
+}: SelectListAction) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/SelectList/SelectListItem.d.ts
 type RemovedProps$19 = 'className' | 'style' | 'isDisabled';
@@ -2548,7 +2548,7 @@ interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, Remove
    */
   disabled?: RAC.GridListItemProps<object>['isDisabled'];
 }
-declare const _SelectListItem: react10.ForwardRefExoticComponent<SelectListItemProps & react10.RefAttributes<HTMLDivElement>>;
+declare const _SelectListItem: react8.ForwardRefExoticComponent<SelectListItemProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/SelectList/SelectList.d.ts
 type RemoveProps = 'style' | 'className' | 'onSelectionChange' | 'dragAndDropHooks';
@@ -2596,10 +2596,10 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
    */
   label?: ReactNode;
 }
-declare const _Slider: react10.ForwardRefExoticComponent<SliderProps<number | number[]> & react10.RefAttributes<HTMLDivElement>>;
+declare const _Slider: react8.ForwardRefExoticComponent<SliderProps<number | number[]> & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Split/Split.d.ts
-declare const Split: () => react_jsx_runtime9.JSX.Element;
+declare const Split: () => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Stack/Stack.d.ts
 interface StackProps extends AriaRegionProps {
@@ -2641,7 +2641,7 @@ declare const Stack: ({
   alignY,
   asList,
   ...props
-}: StackProps) => react_jsx_runtime9.JSX.Element;
+}: StackProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Switch/Switch.d.ts
 type RemovedProps$18 = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
@@ -2673,7 +2673,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$18> {
    */
   selected?: RAC.SwitchProps['isSelected'];
 }
-declare const _Switch: react10.ForwardRefExoticComponent<SwitchProps & react10.RefAttributes<HTMLLabelElement>>;
+declare const _Switch: react8.ForwardRefExoticComponent<SwitchProps & react8.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/Table/TableHeader.d.ts
 type RemovedProps$17 = 'className' | 'style';
@@ -2832,24 +2832,24 @@ declare const Table: (({
   allowTextSelection,
   alignY,
   ...props
-}: TableProps) => react_jsx_runtime9.JSX.Element) & {
+}: TableProps) => react_jsx_runtime3.JSX.Element) & {
   Header: <T extends object>({
     sticky,
     columns,
     children,
     ...props
-  }: TableHeaderProps<T>) => react_jsx_runtime9.JSX.Element;
+  }: TableHeaderProps<T>) => react_jsx_runtime3.JSX.Element;
   Column: ({
     alignX,
     width,
     minWidth,
     rowHeader,
     ...props
-  }: TableColumnProps) => react_jsx_runtime9.JSX.Element;
+  }: TableColumnProps) => react_jsx_runtime3.JSX.Element;
   Body: <T extends object = object>({
     emptyState,
     ...props
-  }: TableBodyProps<T>) => react_jsx_runtime9.JSX.Element;
+  }: TableBodyProps<T>) => react_jsx_runtime3.JSX.Element;
   Row: <T extends object>({
     id,
     columns,
@@ -2857,13 +2857,13 @@ declare const Table: (({
     variant: variantProp,
     size: sizeProp,
     ...otherProps
-  }: TableRowProps<T>) => react_jsx_runtime9.JSX.Element;
+  }: TableRowProps<T>) => react_jsx_runtime3.JSX.Element;
   Cell: ({
     children,
     alignX,
     overflow: cellOverflow,
     ...props
-  }: TableCellProps) => react_jsx_runtime9.JSX.Element;
+  }: TableCellProps) => react_jsx_runtime3.JSX.Element;
   EditableCell: ({
     children,
     field,
@@ -2874,10 +2874,10 @@ declare const Table: (({
     action,
     alignX,
     overflow: cellOverflow
-  }: TableEditableCellProps) => react_jsx_runtime9.JSX.Element;
-  renderDropIndicator: ((target: RAC.DropTarget) => react10.JSX.Element) | undefined;
-  renderDragPreview: ((items: _react_types_shared0.DragItem[]) => react10.JSX.Element | {
-    element: react10.JSX.Element;
+  }: TableEditableCellProps) => react_jsx_runtime3.JSX.Element;
+  renderDropIndicator: ((target: RAC.DropTarget) => react8.JSX.Element) | undefined;
+  renderDragPreview: ((items: _react_types_shared0.DragItem[]) => react8.JSX.Element | {
+    element: react8.JSX.Element;
     x: number;
     y: number;
   }) | undefined;
@@ -2908,10 +2908,10 @@ declare const _Tabs: {
     variant,
     size,
     ...rest
-  }: TabsProps): react_jsx_runtime9.JSX.Element;
-  List: (props: TabListProps) => react_jsx_runtime9.JSX.Element;
-  TabPanel: (props: TabPanelProps) => react_jsx_runtime9.JSX.Element;
-  Item: (props: TabProps) => react_jsx_runtime9.JSX.Element;
+  }: TabsProps): react_jsx_runtime3.JSX.Element;
+  List: (props: TabListProps) => react_jsx_runtime3.JSX.Element;
+  TabPanel: (props: TabPanelProps) => react_jsx_runtime3.JSX.Element;
+  Item: (props: TabProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/TagGroup/TagGroup.d.ts
@@ -2947,7 +2947,7 @@ declare const _TagGroup: ({
   name,
   removeAll,
   ...rest
-}: TagGroupProps) => react_jsx_runtime9.JSX.Element;
+}: TagGroupProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/TagGroup/Tag.d.ts
 type RemovedProps$10 = 'className' | 'style' | 'isDisabled';
@@ -2964,7 +2964,7 @@ declare const _Tag: {
     children,
     disabled,
     ...rest
-  }: TagProps): react_jsx_runtime9.JSX.Element;
+  }: TagProps): react_jsx_runtime3.JSX.Element;
   Group: ({
     items,
     children,
@@ -2974,7 +2974,7 @@ declare const _Tag: {
     name,
     removeAll,
     ...rest
-  }: TagGroupProps) => react_jsx_runtime9.JSX.Element;
+  }: TagGroupProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/TagField/TagField.d.ts
@@ -3031,15 +3031,15 @@ interface TagFieldProps<T extends object> extends Omit<RAC.SelectProps<T, 'multi
    */
   emptyState?: ReactNode;
 }
-declare const TagField: (<T extends object>(props: TagFieldProps<T> & react10.RefAttributes<HTMLDivElement>) => react10.ReactElement | null) & {
+declare const TagField: (<T extends object>(props: TagFieldProps<T> & react8.RefAttributes<HTMLDivElement>) => react8.ReactElement | null) & {
   Option: ({
     ...props
-  }: ListBoxItemProps) => react_jsx_runtime9.JSX.Element;
+  }: ListBoxItemProps) => react_jsx_runtime3.JSX.Element;
   Section: ({
     header,
     children,
     ...props
-  }: SectionProps) => react_jsx_runtime9.JSX.Element;
+  }: SectionProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Text/Text.d.ts
@@ -3081,7 +3081,7 @@ declare const _Text: ({
   children,
   as,
   ...props
-}: TextProps) => react_jsx_runtime9.JSX.Element;
+}: TextProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/TextArea/TextArea.d.ts
 type RemovedProps$7 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
@@ -3134,7 +3134,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$7>, Pick<R
    */
   rows?: number;
 }
-declare const _TextArea: react10.ForwardRefExoticComponent<TextAreaProps & react10.RefAttributes<HTMLTextAreaElement>>;
+declare const _TextArea: react8.ForwardRefExoticComponent<TextAreaProps & react8.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/TextField/TextField.d.ts
 type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
@@ -3192,7 +3192,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$6>, Pick<
    */
   placeholder?: string;
 }
-declare const _TextField: react10.ForwardRefExoticComponent<TextFieldProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _TextField: react8.ForwardRefExoticComponent<TextFieldProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Tiles/Tiles.d.ts
 interface TilesProps extends AriaRegionProps {
@@ -3228,7 +3228,7 @@ declare const Tiles: ({
   tilesWidth,
   children,
   ...props
-}: TilesProps) => react_jsx_runtime9.JSX.Element;
+}: TilesProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/TimeField/TimeField.d.ts
 type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
@@ -3276,7 +3276,7 @@ interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue$1>, RemovedPr
    */
   shouldForceLeadingZeros?: boolean;
 }
-declare const _TimeField: react10.ForwardRefExoticComponent<TimeFieldProps & react10.RefAttributes<HTMLInputElement>>;
+declare const _TimeField: react8.ForwardRefExoticComponent<TimeFieldProps & react8.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Toast/Toast.d.ts
 type ToastContentProps = {
@@ -3293,7 +3293,7 @@ interface ToastProps {
 }
 declare const Toast: ({
   toast
-}: ToastProps) => react_jsx_runtime9.JSX.Element;
+}: ToastProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Toast/ToastProvider.d.ts
 interface ToastProviderProps extends Omit<RAC.ToastRegionProps<object>, RemovedProps$4> {
@@ -3303,7 +3303,7 @@ type RemovedProps$4 = 'children' | 'className' | 'style' | 'queue';
 type ToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
 declare const ToastProvider: ({
   position
-}: ToastProviderProps) => react_jsx_runtime9.JSX.Element;
+}: ToastProviderProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/Toast/ToastQueue.d.ts
 declare function useToast(): {
@@ -3356,14 +3356,14 @@ declare const _Tooltip: {
     size,
     open,
     ...rest
-  }: TooltipProps): react_jsx_runtime9.JSX.Element;
+  }: TooltipProps): react_jsx_runtime3.JSX.Element;
   Trigger: ({
     delay,
     children,
     disabled,
     open,
     ...rest
-  }: TooltipTriggerProps) => react_jsx_runtime9.JSX.Element;
+  }: TooltipTriggerProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Loader/BaseLoader.d.ts
@@ -3395,7 +3395,7 @@ declare const Loader: ({
   mode,
   variant,
   ...props
-}: LoaderProps) => react_jsx_runtime9.JSX.Element;
+}: LoaderProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ToggleButton/ToggleButtonGroup.d.ts
 type RemovedProps$1 = 'className' | 'style' | 'isDisabled' | 'orientation';
@@ -3413,7 +3413,7 @@ declare const _ToggleButtonGroup: ({
   variant,
   size,
   ...props
-}: ToggleButtonGroupProps) => react_jsx_runtime9.JSX.Element;
+}: ToggleButtonGroupProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/ToggleButton/ToggleButton.d.ts
 type RemovedProps = 'className' | 'style' | 'isSelected' | 'isDisabled';
@@ -3437,14 +3437,14 @@ declare const _ToggleButton: {
     variant,
     size,
     ...props
-  }: ToggleButtonProps): react_jsx_runtime9.JSX.Element;
+  }: ToggleButtonProps): react_jsx_runtime3.JSX.Element;
   Group: ({
     children,
     disabled,
     variant,
     size,
     ...props
-  }: ToggleButtonGroupProps) => react_jsx_runtime9.JSX.Element;
+  }: ToggleButtonGroupProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/Tray/TrayTrigger.d.ts
@@ -3519,22 +3519,22 @@ declare const Tray: {
     keyboardDismissable,
     children,
     ...props
-  }: TrayProps): react_jsx_runtime9.JSX.Element;
+  }: TrayProps): react_jsx_runtime3.JSX.Element;
   Trigger: ({
     open,
     children,
     ...props
-  }: TrayTriggerProps) => react_jsx_runtime9.JSX.Element;
+  }: TrayTriggerProps) => react_jsx_runtime3.JSX.Element;
   Title: ({
     children
-  }: TrayTitleProps) => react_jsx_runtime9.JSX.Element;
+  }: TrayTitleProps) => react_jsx_runtime3.JSX.Element;
   Content: ({
     children,
     className
-  }: TrayContentProps) => react_jsx_runtime9.JSX.Element;
+  }: TrayContentProps) => react_jsx_runtime3.JSX.Element;
   Actions: ({
     children
-  }: TrayActionsProps) => react_jsx_runtime9.JSX.Element;
+  }: TrayActionsProps) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 //#region src/utils/form.utils.d.ts

package/dist/index.mjs

@@ -2985,7 +2985,7 @@ function _objectWithoutProperties$1(e$1, t$1) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 var _excluded$6 = [
 	"defaultInputValue",
 	"defaultMenuIsOpen",
@@ -4591,7 +4591,7 @@ function serializeStyles(args, registered, mergedProps) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.2.3/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
+//#region ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.2.4/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
 var isBrowser$1 = typeof document !== "undefined";
 var syncFallback = function syncFallback$1(create) {
 	return create();
@@ -4601,7 +4601,7 @@ var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : use
 var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.9_react@19.2.3/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment = false;
 var isBrowser = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ React.createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({ key: "css" }) : null);
@@ -4684,7 +4684,7 @@ var require_extends = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.9_react@19.2.3/node_modules/@emotion/react/dist/emotion-react.esm.js
+//#region ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4/node_modules/@emotion/react/dist/emotion-react.esm.js
 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) {
@@ -4830,7 +4830,7 @@ function getFrameElement(win) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
 	const css$3 = getComputedStyle$1(element);
 	let width$1 = parseFloat(css$3.width) || 0;
@@ -5037,11 +5037,11 @@ function autoUpdate(reference, floating, update, options$1) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.2.9_react@19.2.3/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+//#region ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.2.14_react@19.2.4/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var index = typeof document !== "undefined" ? useLayoutEffect : function noop$1() {};
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/index-641ee5b8.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = [
 	"className",
 	"clearValue",
@@ -6021,7 +6021,7 @@ var require_memoize_one_cjs = /* @__PURE__ */ __commonJSMin(((exports, module) =
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/Select-ef7c0426.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/Select-ef7c0426.esm.js
 var import_memoize_one_cjs = /* @__PURE__ */ __toESM(require_memoize_one_cjs());
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
 	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
@@ -8572,7 +8572,7 @@ var require_taggedTemplateLiteral = /* @__PURE__ */ __commonJSMin(((exports, mod
 }));
 
 //#endregion
-//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-select/dist/react-select.esm.js
+//#region ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-select/dist/react-select.esm.js
 var import_objectSpread2 = require_objectSpread2();
 var import_slicedToArray = require_slicedToArray();
 var import_objectWithoutProperties = require_objectWithoutProperties();
@@ -10174,14 +10174,17 @@ const _TagField = forwardRef(function TagField$1({ disabled, required, items, va
 		...props,
 		children: [/* @__PURE__ */ jsxs(Group, {
 			ref: triggerRef,
-			className: cn("w-(--field-width) max-w-full min-w-0", classNames$2.trigger),
-			children: [/* @__PURE__ */ jsx(TagDisplay, {
-				placeholder,
-				classNames: classNames$2,
-				disabled
-			}), /* @__PURE__ */ jsx(IconButton, {
-				className: classNames$2.button,
-				children: /* @__PURE__ */ jsx(ChevronsVertical, {})
+			className: cn("grid w-(--field-width) max-w-full min-w-0", classNames$2.trigger),
+			children: [/* @__PURE__ */ jsx(Button, { className: "col-start-1 row-start-1 h-full w-full cursor-pointer opacity-0" }), /* @__PURE__ */ jsxs("div", {
+				className: "pointer-events-none col-start-1 row-start-1 flex flex-1 items-center justify-between gap-1 **:[[role=row]]:pointer-events-auto",
+				children: [/* @__PURE__ */ jsx(TagDisplay, {
+					placeholder,
+					classNames: classNames$2,
+					disabled
+				}), /* @__PURE__ */ jsx(ChevronsVertical, {
+					className: "size-4 shrink-0",
+					"aria-hidden": "true"
+				})]
 			})]
 		}), isSmallScreen ? /* @__PURE__ */ jsxs(Tray, { children: [
 			/* @__PURE__ */ jsx(Tray.Title, { children: rest.label }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "17.0.1",
+  "version": "17.1.0",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -66,10 +66,10 @@
     "@react-stately/tree": "^3.9.5",
     "@react-types/shared": "^3.33.0",
     "@react-types/table": "^3.13.5",
-    "motion": "12.23.26",
+    "motion": "12.34.0",
     "react-aria-components": "^1.15.0",
     "react-stately": "^3.44.0",
-    "@marigold/system": "17.0.1",
+    "@marigold/system": "17.1.0",
     "@marigold/types": "1.4.0"
   },
   "peerDependencies": {
@@ -77,12 +77,12 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@types/react": "19.2.7",
-    "lucide-react": "0.555.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
+    "@types/react": "19.2.14",
+    "lucide-react": "0.564.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "tsdown": "0.16.8",
-    "@marigold/icons": "1.3.32",
+    "@marigold/icons": "1.3.33",
     "@marigold/tsconfig": "0.4.2"
   },
   "scripts": {