@marigold/components 14.0.0 → 14.1.1

package/dist/index.mjs

@@ -392,9 +392,9 @@ var require_hoist_non_react_statics_cjs = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
     "use strict";
     function _extends2() {
       return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
@@ -409,9 +409,9 @@ var require_extends = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/typeof.js
 var require_typeof = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
     "use strict";
     function _typeof2(o) {
       "@babel/helpers - typeof";
@@ -425,9 +425,9 @@ var require_typeof = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPrimitive.js
 var require_toPrimitive = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     function toPrimitive2(t, r) {
@@ -444,9 +444,9 @@ var require_toPrimitive = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPropertyKey.js
 var require_toPropertyKey = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var toPrimitive2 = require_toPrimitive();
@@ -458,9 +458,9 @@ var require_toPropertyKey = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/defineProperty.js
 var require_defineProperty = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperty2(e, r, t) {
@@ -475,9 +475,9 @@ var require_defineProperty = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectSpread2.js
 var require_objectSpread2 = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports, module) {
     "use strict";
     var defineProperty = require_defineProperty();
     function ownKeys2(e, r) {
@@ -505,9 +505,9 @@ var require_objectSpread2 = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithHoles.js
 var require_arrayWithHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports, module) {
     "use strict";
     function _arrayWithHoles2(r) {
       if (Array.isArray(r)) return r;
@@ -516,9 +516,9 @@ var require_arrayWithHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
 var require_iterableToArrayLimit = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports, module) {
     "use strict";
     function _iterableToArrayLimit2(r, l) {
       var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -545,9 +545,9 @@ var require_iterableToArrayLimit = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
 var require_arrayLikeToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
     "use strict";
     function _arrayLikeToArray2(r, a) {
       (null == a || a > r.length) && (a = r.length);
@@ -558,9 +558,9 @@ var require_arrayLikeToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
 var require_unsupportedIterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _unsupportedIterableToArray2(r, a) {
@@ -574,9 +574,9 @@ var require_unsupportedIterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableRest.js
 var require_nonIterableRest = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports, module) {
     "use strict";
     function _nonIterableRest2() {
       throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -585,9 +585,9 @@ var require_nonIterableRest = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/slicedToArray.js
 var require_slicedToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports, module) {
     "use strict";
     var arrayWithHoles = require_arrayWithHoles();
     var iterableToArrayLimit = require_iterableToArrayLimit();
@@ -600,9 +600,9 @@ var require_slicedToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
 var require_objectWithoutPropertiesLoose = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     "use strict";
     function _objectWithoutPropertiesLoose2(r, e) {
       if (null == r) return {};
@@ -617,9 +617,9 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
 var require_objectWithoutProperties = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
     "use strict";
     var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
     function _objectWithoutProperties2(e, t) {
@@ -635,9 +635,9 @@ var require_objectWithoutProperties = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/classCallCheck.js
 var require_classCallCheck = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports, module) {
     "use strict";
     function _classCallCheck2(a, n) {
       if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
@@ -646,9 +646,9 @@ var require_classCallCheck = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createClass.js
 var require_createClass = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createClass.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperties2(e, r) {
@@ -666,9 +666,9 @@ var require_createClass = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/setPrototypeOf.js
 var require_setPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports, module) {
     "use strict";
     function _setPrototypeOf2(t, e) {
       return module.exports = _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
@@ -679,9 +679,9 @@ var require_setPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/inherits.js
 var require_inherits = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/inherits.js"(exports, module) {
     "use strict";
     var setPrototypeOf = require_setPrototypeOf();
     function _inherits2(t, e) {
@@ -700,9 +700,9 @@ var require_inherits = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/getPrototypeOf.js
 var require_getPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports, module) {
     "use strict";
     function _getPrototypeOf2(t) {
       return module.exports = _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
@@ -713,9 +713,9 @@ var require_getPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
 var require_isNativeReflectConstruct = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports, module) {
     "use strict";
     function _isNativeReflectConstruct2() {
       try {
@@ -731,9 +731,9 @@ var require_isNativeReflectConstruct = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/assertThisInitialized.js
 var require_assertThisInitialized = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports, module) {
     "use strict";
     function _assertThisInitialized2(e) {
       if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -743,9 +743,9 @@ var require_assertThisInitialized = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
 var require_possibleConstructorReturn = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var assertThisInitialized = require_assertThisInitialized();
@@ -758,9 +758,9 @@ var require_possibleConstructorReturn = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createSuper.js
 var require_createSuper = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/createSuper.js"(exports, module) {
     "use strict";
     var getPrototypeOf = require_getPrototypeOf();
     var isNativeReflectConstruct = require_isNativeReflectConstruct();
@@ -780,9 +780,9 @@ var require_createSuper = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
 var require_arrayWithoutHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _arrayWithoutHoles2(r) {
@@ -792,9 +792,9 @@ var require_arrayWithoutHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArray.js
 var require_iterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
     "use strict";
     function _iterableToArray2(r) {
       if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -803,9 +803,9 @@ var require_iterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableSpread.js
 var require_nonIterableSpread = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
     "use strict";
     function _nonIterableSpread2() {
       throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -814,9 +814,9 @@ var require_nonIterableSpread = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toConsumableArray.js
 var require_toConsumableArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
     "use strict";
     var arrayWithoutHoles = require_arrayWithoutHoles();
     var iterableToArray = require_iterableToArray();
@@ -829,9 +829,9 @@ var require_toConsumableArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
 var require_taggedTemplateLiteral = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports, module) {
     "use strict";
     function _taggedTemplateLiteral2(e, t) {
       return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
@@ -1120,14 +1120,13 @@ var _FieldBase = (props, ref) => {
         "flex flex-col",
         twWidth[width],
         classNames3,
-        className,
-        !label && `gap-x-0`
+        className
       ),
       "data-required": props.isRequired ? true : void 0,
       "data-error": props.isInvalid ? true : void 0,
       ...rest,
       children: [
-        label ? /* @__PURE__ */ jsx10(_Label, { variant, size: size2, children: label }) : /* @__PURE__ */ jsx10("span", { "aria-hidden": "true" }),
+        label ? /* @__PURE__ */ jsx10(_Label, { variant, size: size2, children: label }) : null,
         children,
         /* @__PURE__ */ jsx10(
           HelpText,
@@ -1360,43 +1359,12 @@ _ListBox.Section = _Section;
 // src/Overlay/Popover.tsx
 import { forwardRef as forwardRef6 } from "react";
 import { Popover } from "react-aria-components";
-import { UNSAFE_PortalProvider as UNSAFE_PortalProvider2 } from "@react-aria/overlays";
 import { cn as cn12, useClassNames as useClassNames8, useSmallScreen } from "@marigold/system";
 
-// src/Provider/OverlayContainerProvider.tsx
-import { createContext as createContext3, useContext as useContext5 } from "react";
-import { useIsSSR } from "@react-aria/ssr";
-var OverlayContainerContext = createContext3(void 0);
-var OverlayContainerProvider = OverlayContainerContext.Provider;
-var usePortalContainer = () => {
-  const portalContainer = useContext5(OverlayContainerContext);
-  const isSSR = useIsSSR();
-  const portal = isSSR ? void 0 : portalContainer ? document.getElementById(portalContainer) || void 0 : document.body;
-  return portal;
-};
-
 // src/Overlay/Underlay.tsx
 import { ModalOverlay } from "react-aria-components";
-import { UNSAFE_PortalProvider } from "@react-aria/overlays";
 import { cn as cn11, useClassNames as useClassNames7 } from "@marigold/system";
-
-// src/Provider/index.ts
-import { useTheme, ThemeProvider as ThemeProvider2 } from "@marigold/system";
-import { I18nProvider } from "@react-aria/i18n";
-
-// src/Provider/MarigoldProvider.tsx
-import { ThemeProvider } from "@marigold/system";
 import { jsx as jsx16 } from "react/jsx-runtime";
-function MarigoldProvider({
-  children,
-  className,
-  theme
-}) {
-  return /* @__PURE__ */ jsx16(ThemeProvider, { theme, className, children });
-}
-
-// src/Overlay/Underlay.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
 var Underlay = ({
   size: size2,
   variant,
@@ -1412,8 +1380,7 @@ var Underlay = ({
     isKeyboardDismissDisabled: keyboardDismissable,
     ...rest
   };
-  const portal = usePortalContainer();
-  return /* @__PURE__ */ jsx17(UNSAFE_PortalProvider, { getContainer: () => portal, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     ModalOverlay,
     {
       className: ({ isEntering, isExiting }) => cn11(
@@ -1426,13 +1393,13 @@ var Underlay = ({
       "data-testid": "underlay-id",
       children: props.children
     }
-  ) });
+  );
 };
 
 // src/Overlay/Popover.tsx
-import { Fragment, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var _Popover = forwardRef6(
-  ({ keyboardDismissDisabled, placement, open, children, container, ...rest }, ref) => {
+  ({ keyboardDismissDisabled, placement, open, children, ...rest }, ref) => {
     const props = {
       isKeyboardDismissDisabled: keyboardDismissDisabled,
       isOpen: open,
@@ -1446,49 +1413,36 @@ var _Popover = forwardRef6(
       className: "min-w-(--trigger-width)"
     });
     const isSmallScreen = useSmallScreen();
-    const portal = usePortalContainer();
-    return /* @__PURE__ */ jsx18(Fragment, { children: isSmallScreen ? /* @__PURE__ */ jsx18(
-      UNSAFE_PortalProvider2,
+    return /* @__PURE__ */ jsx17(Fragment, { children: isSmallScreen ? /* @__PURE__ */ jsxs9(
+      Popover,
       {
-        getContainer: () => portal instanceof HTMLElement ? portal : null,
-        children: /* @__PURE__ */ jsxs9(
-          Popover,
-          {
-            ref,
-            ...props,
-            className: cn12(
-              "fixed! top-auto! bottom-0! left-0! max-h-fit! w-full",
-              classNames3
-            ),
-            children: [
-              children,
-              /* @__PURE__ */ jsx18(Underlay, { open })
-            ]
-          }
-        )
+        ref,
+        ...props,
+        className: cn12(
+          "fixed! top-auto! bottom-0! left-0! max-h-fit! w-full",
+          classNames3
+        ),
+        children: [
+          children,
+          /* @__PURE__ */ jsx17(Underlay, { open })
+        ]
       }
-    ) : /* @__PURE__ */ jsx18(
-      UNSAFE_PortalProvider2,
+    ) : /* @__PURE__ */ jsx17(
+      Popover,
       {
-        getContainer: () => portal instanceof HTMLElement ? portal : null,
-        children: /* @__PURE__ */ jsx18(
-          Popover,
-          {
-            ref,
-            ...props,
-            className: classNames3,
-            placement,
-            offset: 0,
-            children
-          }
-        )
+        ref,
+        ...props,
+        className: classNames3,
+        placement,
+        offset: 0,
+        children
       }
     ) });
   }
 );
 
 // src/Autocomplete/Autocomplete.tsx
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var AutocompleteInput = ({
   onSubmit,
   onClear,
@@ -1496,7 +1450,7 @@ var AutocompleteInput = ({
 }) => {
   const state = React.useContext(ComboBoxStateContext);
   const classNames3 = useClassNames9({ component: "ComboBox" });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     SearchInput,
     {
       ref,
@@ -1551,8 +1505,8 @@ var _Autocomplete = forwardRef7(
       ...rest
     };
     return /* @__PURE__ */ jsxs10(FieldBase, { as: ComboBox, ref, ...props, children: [
-      /* @__PURE__ */ jsx19(AutocompleteInput, { onSubmit, onClear, ref }),
-      /* @__PURE__ */ jsx19(_Popover, { children: /* @__PURE__ */ jsx19(_ListBox, { children }) })
+      /* @__PURE__ */ jsx18(AutocompleteInput, { onSubmit, onClear, ref }),
+      /* @__PURE__ */ jsx18(_Popover, { children: /* @__PURE__ */ jsx18(_ListBox, { children }) })
     ] });
   }
 );
@@ -1567,7 +1521,7 @@ import { useClassNames as useClassNames11 } from "@marigold/system";
 // src/IconButton/IconButton.tsx
 import { Button as Button3 } from "react-aria-components";
 import { cn as cn14, useClassNames as useClassNames10 } from "@marigold/system";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var IconButton = ({
   className,
   children,
@@ -1580,7 +1534,7 @@ var IconButton = ({
     variant,
     size: size2
   });
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     Button3,
     {
       className: cn14("shrink-0 cursor-pointer outline-0", classNames3, className),
@@ -1593,33 +1547,33 @@ var IconButton = ({
 // src/icons/ChevronRight.tsx
 import { forwardRef as forwardRef8 } from "react";
 import { SVG as SVG3 } from "@marigold/system";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var ChevronRight = forwardRef8(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SVG3, { className, ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx21("path", { d: "M7.125 18.0244L13.1363 12L7.125 5.97563L8.97563 4.125L16.8506 12L8.97563 19.875L7.125 18.0244Z" }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(SVG3, { className, ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx20("path", { d: "M7.125 18.0244L13.1363 12L7.125 5.97563L8.97563 4.125L16.8506 12L8.97563 19.875L7.125 18.0244Z" }) })
 );
 
 // src/icons/ChevronLeft.tsx
 import { forwardRef as forwardRef9 } from "react";
 import { SVG as SVG4 } from "@marigold/system";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var ChevronLeft = forwardRef9(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22(SVG4, { className, ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx22("path", { d: "M16.8506 18.0244L10.8394 12L16.8506 5.97563L15 4.125L7.125 12L15 19.875L16.8506 18.0244Z" }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx21(SVG4, { className, ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx21("path", { d: "M16.8506 18.0244L10.8394 12L16.8506 5.97563L15 4.125L7.125 12L15 19.875L16.8506 18.0244Z" }) })
 );
 
 // src/icons/SortDown.tsx
 import { forwardRef as forwardRef10 } from "react";
 import { SVG as SVG5 } from "@marigold/system";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var SortDown = forwardRef10((props, ref) => /* @__PURE__ */ jsx23(SVG5, { ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx23("path", { d: "M17.3962 10.0496L12.5042 14.9416C12.3731 15.0727 12.1984 15.1492 12.0128 15.1492C11.8272 15.1492 11.6524 15.0727 11.5214 14.9416L6.62934 10.0496C6.49827 9.91854 6.42188 9.7439 6.42188 9.55816C6.42188 9.17606 6.73856 8.85938 7.12078 8.85938H16.9048C17.287 8.85938 17.6037 9.17606 17.6037 9.55816C17.6037 9.7439 17.5273 9.91854 17.3962 10.0496Z" }) }));
+import { jsx as jsx22 } from "react/jsx-runtime";
+var SortDown = forwardRef10((props, ref) => /* @__PURE__ */ jsx22(SVG5, { ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx22("path", { d: "M17.3962 10.0496L12.5042 14.9416C12.3731 15.0727 12.1984 15.1492 12.0128 15.1492C11.8272 15.1492 11.6524 15.0727 11.5214 14.9416L6.62934 10.0496C6.49827 9.91854 6.42188 9.7439 6.42188 9.55816C6.42188 9.17606 6.73856 8.85938 7.12078 8.85938H16.9048C17.287 8.85938 17.6037 9.17606 17.6037 9.55816C17.6037 9.7439 17.5273 9.91854 17.3962 10.0496Z" }) }));
 
 // src/icons/SortUp.tsx
 import { forwardRef as forwardRef11 } from "react";
 import { SVG as SVG6 } from "@marigold/system";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var SortUp = forwardRef11((props, ref) => /* @__PURE__ */ jsx24(SVG6, { ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx24("path", { d: "M16.9048 15.1491H7.12078C6.73856 15.1491 6.42188 14.8324 6.42188 14.4503C6.42188 14.2645 6.49827 14.0899 6.62934 13.9588L11.5214 9.06684C11.6524 8.93577 11.8272 8.85938 12.0128 8.85938C12.1984 8.85938 12.3731 8.93577 12.5042 9.06684L17.3962 13.9588C17.5273 14.0899 17.6037 14.2645 17.6037 14.4503C17.6037 14.8324 17.287 15.1491 16.9048 15.1491Z" }) }));
+import { jsx as jsx23 } from "react/jsx-runtime";
+var SortUp = forwardRef11((props, ref) => /* @__PURE__ */ jsx23(SVG6, { ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx23("path", { d: "M16.9048 15.1491H7.12078C6.73856 15.1491 6.42188 14.8324 6.42188 14.4503C6.42188 14.2645 6.49827 14.0899 6.62934 13.9588L11.5214 9.06684C11.6524 8.93577 11.8272 8.85938 12.0128 8.85938C12.1984 8.85938 12.3731 8.93577 12.5042 9.06684L17.3962 13.9588C17.5273 14.0899 17.6037 14.2645 17.6037 14.4503C17.6037 14.8324 17.287 15.1491 16.9048 15.1491Z" }) }));
 
 // src/ComboBox/ComboBox.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var _ComboBox = forwardRef12(
   ({
     variant,
@@ -1646,13 +1600,13 @@ var _ComboBox = forwardRef12(
     };
     const classNames3 = useClassNames11({ component: "ComboBox", variant, size: size2 });
     return /* @__PURE__ */ jsxs11(FieldBase, { as: ComboBox2, ref, ...props, children: [
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx24(
         _Input,
         {
-          action: /* @__PURE__ */ jsx25(IconButton, { className: classNames3, children: /* @__PURE__ */ jsx25(ChevronDown, { className: "size-4" }) })
+          action: /* @__PURE__ */ jsx24(IconButton, { className: classNames3, children: /* @__PURE__ */ jsx24(ChevronDown, { className: "size-4" }) })
         }
       ),
-      /* @__PURE__ */ jsx25(_Popover, { children: /* @__PURE__ */ jsx25(_ListBox, { children }) })
+      /* @__PURE__ */ jsx24(_Popover, { children: /* @__PURE__ */ jsx24(_ListBox, { children }) })
     ] });
   }
 );
@@ -1661,24 +1615,24 @@ _ComboBox.Section = _ListBox.Section;
 
 // src/Badge/Badge.tsx
 import { useClassNames as useClassNames12 } from "@marigold/system";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Badge = ({ variant, size: size2, children, ...props }) => {
   const classNames3 = useClassNames12({ component: "Badge", variant, size: size2 });
-  return /* @__PURE__ */ jsx26("div", { className: classNames3, ...props, children });
+  return /* @__PURE__ */ jsx25("div", { className: classNames3, ...props, children });
 };
 
 // src/Breakout/Breakout.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Breakout = ({ children }) => {
-  return /* @__PURE__ */ jsx27("div", { className: "![grid-column:1/-1]", children });
+  return /* @__PURE__ */ jsx26("div", { className: "![grid-column:1/-1]", children });
 };
 
 // src/Body/Body.tsx
 import { useClassNames as useClassNames13 } from "@marigold/system";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Body = ({ children, variant, size: size2, ...props }) => {
   const classNames3 = useClassNames13({ component: "Body", variant, size: size2 });
-  return /* @__PURE__ */ jsx28("section", { ...props, className: classNames3, children });
+  return /* @__PURE__ */ jsx27("section", { ...props, className: classNames3, children });
 };
 
 // src/Button/Button.tsx
@@ -1689,7 +1643,7 @@ import { cn as cn16, useClassNames as useClassNames15 } from "@marigold/system";
 // src/ProgressCycle/ProgressCycle.tsx
 import { ProgressBar } from "react-aria-components";
 import { SVG as SVG7, cn as cn15, useClassNames as useClassNames14 } from "@marigold/system";
-import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
 var ProgressCycle = ({
   size: size2 = "16",
   ...props
@@ -1702,7 +1656,7 @@ var ProgressCycle = ({
   }
   const radius = `calc(50% - ${strokeWidth / 2}px)`;
   const classNames3 = useClassNames14({ component: "ProgressCycle" });
-  return /* @__PURE__ */ jsx29(ProgressBar, { ...props, "aria-label": "loading", isIndeterminate: true, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx28(ProgressBar, { ...props, "aria-label": "loading", isIndeterminate: true, children: /* @__PURE__ */ jsxs12(
     SVG7,
     {
       className: "animate-rotate-spinner origin-center fill-none",
@@ -1710,7 +1664,7 @@ var ProgressCycle = ({
       "aria-hidden": "true",
       role: "img",
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "circle",
           {
             cx: "50%",
@@ -1720,7 +1674,7 @@ var ProgressCycle = ({
             className: "stroke-transparent"
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "circle",
           {
             cx: "50%",
@@ -1743,7 +1697,7 @@ var ProgressCycle = ({
 };
 
 // src/Button/Button.tsx
-import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 var _Button = forwardRef13(
   ({ children, variant, size: size2, disabled, loading, fullWidth, ...props }, ref) => {
     const classNames3 = useClassNames15({
@@ -1751,7 +1705,7 @@ var _Button = forwardRef13(
       variant,
       size: size2
     });
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx29(
       Button4,
       {
         ...props,
@@ -1765,8 +1719,8 @@ var _Button = forwardRef13(
         isPending: loading,
         isDisabled: disabled,
         children: loading ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx30("span", { className: "absolute", children: /* @__PURE__ */ jsx30(ProgressCycle, {}) }),
-          /* @__PURE__ */ jsx30("span", { className: "invisible flex gap-[inherit]", children })
+          /* @__PURE__ */ jsx29("span", { className: "absolute", children: /* @__PURE__ */ jsx29(ProgressCycle, {}) }),
+          /* @__PURE__ */ jsx29("span", { className: "invisible flex gap-[inherit]", children })
         ] }) : children
       }
     );
@@ -1786,7 +1740,7 @@ import {
   paddingTop,
   useClassNames as useClassNames16
 } from "@marigold/system";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var Card = ({
   children,
   variant,
@@ -1802,7 +1756,7 @@ var Card = ({
   ...props
 }) => {
   const classNames3 = useClassNames16({ component: "Card", variant, size: size2 });
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       ...props,
@@ -1825,14 +1779,14 @@ var Card = ({
 
 // src/Center/Center.tsx
 import { cn as cn18, createVar as createVar3, gapSpace as gapSpace3 } from "@marigold/system";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Center = ({
   maxWidth = "100%",
   space = 0,
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       ...props,
@@ -1857,12 +1811,12 @@ import { CheckboxGroup } from "react-aria-components";
 import { cn as cn19, useClassNames as useClassNames17 } from "@marigold/system";
 
 // src/Checkbox/Context.tsx
-import { createContext as createContext4, useContext as useContext6 } from "react";
-var CheckboxGroupContext = createContext4(null);
-var useCheckboxGroupContext = () => useContext6(CheckboxGroupContext);
+import { createContext as createContext3, useContext as useContext5 } from "react";
+var CheckboxGroupContext = createContext3(null);
+var useCheckboxGroupContext = () => useContext5(CheckboxGroupContext);
 
 // src/Checkbox/CheckboxGroup.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var _CheckboxGroup = ({
   children,
   variant,
@@ -1889,7 +1843,7 @@ var _CheckboxGroup = ({
     isInvalid: error,
     ...rest
   };
-  return /* @__PURE__ */ jsx33(FieldBase, { as: CheckboxGroup, width, ...props, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(FieldBase, { as: CheckboxGroup, width, ...props, children: /* @__PURE__ */ jsx32(
     "div",
     {
       role: "presentation",
@@ -1900,14 +1854,14 @@ var _CheckboxGroup = ({
         "group/checkboxgroup flex items-start",
         orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
       ),
-      children: /* @__PURE__ */ jsx33(CheckboxGroupContext.Provider, { value: { width, variant, size: size2 }, children })
+      children: /* @__PURE__ */ jsx32(CheckboxGroupContext.Provider, { value: { width, variant, size: size2 }, children })
     }
   ) });
 };
 
 // src/Checkbox/Checkbox.tsx
-import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
-var CheckMark2 = () => /* @__PURE__ */ jsx34("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx34(
+import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+var CheckMark2 = () => /* @__PURE__ */ jsx33("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx33(
   "path",
   {
     fill: "currentColor",
@@ -1915,7 +1869,7 @@ var CheckMark2 = () => /* @__PURE__ */ jsx34("svg", { width: "12px", height: "10
     d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
   }
 ) });
-var IndeterminateMark = () => /* @__PURE__ */ jsx34("svg", { width: "12px", height: "3px", viewBox: "0 0 12 3", children: /* @__PURE__ */ jsx34(
+var IndeterminateMark = () => /* @__PURE__ */ jsx33("svg", { width: "12px", height: "3px", viewBox: "0 0 12 3", children: /* @__PURE__ */ jsx33(
   "path",
   {
     fill: "currentColor",
@@ -1924,7 +1878,7 @@ var IndeterminateMark = () => /* @__PURE__ */ jsx34("svg", { width: "12px", heig
   }
 ) });
 var Icon2 = ({ className, checked, indeterminate, ...props }) => {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "aria-hidden": "true",
@@ -1936,7 +1890,7 @@ var Icon2 = ({ className, checked, indeterminate, ...props }) => {
         className
       ),
       ...props,
-      children: indeterminate ? /* @__PURE__ */ jsx34(IndeterminateMark, {}) : checked ? /* @__PURE__ */ jsx34(CheckMark2, {}) : null
+      children: indeterminate ? /* @__PURE__ */ jsx33(IndeterminateMark, {}) : checked ? /* @__PURE__ */ jsx33(CheckMark2, {}) : null
     }
   );
 };
@@ -1970,7 +1924,7 @@ var _Checkbox = forwardRef14(
       variant: variant || (group == null ? void 0 : group.variant),
       size: size2 || (group == null ? void 0 : group.size)
     });
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx33(
       Checkbox,
       {
         ref,
@@ -1981,7 +1935,7 @@ var _Checkbox = forwardRef14(
         ),
         ...props,
         children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs14(Fragment3, { children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             Icon2,
             {
               checked: isSelected,
@@ -1989,7 +1943,7 @@ var _Checkbox = forwardRef14(
               className: classNames3.checkbox
             }
           ),
-          label && /* @__PURE__ */ jsx34("div", { className: classNames3.label, children: label })
+          label && /* @__PURE__ */ jsx33("div", { className: classNames3.label, children: label })
         ] })
       }
     );
@@ -2000,7 +1954,7 @@ _Checkbox.Group = _CheckboxGroup;
 // src/Columns/Columns.tsx
 import { Children as Children2 } from "react";
 import { cn as cn21, createVar as createVar4, gapSpace as gapSpace4 } from "@marigold/system";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Columns = ({
   space = 0,
   columns,
@@ -2016,7 +1970,7 @@ var Columns = ({
       )}`
     );
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: cn21(
@@ -2025,7 +1979,7 @@ var Columns = ({
         gapSpace4[space]
       ),
       ...props,
-      children: Children2.map(children, (child, idx) => /* @__PURE__ */ jsx35(
+      children: Children2.map(children, (child, idx) => /* @__PURE__ */ jsx34(
         "div",
         {
           className: cn21(
@@ -2045,7 +1999,7 @@ var Columns = ({
 
 // src/Container/Container.tsx
 import { cn as cn22, createVar as createVar5, gapSpace as gapSpace5, placeItems } from "@marigold/system";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var containerTextLength = {
   short: "40ch",
   default: "60ch",
@@ -2073,7 +2027,7 @@ var Container = ({
   space = 0,
   children,
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx35(
   "div",
   {
     ...props,
@@ -2106,7 +2060,7 @@ import { useClassNames as useClassNames21 } from "@marigold/system";
 
 // src/ContextualHelp/ContextualHelpContent.tsx
 import { useClassNames as useClassNames19 } from "@marigold/system";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var ContextualHelpContent = ({
   children,
   variant,
@@ -2117,13 +2071,13 @@ var ContextualHelpContent = ({
     variant,
     size: size2
   });
-  return /* @__PURE__ */ jsx37("div", { className: classNames3.content, children });
+  return /* @__PURE__ */ jsx36("div", { className: classNames3.content, children });
 };
 
 // src/ContextualHelp/ContextualHelpTitle.tsx
 import { Heading as Heading2 } from "react-aria-components";
 import { useClassNames as useClassNames20 } from "@marigold/system";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var ContextualHelpTitle = ({
   children,
   variant,
@@ -2134,11 +2088,11 @@ var ContextualHelpTitle = ({
     variant,
     size: size2
   });
-  return /* @__PURE__ */ jsx38(Heading2, { className: classNames3.title, children });
+  return /* @__PURE__ */ jsx37(Heading2, { className: classNames3.title, children });
 };
 
 // src/ContextualHelp/ContextualHelp.tsx
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
 var icons = {
   help: () => /* @__PURE__ */ jsxs15(
     "svg",
@@ -2152,11 +2106,11 @@ var icons = {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "lucide lucide-circle-help-icon lucide-circle-help h-5",
+      className: "size-5",
       children: [
-        /* @__PURE__ */ jsx39("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx39("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ jsx39("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ jsx38("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx38("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsx38("path", { d: "M12 17h.01" })
       ]
     }
   ),
@@ -2172,16 +2126,16 @@ var icons = {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "lucide lucide-info-icon lucide-info h-5",
+      className: "size-5",
       children: [
-        /* @__PURE__ */ jsx39("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx39("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ jsx39("path", { d: "M12 8h.01" })
+        /* @__PURE__ */ jsx38("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx38("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx38("path", { d: "M12 8h.01" })
       ]
     }
   )
 };
-var DialogTrigger = ({ open, ...rest }) => /* @__PURE__ */ jsx39(RACDialogTrigger, { isOpen: open, ...rest });
+var DialogTrigger = ({ open, ...rest }) => /* @__PURE__ */ jsx38(RACDialogTrigger, { isOpen: open, ...rest });
 var _ContextualHelp = forwardRef15(
   ({
     children,
@@ -2208,7 +2162,7 @@ var _ContextualHelp = forwardRef15(
         open,
         onOpenChange,
         children: [
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx38(
             Button5,
             {
               ref,
@@ -2217,7 +2171,7 @@ var _ContextualHelp = forwardRef15(
               children: icon
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx38(
             Popover2,
             {
               placement,
@@ -2226,7 +2180,7 @@ var _ContextualHelp = forwardRef15(
               ...{
                 [`data-${width != null ? width : "medium"}`]: true
               },
-              children: /* @__PURE__ */ jsx39(Dialog, { className: (classNames3.dialog, "prose"), children })
+              children: /* @__PURE__ */ jsx38(Dialog, { className: (classNames3.dialog, "prose"), children })
             }
           )
         ]
@@ -2240,7 +2194,7 @@ _ContextualHelp.Content = ContextualHelpContent;
 // src/Dialog/Dialog.tsx
 import {
   forwardRef as forwardRef19,
-  useContext as useContext8
+  useContext as useContext7
 } from "react";
 import { Dialog as Dialog2, OverlayTriggerStateContext as OverlayTriggerStateContext2 } from "react-aria-components";
 import { cn as cn26, useClassNames as useClassNames27 } from "@marigold/system";
@@ -2249,7 +2203,7 @@ import { cn as cn26, useClassNames as useClassNames27 } from "@marigold/system";
 import { forwardRef as forwardRef16 } from "react";
 import { Button as Button6 } from "react-aria-components";
 import { useClassNames as useClassNames22 } from "@marigold/system";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var CloseButton = forwardRef16(
   ({ className, size: size2, variant, ...props }, ref) => {
     const classNames3 = useClassNames22({
@@ -2258,7 +2212,7 @@ var CloseButton = forwardRef16(
       size: size2,
       variant
     });
-    return /* @__PURE__ */ jsx40(Button6, { ref, className: classNames3, ...props, children: /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx40("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
+    return /* @__PURE__ */ jsx39(Button6, { ref, className: classNames3, ...props, children: /* @__PURE__ */ jsx39("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx39("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
   }
 );
 
@@ -2266,7 +2220,7 @@ var CloseButton = forwardRef16(
 import { forwardRef as forwardRef17 } from "react";
 import { Modal } from "react-aria-components";
 import { useClassNames as useClassNames23 } from "@marigold/system";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var _Modal = forwardRef17(({ size: size2, open, dismissable, keyboardDismissable, ...rest }, ref) => {
   const props = {
     isOpen: open,
@@ -2275,19 +2229,19 @@ var _Modal = forwardRef17(({ size: size2, open, dismissable, keyboardDismissable
     ...rest
   };
   const className = useClassNames23({ component: "Modal", size: size2 });
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     Underlay,
     {
       dismissable,
       keyboardDismissable,
       open,
-      children: /* @__PURE__ */ jsx41(Modal, { ...props, className, ref, children: props.children })
+      children: /* @__PURE__ */ jsx40(Modal, { ...props, className, ref, children: props.children })
     }
   );
 });
 
 // src/Overlay/NonModal.tsx
-import { forwardRef as forwardRef18, useContext as useContext7 } from "react";
+import { forwardRef as forwardRef18, useContext as useContext6 } from "react";
 import {
   OverlayTriggerStateContext,
   Provider
@@ -2297,7 +2251,7 @@ import {
 } from "react-stately";
 import { FocusScope } from "@react-aria/focus";
 import { DismissButton, Overlay } from "@react-aria/overlays";
-import { useIsSSR as useIsSSR2 } from "@react-aria/ssr";
+import { useIsSSR } from "@react-aria/ssr";
 import {
   filterDOMProps,
   mergeProps,
@@ -2376,11 +2330,10 @@ var useNonModal = ({ nonModalRef, keyboardDismissable = true }, state) => {
 };
 
 // src/Overlay/NonModal.tsx
-import { jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
 var NonModalInner = ({ state, isExiting, ...props }) => {
   const { nonModalProps } = useNonModal(props, state);
   const ref = props.nonModalRef;
-  const portalContainer = usePortalContainer();
   const isEntering = useEnterAnimation(ref) || props.isEntering || false;
   const renderProps = useRenderProps({
     ...props,
@@ -2411,19 +2364,11 @@ var NonModalInner = ({ state, isExiting, ...props }) => {
       "data-exiting": isExiting || void 0,
       children: [
         renderProps.children,
-        /* @__PURE__ */ jsx42(DismissButton, { onDismiss: state.close })
+        /* @__PURE__ */ jsx41(DismissButton, { onDismiss: state.close })
       ]
     }
   );
-  return /* @__PURE__ */ jsx42(
-    Overlay,
-    {
-      isExiting,
-      portalContainer,
-      disableFocusManagement: true,
-      children: /* @__PURE__ */ jsx42(FocusScope, { restoreFocus: true, children: /* @__PURE__ */ jsx42(Provider, { values: [[OverlayTriggerStateContext, state]], children: overlay }) })
-    }
-  );
+  return /* @__PURE__ */ jsx41(Overlay, { isExiting, disableFocusManagement: true, children: /* @__PURE__ */ jsx41(FocusScope, { restoreFocus: true, children: /* @__PURE__ */ jsx41(Provider, { values: [[OverlayTriggerStateContext, state]], children: overlay }) }) });
 };
 var NonModal = forwardRef18(
   ({ open, ...rest }, ref) => {
@@ -2432,15 +2377,15 @@ var NonModal = forwardRef18(
       ...rest
     };
     ref = useObjectRef(ref);
-    const contextState = useContext7(OverlayTriggerStateContext);
+    const contextState = useContext6(OverlayTriggerStateContext);
     const localState = useOverlayTriggerState(props);
     const state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
     const isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;
-    const isSSR = useIsSSR2();
+    const isSSR = useIsSSR();
     if (state && !state.isOpen && !isExiting || isSSR) {
       return null;
     }
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx41(
       NonModalInner,
       {
         ...props,
@@ -2454,43 +2399,43 @@ var NonModal = forwardRef18(
 
 // src/Dialog/DialogActions.tsx
 import { cn as cn23, useClassNames as useClassNames24 } from "@marigold/system";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var DialogActions = ({ variant, size: size2, children }) => {
   const classNames3 = useClassNames24({ component: "Dialog", variant, size: size2 });
-  return /* @__PURE__ */ jsx43("div", { className: cn23("[grid-area:actions]", classNames3.actions), children });
+  return /* @__PURE__ */ jsx42("div", { className: cn23("[grid-area:actions]", classNames3.actions), children });
 };
 
 // src/Dialog/DialogContent.tsx
 import { cn as cn24, useClassNames as useClassNames25 } from "@marigold/system";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var DialogContent = ({
   variant,
   size: size2,
   children
 }) => {
   const classNames3 = useClassNames25({ component: "Dialog", variant, size: size2 });
-  return /* @__PURE__ */ jsx44("div", { className: cn24("[grid-area:content]", classNames3.content), children });
+  return /* @__PURE__ */ jsx43("div", { className: cn24("[grid-area:content]", classNames3.content), children });
 };
 
 // src/Dialog/DialogTitle.tsx
 import { Header as Header2, Heading as Heading3 } from "react-aria-components";
 import { cn as cn25, useClassNames as useClassNames26 } from "@marigold/system";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var DialogTitle = ({ variant, size: size2, children }) => {
   const classNames3 = useClassNames26({
     component: "Dialog",
     variant,
     size: size2
   });
-  return /* @__PURE__ */ jsx45(Header2, { className: cn25("[grid-area:title]", classNames3.header), children: /* @__PURE__ */ jsx45(Heading3, { slot: "title", className: classNames3.title, children }) });
+  return /* @__PURE__ */ jsx44(Header2, { className: cn25("[grid-area:title]", classNames3.header), children: /* @__PURE__ */ jsx44(Heading3, { slot: "title", className: classNames3.title, children }) });
 };
 
 // src/Dialog/DialogTrigger.tsx
-import { createContext as createContext5 } from "react";
+import { createContext as createContext4 } from "react";
 import { DialogTrigger as DialogTrigger2 } from "react-aria-components";
 import { PressResponder } from "@react-aria/interactions";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var DialogContext = createContext5({});
+import { jsx as jsx45 } from "react/jsx-runtime";
+var DialogContext = createContext4({});
 var _DialogTrigger = ({
   open,
   dismissable,
@@ -2503,11 +2448,11 @@ var _DialogTrigger = ({
     isKeyboardDismissDisabled: !keyboardDismissable,
     ...rest
   };
-  return /* @__PURE__ */ jsx46(DialogContext.Provider, { value: props, children: /* @__PURE__ */ jsx46(DialogTrigger2, { ...props, children: /* @__PURE__ */ jsx46(PressResponder, { isPressed: false, children: props.children }) }) });
+  return /* @__PURE__ */ jsx45(DialogContext.Provider, { value: props, children: /* @__PURE__ */ jsx45(DialogTrigger2, { ...props, children: /* @__PURE__ */ jsx45(PressResponder, { isPressed: false, children: props.children }) }) });
 };
 
 // src/Dialog/Dialog.tsx
-import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs17 } from "react/jsx-runtime";
 var _Dialog = forwardRef19(
   ({ variant, size: size2, ...props }, ref) => {
     var _a;
@@ -2516,13 +2461,13 @@ var _Dialog = forwardRef19(
       variant,
       size: size2
     });
-    const { isDismissable, isKeyboardDismissDisabled, isOpen } = useContext8(DialogContext);
-    const state = useContext8(OverlayTriggerStateContext2);
+    const { isDismissable, isKeyboardDismissDisabled, isOpen } = useContext7(DialogContext);
+    const state = useContext7(OverlayTriggerStateContext2);
     const children = typeof props.children === "function" ? props.children({
       close: (_a = state == null ? void 0 : state.close) != null ? _a : () => {
       }
     }) : props.children;
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx46(
       _Modal,
       {
         dismissable: isDismissable,
@@ -2540,7 +2485,7 @@ var _Dialog = forwardRef19(
               classNames3.container
             ),
             children: [
-              props.closeButton && /* @__PURE__ */ jsx47(
+              props.closeButton && /* @__PURE__ */ jsx46(
                 CloseButton,
                 {
                   className: classNames3.closeButton,
@@ -2563,29 +2508,29 @@ _Dialog.Actions = DialogActions;
 // src/Divider/Divider.tsx
 import { Separator } from "react-aria-components";
 import { cn as cn27, useClassNames as useClassNames28 } from "@marigold/system";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var _Divider = ({ variant, ...props }) => {
   const classNames3 = useClassNames28({ component: "Divider", variant });
-  return /* @__PURE__ */ jsx48(Separator, { className: cn27("border-none", classNames3), ...props });
+  return /* @__PURE__ */ jsx47(Separator, { className: cn27("border-none", classNames3), ...props });
 };
 
 // src/Drawer/Drawer.tsx
-import { useContext as useContext10, useRef } from "react";
+import { useContext as useContext9, useRef } from "react";
 import { Dialog as Dialog3, OverlayTriggerStateContext as OverlayTriggerStateContext3 } from "react-aria-components";
 import { useLandmark } from "@react-aria/landmark";
 import { cn as cn32, useClassNames as useClassNames32, useSmallScreen as useSmallScreen3 } from "@marigold/system";
 
 // src/Drawer/Context.tsx
-import { createContext as createContext6, useContext as useContext9 } from "react";
-var DrawerContext = createContext6({
+import { createContext as createContext5, useContext as useContext8 } from "react";
+var DrawerContext = createContext5({
   variant: void 0,
   size: void 0
 });
-var useDrawerContext = () => useContext9(DrawerContext);
+var useDrawerContext = () => useContext8(DrawerContext);
 
 // src/Drawer/DrawerActions.tsx
 import { cn as cn28, useClassNames as useClassNames29 } from "@marigold/system";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var DrawerActions = ({ variant, size: size2, children }) => {
   const ctx = useDrawerContext();
   const classNames3 = useClassNames29({
@@ -2593,7 +2538,7 @@ var DrawerActions = ({ variant, size: size2, children }) => {
     variant: variant != null ? variant : ctx.variant,
     size: size2 != null ? size2 : ctx.size
   });
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       className: cn28("[grid-area:actions]", classNames3.actions),
@@ -2605,7 +2550,7 @@ var DrawerActions = ({ variant, size: size2, children }) => {
 
 // src/Drawer/DrawerContent.tsx
 import { cn as cn29, useClassNames as useClassNames30 } from "@marigold/system";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var DrawerContent = ({
   variant,
   size: size2,
@@ -2617,7 +2562,7 @@ var DrawerContent = ({
     variant: variant != null ? variant : ctx.variant,
     size: size2 != null ? size2 : ctx.size
   });
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       className: cn29("[grid-area:content]", classNames3.content),
@@ -2628,15 +2573,24 @@ var DrawerContent = ({
 };
 
 // src/Drawer/DrawerModal.tsx
+import { Modal as Modal2, ModalOverlay as ModalOverlay2 } from "react-aria-components";
 import { cn as cn30, useSmallScreen as useSmallScreen2 } from "@marigold/system";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var MobileModal = ({ children, ...props }) => /* @__PURE__ */ jsx50(
+  ModalOverlay2,
+  {
+    ...props,
+    className: "fixed inset-0 z-40 h-(--visual-viewport-height)",
+    children: /* @__PURE__ */ jsx50(Modal2, { className: "flex *:flex-1", children })
+  }
+);
 var DrawerModal = ({
   children,
   className,
   ...props
 }) => {
   const isSmallScreen = useSmallScreen2();
-  return isSmallScreen ? /* @__PURE__ */ jsx51(_Modal, { children }) : /* @__PURE__ */ jsx51(
+  return isSmallScreen ? /* @__PURE__ */ jsx50(MobileModal, { children }) : /* @__PURE__ */ jsx50(
     NonModal,
     {
       ...props,
@@ -2649,7 +2603,7 @@ var DrawerModal = ({
 // src/Drawer/DrawerTitle.tsx
 import { Header as Header3, Heading as Heading4 } from "react-aria-components";
 import { cn as cn31, useClassNames as useClassNames31 } from "@marigold/system";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var DrawerTitle = ({ variant, size: size2, children }) => {
   const classNames3 = useClassNames31({
     component: "Drawer",
@@ -2657,27 +2611,27 @@ var DrawerTitle = ({ variant, size: size2, children }) => {
     variant,
     context: DrawerContext
   });
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     Header3,
     {
       className: cn31("[grid-area:title]", classNames3.header),
       style: { "--i": 0 },
-      children: /* @__PURE__ */ jsx52(Heading4, { slot: "title", level: 2, className: classNames3.title, children })
+      children: /* @__PURE__ */ jsx51(Heading4, { slot: "title", level: 2, className: classNames3.title, children })
     }
   );
 };
 
 // src/Drawer/DrawerTrigger.tsx
 import { DialogTrigger as DialogTrigger3 } from "react-aria-components";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var DrawerTrigger = ({
   open,
   children,
   ...props
-}) => /* @__PURE__ */ jsx53(DialogTrigger3, { isOpen: open, ...props, children });
+}) => /* @__PURE__ */ jsx52(DialogTrigger3, { isOpen: open, ...props, children });
 
 // src/Drawer/Drawer.tsx
-import { jsx as jsx54, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs18 } from "react/jsx-runtime";
 var Drawer = ({
   children,
   variant,
@@ -2690,17 +2644,17 @@ var Drawer = ({
 }) => {
   const ref = useRef(null);
   const classNames3 = useClassNames32({ component: "Drawer", variant, size: size2 });
-  const ctx = useContext10(OverlayTriggerStateContext3);
+  const ctx = useContext9(OverlayTriggerStateContext3);
   const isSmallScreen = useSmallScreen3();
   const landmarkAria = useLandmark({ ...props, role }, ref);
   const landmarkProps = isSmallScreen ? {} : landmarkAria.landmarkProps;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     DrawerModal,
     {
       className: classNames3.overlay,
       open,
       keyboardDismissable,
-      children: /* @__PURE__ */ jsx54(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsx53(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ jsxs18(
         Dialog3,
         {
           ...props,
@@ -2711,7 +2665,7 @@ var Drawer = ({
             classNames3.container
           ),
           children: [
-            closeButton && /* @__PURE__ */ jsx54(
+            closeButton && /* @__PURE__ */ jsx53(
               CloseButton,
               {
                 "aria-label": "dismiss drawer",
@@ -2734,17 +2688,17 @@ Drawer.Actions = DrawerActions;
 
 // src/Footer/Footer.tsx
 import { useClassNames as useClassNames33 } from "@marigold/system";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var Footer = ({ children, variant, size: size2, ...props }) => {
   const classNames3 = useClassNames33({ component: "Footer", variant, size: size2 });
-  return /* @__PURE__ */ jsx55("footer", { ...props, className: classNames3, children });
+  return /* @__PURE__ */ jsx54("footer", { ...props, className: classNames3, children });
 };
 
 // src/Form/Form.tsx
 import { Form } from "react-aria-components";
 import { cn as cn33, maxWidth as twMaxWidth } from "@marigold/system";
-import { jsx as jsx56 } from "react/jsx-runtime";
-var _Form = ({ unstyled, maxWidth = "full", ...props }) => /* @__PURE__ */ jsx56(
+import { jsx as jsx55 } from "react/jsx-runtime";
+var _Form = ({ unstyled, maxWidth = "full", ...props }) => /* @__PURE__ */ jsx55(
   Form,
   {
     ...props,
@@ -2756,11 +2710,11 @@ var _Form = ({ unstyled, maxWidth = "full", ...props }) => /* @__PURE__ */ jsx56
 import { alignment, cn as cn34, gapSpace as gapSpace6, height as twHeight } from "@marigold/system";
 
 // src/Grid/GridArea.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-var GridArea = ({ name, children }) => /* @__PURE__ */ jsx57("div", { style: { gridArea: name }, children });
+import { jsx as jsx56 } from "react/jsx-runtime";
+var GridArea = ({ name, children }) => /* @__PURE__ */ jsx56("div", { style: { gridArea: name }, children });
 
 // src/Grid/Grid.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var parseGridAreas = (areas) => areas.map((area) => `"${area}"`).join("\n");
 var parseTemplateValue = (values) => values.map((val) => typeof val === "number" ? `${val}fr` : val).join(" ");
 var Grid = ({
@@ -2775,7 +2729,7 @@ var Grid = ({
   ...props
 }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: cn34(
@@ -2800,14 +2754,14 @@ Grid.Area = GridArea;
 // src/Header/Header.tsx
 import { Header as Header4 } from "react-aria-components";
 import { useClassNames as useClassNames34 } from "@marigold/system";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var _Header = ({ variant, size: size2, ...props }) => {
   const classNames3 = useClassNames34({
     component: "Header",
     variant,
     size: size2
   });
-  return /* @__PURE__ */ jsx59(Header4, { className: classNames3, ...props, children: props.children });
+  return /* @__PURE__ */ jsx58(Header4, { className: classNames3, ...props, children: props.children });
 };
 
 // src/Headline/Headline.tsx
@@ -2818,7 +2772,7 @@ import {
   textAlign,
   useClassNames as useClassNames35
 } from "@marigold/system";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var _Headline = ({
   variant,
   size: size2,
@@ -2833,7 +2787,7 @@ var _Headline = ({
     variant,
     size: size2 != null ? size2 : `level-${level}`
   });
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     Heading5,
     {
       level: Number(level),
@@ -2857,7 +2811,7 @@ import {
   objectPosition,
   useClassNames as useClassNames36
 } from "@marigold/system";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var Image = ({
   variant,
   size: size2,
@@ -2866,7 +2820,7 @@ var Image = ({
   ...props
 }) => {
   const classNames3 = useClassNames36({ component: "Image", variant, size: size2 });
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx60(
     "img",
     {
       ...props,
@@ -2883,7 +2837,7 @@ var Image = ({
 
 // src/Inline/Inline.tsx
 import { alignment as alignment2, cn as cn37, gapSpace as gapSpace7 } from "@marigold/system";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var Inline = ({
   space = 0,
   alignX,
@@ -2892,7 +2846,7 @@ var Inline = ({
   ...props
 }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       ...props,
@@ -2919,9 +2873,9 @@ import { useClassNames as useClassNames37 } from "@marigold/system";
 // src/DateField/DateSegment.tsx
 import { DateSegment } from "react-aria-components";
 import { cn as cn38 } from "@marigold/system";
-import { Fragment as Fragment4, jsx as jsx63, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx62, jsxs as jsxs19 } from "react/jsx-runtime";
 var _DateSegment = ({ segment, ...props }) => {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx62(
     DateSegment,
     {
       ...props,
@@ -2930,7 +2884,7 @@ var _DateSegment = ({ segment, ...props }) => {
         minWidth: segment.maxValue != null ? `${String(segment.maxValue).length}ch` : void 0
       },
       children: ({ text, placeholder, isPlaceholder }) => /* @__PURE__ */ jsxs19(Fragment4, { children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx62(
           "span",
           {
             "aria-hidden": "true",
@@ -2941,24 +2895,24 @@ var _DateSegment = ({ segment, ...props }) => {
             children: isPlaceholder && (placeholder == null ? void 0 : placeholder.toUpperCase())
           }
         ),
-        /* @__PURE__ */ jsx63("span", { children: isPlaceholder ? "" : segment.type === "month" || segment.type === "day" ? segment.text.padStart(2, "0") : text })
+        /* @__PURE__ */ jsx62("span", { children: isPlaceholder ? "" : segment.type === "month" || segment.type === "day" ? segment.text.padStart(2, "0") : text })
       ] })
     }
   );
 };
 
 // src/DateField/DateInput.tsx
-import { jsx as jsx64, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs20 } from "react/jsx-runtime";
 var _DateInput = ({ variant, size: size2, action, ...props }) => {
   const classNames3 = useClassNames37({ component: "DateField", variant, size: size2 });
   return /* @__PURE__ */ jsxs20(Group, { className: classNames3.field, children: [
-    /* @__PURE__ */ jsx64(DateInput, { className: "flex flex-1 items-center", ...props, children: (segment) => /* @__PURE__ */ jsx64(_DateSegment, { className: classNames3.segment, segment }) }),
+    /* @__PURE__ */ jsx63(DateInput, { className: "flex flex-1 items-center", ...props, children: (segment) => /* @__PURE__ */ jsx63(_DateSegment, { className: classNames3.segment, segment }) }),
     action ? action : null
   ] });
 };
 
 // src/DateField/DateField.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var _DateField = forwardRef20(
   ({
     variant,
@@ -2977,7 +2931,7 @@ var _DateField = forwardRef20(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx64(
       FieldBase,
       {
         as: DateField,
@@ -2985,7 +2939,7 @@ var _DateField = forwardRef20(
         size: size2,
         ref,
         ...props,
-        children: /* @__PURE__ */ jsx65(_DateInput, { action })
+        children: /* @__PURE__ */ jsx64(_DateInput, { action })
       }
     );
   }
@@ -3010,14 +2964,14 @@ import { cn as cn39, useClassNames as useClassNames39 } from "@marigold/system";
 
 // src/Calendar/CalendarGridHeader.tsx
 import { startOfWeek, today } from "@internationalized/date";
-import { useContext as useContext11, useMemo as useMemo2 } from "react";
+import { useContext as useContext10, useMemo as useMemo2 } from "react";
 import { CalendarStateContext } from "react-aria-components";
 import { useCalendarGrid } from "@react-aria/calendar";
 import { useDateFormatter, useLocale } from "@react-aria/i18n";
 import { useClassNames as useClassNames38 } from "@marigold/system";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function CalendarGridHeader(props) {
-  const state = useContext11(CalendarStateContext);
+  const state = useContext10(CalendarStateContext);
   const { headerProps } = useCalendarGrid(props, state);
   const { locale } = useLocale();
   const dayFormatter = useDateFormatter({
@@ -3033,16 +2987,16 @@ function CalendarGridHeader(props) {
     });
   }, [locale, state.timeZone, dayFormatter]);
   const classNames3 = useClassNames38({ component: "Calendar" });
-  return /* @__PURE__ */ jsx66("thead", { ...headerProps, children: /* @__PURE__ */ jsx66("tr", { children: weekDays.map((day, index2) => /* @__PURE__ */ jsx66("th", { className: classNames3.calendarHeader, children: day.substring(0, 2) }, index2)) }) });
+  return /* @__PURE__ */ jsx65("thead", { ...headerProps, children: /* @__PURE__ */ jsx65("tr", { children: weekDays.map((day, index2) => /* @__PURE__ */ jsx65("th", { className: classNames3.calendarHeader, children: day.substring(0, 2) }, index2)) }) });
 }
 
 // src/Calendar/CalendarGrid.tsx
-import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs21 } from "react/jsx-runtime";
 var _CalendarGrid = () => {
   const classNames3 = useClassNames39({ component: "Calendar" });
   return /* @__PURE__ */ jsxs21(CalendarGrid, { className: classNames3.calendarGrid, children: [
-    /* @__PURE__ */ jsx67(CalendarGridHeader, {}),
-    /* @__PURE__ */ jsx67(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsx66(CalendarGridHeader, {}),
+    /* @__PURE__ */ jsx66(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx66(
       CalendarCell,
       {
         date,
@@ -3056,14 +3010,14 @@ var _CalendarGrid = () => {
 };
 
 // src/Calendar/CalendarListBox.tsx
-import { useContext as useContext13 } from "react";
+import { useContext as useContext12 } from "react";
 import { CalendarStateContext as CalendarStateContext2 } from "react-aria-components";
 import { cn as cn40 } from "@marigold/system";
 
 // src/Calendar/Context.tsx
-import { createContext as createContext7, useContext as useContext12 } from "react";
-var CalendarContext = createContext7({});
-var useCalendarContext = () => useContext12(CalendarContext);
+import { createContext as createContext6, useContext as useContext11 } from "react";
+var CalendarContext = createContext6({});
+var useCalendarContext = () => useContext11(CalendarContext);
 
 // src/Calendar/useFormattedMonths.tsx
 import { useDateFormatter as useDateFormatter2 } from "@react-aria/i18n";
@@ -3082,13 +3036,13 @@ function useFormattedMonths(timeZone, focusedDate) {
 }
 
 // src/Calendar/CalendarListBox.tsx
-import { jsx as jsx68, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs22 } from "react/jsx-runtime";
 function CalendarListBox({
   type,
   isDisabled,
   setSelectedDropdown
 }) {
-  const state = useContext13(CalendarStateContext2);
+  const state = useContext12(CalendarStateContext2);
   const months = useFormattedMonths(state.timeZone, state.focusedDate);
   const buttonStyles = "flex items-center justify-between gap-1 overflow-hidden";
   const { classNames: classNames3 } = useCalendarContext();
@@ -3101,7 +3055,7 @@ function CalendarListBox({
       "data-testid": type,
       children: [
         type === "month" ? months[state.focusedDate.month - 1].substring(0, 3) : state.focusedDate.year,
-        /* @__PURE__ */ jsx68(ChevronDown, {})
+        /* @__PURE__ */ jsx67(ChevronDown, {})
       ]
     }
   );
@@ -3109,7 +3063,7 @@ function CalendarListBox({
 
 // src/Calendar/MonthControls.tsx
 import { cn as cn41, useClassNames as useClassNames40 } from "@marigold/system";
-import { jsx as jsx69, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs23 } from "react/jsx-runtime";
 function MonthControls() {
   const classNames3 = useClassNames40({ component: "Calendar" });
   return /* @__PURE__ */ jsxs23(
@@ -3120,22 +3074,22 @@ function MonthControls() {
         classNames3.calendarControllers
       ),
       children: [
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx68(
           IconButton,
           {
             className: cn41("inline-flex items-center justify-center gap-[0.5ch]"),
             variant: "navigation",
             slot: "previous",
-            children: /* @__PURE__ */ jsx69(ChevronLeft, {})
+            children: /* @__PURE__ */ jsx68(ChevronLeft, {})
           }
         ),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx68(
           IconButton,
           {
             className: cn41("inline-flex items-center justify-center gap-[0.5ch]"),
             variant: "navigation",
             slot: "next",
-            children: /* @__PURE__ */ jsx69(ChevronRight, {})
+            children: /* @__PURE__ */ jsx68(ChevronRight, {})
           }
         )
       ]
@@ -3145,35 +3099,32 @@ function MonthControls() {
 var MonthControls_default = MonthControls;
 
 // src/Calendar/MonthListBox.tsx
-import { useContext as useContext14 } from "react";
+import { useContext as useContext13 } from "react";
 import { CalendarStateContext as CalendarStateContext3 } from "react-aria-components";
 import { Button as Button7 } from "react-aria-components";
 import { cn as cn42 } from "@marigold/system";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var MonthListBox = ({ setSelectedDropdown }) => {
-  const state = useContext14(CalendarStateContext3);
+  const state = useContext13(CalendarStateContext3);
   const months = useFormattedMonths(state.timeZone, state.focusedDate);
-  let onChange2 = (index2) => {
-    let value = Number(index2) + 1;
-    let date = state.focusedDate.set({ month: value });
+  const onPress = (index2) => {
+    const date = state.focusedDate.set({ month: Number(index2) + 1 });
     state.setFocusedDate(date);
+    setSelectedDropdown(void 0);
   };
   const { classNames: classNames3 } = useCalendarContext();
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx69(
     "ul",
     {
       "data-testid": "monthOptions",
       className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 p-2",
       children: months.map((month, index2) => {
         const isSelected = index2 === state.focusedDate.month - 1;
-        return /* @__PURE__ */ jsx70("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx70(
+        return /* @__PURE__ */ jsx69("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx69(
           Button7,
           {
             slot: "previous",
-            onPress: () => {
-              onChange2(index2);
-              setSelectedDropdown(void 0);
-            },
+            onPress: () => onPress(index2),
             "aria-current": isSelected,
             className: cn42(
               classNames3.calendarListboxButton,
@@ -3191,16 +3142,16 @@ var MonthListBox_default = MonthListBox;
 
 // src/Calendar/YearListBox.tsx
 import {
-  useContext as useContext15,
+  useContext as useContext14,
   useEffect,
   useRef as useRef2
 } from "react";
 import { Button as Button8, CalendarStateContext as CalendarStateContext4 } from "react-aria-components";
 import { useDateFormatter as useDateFormatter3 } from "@react-aria/i18n";
 import { cn as cn43 } from "@marigold/system";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var YearListBox = ({ setSelectedDropdown }) => {
-  const state = useContext15(CalendarStateContext4);
+  const state = useContext14(CalendarStateContext4);
   const { classNames: classNames3 } = useCalendarContext();
   const years = [];
   let formatter = useDateFormatter3({
@@ -3224,24 +3175,24 @@ var YearListBox = ({ setSelectedDropdown }) => {
       });
     }
   }, [state.focusedDate]);
-  let onChange2 = (key) => {
-    let index2 = Number(key);
-    let date = years[index2].value;
+  const onChange2 = (key) => {
+    const index2 = Number(key);
+    const date = years[index2].value;
     state.setFocusedDate(date);
   };
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx70(
     "ul",
     {
       "data-testid": "yearOptions",
       className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 overflow-y-scroll p-2",
       children: years.map((year, index2) => {
         const isSelected = +year.formatted === state.focusedDate.year;
-        return /* @__PURE__ */ jsx71("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx71(
+        return /* @__PURE__ */ jsx70("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx70(
           "div",
           {
             ref: isSelected ? activeButtonRef : null,
             className: "flex size-full justify-center",
-            children: /* @__PURE__ */ jsx71(
+            children: /* @__PURE__ */ jsx70(
               Button8,
               {
                 slot: "previous",
@@ -3268,7 +3219,7 @@ var YearListBox = ({ setSelectedDropdown }) => {
 var YearListBox_default = YearListBox;
 
 // src/Calendar/Calendar.tsx
-import { jsx as jsx72, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs24 } from "react/jsx-runtime";
 var _Calendar = ({
   disabled,
   readOnly,
@@ -3287,10 +3238,10 @@ var _Calendar = ({
   const classNames3 = useClassNames41({ component: "Calendar", size: size2, variant });
   const [selectedDropdown, setSelectedDropdown] = useState();
   const ViewMap = {
-    month: /* @__PURE__ */ jsx72(MonthListBox_default, { setSelectedDropdown }),
-    year: /* @__PURE__ */ jsx72(YearListBox_default, { setSelectedDropdown })
+    month: /* @__PURE__ */ jsx71(MonthListBox_default, { setSelectedDropdown }),
+    year: /* @__PURE__ */ jsx71(YearListBox_default, { setSelectedDropdown })
   };
-  return /* @__PURE__ */ jsx72(CalendarContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx71(CalendarContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs24(
     Calendar,
     {
       className: cn44(
@@ -3300,7 +3251,7 @@ var _Calendar = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx71(
           "div",
           {
             className: cn44(
@@ -3319,7 +3270,7 @@ var _Calendar = ({
             ),
             children: [
               /* @__PURE__ */ jsxs24("div", { className: "mb-4 flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx72("div", { className: "flex w-fit gap-4", children: ["month", "year"].map((dateType) => /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsx71("div", { className: "flex w-fit gap-4", children: ["month", "year"].map((dateType) => /* @__PURE__ */ jsx71(
                   CalendarListBox,
                   {
                     type: dateType,
@@ -3328,9 +3279,9 @@ var _Calendar = ({
                   },
                   dateType
                 )) }),
-                /* @__PURE__ */ jsx72(MonthControls_default, {})
+                /* @__PURE__ */ jsx71(MonthControls_default, {})
               ] }),
-              /* @__PURE__ */ jsx72(_CalendarGrid, {})
+              /* @__PURE__ */ jsx71(_CalendarGrid, {})
             ]
           }
         )
@@ -3343,7 +3294,7 @@ var _Calendar = ({
 import React6 from "react";
 import { DatePicker, Dialog as Dialog4 } from "react-aria-components";
 import { useClassNames as useClassNames42 } from "@marigold/system";
-import { jsx as jsx73, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs25 } from "react/jsx-runtime";
 var _DatePicker = React6.forwardRef(
   ({
     dateUnavailable,
@@ -3381,10 +3332,10 @@ var _DatePicker = React6.forwardRef(
         ...props,
         ref,
         children: [
-          /* @__PURE__ */ jsx73(
+          /* @__PURE__ */ jsx72(
             _DateInput,
             {
-              action: /* @__PURE__ */ jsx73(IconButton, { className: classNames3, children: /* @__PURE__ */ jsx73(
+              action: /* @__PURE__ */ jsx72(IconButton, { className: classNames3, children: /* @__PURE__ */ jsx72(
                 "svg",
                 {
                   "data-testid": "action",
@@ -3392,12 +3343,12 @@ var _DatePicker = React6.forwardRef(
                   width: 24,
                   height: 24,
                   fill: "currentColor",
-                  children: /* @__PURE__ */ jsx73("path", { d: "M20.0906 19.2V6.6C20.0906 5.61 19.2806 4.8 18.2906 4.8H17.3906V3H15.5906V4.8H8.39062V3H6.59062V4.8H5.69063C4.69163 4.8 3.89962 5.61 3.89962 6.6L3.89062 19.2C3.89062 20.19 4.69163 21 5.69063 21H18.2906C19.2806 21 20.0906 20.19 20.0906 19.2ZM9.29062 11.1001H7.49061V12.9001H9.29062V11.1001ZM5.69062 8.40009H18.2906V6.60008H5.69062V8.40009ZM18.2906 10.2V19.2H5.69062V10.2H18.2906ZM14.6906 12.9001H16.4906V11.1001H14.6906V12.9001ZM12.8906 12.9001H11.0906V11.1001H12.8906V12.9001Z" })
+                  children: /* @__PURE__ */ jsx72("path", { d: "M20.0906 19.2V6.6C20.0906 5.61 19.2806 4.8 18.2906 4.8H17.3906V3H15.5906V4.8H8.39062V3H6.59062V4.8H5.69063C4.69163 4.8 3.89962 5.61 3.89962 6.6L3.89062 19.2C3.89062 20.19 4.69163 21 5.69063 21H18.2906C19.2806 21 20.0906 20.19 20.0906 19.2ZM9.29062 11.1001H7.49061V12.9001H9.29062V11.1001ZM5.69062 8.40009H18.2906V6.60008H5.69062V8.40009ZM18.2906 10.2V19.2H5.69062V10.2H18.2906ZM14.6906 12.9001H16.4906V11.1001H14.6906V12.9001ZM12.8906 12.9001H11.0906V11.1001H12.8906V12.9001Z" })
                 }
               ) })
             }
           ),
-          /* @__PURE__ */ jsx73(_Popover, { children: /* @__PURE__ */ jsx73(Dialog4, { children: /* @__PURE__ */ jsx73(_Calendar, { disabled }) }) })
+          /* @__PURE__ */ jsx72(_Popover, { children: /* @__PURE__ */ jsx72(Dialog4, { children: /* @__PURE__ */ jsx72(_Calendar, { disabled }) }) })
         ]
       }
     );
@@ -3411,8 +3362,8 @@ import {
   paddingSpaceX as paddingSpaceX2,
   paddingSpaceY as paddingSpaceY2
 } from "@marigold/system";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx74(
+import { jsx as jsx73 } from "react/jsx-runtime";
+var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx73(
   "div",
   {
     className: cn45(
@@ -3428,7 +3379,7 @@ var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx74(
 import { forwardRef as forwardRef21 } from "react";
 import { Link } from "react-aria-components";
 import { useClassNames as useClassNames43 } from "@marigold/system";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var _Link = forwardRef21(
   ({ variant, size: size2, disabled, children, ...props }, ref) => {
     const classNames3 = useClassNames43({
@@ -3436,7 +3387,7 @@ var _Link = forwardRef21(
       variant,
       size: size2
     });
-    return /* @__PURE__ */ jsx75(Link, { ...props, ref, className: classNames3, isDisabled: disabled, children });
+    return /* @__PURE__ */ jsx74(Link, { ...props, ref, className: classNames3, isDisabled: disabled, children });
   }
 );
 
@@ -3444,19 +3395,19 @@ var _Link = forwardRef21(
 import { useClassNames as useClassNames44 } from "@marigold/system";
 
 // src/List/Context.ts
-import { createContext as createContext8, useContext as useContext16 } from "react";
-var ListContext = createContext8({});
-var useListContext = () => useContext16(ListContext);
+import { createContext as createContext7, useContext as useContext15 } from "react";
+var ListContext = createContext7({});
+var useListContext = () => useContext15(ListContext);
 
 // src/List/ListItem.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var ListItem = ({ children, ...props }) => {
   const { classNames: classNames3 } = useListContext();
-  return /* @__PURE__ */ jsx76("li", { ...props, className: classNames3, children });
+  return /* @__PURE__ */ jsx75("li", { ...props, className: classNames3, children });
 };
 
 // src/List/List.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var List = ({
   as = "ul",
   children,
@@ -3466,7 +3417,7 @@ var List = ({
 }) => {
   const Component2 = as;
   const classNames3 = useClassNames44({ component: "List", variant, size: size2 });
-  return /* @__PURE__ */ jsx77(Component2, { ...props, className: classNames3[as], children: /* @__PURE__ */ jsx77(ListContext.Provider, { value: { classNames: classNames3.item }, children }) });
+  return /* @__PURE__ */ jsx76(Component2, { ...props, className: classNames3[as], children: /* @__PURE__ */ jsx76(ListContext.Provider, { value: { classNames: classNames3.item }, children }) });
 };
 List.Item = ListItem;
 
@@ -3477,26 +3428,26 @@ import { useClassNames as useClassNames47 } from "@marigold/system";
 // src/Menu/MenuItem.tsx
 import { MenuItem } from "react-aria-components";
 import { useClassNames as useClassNames45 } from "@marigold/system";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var _MenuItem = ({ children, ...props }) => {
   const classNames3 = useClassNames45({ component: "Menu" });
-  return /* @__PURE__ */ jsx78(MenuItem, { ...props, className: classNames3.item, children });
+  return /* @__PURE__ */ jsx77(MenuItem, { ...props, className: classNames3.item, children });
 };
 
 // src/Menu/MenuSection.tsx
 import { MenuSection } from "react-aria-components";
 import { useClassNames as useClassNames46 } from "@marigold/system";
-import { jsx as jsx79, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs26 } from "react/jsx-runtime";
 var _MenuSection = ({ children, title, ...props }) => {
   const className = useClassNames46({ component: "Menu" });
   return /* @__PURE__ */ jsxs26(MenuSection, { ...props, children: [
-    /* @__PURE__ */ jsx79(_Header, { className: className.section, children: title }),
+    /* @__PURE__ */ jsx78(_Header, { className: className.section, children: title }),
     children
   ] });
 };
 
 // src/Menu/Menu.tsx
-import { jsx as jsx80, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs27 } from "react/jsx-runtime";
 var _Menu = ({
   children,
   label,
@@ -3510,7 +3461,7 @@ var _Menu = ({
 }) => {
   const classNames3 = useClassNames47({ component: "Menu", variant, size: size2 });
   return /* @__PURE__ */ jsxs27(MenuTrigger, { ...props, children: [
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx79(
       Button9,
       {
         className: classNames3.button,
@@ -3519,25 +3470,19 @@ var _Menu = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx80(_Popover, { open, placement, children: /* @__PURE__ */ jsx80(Menu, { ...props, className: classNames3.container, children }) })
+    /* @__PURE__ */ jsx79(_Popover, { open, placement, children: /* @__PURE__ */ jsx79(Menu, { ...props, className: classNames3.container, children }) })
   ] });
 };
 _Menu.Item = _MenuItem;
 _Menu.Section = _MenuSection;
 
 // src/Menu/ActionMenu.tsx
-import { Button as Button10, Menu as Menu2, MenuTrigger as MenuTrigger2 } from "react-aria-components";
-import { useClassNames as useClassNames48 } from "@marigold/system";
-import { jsx as jsx81, jsxs as jsxs28 } from "react/jsx-runtime";
-var ActionMenu = ({
-  variant,
-  size: size2,
-  disabled,
-  ...props
-}) => {
-  const classNames3 = useClassNames48({ component: "Menu", variant, size: size2 });
-  return /* @__PURE__ */ jsxs28(MenuTrigger2, { children: [
-    /* @__PURE__ */ jsx81(Button10, { className: classNames3.button, isDisabled: disabled, children: /* @__PURE__ */ jsxs28(
+import { jsx as jsx80, jsxs as jsxs28 } from "react/jsx-runtime";
+var ActionMenu = ({ children, ...props }) => /* @__PURE__ */ jsx80(
+  _Menu,
+  {
+    ...props,
+    label: /* @__PURE__ */ jsxs28(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3548,54 +3493,56 @@ var ActionMenu = ({
         strokeLinecap: "round",
         strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx81("circle", { cx: 12, cy: 12, r: 1 }),
-          /* @__PURE__ */ jsx81("circle", { cx: 12, cy: 5, r: 1 }),
-          /* @__PURE__ */ jsx81("circle", { cx: 12, cy: 19, r: 1 })
+          /* @__PURE__ */ jsx80("circle", { cx: 12, cy: 12, r: 1 }),
+          /* @__PURE__ */ jsx80("circle", { cx: 12, cy: 5, r: 1 }),
+          /* @__PURE__ */ jsx80("circle", { cx: 12, cy: 19, r: 1 })
         ]
       }
-    ) }),
-    /* @__PURE__ */ jsx81(_Popover, { children: /* @__PURE__ */ jsx81(Menu2, { ...props, className: classNames3.container, children: props.children }) })
-  ] });
-};
+    ),
+    children
+  }
+);
+ActionMenu.Item = _Menu.Item;
+ActionMenu.Section = _Menu.Section;
 
 // src/SectionMessage/SectionMessage.tsx
 import { useRef as useRef3, useState as useState2 } from "react";
 import { useButton } from "@react-aria/button";
-import { cn as cn48, useClassNames as useClassNames49 } from "@marigold/system";
+import { cn as cn48, useClassNames as useClassNames48 } from "@marigold/system";
 
 // src/SectionMessage/Context.tsx
-import { createContext as createContext9, useContext as useContext17 } from "react";
-var SectionMessageContext = createContext9({});
-var useSectionMessageContext = () => useContext17(SectionMessageContext);
+import { createContext as createContext8, useContext as useContext16 } from "react";
+var SectionMessageContext = createContext8({});
+var useSectionMessageContext = () => useContext16(SectionMessageContext);
 
 // src/SectionMessage/SectionMessageContent.tsx
 import { cn as cn46 } from "@marigold/system";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var SectionMessageContent = ({
   children
 }) => {
   const { classNames: classNames3 } = useSectionMessageContext();
-  return /* @__PURE__ */ jsx82("div", { className: cn46("[grid-area:content]", classNames3.content), children });
+  return /* @__PURE__ */ jsx81("div", { className: cn46("[grid-area:content]", classNames3.content), children });
 };
 
 // src/SectionMessage/SectionMessageTitle.tsx
 import { cn as cn47 } from "@marigold/system";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var SectionMessageTitle = ({ children }) => {
   const { classNames: classNames3 } = useSectionMessageContext();
-  return /* @__PURE__ */ jsx83("div", { className: cn47("[grid-area:title]", classNames3.title), children });
+  return /* @__PURE__ */ jsx82("div", { className: cn47("[grid-area:title]", classNames3.title), children });
 };
 
 // src/SectionMessage/SectionMessage.tsx
-import { jsx as jsx84, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs29 } from "react/jsx-runtime";
 var icons2 = {
-  success: () => /* @__PURE__ */ jsx84(
+  success: () => /* @__PURE__ */ jsx83(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsx83(
         "path",
         {
           fillRule: "evenodd",
@@ -3605,13 +3552,13 @@ var icons2 = {
       )
     }
   ),
-  info: () => /* @__PURE__ */ jsx84(
+  info: () => /* @__PURE__ */ jsx83(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsx83(
         "path",
         {
           fillRule: "evenodd",
@@ -3621,13 +3568,13 @@ var icons2 = {
       )
     }
   ),
-  warning: () => /* @__PURE__ */ jsx84(
+  warning: () => /* @__PURE__ */ jsx83(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsx83(
         "path",
         {
           fillRule: "evenodd",
@@ -3637,13 +3584,13 @@ var icons2 = {
       )
     }
   ),
-  error: () => /* @__PURE__ */ jsx84(
+  error: () => /* @__PURE__ */ jsx83(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsx83(
         "path",
         {
           fillRule: "evenodd",
@@ -3664,7 +3611,7 @@ var SectionMessage = ({
   ...props
 }) => {
   const buttonRef = useRef3(null);
-  const classNames3 = useClassNames49({
+  const classNames3 = useClassNames48({
     component: "SectionMessage",
     variant,
     size: size2
@@ -3680,15 +3627,15 @@ var SectionMessage = ({
     }
   };
   if (!isCurrentlyVisible) return null;
-  return /* @__PURE__ */ jsx84(SectionMessageContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx83(SectionMessageContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs29(
     "div",
     {
       role: variant === "error" ? "alert" : void 0,
       ...props,
       className: cn48("grid auto-rows-min", classNames3.container),
       children: [
-        /* @__PURE__ */ jsx84("div", { className: cn48("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ jsx84(Icon4, {}) }),
-        closeButton && /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx83("div", { className: cn48("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ jsx83(Icon4, {}) }),
+        closeButton && /* @__PURE__ */ jsx83(
           CloseButton,
           {
             ...buttonProps,
@@ -3708,7 +3655,7 @@ SectionMessage.Content = SectionMessageContent;
 
 // src/Multiselect/Multiselect.tsx
 import {
-  Button as Button11,
+  Button as Button10,
   ButtonContext,
   FieldErrorContext as FieldErrorContext2,
   InputContext,
@@ -3716,7 +3663,7 @@ import {
   Input as _Input2
 } from "react-aria-components";
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -3726,7 +3673,7 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -3738,13 +3685,13 @@ function toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
   return "symbol" == _typeof(i) ? i : i + "";
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -3754,7 +3701,7 @@ function _defineProperty(e, r, t) {
   }) : e[r] = t, e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -3777,12 +3724,12 @@ function _objectSpread2(e) {
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -3805,14 +3752,14 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -3821,17 +3768,17 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
 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.");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
@@ -3842,7 +3789,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose(e, t);
@@ -3853,7 +3800,7 @@ function _objectWithoutProperties(e, t) {
   return i;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 import { useState as useState3, useCallback } from "react";
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
@@ -3900,7 +3847,7 @@ function useStateManager(_ref3) {
   });
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -3911,16 +3858,16 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 import * as React11 from "react";
 import { forwardRef as forwardRef24, useMemo as useMemo5 } from "react";
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(a, n) {
   if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/createClass.js
 function _defineProperties(e, r) {
   for (var t = 0; t < r.length; t++) {
     var o = r[t];
@@ -3933,14 +3880,14 @@ function _createClass(e, r, t) {
   }), e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
     return t2.__proto__ = e2, t2;
   }, _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/inherits.js
 function _inherits(t, e) {
   if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
   t.prototype = Object.create(e && e.prototype, {
@@ -3954,14 +3901,14 @@ function _inherits(t, e) {
   }), e && _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
 function _getPrototypeOf(t) {
   return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
     return t2.__proto__ || Object.getPrototypeOf(t2);
   }, _getPrototypeOf(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
 function _isNativeReflectConstruct() {
   try {
     var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
@@ -3973,20 +3920,20 @@ function _isNativeReflectConstruct() {
   })();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
 function _possibleConstructorReturn(t, e) {
   if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
   if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
   return _assertThisInitialized(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/createSuper.js
 function _createSuper(t) {
   var r = _isNativeReflectConstruct();
   return function() {
@@ -3999,33 +3946,33 @@ function _createSuper(t) {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 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.");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 import * as React10 from "react";
-import { useMemo as useMemo4, Fragment as Fragment7, useRef as useRef6, useCallback as useCallback3, useEffect as useEffect3, Component } from "react";
+import { useMemo as useMemo4, Fragment as Fragment7, useRef as useRef6, useCallback as useCallback3, useEffect as useEffect2, Component } from "react";
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 import * as React8 from "react";
-import { useContext as useContext19, forwardRef as forwardRef23 } from "react";
+import { useContext as useContext18, forwardRef as forwardRef23 } from "react";
 
 // ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
 var isDevelopment = false;
@@ -5188,7 +5135,7 @@ function serializeStyles(args, registered, mergedProps) {
   };
 }
 
-// ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.1.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
+// ../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@19.1.1/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
 import * as React7 from "react";
 var isBrowser3 = typeof document !== "undefined";
 var syncFallback = function syncFallback2(create) {
@@ -5197,7 +5144,7 @@ var syncFallback = function syncFallback2(create) {
 var useInsertionEffect2 = React7["useInsertionEffect"] ? React7["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment3 = false;
 var isBrowser4 = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
@@ -5214,14 +5161,14 @@ var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
 var CacheProvider = EmotionCacheContext.Provider;
 var withEmotionCache = function withEmotionCache2(func) {
   return /* @__PURE__ */ forwardRef23(function(props, ref) {
-    var cache = useContext19(EmotionCacheContext);
+    var cache = useContext18(EmotionCacheContext);
     return func(props, cache, ref);
   });
 };
 if (!isBrowser4) {
   withEmotionCache = function withEmotionCache3(func) {
     return function(props) {
-      var cache = useContext19(EmotionCacheContext);
+      var cache = useContext18(EmotionCacheContext);
       if (cache === null) {
         cache = createCache({
           key: "css"
@@ -5301,11 +5248,11 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 });
 var Emotion$1 = Emotion;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0/node_modules/@emotion/react/dist/emotion-react.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-react.esm.js
 import * as React9 from "react";
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
-var jsx85 = function jsx86(type, props) {
+var jsx84 = function jsx85(type, props) {
   var args = arguments;
   if (props == null || !hasOwn.call(props, "css")) {
     return React9.createElement.apply(void 0, args);
@@ -5323,7 +5270,7 @@ var jsx85 = function jsx86(type, props) {
   var JSX2;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX2 || (JSX2 = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx85 || (jsx85 = {}));
+})(jsx84 || (jsx84 = {}));
 function css() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -5343,7 +5290,7 @@ function keyframes() {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.28.2/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
 function _taggedTemplateLiteral(e, t) {
   return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
     raw: {
@@ -5352,11 +5299,11 @@ function _taggedTemplateLiteral(e, t) {
   }));
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
-import { useContext as useContext21, useRef as useRef5, useState as useState4, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext11 } from "react";
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
+import { useContext as useContext20, useRef as useRef5, useState as useState4, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext10 } from "react";
 import { createPortal } from "react-dom";
 
-// ../../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var min = Math.min;
 var max = Math.max;
 var round = Math.round;
@@ -5384,7 +5331,7 @@ function rectToClientRect(rect) {
   };
 }
 
-// ../../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function hasWindow() {
   return typeof window !== "undefined";
 }
@@ -5426,6 +5373,7 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+var invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -5433,14 +5381,15 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle2(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 function isWebKit() {
   if (typeof CSS === "undefined" || !CSS.supports) return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
+var lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function isLastTraversableNode(node2) {
-  return ["html", "body", "#document"].includes(getNodeName(node2));
+  return lastTraversableNodeNames.has(getNodeName(node2));
 }
 function getComputedStyle2(element) {
   return getWindow(element).getComputedStyle(element);
@@ -5489,7 +5438,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 
-// ../../node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css5 = getComputedStyle2(element);
   let width = parseFloat(css5.width) || 0;
@@ -5676,7 +5625,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options2);
     }
     io.observe(element);
@@ -5753,14 +5702,16 @@ function autoUpdate(reference, floating, update, options2) {
   };
 }
 
-// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.0_@types+react@19.1.8_react@19.1.0/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
-import { useLayoutEffect as useLayoutEffect2, useEffect as useEffect2 } from "react";
+// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.1.9_react@19.1.1/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+import { useLayoutEffect as useLayoutEffect2 } from "react";
 var isClient = typeof document !== "undefined";
-var index = isClient ? useLayoutEffect2 : useEffect2;
+var noop = function noop2() {
+};
+var index = isClient ? useLayoutEffect2 : noop;
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
-var noop = function noop2() {
+var noop3 = function noop4() {
 };
 function applyPrefixToName(prefix2, name) {
   if (!name) {
@@ -5862,7 +5813,7 @@ function easeOutCubic(t, b, c, d) {
 }
 function animatedScrollTo(element, to) {
   var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 200;
-  var callback = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : noop;
+  var callback = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : noop3;
   var start = getScrollTop(element);
   var change = to - start;
   var increment = 10;
@@ -5923,8 +5874,8 @@ var options = {
 };
 var w = typeof window !== "undefined" ? window : {};
 if (w.addEventListener && w.removeEventListener) {
-  w.addEventListener("p", noop, options);
-  w.removeEventListener("p", noop, false);
+  w.addEventListener("p", noop3, options);
+  w.removeEventListener("p", noop3, false);
 }
 var supportsPassiveEvents = passiveOptionAccessed;
 function notNullish(item) {
@@ -6090,10 +6041,10 @@ var menuCSS = function menuCSS2(_ref23, unstyled) {
     marginTop: spacing2.menuGutter
   });
 };
-var PortalPlacementContext = /* @__PURE__ */ createContext11(null);
+var PortalPlacementContext = /* @__PURE__ */ createContext10(null);
 var MenuPlacer = function MenuPlacer2(props) {
   var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
-  var _ref3 = useContext21(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
+  var _ref3 = useContext20(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
   var ref = useRef5(null);
   var _useState = useState4(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
   var _useState3 = useState4(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
@@ -6124,15 +6075,15 @@ var MenuPlacer = function MenuPlacer2(props) {
     })
   });
 };
-var Menu3 = function Menu4(props) {
+var Menu2 = function Menu3(props) {
   var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "menu", {
+  return jsx84("div", _extends({}, getStyleProps(props, "menu", {
     menu: true
   }), {
     ref: innerRef
   }, innerProps), children);
 };
-var Menu$1 = Menu3;
+var Menu$1 = Menu2;
 var menuListCSS = function menuListCSS2(_ref4, unstyled) {
   var maxHeight = _ref4.maxHeight, baseUnit2 = _ref4.theme.spacing.baseUnit;
   return _objectSpread2({
@@ -6148,7 +6099,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
 };
 var MenuList = function MenuList2(props) {
   var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
-  return jsx85("div", _extends({}, getStyleProps(props, "menuList", {
+  return jsx84("div", _extends({}, getStyleProps(props, "menuList", {
     "menu-list": true,
     "menu-list--is-multi": isMulti
   }), {
@@ -6168,7 +6119,7 @@ var noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = noticeCSS;
 var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
   var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
-  return jsx85("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx84("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "noOptionsMessage", {
@@ -6178,7 +6129,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
 };
 var LoadingMessage = function LoadingMessage2(_ref7) {
   var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx85("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx84("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "loadingMessage", {
@@ -6241,7 +6192,7 @@ var MenuPortal = function MenuPortal2(props) {
     runAutoUpdate();
   }, [runAutoUpdate]);
   if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
-  var menuWrapper = jsx85("div", _extends({
+  var menuWrapper = jsx84("div", _extends({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -6250,7 +6201,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), "menuPortal", {
     "menu-portal": true
   }), innerProps), children);
-  return jsx85(PortalPlacementContext.Provider, {
+  return jsx84(PortalPlacementContext.Provider, {
     value: portalPlacementContext
   }, appendTo ? /* @__PURE__ */ createPortal(menuWrapper, appendTo) : menuWrapper);
 };
@@ -6266,7 +6217,7 @@ var containerCSS = function containerCSS2(_ref3) {
 };
 var SelectContainer = function SelectContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
-  return jsx85("div", _extends({}, getStyleProps(props, "container", {
+  return jsx84("div", _extends({}, getStyleProps(props, "container", {
     "--is-disabled": isDisabled,
     "--is-rtl": isRtl
   }), innerProps), children);
@@ -6287,7 +6238,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
 };
 var ValueContainer = function ValueContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
-  return jsx85("div", _extends({}, getStyleProps(props, "valueContainer", {
+  return jsx84("div", _extends({}, getStyleProps(props, "valueContainer", {
     "value-container": true,
     "value-container--is-multi": isMulti,
     "value-container--has-value": hasValue
@@ -6303,7 +6254,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
 };
 var IndicatorsContainer = function IndicatorsContainer2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
+  return jsx84("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
     indicators: true
   }), innerProps), children);
 };
@@ -6324,7 +6275,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 var Svg = function Svg2(_ref3) {
   var size2 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
-  return jsx85("svg", _extends({
+  return jsx84("svg", _extends({
     height: size2,
     width: size2,
     viewBox: "0 0 20 20",
@@ -6334,16 +6285,16 @@ var Svg = function Svg2(_ref3) {
   }, props));
 };
 var CrossIcon = function CrossIcon2(props) {
-  return jsx85(Svg, _extends({
+  return jsx84(Svg, _extends({
     size: 20
-  }, props), jsx85("path", {
+  }, props), jsx84("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron2(props) {
-  return jsx85(Svg, _extends({
+  return jsx84(Svg, _extends({
     size: 20
-  }, props), jsx85("path", {
+  }, props), jsx84("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
   }));
 };
@@ -6364,18 +6315,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
 var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
+  return jsx84("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
     indicator: true,
     "dropdown-indicator": true
-  }), innerProps), children || jsx85(DownChevron, null));
+  }), innerProps), children || jsx84(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "clearIndicator", {
+  return jsx84("div", _extends({}, getStyleProps(props, "clearIndicator", {
     indicator: true,
     "clear-indicator": true
-  }), innerProps), children || jsx85(CrossIcon, null));
+  }), innerProps), children || jsx84(CrossIcon, null));
 };
 var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
   var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -6391,7 +6342,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator2(props) {
   var innerProps = props.innerProps;
-  return jsx85("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+  return jsx84("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
     "indicator-separator": true
   })));
 };
@@ -6415,7 +6366,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
 };
 var LoadingDot = function LoadingDot2(_ref6) {
   var delay = _ref6.delay, offset2 = _ref6.offset;
-  return jsx85("span", {
+  return jsx84("span", {
     css: /* @__PURE__ */ css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
       backgroundColor: "currentColor",
@@ -6430,20 +6381,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
 };
 var LoadingIndicator = function LoadingIndicator2(_ref7) {
   var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size2 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx85("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx84("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps,
     isRtl,
     size: size2
   }), "loadingIndicator", {
     indicator: true,
     "loading-indicator": true
-  }), innerProps), jsx85(LoadingDot, {
+  }), innerProps), jsx84(LoadingDot, {
     delay: 0,
     offset: isRtl
-  }), jsx85(LoadingDot, {
+  }), jsx84(LoadingDot, {
     delay: 160,
     offset: true
-  }), jsx85(LoadingDot, {
+  }), jsx84(LoadingDot, {
     delay: 320,
     offset: !isRtl
   }));
@@ -6475,7 +6426,7 @@ var css$1 = function css2(_ref3, unstyled) {
 };
 var Control = function Control2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
-  return jsx85("div", _extends({
+  return jsx84("div", _extends({
     ref: innerRef
   }, getStyleProps(props, "control", {
     control: true,
@@ -6497,15 +6448,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
 };
 var Group2 = function Group3(props) {
   var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames2 = props.getClassNames, Heading6 = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "group", {
+  return jsx84("div", _extends({}, getStyleProps(props, "group", {
     group: true
-  }), innerProps), jsx85(Heading6, _extends({}, headingProps, {
+  }), innerProps), jsx84(Heading6, _extends({}, headingProps, {
     selectProps,
     theme,
     getStyles,
     getClassNames: getClassNames2,
     cx
-  }), label), jsx85("div", null, children));
+  }), label), jsx84("div", null, children));
 };
 var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
   var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -6527,7 +6478,7 @@ var GroupHeading = function GroupHeading2(props) {
   var _cleanCommonProps = cleanCommonProps(props);
   _cleanCommonProps.data;
   var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
-  return jsx85("div", _extends({}, getStyleProps(props, "groupHeading", {
+  return jsx84("div", _extends({}, getStyleProps(props, "groupHeading", {
     "group-heading": true
   }), innerProps));
 };
@@ -6579,11 +6530,11 @@ var inputStyle = function inputStyle2(isHidden) {
 var Input2 = function Input3(props) {
   var cx = props.cx, value = props.value;
   var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
-  return jsx85("div", _extends({}, getStyleProps(props, "input", {
+  return jsx84("div", _extends({}, getStyleProps(props, "input", {
     "input-container": true
   }), {
     "data-value": value || ""
-  }), jsx85("input", _extends({
+  }), jsx84("input", _extends({
     className: cx({
       input: true
     }, inputClassName),
@@ -6637,35 +6588,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
 };
 var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
   var children = _ref4.children, innerProps = _ref4.innerProps;
-  return jsx85("div", innerProps, children);
+  return jsx84("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children, innerProps = _ref5.innerProps;
-  return jsx85("div", _extends({
+  return jsx84("div", _extends({
     role: "button"
-  }, innerProps), children || jsx85(CrossIcon, {
+  }, innerProps), children || jsx84(CrossIcon, {
     size: 14
   }));
 }
 var MultiValue = function MultiValue2(props) {
   var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
   var Container2 = components2.Container, Label3 = components2.Label, Remove = components2.Remove;
-  return jsx85(Container2, {
+  return jsx84(Container2, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
       "multi-value": true,
       "multi-value--is-disabled": isDisabled
     })), innerProps),
     selectProps
-  }, jsx85(Label3, {
+  }, jsx84(Label3, {
     data,
     innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
       "multi-value__label": true
     })),
     selectProps
-  }, children), jsx85(Remove, {
+  }, children), jsx84(Remove, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
       "multi-value__remove": true
@@ -6698,7 +6649,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
 };
 var Option = function Option2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "option", {
+  return jsx84("div", _extends({}, getStyleProps(props, "option", {
     option: true,
     "option--is-disabled": isDisabled,
     "option--is-focused": isFocused,
@@ -6722,7 +6673,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
 };
 var Placeholder = function Placeholder2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "placeholder", {
+  return jsx84("div", _extends({}, getStyleProps(props, "placeholder", {
     placeholder: true
   }), innerProps), children);
 };
@@ -6744,7 +6695,7 @@ var css3 = function css4(_ref3, unstyled) {
 };
 var SingleValue = function SingleValue2(props) {
   var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
-  return jsx85("div", _extends({}, getStyleProps(props, "singleValue", {
+  return jsx84("div", _extends({}, getStyleProps(props, "singleValue", {
     "single-value": true,
     "single-value--is-disabled": isDisabled
   }), innerProps), children);
@@ -6832,7 +6783,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 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).";
 }
@@ -6846,7 +6797,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText2(props) {
-  return jsx85("span", _extends({
+  return jsx84("span", _extends({
     css: _ref
   }, props));
 };
@@ -6981,18 +6932,18 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx85(Fragment7, null, jsx85("span", {
+  var ScreenReaderText = jsx84(Fragment7, null, jsx84("span", {
     id: "aria-selection"
-  }, ariaSelected), jsx85("span", {
+  }, ariaSelected), jsx84("span", {
     id: "aria-focused"
-  }, ariaFocused), jsx85("span", {
+  }, ariaFocused), jsx84("span", {
     id: "aria-results"
-  }, ariaResults), jsx85("span", {
+  }, ariaResults), jsx84("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx85(Fragment7, null, jsx85(A11yText$1, {
+  return jsx84(Fragment7, null, jsx84(A11yText$1, {
     id
-  }, isInitialFocus && ScreenReaderText), jsx85(A11yText$1, {
+  }, isInitialFocus && ScreenReaderText), jsx84(A11yText$1, {
     "aria-live": ariaLive,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
@@ -7305,7 +7256,7 @@ var _excluded4 = ["innerRef"];
 function DummyInput(_ref3) {
   var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
   var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
-  return jsx85("input", _extends({
+  return jsx84("input", _extends({
     ref: innerRef
   }, filteredProps, {
     css: /* @__PURE__ */ css({
@@ -7400,7 +7351,7 @@ function useScrollCapture(_ref3) {
     el.removeEventListener("touchstart", onTouchStart, false);
     el.removeEventListener("touchmove", onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  useEffect3(function() {
+  useEffect2(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -7503,7 +7454,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect3(function() {
+  useEffect2(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -7547,7 +7498,7 @@ function ScrollManager(_ref3) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx85(Fragment7, null, lockEnabled && jsx85("div", {
+  return jsx84(Fragment7, null, lockEnabled && jsx84("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -7566,7 +7517,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
 };
 var RequiredInput = function RequiredInput2(_ref3) {
   var name = _ref3.name, onFocus2 = _ref3.onFocus;
-  return jsx85("input", {
+  return jsx84("input", {
     required: true,
     name,
     tabIndex: -1,
@@ -7864,7 +7815,8 @@ var Select = /* @__PURE__ */ function(_Component) {
       prevWasFocused: false,
       inputIsHiddenAfterUpdate: void 0,
       prevProps: void 0,
-      instancePrefix: ""
+      instancePrefix: "",
+      isAppleDevice: false
     };
     _this.blockOptionHover = false;
     _this.isComposing = false;
@@ -7874,7 +7826,6 @@ var Select = /* @__PURE__ */ function(_Component) {
     _this.openAfterFocus = false;
     _this.scrollToFocusedOptionOnUpdate = false;
     _this.userIsDragging = void 0;
-    _this.isAppleDevice = isAppleDevice();
     _this.controlRef = null;
     _this.getControlRef = function(ref) {
       _this.controlRef = ref;
@@ -8367,6 +8318,11 @@ var Select = /* @__PURE__ */ function(_Component) {
       if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) {
         scrollIntoView(this.menuListRef, this.focusedOptionRef);
       }
+      if (isAppleDevice()) {
+        this.setState({
+          isAppleDevice: true
+        });
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -8691,7 +8647,7 @@ var Select = /* @__PURE__ */ function(_Component) {
           "aria-labelledby": this.props["aria-labelledby"],
           "aria-required": required,
           role: "combobox",
-          "aria-activedescendant": this.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
+          "aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
         }, menuIsOpen && {
           "aria-controls": this.getElementId("listbox")
         }), !isSearchable && {
@@ -8706,7 +8662,7 @@ var Select = /* @__PURE__ */ function(_Component) {
             id,
             innerRef: this.getInputRef,
             onBlur: this.onInputBlur,
-            onChange: noop,
+            onChange: noop3,
             onFocus: this.onInputFocus,
             disabled: isDisabled,
             tabIndex,
@@ -8885,7 +8841,7 @@ var Select = /* @__PURE__ */ function(_Component) {
           onMouseOver: onHover,
           tabIndex: -1,
           role: "option",
-          "aria-selected": _this4.isAppleDevice ? void 0 : isSelected
+          "aria-selected": _this4.state.isAppleDevice ? void 0 : isSelected
           // is not supported on Apple devices
         };
         return /* @__PURE__ */ React10.createElement(Option3, _extends({}, commonProps, {
@@ -9045,7 +9001,7 @@ var Select = /* @__PURE__ */ function(_Component) {
         isFocused,
         selectValue,
         focusableOptions,
-        isAppleDevice: this.isAppleDevice
+        isAppleDevice: this.state.isAppleDevice
       }));
     }
   }, {
@@ -9128,7 +9084,7 @@ var Select = /* @__PURE__ */ function(_Component) {
 }(Component);
 Select.defaultProps = defaultProps;
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 var import_objectSpread24 = __toESM(require_objectSpread2());
 var import_slicedToArray3 = __toESM(require_slicedToArray());
 var import_objectWithoutProperties4 = __toESM(require_objectWithoutProperties());
@@ -9149,72 +9105,11 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef24(function(props, ref) {
 });
 var StateManagedSelect$1 = StateManagedSelect;
 
-// ../../node_modules/.pnpm/@react-aria+label@3.7.19_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useLabel.mjs
-import { useId as $83Elw$useId, useLabels as $83Elw$useLabels } from "@react-aria/utils";
-function $d191a55c9702f145$export$8467354a121f1b9f(props) {
-  let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
-  id = (0, $83Elw$useId)(id);
-  let labelId = (0, $83Elw$useId)();
-  let labelProps = {};
-  if (label) {
-    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
-    labelProps = {
-      id: labelId,
-      htmlFor: labelElementType === "label" ? id : void 0
-    };
-  } else if (!ariaLabelledby && !ariaLabel && process.env.NODE_ENV !== "production") console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-  let fieldProps = (0, $83Elw$useLabels)({
-    id,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby
-  });
-  return {
-    labelProps,
-    fieldProps
-  };
-}
-
-// ../../node_modules/.pnpm/@react-aria+label@3.7.19_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useField.mjs
-import { useSlotId as $2kC82$useSlotId, mergeProps as $2kC82$mergeProps } from "@react-aria/utils";
-function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
-  let { description, errorMessage, isInvalid, validationState } = props;
-  let { labelProps, fieldProps } = (0, $d191a55c9702f145$export$8467354a121f1b9f)(props);
-  let descriptionId = (0, $2kC82$useSlotId)([
-    Boolean(description),
-    Boolean(errorMessage),
-    isInvalid,
-    validationState
-  ]);
-  let errorMessageId = (0, $2kC82$useSlotId)([
-    Boolean(description),
-    Boolean(errorMessage),
-    isInvalid,
-    validationState
-  ]);
-  fieldProps = (0, $2kC82$mergeProps)(fieldProps, {
-    "aria-describedby": [
-      descriptionId,
-      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
-      errorMessageId,
-      props["aria-describedby"]
-    ].filter(Boolean).join(" ") || void 0
-  });
-  return {
-    labelProps,
-    fieldProps,
-    descriptionProps: {
-      id: descriptionId
-    },
-    errorMessageProps: {
-      id: errorMessageId
-    }
-  };
-}
-
 // src/Multiselect/Multiselect.tsx
+import { useField } from "@react-aria/label";
 import { useId } from "@react-aria/utils";
-import { cn as cn49, useClassNames as useClassNames50 } from "@marigold/system";
-import { jsx as jsx87, jsxs as jsxs30 } from "react/jsx-runtime";
+import { cn as cn49, useClassNames as useClassNames49 } from "@marigold/system";
+import { jsx as jsx86, jsxs as jsxs30 } from "react/jsx-runtime";
 var propsToBeRemoved = [
   "clearValue",
   "getStyles",
@@ -9240,7 +9135,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
     },
     {}
   );
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx86(
     _Input2,
     {
       disabled: props.isDisabled,
@@ -9251,7 +9146,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
   );
 };
 var MultiValueRemove2 = ({ innerProps }) => {
-  return /* @__PURE__ */ jsx87(Button11, { slot: "remove", ...innerProps, children: /* @__PURE__ */ jsx87("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx87("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
+  return /* @__PURE__ */ jsx86(Button10, { slot: "remove", ...innerProps, children: /* @__PURE__ */ jsx86("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx86("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
 };
 var getClassNames = (classNames3) => ({
   control: () => cn49(
@@ -9286,7 +9181,7 @@ var Multiselect = ({
   width,
   ...rest
 }) => {
-  const classNames3 = useClassNames50({
+  const classNames3 = useClassNames49({
     component: "MultiSelect",
     size: size2,
     variant
@@ -9300,11 +9195,11 @@ var Multiselect = ({
     onChange: onSelectionChange,
     ...rest
   };
-  let { labelProps, fieldProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+  let { labelProps, fieldProps } = useField({
     label: props.label,
     errorMessage
   });
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx86(
     Provider2,
     {
       values: [
@@ -9342,8 +9237,8 @@ var Multiselect = ({
           "data-invalid": error,
           "data-readonly": readOnly,
           children: [
-            props.label && /* @__PURE__ */ jsx87(_Label, { ...labelProps, children: props.label }),
-            /* @__PURE__ */ jsx87(
+            props.label && /* @__PURE__ */ jsx86(_Label, { ...labelProps, children: props.label }),
+            /* @__PURE__ */ jsx86(
               StateManagedSelect$1,
               {
                 ...props,
@@ -9379,19 +9274,19 @@ var Multiselect = ({
                   Input: Input4,
                   MultiValueRemove: MultiValueRemove2,
                   // eslint-disable-next-line react/prop-types
-                  DropdownIndicator: ({ innerProps, isDisabled }) => /* @__PURE__ */ jsx87(
+                  DropdownIndicator: ({ innerProps, isDisabled }) => /* @__PURE__ */ jsx86(
                     "button",
                     {
                       ...innerProps,
                       disabled: isDisabled,
                       className: classNames3.icon,
-                      children: /* @__PURE__ */ jsx87(ChevronDown, { className: "size-4" })
+                      children: /* @__PURE__ */ jsx86(ChevronDown, { className: "size-4" })
                     }
                   )
                 }
               }
             ),
-            /* @__PURE__ */ jsx87(HelpText, { description, errorMessage })
+            /* @__PURE__ */ jsx86(HelpText, { description, errorMessage })
           ]
         }
       )
@@ -9402,13 +9297,13 @@ var Multiselect = ({
 // src/NumberField/NumberField.tsx
 import { forwardRef as forwardRef25 } from "react";
 import { Group as Group4, Input as Input5, NumberField } from "react-aria-components";
-import { cn as cn51, useClassNames as useClassNames51 } from "@marigold/system";
+import { cn as cn51, useClassNames as useClassNames50 } from "@marigold/system";
 
 // src/NumberField/StepButton.tsx
-import { Button as Button12 } from "react-aria-components";
+import { Button as Button11 } from "react-aria-components";
 import { cn as cn50 } from "@marigold/system";
-import { jsx as jsx88 } from "react/jsx-runtime";
-var Plus = () => /* @__PURE__ */ jsx88("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx88(
+import { jsx as jsx87 } from "react/jsx-runtime";
+var Plus = () => /* @__PURE__ */ jsx87("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx87(
   "path",
   {
     fillRule: "evenodd",
@@ -9416,7 +9311,7 @@ var Plus = () => /* @__PURE__ */ jsx88("svg", { width: 16, height: 16, viewBox:
     d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
   }
 ) });
-var Minus = () => /* @__PURE__ */ jsx88("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx88(
+var Minus = () => /* @__PURE__ */ jsx87("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx87(
   "path",
   {
     fillRule: "evenodd",
@@ -9426,8 +9321,8 @@ var Minus = () => /* @__PURE__ */ jsx88("svg", { width: 16, height: 16, viewBox:
 ) });
 var _StepButton = ({ direction, className, ...props }) => {
   const Icon4 = direction === "up" ? Plus : Minus;
-  return /* @__PURE__ */ jsx88(
-    Button12,
+  return /* @__PURE__ */ jsx87(
+    Button11,
     {
       className: cn50(
         [
@@ -9437,13 +9332,13 @@ var _StepButton = ({ direction, className, ...props }) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx88(Icon4, {})
+      children: /* @__PURE__ */ jsx87(Icon4, {})
     }
   );
 };
 
 // src/NumberField/NumberField.tsx
-import { jsx as jsx89, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs31 } from "react/jsx-runtime";
 var _NumberField = forwardRef25(
   ({
     variant,
@@ -9455,7 +9350,7 @@ var _NumberField = forwardRef25(
     hideStepper,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames51({
+    const classNames3 = useClassNames50({
       component: "NumberField",
       size: size2,
       variant
@@ -9468,7 +9363,7 @@ var _NumberField = forwardRef25(
       ...rest
     };
     const showStepper = !hideStepper && !readOnly;
-    return /* @__PURE__ */ jsx89(
+    return /* @__PURE__ */ jsx88(
       FieldBase,
       {
         as: NumberField,
@@ -9476,7 +9371,7 @@ var _NumberField = forwardRef25(
         "data-readonly": readOnly ? "true" : void 0,
         "data-stepper": showStepper ? "true" : void 0,
         children: /* @__PURE__ */ jsxs31(Group4, { className: cn51("flex items-stretch", classNames3.group), children: [
-          showStepper && /* @__PURE__ */ jsx89(
+          showStepper && /* @__PURE__ */ jsx88(
             _StepButton,
             {
               className: classNames3.stepper,
@@ -9484,14 +9379,14 @@ var _NumberField = forwardRef25(
               slot: "decrement"
             }
           ),
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx88(
             Input5,
             {
               ref,
               className: cn51("h-full flex-1 outline-none", classNames3.input)
             }
           ),
-          showStepper && /* @__PURE__ */ jsx89(
+          showStepper && /* @__PURE__ */ jsx88(
             _StepButton,
             {
               className: classNames3.stepper,
@@ -9506,21 +9401,18 @@ var _NumberField = forwardRef25(
 );
 
 // src/Pagination/Pagination.tsx
-import { useEffect as useEffect4, useRef as useRef9, useState as useState5 } from "react";
+import { useEffect as useEffect3, useRef as useRef9, useState as useState5 } from "react";
 import { FocusScope as FocusScope2, useFocusManager } from "@react-aria/focus";
 import { useClassNames as useClassNames54 } from "@marigold/system";
 
 // src/Pagination/Ellipsis.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { useClassNames as useClassNames51 } from "@marigold/system";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var Ellipsis = () => {
-  return /* @__PURE__ */ jsx90(
-    "span",
-    {
-      className: "text-text-base flex h-8 w-8 items-center justify-center",
-      "aria-label": "These pages are hidden",
-      children: "\u2026"
-    }
-  );
+  const { ellipsis } = useClassNames51({
+    component: "Pagination"
+  });
+  return /* @__PURE__ */ jsx89("span", { className: ellipsis, "aria-label": "These pages are hidden", children: "\u2026" });
 };
 
 // src/Pagination/NavigationButton.tsx
@@ -9530,7 +9422,7 @@ import { cn as cn52, useClassNames as useClassNames52 } from "@marigold/system";
 import { jsxs as jsxs32 } from "react/jsx-runtime";
 var NavigationButton = (props) => {
   const ref = useRef7(null);
-  const classNames3 = useClassNames52({
+  const { navigationButton } = useClassNames52({
     component: "Pagination"
   });
   let { buttonProps } = useButton2(props, ref);
@@ -9550,7 +9442,7 @@ var NavigationButton = (props) => {
       ...buttonProps,
       ...rest,
       disabled: isDisabled,
-      className: cn52(classNames3.navigationButton, controlLabel && "w-24 px-2"),
+      className: cn52(navigationButton, controlLabel && "w-24 px-2"),
       "data-selected": isSelected,
       children: [
         position2 === "left" && children,
@@ -9565,22 +9457,22 @@ var NavigationButton = (props) => {
 import { useRef as useRef8 } from "react";
 import { useButton as useButton3 } from "@react-aria/button";
 import { useClassNames as useClassNames53 } from "@marigold/system";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var PageButton = (props) => {
   const ref = useRef8(null);
-  const classNames3 = useClassNames53({
+  const { pageButton } = useClassNames53({
     component: "Pagination"
   });
   let { buttonProps } = useButton3(props, ref);
   let { page, selected, isDisabled } = props;
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx90(
     "button",
     {
       ref,
       ...buttonProps,
       "aria-label": `Page ${page}`,
       "aria-current": selected ? "page" : void 0,
-      className: classNames3.pageButton,
+      className: pageButton,
       "data-selected": selected,
       disabled: isDisabled,
       tabIndex: selected === true ? 0 : -1,
@@ -9620,7 +9512,7 @@ var usePageRange = ({ currentPage, totalPages }) => {
 };
 
 // src/Pagination/Pagination.tsx
-import { Fragment as Fragment8, jsx as jsx92, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx91, jsxs as jsxs33 } from "react/jsx-runtime";
 var InnerPagination = ({
   currentPage,
   pageSize,
@@ -9634,7 +9526,7 @@ var InnerPagination = ({
   const isFirstPage = currentPage === 1;
   const isLastPage = currentPage === totalPages || totalPages === 0;
   const isFirstRender = useRef9(true);
-  useEffect4(() => {
+  useEffect3(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
@@ -9647,7 +9539,9 @@ var InnerPagination = ({
       onChange2(newPage);
     }
   };
-  const classNames3 = useClassNames54({ component: "Pagination" });
+  const { icon, container } = useClassNames54({
+    component: "Pagination"
+  });
   const handleKeyDown = (onEnter) => (e) => {
     if (e.key === "ArrowRight") {
       e.preventDefault();
@@ -9661,7 +9555,7 @@ var InnerPagination = ({
     }
   };
   return /* @__PURE__ */ jsxs33(Fragment8, { children: [
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx91(
       NavigationButton,
       {
         onClick: () => handlePageChange(Math.max(1, currentPage - 1)),
@@ -9670,11 +9564,11 @@ var InnerPagination = ({
         controlLabel: controlLabels == null ? void 0 : controlLabels[0],
         position: "left",
         onKeyDown: handleKeyDown(() => handlePageChange(currentPage - 1)),
-        children: /* @__PURE__ */ jsx92(ChevronLeft, { className: classNames3.icon })
+        children: /* @__PURE__ */ jsx91(ChevronLeft, { className: icon })
       }
     ),
-    /* @__PURE__ */ jsx92("div", { className: "flex items-center space-x-2", children: totalPages > 0 ? pageRange.map(
-      (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ jsx92(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx91("div", { className: container, children: totalPages > 0 ? pageRange.map(
+      (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ jsx91(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ jsx91(
         PageButton,
         {
           page: pageNumber,
@@ -9684,8 +9578,8 @@ var InnerPagination = ({
         },
         pageNumber
       )
-    ) : /* @__PURE__ */ jsx92(PageButton, { page: 1, isDisabled: true }, 1) }),
-    /* @__PURE__ */ jsx92(
+    ) : /* @__PURE__ */ jsx91(PageButton, { page: 1, isDisabled: true }, 1) }),
+    /* @__PURE__ */ jsx91(
       NavigationButton,
       {
         onClick: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
@@ -9694,7 +9588,7 @@ var InnerPagination = ({
         controlLabel: controlLabels == null ? void 0 : controlLabels[1],
         position: "right",
         onKeyDown: handleKeyDown(() => handlePageChange(currentPage + 1)),
-        children: /* @__PURE__ */ jsx92(ChevronRight, { className: classNames3.icon })
+        children: /* @__PURE__ */ jsx91(ChevronRight, { className: icon })
       }
     )
   ] });
@@ -9709,12 +9603,13 @@ var _Pagination = ({
   const [currentPage, setCurrentPage] = useState5(page != null ? page : defaultPage);
   const totalPages = Math.ceil(totalItems / pageSize);
   const pageRange = usePageRange({ currentPage, totalPages });
-  return /* @__PURE__ */ jsx92(
+  const { container } = useClassNames54({ component: "Pagination" });
+  return /* @__PURE__ */ jsx91(
     "nav",
     {
-      className: "flex items-center justify-center space-x-2",
+      className: container,
       "aria-label": `Page ${currentPage} of ${totalPages}`,
-      children: /* @__PURE__ */ jsx92(FocusScope2, { restoreFocus: true, children: /* @__PURE__ */ jsx92(
+      children: /* @__PURE__ */ jsx91(FocusScope2, { restoreFocus: true, children: /* @__PURE__ */ jsx91(
         InnerPagination,
         {
           pageSize,
@@ -9729,6 +9624,41 @@ var _Pagination = ({
   );
 };
 
+// src/Provider/index.ts
+import { useTheme, ThemeProvider as ThemeProvider2 } from "@marigold/system";
+import { I18nProvider } from "@react-aria/i18n";
+
+// src/Provider/MarigoldProvider.tsx
+import { ThemeProvider } from "@marigold/system";
+import { jsx as jsx92 } from "react/jsx-runtime";
+function MarigoldProvider({
+  children,
+  className,
+  theme
+}) {
+  return /* @__PURE__ */ jsx92(ThemeProvider, { theme, className, children });
+}
+
+// src/Provider/OverlayContainerProvider.tsx
+import { UNSAFE_PortalProvider as PortalProvider } from "@react-aria/overlays";
+import { jsx as jsx93 } from "react/jsx-runtime";
+var getContainer = (container) => () => {
+  if (container) {
+    const element = document.getElementById(container);
+    if (!element) {
+      console.warn(
+        `OverlayContainerProvider: Container with id "${container}" not found.`
+      );
+    }
+    return element;
+  }
+  return null;
+};
+var OverlayContainerProvider = ({
+  container,
+  children
+}) => /* @__PURE__ */ jsx93(PortalProvider, { getContainer: getContainer(container), children });
+
 // src/Radio/Radio.tsx
 import {
   forwardRef as forwardRef26
@@ -9737,16 +9667,16 @@ import { Radio } from "react-aria-components";
 import { cn as cn54, useClassNames as useClassNames56 } from "@marigold/system";
 
 // src/Radio/Context.ts
-import { createContext as createContext12, useContext as useContext22 } from "react";
-var RadioGroupContext = createContext12(
+import { createContext as createContext11, useContext as useContext21 } from "react";
+var RadioGroupContext = createContext11(
   null
 );
-var useRadioGroupContext = () => useContext22(RadioGroupContext);
+var useRadioGroupContext = () => useContext21(RadioGroupContext);
 
 // src/Radio/RadioGroup.tsx
 import { RadioGroup } from "react-aria-components";
 import { cn as cn53, useClassNames as useClassNames55 } from "@marigold/system";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var _RadioGroup = ({
   variant,
   size: size2,
@@ -9770,7 +9700,7 @@ var _RadioGroup = ({
     isInvalid: error,
     ...rest
   };
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     FieldBase,
     {
       as: RadioGroup,
@@ -9781,7 +9711,7 @@ var _RadioGroup = ({
       variant,
       size: size2,
       ...props,
-      children: /* @__PURE__ */ jsx93(
+      children: /* @__PURE__ */ jsx94(
         "div",
         {
           role: "presentation",
@@ -9792,7 +9722,7 @@ var _RadioGroup = ({
             "flex items-start",
             orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
           ),
-          children: /* @__PURE__ */ jsx93(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
+          children: /* @__PURE__ */ jsx94(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
         }
       )
     }
@@ -9800,9 +9730,9 @@ var _RadioGroup = ({
 };
 
 // src/Radio/Radio.tsx
-import { Fragment as Fragment9, jsx as jsx94, jsxs as jsxs34 } from "react/jsx-runtime";
-var Dot = () => /* @__PURE__ */ jsx94("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ jsx94("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
-var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx94(
+import { Fragment as Fragment9, jsx as jsx95, jsxs as jsxs34 } from "react/jsx-runtime";
+var Dot = () => /* @__PURE__ */ jsx95("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ jsx95("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
+var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx95(
   "div",
   {
     className: cn54(
@@ -9811,7 +9741,7 @@ var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx94(
     ),
     "aria-hidden": "true",
     ...props,
-    children: checked ? /* @__PURE__ */ jsx94(Dot, {}) : null
+    children: checked ? /* @__PURE__ */ jsx95(Dot, {}) : null
   }
 );
 var _Radio = forwardRef26(
@@ -9822,7 +9752,7 @@ var _Radio = forwardRef26(
       variant: variant || props.variant,
       size: size2 || props.size
     });
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       Radio,
       {
         ref,
@@ -9836,7 +9766,7 @@ var _Radio = forwardRef26(
         isDisabled: disabled,
         ...props,
         children: ({ isSelected }) => /* @__PURE__ */ jsxs34(Fragment9, { children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx95(
             Icon3,
             {
               checked: isSelected,
@@ -9846,7 +9776,7 @@ var _Radio = forwardRef26(
               )
             }
           ),
-          /* @__PURE__ */ jsx94("div", { className: classNames3.label, children })
+          /* @__PURE__ */ jsx95("div", { className: classNames3.label, children })
         ] })
       }
     );
@@ -9857,7 +9787,7 @@ _Radio.Group = _RadioGroup;
 // src/SearchField/SearchField.tsx
 import { forwardRef as forwardRef27 } from "react";
 import { SearchField } from "react-aria-components";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var _SearchField = forwardRef27(
   ({ disabled, required, readOnly, error, action, ...rest }, ref) => {
     const props = {
@@ -9867,7 +9797,7 @@ var _SearchField = forwardRef27(
       isReadOnly: readOnly,
       isInvalid: error
     };
-    return /* @__PURE__ */ jsx95(FieldBase, { as: SearchField, ...props, children: /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(FieldBase, { as: SearchField, ...props, children: /* @__PURE__ */ jsx96(
       SearchInput,
       {
         ref,
@@ -9883,7 +9813,7 @@ import {
 } from "react";
 import { Select as Select2, SelectValue } from "react-aria-components";
 import { cn as cn55, useClassNames as useClassNames57 } from "@marigold/system";
-import { jsx as jsx96, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs35 } from "react/jsx-runtime";
 var _Select = forwardRef28(
   ({
     disabled,
@@ -9914,12 +9844,12 @@ var _Select = forwardRef28(
             classNames3.select
           ),
           children: [
-            /* @__PURE__ */ jsx96(SelectValue, { className: "[&>[slot=description]]:hidden" }),
-            /* @__PURE__ */ jsx96(ChevronDown, { className: cn55("size-4", classNames3.icon) })
+            /* @__PURE__ */ jsx97(SelectValue, { className: "[&>[slot=description]]:hidden" }),
+            /* @__PURE__ */ jsx97(ChevronDown, { className: cn55("size-4", classNames3.icon) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx96(_Popover, { children: /* @__PURE__ */ jsx96(_ListBox, { items, children: props.children }) })
+      /* @__PURE__ */ jsx97(_Popover, { children: /* @__PURE__ */ jsx97(_ListBox, { items, children: props.children }) })
     ] });
   }
 );
@@ -9934,22 +9864,22 @@ import { GridList as SelectList } from "react-aria-components";
 import { cn as cn57, useClassNames as useClassNames58 } from "@marigold/system";
 
 // src/SelectList/Context.ts
-import { createContext as createContext13, useContext as useContext23 } from "react";
-var SelectListContext = createContext13(
+import { createContext as createContext12, useContext as useContext22 } from "react";
+var SelectListContext = createContext12(
   {}
 );
-var useSelectListContext = () => useContext23(SelectListContext);
+var useSelectListContext = () => useContext22(SelectListContext);
 
 // src/SelectList/SelectListAction.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
-var SelectListAction = ({ children }) => /* @__PURE__ */ jsx97("div", { className: "order-last", children });
+import { jsx as jsx98 } from "react/jsx-runtime";
+var SelectListAction = ({ children }) => /* @__PURE__ */ jsx98("div", { className: "order-last", children });
 
 // src/SelectList/SelectListItem.tsx
 import { forwardRef as forwardRef29 } from "react";
 import { GridListItem as SelectListItem } from "react-aria-components";
 import { cn as cn56 } from "@marigold/system";
-import { jsx as jsx98, jsxs as jsxs36 } from "react/jsx-runtime";
-var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx98("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx98(
+import { jsx as jsx99, jsxs as jsxs36 } from "react/jsx-runtime";
+var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx99("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx99(
   "path",
   {
     fill: "currentColor",
@@ -9960,10 +9890,10 @@ var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx98("svg", { width: "12px"
 var SelectionIndicator = ({ selectionMode }) => {
   switch (selectionMode) {
     case "multiple": {
-      return /* @__PURE__ */ jsx98(_Checkbox, { slot: "selection" });
+      return /* @__PURE__ */ jsx99(_Checkbox, { slot: "selection" });
     }
     case "single": {
-      return /* @__PURE__ */ jsx98(CheckMark3, { className: "invisible hidden" });
+      return /* @__PURE__ */ jsx99(CheckMark3, { className: "invisible hidden" });
     }
   }
 };
@@ -9971,7 +9901,7 @@ var _SelectListItem = forwardRef29(
   ({ children, disabled, ...props }, ref) => {
     let textValue = typeof children === "string" ? children : void 0;
     const { classNames: classNames3 } = useSelectListContext();
-    return /* @__PURE__ */ jsx98(
+    return /* @__PURE__ */ jsx99(
       SelectListItem,
       {
         isDisabled: disabled,
@@ -9983,7 +9913,7 @@ var _SelectListItem = forwardRef29(
         ),
         ref,
         children: ({ selectionMode }) => /* @__PURE__ */ jsxs36("div", { className: "selection-indicator contents", children: [
-          /* @__PURE__ */ jsx98(SelectionIndicator, { selectionMode }),
+          /* @__PURE__ */ jsx99(SelectionIndicator, { selectionMode }),
           children
         ] })
       }
@@ -9992,7 +9922,7 @@ var _SelectListItem = forwardRef29(
 );
 
 // src/SelectList/SelectList.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var _SelectList = forwardRef30(
   ({ onChange: onChange2, ...rest }, ref) => {
     const classNames3 = useClassNames58({ component: "ListBox" });
@@ -10000,7 +9930,7 @@ var _SelectList = forwardRef30(
       onSelectionChange: onChange2,
       ...rest
     };
-    return /* @__PURE__ */ jsx99(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx99("div", { className: classNames3.container, children: /* @__PURE__ */ jsx99(
+    return /* @__PURE__ */ jsx100(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx100("div", { className: classNames3.container, children: /* @__PURE__ */ jsx100(
       SelectList,
       {
         ...props,
@@ -10020,17 +9950,20 @@ _SelectList.Action = SelectListAction;
 
 // src/Scrollable/Scrollable.tsx
 import { cn as cn58, createVar as createVar6, width as twWidth3 } from "@marigold/system";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var Scrollable = ({
   children,
   width = "full",
   height,
   ...props
-}) => /* @__PURE__ */ jsx100(
+}) => /* @__PURE__ */ jsx101(
   "div",
   {
     ...props,
-    className: cn58(["sticky h-(--height) overflow-auto", twWidth3[width]]),
+    className: cn58([
+      "sticky h-(--height) overflow-auto overscroll-none",
+      twWidth3[width]
+    ]),
     style: createVar6({ height }),
     children
   }
@@ -10049,7 +9982,7 @@ import {
   width as twWidth4,
   useClassNames as useClassNames59
 } from "@marigold/system";
-import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx102, jsxs as jsxs37 } from "react/jsx-runtime";
 var _Slider = forwardRef31(
   ({
     thumbLabels,
@@ -10081,14 +10014,14 @@ var _Slider = forwardRef31(
         ref,
         ...props,
         children: [
-          label && /* @__PURE__ */ jsx101(_Label, { children: label }),
-          /* @__PURE__ */ jsx101(SliderOutput, { className: cn59("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
-          /* @__PURE__ */ jsx101(
+          label && /* @__PURE__ */ jsx102(_Label, { children: label }),
+          /* @__PURE__ */ jsx102(SliderOutput, { className: cn59("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
+          /* @__PURE__ */ jsx102(
             SliderTrack,
             {
               className: cn59("relative col-span-2 h-2 w-full", classNames3.track),
               children: ({ state }) => /* @__PURE__ */ jsxs37(Fragment10, { children: [
-                /* @__PURE__ */ jsx101(
+                /* @__PURE__ */ jsx102(
                   "div",
                   {
                     className: cn59(
@@ -10097,7 +10030,7 @@ var _Slider = forwardRef31(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx101(
+                /* @__PURE__ */ jsx102(
                   "div",
                   {
                     className: cn59(
@@ -10110,7 +10043,7 @@ var _Slider = forwardRef31(
                     }
                   }
                 ),
-                state.values.map((_, i) => /* @__PURE__ */ jsx101(
+                state.values.map((_, i) => /* @__PURE__ */ jsx102(
                   SliderThumb,
                   {
                     className: cn59("top-1/2 cursor-pointer", classNames3.thumb),
@@ -10130,13 +10063,13 @@ var _Slider = forwardRef31(
 );
 
 // src/Split/Split.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
-var Split = () => /* @__PURE__ */ jsx102("div", { role: "separator", className: "grow" });
+import { jsx as jsx103 } from "react/jsx-runtime";
+var Split = () => /* @__PURE__ */ jsx103("div", { role: "separator", className: "grow" });
 
 // src/Stack/Stack.tsx
 import { Children as Children3 } from "react";
 import { alignment as alignment3, cn as cn60, gapSpace as gapSpace8 } from "@marigold/system";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var Stack = ({
   children,
   space = 0,
@@ -10148,8 +10081,8 @@ var Stack = ({
 }) => {
   var _a, _b, _c, _d;
   const Component2 = asList ? "ul" : "div";
-  const stackChildren = asList ? Children3.map(children, (child) => child != null ? /* @__PURE__ */ jsx103("li", { children: child }) : null) : children;
-  return /* @__PURE__ */ jsx103(
+  const stackChildren = asList ? Children3.map(children, (child) => child != null ? /* @__PURE__ */ jsx104("li", { children: child }) : null) : children;
+  return /* @__PURE__ */ jsx104(
     Component2,
     {
       className: cn60(
@@ -10173,7 +10106,7 @@ import {
   width as twWidth5,
   useClassNames as useClassNames60
 } from "@marigold/system";
-import { jsx as jsx104, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs38 } from "react/jsx-runtime";
 var _Switch = forwardRef32(
   ({
     variant,
@@ -10204,8 +10137,8 @@ var _Switch = forwardRef32(
           classNames3.container
         ),
         children: [
-          label && /* @__PURE__ */ jsx104(_Label, { elementType: "span", children: label }),
-          /* @__PURE__ */ jsx104("div", { className: "relative", children: /* @__PURE__ */ jsx104("div", { className: classNames3.track, children: /* @__PURE__ */ jsx104("div", { className: classNames3.thumb }) }) })
+          label && /* @__PURE__ */ jsx105(_Label, { elementType: "span", children: label }),
+          /* @__PURE__ */ jsx105("div", { className: "relative", children: /* @__PURE__ */ jsx105("div", { className: classNames3.track, children: /* @__PURE__ */ jsx105("div", { className: classNames3.thumb }) }) })
         ]
       }
     );
@@ -10226,13 +10159,13 @@ import {
 import { cn as cn67, useClassNames as useClassNames62 } from "@marigold/system";
 
 // src/Table/Context.tsx
-import { createContext as createContext14, useContext as useContext24 } from "react";
-var TableContext = createContext14({});
-var useTableContext = () => useContext24(TableContext);
+import { createContext as createContext13, useContext as useContext23 } from "react";
+var TableContext = createContext13({});
+var useTableContext = () => useContext23(TableContext);
 
 // src/Table/TableBody.tsx
 import { useTableRowGroup } from "@react-aria/table";
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var TableBody = ({
   children,
   className,
@@ -10241,7 +10174,7 @@ var TableBody = ({
   const { rowGroupProps } = useTableRowGroup();
   const { state, classNames: classNames3 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ jsx105("tbody", { className, children: /* @__PURE__ */ jsx105("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx105(
+    return /* @__PURE__ */ jsx106("tbody", { className, children: /* @__PURE__ */ jsx106("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx106(
       "td",
       {
         className: classNames3 == null ? void 0 : classNames3.cell,
@@ -10251,7 +10184,7 @@ var TableBody = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx105("tbody", { ...rowGroupProps, className, children });
+  return /* @__PURE__ */ jsx106("tbody", { ...rowGroupProps, className, children });
 };
 
 // src/Table/TableCell.tsx
@@ -10260,7 +10193,7 @@ import { useFocusRing } from "@react-aria/focus";
 import { useTableCell } from "@react-aria/table";
 import { mergeProps as mergeProps2 } from "@react-aria/utils";
 import { useStateProps } from "@marigold/system";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var TableCell = ({
   cell,
   align = "left",
@@ -10287,7 +10220,7 @@ var TableCell = ({
   };
   const { focusProps, isFocusVisible } = useFocusRing();
   const stateProps = useStateProps({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     "td",
     {
       ref,
@@ -10329,7 +10262,7 @@ var mapCheckboxProps = ({
 };
 
 // src/Table/TableCheckboxCell.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var TableCheckboxCell = ({
   cell,
   alignY = "middle"
@@ -10349,7 +10282,7 @@ var TableCheckboxCell = ({
   );
   const { focusProps, isFocusVisible } = useFocusRing2();
   const stateProps = useStateProps2({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(
     "td",
     {
       ref,
@@ -10357,7 +10290,7 @@ var TableCheckboxCell = ({
       ...mergeProps3(gridCellProps, focusProps),
       ...stateProps,
       valign: alignY,
-      children: /* @__PURE__ */ jsx107(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx108(_Checkbox, { ...checkboxProps })
     }
   );
 };
@@ -10369,7 +10302,7 @@ import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
 import { mergeProps as mergeProps4 } from "@react-aria/utils";
 import { cn as cn63, width as twWidth6, useStateProps as useStateProps3 } from "@marigold/system";
-import { jsx as jsx108, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs39 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
@@ -10402,7 +10335,7 @@ var TableColumnHeader = ({
       align,
       children: [
         column2.rendered,
-        column2.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column2.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx108(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx108(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx108("span", { className: "hidden", children: /* @__PURE__ */ jsx108(SortDown, { className: "inline-block" }) }))
+        column2.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column2.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx109(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx109(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx109("span", { className: "hidden", children: /* @__PURE__ */ jsx109(SortDown, { className: "inline-block" }) }))
       ]
     }
   );
@@ -10411,11 +10344,11 @@ var TableColumnHeader = ({
 // src/Table/TableHeader.tsx
 import { useTableRowGroup as useTableRowGroup2 } from "@react-aria/table";
 import { cn as cn64 } from "@marigold/system";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var TableHeader = ({ stickyHeader, children }) => {
   const { rowGroupProps } = useTableRowGroup2();
   const { classNames: classNames3 } = useTableContext();
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     "thead",
     {
       ...rowGroupProps,
@@ -10432,7 +10365,7 @@ var TableHeader = ({ stickyHeader, children }) => {
 // src/Table/TableHeaderRow.tsx
 import { useRef as useRef13 } from "react";
 import { useTableHeaderRow } from "@react-aria/table";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var TableHeaderRow = ({
   item,
   className,
@@ -10441,7 +10374,7 @@ var TableHeaderRow = ({
   const { state } = useTableContext();
   const ref = useRef13(null);
   const { rowProps } = useTableHeaderRow({ node: item }, state, ref);
-  return /* @__PURE__ */ jsx110("tr", { ...rowProps, className, ref, children });
+  return /* @__PURE__ */ jsx111("tr", { ...rowProps, className, ref, children });
 };
 
 // src/Table/TableRow.tsx
@@ -10451,7 +10384,7 @@ import { useHover as useHover2 } from "@react-aria/interactions";
 import { useTableRow } from "@react-aria/table";
 import { mergeProps as mergeProps5 } from "@react-aria/utils";
 import { cn as cn65, useClassNames as useClassNames61, useStateProps as useStateProps4 } from "@marigold/system";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var TableRow = ({ children, row }) => {
   const ref = useRef14(null);
   const { interactive, state, ...ctx } = useTableContext();
@@ -10481,7 +10414,7 @@ var TableRow = ({ children, row }) => {
     focusVisible: isFocusVisible,
     active: isPressed
   });
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     "tr",
     {
       ref,
@@ -10512,7 +10445,7 @@ import {
   width as twWidth7,
   useStateProps as useStateProps5
 } from "@marigold/system";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var TableSelectAllCell = ({
   column: column2,
   width = "auto",
@@ -10534,7 +10467,7 @@ var TableSelectAllCell = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx113(
     "th",
     {
       ref,
@@ -10542,13 +10475,13 @@ var TableSelectAllCell = ({
       ...mergeProps6(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
-      children: /* @__PURE__ */ jsx112(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx113(_Checkbox, { ...checkboxProps })
     }
   );
 };
 
 // src/Table/Table.tsx
-import { jsx as jsx113, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs40 } from "react/jsx-runtime";
 var Table = ({
   variant,
   size: size2,
@@ -10578,7 +10511,7 @@ var Table = ({
     size: size2
   });
   const { collection } = state;
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx114(
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
@@ -10587,14 +10520,18 @@ var Table = ({
         {
           ref: tableRef,
           className: cn67(
-            "group/table",
-            "border-collapse",
+            "group/table border-collapse",
+            /**
+             * Prevents wide tables from causing overlays to become scrollable on
+             * small screens, ensuring overlays remain fixed as intended.
+             */
+            'max-[600px]:[[aria-hidden="true"]_&]:overflow-hidden',
             stretch ? "table w-full" : "block",
             classNames3.table
           ),
           ...gridProps,
           children: [
-            /* @__PURE__ */ jsx113(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx113(
+            /* @__PURE__ */ jsx114(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx114(
               TableHeaderRow,
               {
                 item: headerRow,
@@ -10602,7 +10539,7 @@ var Table = ({
                 children: [...collection.getChildren(headerRow.key)].map(
                   (column2) => {
                     var _a, _b, _c, _d, _e;
-                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx113(
+                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx114(
                       TableSelectAllCell,
                       {
                         width: (_b = column2.props) == null ? void 0 : _b.width,
@@ -10610,7 +10547,7 @@ var Table = ({
                         align: (_c = column2.props) == null ? void 0 : _c.align
                       },
                       column2.key
-                    ) : /* @__PURE__ */ jsx113(
+                    ) : /* @__PURE__ */ jsx114(
                       TableColumnHeader,
                       {
                         width: (_d = column2.props) == null ? void 0 : _d.width,
@@ -10626,17 +10563,17 @@ var Table = ({
             )) }),
             /* @__PURE__ */ jsxs40(TableBody, { className: classNames3.body, emptyState, children: [
               ...collection.rows.map(
-                (row) => row.type === "item" && /* @__PURE__ */ jsx113(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
+                (row) => row.type === "item" && /* @__PURE__ */ jsx114(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
                   var _a, _b;
                   const currentColumn = collection.columns[index2];
-                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx113(
+                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx114(
                     TableCheckboxCell,
                     {
                       cell,
                       alignY
                     },
                     cell.key
-                  ) : /* @__PURE__ */ jsx113(
+                  ) : /* @__PURE__ */ jsx114(
                     TableCell,
                     {
                       align: (_b = currentColumn.props) == null ? void 0 : _b.align,
@@ -10672,7 +10609,7 @@ import {
   textStyle,
   useClassNames as useClassNames63
 } from "@marigold/system";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var _Text = ({
   variant,
   size: size2,
@@ -10693,7 +10630,7 @@ var _Text = ({
   });
   const Component2 = props.slot ? Text2 : as;
   const elementType = props.slot ? { elementType: as } : {};
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx115(
     Component2,
     {
       ...props,
@@ -10718,7 +10655,7 @@ var _Text = ({
 import { forwardRef as forwardRef33 } from "react";
 import { TextArea, TextField } from "react-aria-components";
 import { useClassNames as useClassNames64 } from "@marigold/system";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var _TextArea = forwardRef33(
   ({
     variant,
@@ -10738,14 +10675,14 @@ var _TextArea = forwardRef33(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx115(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx115(TextArea, { className: classNames3, ref, rows }) });
+    return /* @__PURE__ */ jsx116(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx116(TextArea, { className: classNames3, ref, rows }) });
   }
 );
 
 // src/TextField/TextField.tsx
 import { forwardRef as forwardRef34 } from "react";
 import { TextField as TextField2 } from "react-aria-components";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var _TextField = forwardRef34(
   ({ required, disabled, readOnly, error, ...rest }, ref) => {
     const props = {
@@ -10755,13 +10692,13 @@ var _TextField = forwardRef34(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx116(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx116(_Input, { ref }) });
+    return /* @__PURE__ */ jsx117(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx117(_Input, { ref }) });
   }
 );
 
 // src/Tiles/Tiles.tsx
 import { cn as cn69, createVar as createVar7, gapSpace as gapSpace9 } from "@marigold/system";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var Tiles = ({
   space = 0,
   stretch = false,
@@ -10774,7 +10711,7 @@ var Tiles = ({
   if (stretch) {
     column2 = `minmax(${column2}, 1fr)`;
   }
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     "div",
     {
       ...props,
@@ -10792,12 +10729,11 @@ var Tiles = ({
 
 // src/Tooltip/Tooltip.tsx
 import { OverlayArrow, Tooltip } from "react-aria-components";
-import { UNSAFE_PortalProvider as UNSAFE_PortalProvider3 } from "@react-aria/overlays";
 import { cn as cn70, useClassNames as useClassNames65 } from "@marigold/system";
 
 // src/Tooltip/TooltipTrigger.tsx
 import { TooltipTrigger } from "react-aria-components";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var _TooltipTrigger = ({
   delay = 1e3,
   children,
@@ -10811,49 +10747,196 @@ var _TooltipTrigger = ({
     isOpen: open,
     delay
   };
-  return /* @__PURE__ */ jsx118(TooltipTrigger, { ...props, children });
+  return /* @__PURE__ */ jsx119(TooltipTrigger, { ...props, children });
 };
 
 // src/Tooltip/Tooltip.tsx
-import { jsx as jsx119, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs41 } from "react/jsx-runtime";
 var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   const props = {
     ...rest,
     isOpen: open
   };
   const classNames3 = useClassNames65({ component: "Tooltip", variant, size: size2 });
-  const portal = usePortalContainer();
-  return /* @__PURE__ */ jsx119(
-    UNSAFE_PortalProvider3,
+  return /* @__PURE__ */ jsxs41(Tooltip, { ...props, className: cn70("group/tooltip", classNames3.container), children: [
+    /* @__PURE__ */ jsx120(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx120("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx120("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] });
+};
+_Tooltip.Trigger = _TooltipTrigger;
+
+// src/Toast/ToastProvider.tsx
+import {
+  UNSTABLE_ToastQueue as ToastQueue,
+  UNSTABLE_ToastRegion as ToastRegion
+} from "react-aria-components";
+import { flushSync } from "react-dom";
+import { useClassNames as useClassNames67 } from "@marigold/system";
+
+// src/Toast/Toast.tsx
+import { UNSTABLE_ToastContent as RAC_ToastContent } from "react-aria-components";
+import { UNSTABLE_Toast as RAC_Toast, Text as Text3 } from "react-aria-components";
+import { useClassNames as useClassNames66 } from "@marigold/system";
+import { jsx as jsx121, jsxs as jsxs42 } from "react/jsx-runtime";
+var icons3 = {
+  success: () => /* @__PURE__ */ jsx121(
+    "svg",
     {
-      getContainer: () => portal instanceof HTMLElement ? portal : null,
-      children: /* @__PURE__ */ jsxs41(Tooltip, { ...props, className: cn70("group/tooltip", classNames3.container), children: [
-        /* @__PURE__ */ jsx119(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx119("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx119("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-        children
-      ] })
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx121(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  ),
+  info: () => /* @__PURE__ */ jsx121(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx121(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  ),
+  warning: () => /* @__PURE__ */ jsx121(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx121(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  ),
+  error: () => /* @__PURE__ */ jsx121(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx121(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  )
+};
+var Toast = ({ toast }) => {
+  const classNames3 = useClassNames66({
+    component: "Toast",
+    variant: toast.content.variant
+  });
+  const Icon4 = toast.content.variant ? icons3[toast.content.variant] : null;
+  return /* @__PURE__ */ jsxs42(
+    RAC_Toast,
+    {
+      toast,
+      className: classNames3.toast,
+      style: { viewTransitionName: toast.key },
+      children: [
+        /* @__PURE__ */ jsxs42(RAC_ToastContent, { className: classNames3.content, children: [
+          Icon4 && /* @__PURE__ */ jsx121("div", { className: classNames3.icon, slot: "icon", "data-testid": "toast-icon", children: /* @__PURE__ */ jsx121(Icon4, {}) }),
+          /* @__PURE__ */ jsx121(Text3, { slot: "title", className: classNames3.title, children: toast.content.title }),
+          /* @__PURE__ */ jsx121(Stack, { space: 2 }),
+          /* @__PURE__ */ jsx121(Text3, { slot: "description", className: classNames3.description, children: toast.content.description })
+        ] }),
+        /* @__PURE__ */ jsx121(
+          CloseButton,
+          {
+            className: classNames3.closeButton,
+            "aria-label": "Close toast",
+            slot: "close"
+          }
+        )
+      ]
     }
   );
 };
-_Tooltip.Trigger = _TooltipTrigger;
+
+// src/Toast/ToastProvider.tsx
+import { jsx as jsx122 } from "react/jsx-runtime";
+var queue = new ToastQueue({
+  // Wrap state updates in a CSS view transition.
+  wrapUpdate(fn) {
+    if ("startViewTransition" in document) {
+      document.startViewTransition(() => {
+        flushSync(fn);
+      });
+    } else {
+      fn();
+    }
+  }
+});
+var ToastProvider = ({ position: position2 = "bottom-right" }) => {
+  const classNames3 = useClassNames67({
+    component: "Toast"
+  });
+  return /* @__PURE__ */ jsx122(ToastRegion, { queue, className: `${classNames3[position2]} z-50 gap-2`, children: ({ toast }) => /* @__PURE__ */ jsx122(Toast, { toast }) });
+};
+
+// src/Toast/ToastQueue.ts
+function useToast() {
+  const MINIMUM_TIMEOUT_MS = 5e3;
+  const addToast = (options2) => {
+    let { title, description, variant, timeout } = options2;
+    if (timeout && timeout < MINIMUM_TIMEOUT_MS) {
+      timeout = MINIMUM_TIMEOUT_MS;
+    }
+    return queue.add(
+      {
+        title,
+        description,
+        variant
+      },
+      { timeout }
+    );
+  };
+  const clearToasts = () => queue.clear();
+  const removeToast = (key) => queue.close(key);
+  return { addToast, clearToasts, removeToast };
+}
 
 // src/TagGroup/Tag.tsx
 import { Tag } from "react-aria-components";
-import { cn as cn71, useClassNames as useClassNames67 } from "@marigold/system";
+import { cn as cn71, useClassNames as useClassNames69 } from "@marigold/system";
 
 // src/TagGroup/TagGroup.tsx
 import { TagGroup, TagList } from "react-aria-components";
-import { useClassNames as useClassNames66 } from "@marigold/system";
+import { useClassNames as useClassNames68 } from "@marigold/system";
 
 // src/TagGroup/TagGroupHiddenInput.tsx
-import { useContext as useContext25 } from "react";
+import { useContext as useContext24 } from "react";
 import { ListStateContext } from "react-aria-components";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var TagGroupHiddenInput = ({ name }) => {
   var _a;
-  const state = useContext25(ListStateContext);
+  const state = useContext24(ListStateContext);
   const selectedKeys = Array.from((_a = state == null ? void 0 : state.selectionManager.selectedKeys) != null ? _a : []);
   if (!selectedKeys.length) return null;
-  return /* @__PURE__ */ jsx120("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx123("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ jsx123(
     "input",
     {
       type: "checkbox",
@@ -10867,9 +10950,8 @@ var TagGroupHiddenInput = ({ name }) => {
 };
 
 // src/TagGroup/TagGroup.tsx
-import { jsx as jsx121, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs43 } from "react/jsx-runtime";
 var _TagGroup = ({
-  width,
   items,
   children,
   emptyState,
@@ -10878,9 +10960,9 @@ var _TagGroup = ({
   name,
   ...rest
 }) => {
-  const classNames3 = useClassNames66({ component: "Tag", variant, size: size2 });
-  return /* @__PURE__ */ jsxs42(FieldBase, { as: TagGroup, ...rest, children: [
-    /* @__PURE__ */ jsx121(
+  const classNames3 = useClassNames68({ component: "Tag", variant, size: size2 });
+  return /* @__PURE__ */ jsxs43(FieldBase, { as: TagGroup, ...rest, children: [
+    /* @__PURE__ */ jsx124(
       TagList,
       {
         items,
@@ -10889,28 +10971,28 @@ var _TagGroup = ({
         children
       }
     ),
-    name ? /* @__PURE__ */ jsx121(TagGroupHiddenInput, { name }) : null
+    name ? /* @__PURE__ */ jsx124(TagGroupHiddenInput, { name }) : null
   ] });
 };
 
 // src/TagGroup/Tag.tsx
-import { Fragment as Fragment11, jsx as jsx122, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx125, jsxs as jsxs44 } from "react/jsx-runtime";
 var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
   let textValue = typeof children === "string" ? children : void 0;
-  const classNames3 = useClassNames67({ component: "Tag", variant, size: size2 });
+  const classNames3 = useClassNames69({ component: "Tag", variant, size: size2 });
   const props = {
     isDisabled: disabled,
     ...rest
   };
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx125(
     Tag,
     {
       textValue,
       ...props,
       className: cn71("data-selection-mode:cursor-pointer", classNames3.tag),
-      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs43(Fragment11, { children: [
+      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs44(Fragment11, { children: [
         children,
-        allowsRemoving && /* @__PURE__ */ jsx122(CloseButton, { className: classNames3.closeButton, slot: "remove" })
+        allowsRemoving && /* @__PURE__ */ jsx125(CloseButton, { className: classNames3.closeButton, slot: "remove" })
       ] })
     }
   );
@@ -10921,14 +11003,14 @@ _Tag.Group = _TagGroup;
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 
 // src/XLoader/XLoader.tsx
-import { Dialog as Dialog5, Modal as Modal2 } from "react-aria-components";
+import { Dialog as Dialog5, Modal as Modal3 } from "react-aria-components";
 import { useId as useId2 } from "@react-aria/utils";
-import { useClassNames as useClassNames69 } from "@marigold/system";
+import { useClassNames as useClassNames71 } from "@marigold/system";
 
 // src/XLoader/BaseLoader.tsx
 import { Label as Label2, ProgressBar as ProgressBar2 } from "react-aria-components";
 import { useLocalizedStringFormatter as useLocalizedStringFormatter2 } from "@react-aria/i18n";
-import { useClassNames as useClassNames68 } from "@marigold/system";
+import { useClassNames as useClassNames70 } from "@marigold/system";
 
 // src/intl/messages.ts
 var intlMessages2 = {
@@ -10941,7 +11023,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-import { jsx as jsx123, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs45 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10950,8 +11032,8 @@ var BaseLoader = ({
   ...props
 }) => {
   const stringFormatter = useLocalizedStringFormatter2(intlMessages2, "marigold");
-  const className = useClassNames68({ component: "XLoader", variant, size: size2 });
-  return /* @__PURE__ */ jsxs44(
+  const className = useClassNames70({ component: "XLoader", variant, size: size2 });
+  return /* @__PURE__ */ jsxs45(
     ProgressBar2,
     {
       className: className.container,
@@ -10959,7 +11041,7 @@ var BaseLoader = ({
       "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsxs45(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -10967,13 +11049,13 @@ var BaseLoader = ({
             fill: "currentColor",
             className: className.loader,
             children: [
-              /* @__PURE__ */ jsx123("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_5_",
                   d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10986,12 +11068,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_18_",
                   d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11004,12 +11086,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_19_",
                   d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11022,12 +11104,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_20_",
                   d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11040,12 +11122,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_21_",
                   d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11058,12 +11140,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_22_",
                   d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11076,12 +11158,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_23_",
                   d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11094,12 +11176,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_24_",
                   d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11112,12 +11194,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_25_",
                   d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11130,12 +11212,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_26_",
                   d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11148,12 +11230,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx126(
                 "path",
                 {
                   id: "XMLID_27_",
                   d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx123(
+                  children: /* @__PURE__ */ jsx126(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11169,44 +11251,44 @@ var BaseLoader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx123(Label2, { className: className.label, children }) : null
+        children ? /* @__PURE__ */ jsx126(Label2, { className: className.label, children }) : null
       ]
     }
   );
 };
 
 // src/XLoader/XLoader.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var LoaderFullScreen = (props) => {
   const id = useId2();
-  return /* @__PURE__ */ jsx124(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx124(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx124(Dialog5, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx124(BaseLoader, { id, ...props }) }) }) });
+  return /* @__PURE__ */ jsx127(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx127(Modal3, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx127(Dialog5, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx127(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
-  const className = useClassNames69({
+  const className = useClassNames71({
     component: "Underlay",
     variant: "modal",
     className: "flex size-full items-center justify-center"
   });
-  return /* @__PURE__ */ jsx124("div", { className, children: /* @__PURE__ */ jsx124(BaseLoader, { ...props }) });
+  return /* @__PURE__ */ jsx127("div", { className, children: /* @__PURE__ */ jsx127(BaseLoader, { ...props }) });
 };
-var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx124(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx124(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx124(BaseLoader, { variant, ...props });
+var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx127(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx127(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx127(BaseLoader, { variant, ...props });
 
 // src/Tabs/Tabs.tsx
 import { Tabs } from "react-aria-components";
-import { useClassNames as useClassNames70 } from "@marigold/system";
+import { useClassNames as useClassNames72 } from "@marigold/system";
 
 // src/Tabs/Context.ts
-import { createContext as createContext15, useContext as useContext26 } from "react";
-var TabContext = createContext15({});
-var useTabContext = () => useContext26(TabContext);
+import { createContext as createContext14, useContext as useContext25 } from "react";
+var TabContext = createContext14({});
+var useTabContext = () => useContext25(TabContext);
 
 // src/Tabs/Tab.tsx
 import { Tab } from "react-aria-components";
 import { cn as cn72 } from "@marigold/system";
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx128(
     Tab,
     {
       ...props,
@@ -11222,10 +11304,10 @@ var _Tab = (props) => {
 // src/Tabs/TabList.tsx
 import { TabList } from "react-aria-components";
 import { cn as cn73, gapSpace as gapSpace10 } from "@marigold/system";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx129(
     TabList,
     {
       ...props,
@@ -11237,25 +11319,25 @@ var _TabList = ({ space = 2, ...props }) => {
 
 // src/Tabs/TabPanel.tsx
 import { TabPanel } from "react-aria-components";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var _TabPanel = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx127(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
+  return /* @__PURE__ */ jsx130(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
   const props = {
     isDisabled: disabled,
     ...rest
   };
-  const classNames3 = useClassNames70({
+  const classNames3 = useClassNames72({
     component: "Tabs",
     size: size2,
     variant
   });
-  return /* @__PURE__ */ jsx128(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx128(Tabs, { ...props, className: classNames3.container, children: props.children }) });
+  return /* @__PURE__ */ jsx131(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx131(Tabs, { ...props, className: classNames3.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
@@ -11267,8 +11349,8 @@ import { RouterProvider } from "react-aria-components";
 // src/TimeField/TimeField.tsx
 import { forwardRef as forwardRef35 } from "react";
 import { DateInput as DateInput2, DateSegment as DateSegment2, TimeField } from "react-aria-components";
-import { useClassNames as useClassNames71 } from "@marigold/system";
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { useClassNames as useClassNames73 } from "@marigold/system";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var _TimeField = forwardRef35(
   ({
     required,
@@ -11280,7 +11362,7 @@ var _TimeField = forwardRef35(
     width = "full",
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames71({ component: "DateField", variant, size: size2 });
+    const classNames3 = useClassNames73({ component: "DateField", variant, size: size2 });
     const props = {
       isDisabled: disabled,
       isReadOnly: readOnly,
@@ -11288,7 +11370,7 @@ var _TimeField = forwardRef35(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx132(
       FieldBase,
       {
         as: TimeField,
@@ -11297,11 +11379,123 @@ var _TimeField = forwardRef35(
         width,
         ...props,
         ref,
-        children: /* @__PURE__ */ jsx129(DateInput2, { className: classNames3.field, children: (segment) => /* @__PURE__ */ jsx129(DateSegment2, { className: classNames3.segment, segment }) })
+        children: /* @__PURE__ */ jsx132(DateInput2, { className: classNames3.field, children: (segment) => /* @__PURE__ */ jsx132(DateSegment2, { className: classNames3.segment, segment }) })
+      }
+    );
+  }
+);
+
+// src/Breadcrumbs/Breadcrumbs.tsx
+import React13, {
+  forwardRef as forwardRef36
+} from "react";
+import {
+  Breadcrumb as RACBreadcrumb,
+  Breadcrumbs as RACBreadcrumbs
+} from "react-aria-components";
+import { cn as cn74, useClassNames as useClassNames75 } from "@marigold/system";
+
+// src/Breadcrumbs/BreadcrumbEllipsis.tsx
+import React12 from "react";
+import { Button as Button12, Menu as Menu4, MenuItem as MenuItem2, MenuTrigger as MenuTrigger2 } from "react-aria-components";
+import { useClassNames as useClassNames74 } from "@marigold/system";
+import { jsx as jsx133, jsxs as jsxs46 } from "react/jsx-runtime";
+var BreadcrumbEllipsis = ({
+  hiddenItems = [],
+  disabled = false
+}) => {
+  const { container, item: menuItem } = useClassNames74({
+    component: "Menu"
+  });
+  const { item: breadcrumbsItem, link } = useClassNames74({
+    component: "Breadcrumbs"
+  });
+  return /* @__PURE__ */ jsxs46(MenuTrigger2, { children: [
+    /* @__PURE__ */ jsx133(Button12, { type: "button", className: `${breadcrumbsItem} ${link}`, children: "..." }),
+    /* @__PURE__ */ jsx133(_Popover, { children: /* @__PURE__ */ jsx133(Menu4, { className: container, children: hiddenItems.map((item, index2) => {
+      if (!React12.isValidElement(item)) return null;
+      const { href, children: itemChildren } = item.props;
+      return /* @__PURE__ */ jsx133(
+        MenuItem2,
+        {
+          className: menuItem,
+          href,
+          isDisabled: disabled,
+          children: itemChildren
+        },
+        `${href}-${index2}`
+      );
+    }) }) })
+  ] });
+};
+
+// src/Breadcrumbs/BreadcrumbsItem.tsx
+var BreadcrumbsItem = (_) => null;
+
+// src/Breadcrumbs/Breadcrumbs.tsx
+import { jsx as jsx134, jsxs as jsxs47 } from "react/jsx-runtime";
+var _Breadcrumbs = forwardRef36(
+  ({ children, variant, size: size2, disabled, maxVisibleItems, ...props }, ref) => {
+    const {
+      container,
+      item: breadcrumbsItem,
+      link,
+      current
+    } = useClassNames75({
+      component: "Breadcrumbs",
+      variant,
+      size: size2
+    });
+    const items = React13.Children.toArray(children);
+    const total = items.length;
+    const shouldCollapse = typeof maxVisibleItems === "number" && maxVisibleItems >= 2 && total > maxVisibleItems;
+    const hiddenItems = shouldCollapse ? items.slice(1, -1) : [];
+    const ellipsis = /* @__PURE__ */ jsx134(BreadcrumbsItem, { href: "", children: /* @__PURE__ */ jsx134(BreadcrumbEllipsis, { hiddenItems }) }, "ellipsis");
+    const displayedItems = shouldCollapse ? maxVisibleItems === 2 ? [items[0], ellipsis] : [items[0], ellipsis, items[total - 1]] : items;
+    return /* @__PURE__ */ jsx134(
+      RACBreadcrumbs,
+      {
+        ...props,
+        ref,
+        isDisabled: disabled,
+        className: container,
+        children: displayedItems.map((item, index2) => {
+          if (!React13.isValidElement(item)) return null;
+          const isLast = index2 === displayedItems.length - 1;
+          const { href, children: itemChildren, ...ariaProps } = item.props;
+          return /* @__PURE__ */ jsxs47(
+            RACBreadcrumb,
+            {
+              ...ariaProps,
+              className: breadcrumbsItem,
+              children: [
+                /* @__PURE__ */ jsx134(
+                  "a",
+                  {
+                    href,
+                    className: cn74(link, isLast && current),
+                    "aria-current": isLast ? "page" : void 0,
+                    children: itemChildren
+                  }
+                ),
+                !isLast && /* @__PURE__ */ jsx134(
+                  ChevronRight,
+                  {
+                    "aria-hidden": "true",
+                    size: 14,
+                    "data-testid": "breadcrumb-chevronright"
+                  }
+                )
+              ]
+            },
+            `${href}-${index2}`
+          );
+        })
       }
     );
   }
 );
+_Breadcrumbs.Item = BreadcrumbsItem;
 export {
   Accordion,
   AccordionItem,
@@ -11311,6 +11505,7 @@ export {
   _Autocomplete as Autocomplete,
   Badge,
   Body,
+  _Breadcrumbs as Breadcrumbs,
   Breakout,
   _Button as Button,
   _Calendar as Calendar,
@@ -11373,6 +11568,8 @@ export {
   ThemeProvider2 as ThemeProvider,
   Tiles,
   _TimeField as TimeField,
+  Toast,
+  ToastProvider,
   _Tooltip as Tooltip,
   Underlay,
   VisuallyHidden,
@@ -11380,10 +11577,11 @@ export {
   _ContextualHelp,
   gridColsAlign,
   gridColumn,
+  queue,
   useAsyncList,
   useListData,
-  usePortalContainer,
-  useTheme
+  useTheme,
+  useToast
 };
 /*! Bundled license information: