@marigold/components 11.2.3 → 11.3.0

package/dist/index.js

@@ -398,9 +398,9 @@ var require_hoist_non_react_statics_cjs = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/extends.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/extends.js"(exports2, module2) {
     "use strict";
     function _extends2() {
       return module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
@@ -415,9 +415,9 @@ var require_extends = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/typeof.js
 var require_typeof = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/typeof.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/typeof.js"(exports2, module2) {
     "use strict";
     function _typeof2(o) {
       "@babel/helpers - typeof";
@@ -431,9 +431,9 @@ var require_typeof = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPrimitive.js
 var require_toPrimitive = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports2, module2) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     function toPrimitive2(t, r) {
@@ -450,9 +450,9 @@ var require_toPrimitive = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPropertyKey.js
 var require_toPropertyKey = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports2, module2) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var toPrimitive2 = require_toPrimitive();
@@ -464,9 +464,9 @@ var require_toPropertyKey = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/defineProperty.js
 var require_defineProperty = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/defineProperty.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/defineProperty.js"(exports2, module2) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperty2(e, r, t) {
@@ -481,9 +481,9 @@ var require_defineProperty = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectSpread2.js
 var require_objectSpread2 = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports2, module2) {
     "use strict";
     var defineProperty = require_defineProperty();
     function ownKeys2(e, r) {
@@ -511,9 +511,9 @@ var require_objectSpread2 = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js
 var require_arrayWithHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports2, module2) {
     "use strict";
     function _arrayWithHoles2(r) {
       if (Array.isArray(r)) return r;
@@ -522,9 +522,9 @@ var require_arrayWithHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
 var require_iterableToArrayLimit = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports2, module2) {
     "use strict";
     function _iterableToArrayLimit2(r, l) {
       var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -551,9 +551,9 @@ var require_iterableToArrayLimit = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
 var require_arrayLikeToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports2, module2) {
     "use strict";
     function _arrayLikeToArray2(r, a) {
       (null == a || a > r.length) && (a = r.length);
@@ -564,9 +564,9 @@ var require_arrayLikeToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
 var require_unsupportedIterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports2, module2) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _unsupportedIterableToArray2(r, a) {
@@ -580,9 +580,9 @@ var require_unsupportedIterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableRest.js
 var require_nonIterableRest = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports2, module2) {
     "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.");
@@ -591,9 +591,9 @@ var require_nonIterableRest = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/slicedToArray.js
 var require_slicedToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports2, module2) {
     "use strict";
     var arrayWithHoles = require_arrayWithHoles();
     var iterableToArrayLimit = require_iterableToArrayLimit();
@@ -606,15 +606,15 @@ var require_slicedToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
 var require_objectWithoutPropertiesLoose = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports2, module2) {
     "use strict";
     function _objectWithoutPropertiesLoose2(r, e) {
       if (null == r) return {};
       var t = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-        if (e.includes(n)) continue;
+        if (-1 !== e.indexOf(n)) continue;
         t[n] = r[n];
       }
       return t;
@@ -623,17 +623,17 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
 var require_objectWithoutProperties = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports2, module2) {
     "use strict";
     var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
     function _objectWithoutProperties2(e, t) {
       if (null == e) return {};
       var o, r, i = objectWithoutPropertiesLoose(e, t);
       if (Object.getOwnPropertySymbols) {
-        var s = Object.getOwnPropertySymbols(e);
-        for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+        var n = Object.getOwnPropertySymbols(e);
+        for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
       }
       return i;
     }
@@ -641,9 +641,9 @@ var require_objectWithoutProperties = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/classCallCheck.js
 var require_classCallCheck = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports2, module2) {
     "use strict";
     function _classCallCheck2(a, n) {
       if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
@@ -652,9 +652,9 @@ var require_classCallCheck = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createClass.js
 var require_createClass = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/createClass.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createClass.js"(exports2, module2) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperties2(e, r) {
@@ -672,9 +672,9 @@ var require_createClass = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js
 var require_setPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports2, module2) {
     "use strict";
     function _setPrototypeOf2(t, e) {
       return module2.exports = _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
@@ -685,9 +685,9 @@ var require_setPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/inherits.js
 var require_inherits = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/inherits.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/inherits.js"(exports2, module2) {
     "use strict";
     var setPrototypeOf = require_setPrototypeOf();
     function _inherits2(t, e) {
@@ -706,9 +706,9 @@ var require_inherits = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js
 var require_getPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports2, module2) {
     "use strict";
     function _getPrototypeOf2(t) {
       return module2.exports = _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
@@ -719,9 +719,9 @@ var require_getPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
 var require_isNativeReflectConstruct = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports2, module2) {
     "use strict";
     function _isNativeReflectConstruct2() {
       try {
@@ -737,9 +737,9 @@ var require_isNativeReflectConstruct = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js
 var require_assertThisInitialized = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports2, module2) {
     "use strict";
     function _assertThisInitialized2(e) {
       if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -749,9 +749,9 @@ var require_assertThisInitialized = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
 var require_possibleConstructorReturn = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports2, module2) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var assertThisInitialized = require_assertThisInitialized();
@@ -764,9 +764,9 @@ var require_possibleConstructorReturn = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createSuper.js
 var require_createSuper = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/createSuper.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createSuper.js"(exports2, module2) {
     "use strict";
     var getPrototypeOf = require_getPrototypeOf();
     var isNativeReflectConstruct = require_isNativeReflectConstruct();
@@ -786,9 +786,9 @@ var require_createSuper = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
 var require_arrayWithoutHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports2, module2) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _arrayWithoutHoles2(r) {
@@ -798,9 +798,9 @@ var require_arrayWithoutHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArray.js
 var require_iterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports2, module2) {
     "use strict";
     function _iterableToArray2(r) {
       if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -809,9 +809,9 @@ var require_iterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js
 var require_nonIterableSpread = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports2, module2) {
     "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.");
@@ -820,9 +820,9 @@ var require_nonIterableSpread = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toConsumableArray.js
 var require_toConsumableArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports2, module2) {
     "use strict";
     var arrayWithoutHoles = require_arrayWithoutHoles();
     var iterableToArray = require_iterableToArray();
@@ -835,9 +835,9 @@ var require_toConsumableArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
 var require_taggedTemplateLiteral = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports2, module2) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports2, module2) {
     "use strict";
     function _taggedTemplateLiteral2(e, t) {
       return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
@@ -896,6 +896,7 @@ __export(index_exports, {
   Menu: () => _Menu,
   Modal: () => _Modal,
   Multiselect: () => Multiselect,
+  NonModal: () => NonModal,
   NumberField: () => _NumberField,
   OverlayContainerProvider: () => OverlayContainerProvider,
   Pagination: () => _Pagination,
@@ -1455,7 +1456,7 @@ var OverlayContainerProvider = OverlayContainerContext.Provider;
 var usePortalContainer = () => {
   const portalContainer = (0, import_react12.useContext)(OverlayContainerContext);
   const isSSR = (0, import_ssr.useIsSSR)();
-  const portal = isSSR ? null : portalContainer ? document.getElementById(portalContainer) : document.body;
+  const portal = isSSR ? void 0 : portalContainer ? document.getElementById(portalContainer) || void 0 : document.body;
   return portal;
 };
 
@@ -3236,11 +3237,9 @@ SectionMessage.Title = SectionMessageTitle;
 SectionMessage.Content = SectionMessageContent;
 
 // src/Multiselect/Multiselect.tsx
-var import_react46 = require("react");
 var import_react_aria_components43 = require("react-aria-components");
-var import_react_aria_components44 = require("react-aria-components");
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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) {
@@ -3250,7 +3249,7 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -3262,13 +3261,13 @@ function toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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,
@@ -3278,7 +3277,7 @@ function _defineProperty(e, r, t) {
   }) : e[r] = t, e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -3301,12 +3300,12 @@ function _objectSpread2(e) {
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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) {
@@ -3329,14 +3328,14 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -3345,39 +3344,39 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 var import_react38 = require("react");
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
@@ -3424,7 +3423,7 @@ function useStateManager(_ref3) {
   });
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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++) {
@@ -3435,16 +3434,16 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/react-select.esm.js
 var React11 = __toESM(require("react"));
 var import_react45 = require("react");
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/createClass.js
 function _defineProperties(e, r) {
   for (var t = 0; t < r.length; t++) {
     var o = r[t];
@@ -3457,14 +3456,14 @@ function _createClass(e, r, t) {
   }), e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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, {
@@ -3478,14 +3477,14 @@ function _inherits(t, e) {
   }), e && _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
 function _isNativeReflectConstruct() {
   try {
     var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
@@ -3497,20 +3496,20 @@ function _isNativeReflectConstruct() {
   })();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/createSuper.js
 function _createSuper(t) {
   var r = _isNativeReflectConstruct();
   return function() {
@@ -3523,27 +3522,27 @@ function _createSuper(t) {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.26.0/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/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.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/Select-aab027f3.esm.js
 var React10 = __toESM(require("react"));
 var import_react43 = require("react");
 
@@ -4867,7 +4866,7 @@ function keyframes() {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
 function _taggedTemplateLiteral(e, t) {
   return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
     raw: {
@@ -4876,7 +4875,7 @@ function _taggedTemplateLiteral(e, t) {
   }));
 }
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/index-641ee5b8.esm.js
 var import_react42 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -5282,7 +5281,7 @@ var import_react40 = require("react");
 var isClient = typeof document !== "undefined";
 var index = isClient ? import_react40.useLayoutEffect : import_react40.useEffect;
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/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() {
 };
@@ -6356,7 +6355,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/Select-aab027f3.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).";
 }
@@ -8201,7 +8200,7 @@ var Select = /* @__PURE__ */ function(_Component) {
       // ==============================
       function renderInput() {
         var _this$props8 = this.props, isDisabled = _this$props8.isDisabled, isSearchable = _this$props8.isSearchable, inputId = _this$props8.inputId, inputValue = _this$props8.inputValue, tabIndex = _this$props8.tabIndex, form = _this$props8.form, menuIsOpen = _this$props8.menuIsOpen, required = _this$props8.required;
-        var _this$getComponents = this.getComponents(), Input5 = _this$getComponents.Input;
+        var _this$getComponents = this.getComponents(), Input6 = _this$getComponents.Input;
         var _this$state4 = this.state, inputIsHidden = _this$state4.inputIsHidden, ariaSelection = _this$state4.ariaSelection;
         var commonProps = this.commonProps;
         var id = inputId || this.getElementId("input");
@@ -8239,7 +8238,7 @@ var Select = /* @__PURE__ */ function(_Component) {
             value: ""
           }, ariaAttributes));
         }
-        return /* @__PURE__ */ React10.createElement(Input5, _extends({}, commonProps, {
+        return /* @__PURE__ */ React10.createElement(Input6, _extends({}, commonProps, {
           autoCapitalize: "none",
           autoComplete: "off",
           autoCorrect: "off",
@@ -8652,7 +8651,7 @@ var Select = /* @__PURE__ */ function(_Component) {
 }(import_react43.Component);
 Select.defaultProps = defaultProps;
 
-// ../../node_modules/.pnpm/react-select@5.9.0_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.0.10_react-dom@19.0.0_react@19.0.0__react@19.0.0/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());
@@ -8673,7 +8672,7 @@ var StateManagedSelect = /* @__PURE__ */ (0, import_react45.forwardRef)(function
 });
 var StateManagedSelect$1 = StateManagedSelect;
 
-// ../../node_modules/.pnpm/@react-aria+label@3.7.14_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/label/dist/useLabel.mjs
+// ../../node_modules/.pnpm/@react-aria+label@3.7.16_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/label/dist/useLabel.mjs
 var import_utils5 = require("@react-aria/utils");
 function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
@@ -8698,7 +8697,7 @@ function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   };
 }
 
-// ../../node_modules/.pnpm/@react-aria+label@3.7.14_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/label/dist/useField.mjs
+// ../../node_modules/.pnpm/@react-aria+label@3.7.16_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/label/dist/useField.mjs
 var import_utils6 = require("@react-aria/utils");
 function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
   let { description, errorMessage, isInvalid, validationState } = props;
@@ -8736,6 +8735,7 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
 }
 
 // src/Multiselect/Multiselect.tsx
+var import_utils7 = require("@react-aria/utils");
 var import_system64 = require("@marigold/system");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var propsToBeRemoved = [
@@ -8764,7 +8764,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
     {}
   );
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-    import_react_aria_components44.Input,
+    import_react_aria_components43.Input,
     {
       disabled: props.isDisabled,
       ref: innerRef,
@@ -8774,7 +8774,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
   );
 };
 var MultiValueRemove2 = ({ innerProps }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_aria_components44.Button, { slot: "remove", ...innerProps, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsx)(import_react_aria_components43.Button, { slot: "remove", ...innerProps, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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: () => (0, import_system64.cn)(
@@ -8887,7 +8887,7 @@ var Multiselect = ({
                 inputId: fieldProps.id,
                 "aria-invalid": error,
                 isClearable: false,
-                instanceId: (0, import_react46.useId)(),
+                instanceId: (0, import_utils7.useId)(),
                 isSearchable: !readOnly,
                 isMulti: true,
                 closeMenuOnSelect: false,
@@ -8918,12 +8918,12 @@ var Multiselect = ({
 };
 
 // src/NumberField/NumberField.tsx
-var import_react47 = require("react");
-var import_react_aria_components46 = require("react-aria-components");
+var import_react46 = require("react");
+var import_react_aria_components45 = require("react-aria-components");
 var import_system66 = require("@marigold/system");
 
 // src/NumberField/StepButton.tsx
-var import_react_aria_components45 = require("react-aria-components");
+var import_react_aria_components44 = require("react-aria-components");
 var import_system65 = require("@marigold/system");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var Plus = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -8945,7 +8945,7 @@ var Minus = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { width:
 var _StepButton = ({ direction, className, ...props }) => {
   const Icon4 = direction === "up" ? Plus : Minus;
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-    import_react_aria_components45.Button,
+    import_react_aria_components44.Button,
     {
       className: (0, import_system65.cn)(
         [
@@ -8962,7 +8962,7 @@ var _StepButton = ({ direction, className, ...props }) => {
 
 // src/NumberField/NumberField.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var _NumberField = (0, import_react47.forwardRef)(
+var _NumberField = (0, import_react46.forwardRef)(
   ({
     variant,
     size: size2,
@@ -8989,10 +8989,11 @@ var _NumberField = (0, import_react47.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       FieldBase,
       {
-        as: import_react_aria_components46.NumberField,
+        as: import_react_aria_components45.NumberField,
         ...props,
         "data-readonly": readOnly ? "true" : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react_aria_components46.Group, { className: (0, import_system66.cn)("flex items-stretch", classNames3.group), children: [
+        "data-stepper": showStepper ? "true" : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react_aria_components45.Group, { className: (0, import_system66.cn)("flex items-stretch", classNames3.group), children: [
           showStepper && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             _StepButton,
             {
@@ -9001,15 +9002,13 @@ var _NumberField = (0, import_react47.forwardRef)(
               slot: "decrement"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-            _Input,
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+            import_react_aria_components45.Input,
             {
               ref,
-              variant,
-              size: size2,
-              className: classNames3.input
+              className: (0, import_system66.cn)("h-full flex-1 outline-none", classNames3.input)
             }
-          ) }),
+          ),
           showStepper && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             _StepButton,
             {
@@ -9024,14 +9023,168 @@ var _NumberField = (0, import_react47.forwardRef)(
   }
 );
 
+// src/Overlay/NonModal.tsx
+var import_react48 = require("react");
+var import_react_aria_components46 = require("react-aria-components");
+var import_react_stately = require("react-stately");
+var import_focus = require("@react-aria/focus");
+var import_overlays2 = require("@react-aria/overlays");
+var import_ssr2 = require("@react-aria/ssr");
+var import_utils8 = require("@react-aria/utils");
+
+// src/utils/useRenderProps.tsx
+var import_react47 = require("react");
+function useRenderProps(props) {
+  let {
+    className,
+    style,
+    children,
+    defaultClassName = void 0,
+    defaultChildren = void 0,
+    defaultStyle,
+    values
+  } = props;
+  return (0, import_react47.useMemo)(() => {
+    let computedClassName;
+    let computedStyle;
+    let computedChildren;
+    if (typeof className === "function") {
+      computedClassName = className({ ...values, defaultClassName });
+    } else {
+      computedClassName = className;
+    }
+    if (typeof style === "function") {
+      computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
+    } else {
+      computedStyle = style;
+    }
+    if (typeof children === "function") {
+      computedChildren = children({ ...values, defaultChildren });
+    } else if (children == null) {
+      computedChildren = defaultChildren;
+    } else {
+      computedChildren = children;
+    }
+    return {
+      className: computedClassName != null ? computedClassName : defaultClassName,
+      style: computedStyle || defaultStyle ? { ...defaultStyle, ...computedStyle } : void 0,
+      children: computedChildren != null ? computedChildren : defaultChildren,
+      "data-rac": ""
+    };
+  }, [
+    className,
+    style,
+    children,
+    defaultClassName,
+    defaultChildren,
+    defaultStyle,
+    values
+  ]);
+}
+
+// src/Overlay/useNonModal.ts
+var import_overlays = require("@react-aria/overlays");
+var useNonModal = ({ nonModalRef, keyboardDismissable = true }, state) => {
+  let { overlayProps } = (0, import_overlays.useOverlay)(
+    {
+      isOpen: state.isOpen,
+      onClose: state.close,
+      shouldCloseOnBlur: false,
+      isDismissable: false,
+      isKeyboardDismissDisabled: keyboardDismissable ? false : true
+    },
+    nonModalRef
+  );
+  return {
+    nonModalProps: overlayProps
+  };
+};
+
+// src/Overlay/NonModal.tsx
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var NonModalInner = ({ state, isExiting, ...props }) => {
+  const { nonModalProps } = useNonModal(props, state);
+  const ref = props.nonModalRef;
+  const portalContainer = usePortalContainer();
+  const isEntering = (0, import_utils8.useEnterAnimation)(ref) || props.isEntering || false;
+  const renderProps = useRenderProps({
+    ...props,
+    defaultClassName: "react-aria-NonModalOverlay",
+    values: {
+      isEntering,
+      isExiting,
+      state
+    }
+  });
+  const viewport = (0, import_utils8.useViewportSize)();
+  const style = {
+    ...renderProps.style,
+    "--visual-viewport-height": viewport.height + "px"
+  };
+  const overlay = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    "div",
+    {
+      ...(0, import_utils8.mergeProps)((0, import_utils8.filterDOMProps)(props), nonModalProps),
+      ...renderProps,
+      tabIndex: -1,
+      "aria-label": props["aria-label"],
+      "aria-labelledby": props["aria-labelledby"],
+      ref,
+      slot: props.slot || void 0,
+      style,
+      "data-entering": isEntering || void 0,
+      "data-exiting": isExiting || void 0,
+      children: [
+        renderProps.children,
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_overlays2.DismissButton, { onDismiss: state.close })
+      ]
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    import_overlays2.Overlay,
+    {
+      isExiting,
+      portalContainer,
+      disableFocusManagement: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_focus.FocusScope, { restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_aria_components46.Provider, { values: [[import_react_aria_components46.OverlayTriggerStateContext, state]], children: overlay }) })
+    }
+  );
+};
+var NonModal = (0, import_react48.forwardRef)(
+  ({ open, ...rest }, ref) => {
+    const props = {
+      isOpen: open,
+      ...rest
+    };
+    ref = (0, import_utils8.useObjectRef)(ref);
+    const contextState = (0, import_react48.useContext)(import_react_aria_components46.OverlayTriggerStateContext);
+    const localState = (0, import_react_stately.useOverlayTriggerState)(props);
+    const state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+    const isExiting = (0, import_utils8.useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    const isSSR = (0, import_ssr2.useIsSSR)();
+    if (state && !state.isOpen && !isExiting || isSSR) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      NonModalInner,
+      {
+        ...props,
+        nonModalRef: ref,
+        state,
+        isExiting
+      }
+    );
+  }
+);
+
 // src/Pagination/Pagination.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_system69 = require("@marigold/system");
 
 // src/Pagination/Ellipsis.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var Ellipsis = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "span",
     {
       className: "text-text-base flex h-8 w-8 items-center justify-center",
@@ -9042,12 +9195,12 @@ var Ellipsis = () => {
 };
 
 // src/Pagination/NavigationButton.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 var import_button2 = require("@react-aria/button");
 var import_system67 = require("@marigold/system");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var NavigationButton = (props) => {
-  const ref = import_react48.default.useRef(null);
+  const ref = import_react49.default.useRef(null);
   const classNames3 = (0, import_system67.useClassNames)({
     component: "Pagination"
   });
@@ -9061,13 +9214,13 @@ var NavigationButton = (props) => {
     position: position2,
     ...rest
   } = props;
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (registerRef) {
       registerRef(ref.current);
       return () => registerRef(null);
     }
   }, [registerRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "button",
     {
       ref,
@@ -9086,24 +9239,24 @@ var NavigationButton = (props) => {
 };
 
 // src/Pagination/PageButton.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_button3 = require("@react-aria/button");
 var import_system68 = require("@marigold/system");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var PageButton = (props) => {
-  const ref = (0, import_react49.useRef)(null);
+  const ref = (0, import_react50.useRef)(null);
   const classNames3 = (0, import_system68.useClassNames)({
     component: "Pagination"
   });
   let { buttonProps } = (0, import_button3.useButton)(props, ref);
   let { page, selected, registerRef, isDisabled } = props;
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (registerRef) {
       registerRef(ref.current);
       return () => registerRef(null);
     }
   }, [registerRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "button",
     {
       ref,
@@ -9120,7 +9273,7 @@ var PageButton = (props) => {
 };
 
 // src/Pagination/useKeyboardNavigation.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_interactions = require("@react-aria/interactions");
 var NavigationTypes = {
   Prev: "prev",
@@ -9134,14 +9287,14 @@ var useKeyboardNavigation = ({
   onChange: onChange2 = () => {
   }
 }) => {
-  const containerRef = (0, import_react50.useRef)(null);
-  const [focusedItem, setFocusedItem] = (0, import_react50.useState)({
+  const containerRef = (0, import_react51.useRef)(null);
+  const [focusedItem, setFocusedItem] = (0, import_react51.useState)({
     type: "page",
     value: page
   });
-  const navigationItems = (0, import_react50.useRef)([]);
-  const buttonRefs = (0, import_react50.useRef)(/* @__PURE__ */ new Map());
-  const isItemDisabled = (0, import_react50.useCallback)(
+  const navigationItems = (0, import_react51.useRef)([]);
+  const buttonRefs = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
+  const isItemDisabled = (0, import_react51.useCallback)(
     (item) => {
       if (item.type === NavigationTypes.Prev) return page <= 1;
       if (item.type === NavigationTypes.Next) return page >= totalPages;
@@ -9149,7 +9302,7 @@ var useKeyboardNavigation = ({
     },
     [page, totalPages]
   );
-  const findNextFocusableItem = (0, import_react50.useCallback)(
+  const findNextFocusableItem = (0, import_react51.useCallback)(
     (current, direction) => {
       const items = navigationItems.current.filter(
         (item) => !isItemDisabled(item)
@@ -9165,7 +9318,7 @@ var useKeyboardNavigation = ({
     },
     [isItemDisabled, page]
   );
-  const focusItem = (0, import_react50.useCallback)(
+  const focusItem = (0, import_react51.useCallback)(
     (item) => {
       if (isItemDisabled(item)) return;
       const key = `${item.type}-${item.value}`;
@@ -9212,7 +9365,7 @@ var useKeyboardNavigation = ({
       }
     }
   });
-  const registerRef = (0, import_react50.useCallback)(
+  const registerRef = (0, import_react51.useCallback)(
     (type, value, ref) => {
       const key = `${type}-${value}`;
       if (ref) {
@@ -9223,7 +9376,7 @@ var useKeyboardNavigation = ({
     },
     []
   );
-  const setNavigationItems = (0, import_react50.useCallback)((items) => {
+  const setNavigationItems = (0, import_react51.useCallback)((items) => {
     navigationItems.current = items;
   }, []);
   return {
@@ -9266,7 +9419,7 @@ var usePageRange = ({ currentPage, totalPages }) => {
 };
 
 // src/Pagination/Pagination.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var _Pagination = ({
   defaultPage = 1,
   page,
@@ -9276,13 +9429,13 @@ var _Pagination = ({
   },
   controlLabels
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react51.useState)(page != null ? page : defaultPage);
+  const [currentPage, setCurrentPage] = (0, import_react52.useState)(page != null ? page : defaultPage);
   const totalPages = Math.ceil(totalItems / pageSize);
-  const isFirstRender = (0, import_react51.useRef)(true);
+  const isFirstRender = (0, import_react52.useRef)(true);
   const classNames3 = (0, import_system69.useClassNames)({
     component: "Pagination"
   });
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
@@ -9299,7 +9452,7 @@ var _Pagination = ({
     onChange: handlePageChange
   });
   const pageRange = usePageRange({ currentPage, totalPages });
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const items = [
       { type: NavigationTypes.Prev, value: currentPage - 1 },
       ...pageRange.map((value) => ({
@@ -9310,19 +9463,19 @@ var _Pagination = ({
     ];
     setNavigationItems(items);
   }, [pageRange, currentPage, setNavigationItems]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     setFocusedItem({ type: NavigationTypes.Page, value: currentPage });
   }, [currentPage, setFocusedItem]);
   const isFirstPage = currentPage === 1;
   const isLastPage = currentPage === totalPages || totalPages === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "nav",
     {
       className: "flex items-center justify-center space-x-2",
       "aria-label": `Page ${currentPage} of ${totalPages}`,
       ...keyboardProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           NavigationButton,
           {
             onClick: () => handlePageChange(Math.max(1, currentPage - 1)),
@@ -9331,11 +9484,11 @@ var _Pagination = ({
             registerRef: (ref) => registerRef(NavigationTypes.Prev, currentPage - 1, ref),
             controlLabel: controlLabels == null ? void 0 : controlLabels[0],
             position: "left",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronLeft, { className: (0, import_system69.cn)(classNames3.icon) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ChevronLeft, { className: (0, import_system69.cn)(classNames3.icon) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex items-center space-x-2", children: totalPages > 0 ? pageRange.map(
-          (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex items-center space-x-2", children: totalPages > 0 ? pageRange.map(
+          (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             PageButton,
             {
               page: pageNumber,
@@ -9345,8 +9498,8 @@ var _Pagination = ({
             },
             pageNumber
           )
-        ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PageButton, { page: 1, isDisabled: true }, 1) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PageButton, { page: 1, isDisabled: true }, 1) }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           NavigationButton,
           {
             onClick: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
@@ -9355,7 +9508,7 @@ var _Pagination = ({
             registerRef: (ref) => registerRef(NavigationTypes.Next, currentPage + 1, ref),
             controlLabel: controlLabels == null ? void 0 : controlLabels[1],
             position: "right",
-            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronRight, { className: (0, import_system69.cn)(classNames3.icon) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ChevronRight, { className: (0, import_system69.cn)(classNames3.icon) })
           }
         )
       ]
@@ -9364,21 +9517,21 @@ var _Pagination = ({
 };
 
 // src/Radio/Radio.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_aria_components48 = require("react-aria-components");
 var import_system71 = require("@marigold/system");
 
 // src/Radio/Context.ts
-var import_react52 = require("react");
-var RadioGroupContext = (0, import_react52.createContext)(
+var import_react53 = require("react");
+var RadioGroupContext = (0, import_react53.createContext)(
   null
 );
-var useRadioGroupContext = () => (0, import_react52.useContext)(RadioGroupContext);
+var useRadioGroupContext = () => (0, import_react53.useContext)(RadioGroupContext);
 
 // src/Radio/RadioGroup.tsx
 var import_react_aria_components47 = require("react-aria-components");
 var import_system70 = require("@marigold/system");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var _RadioGroup = ({
   variant,
   size: size2,
@@ -9402,7 +9555,7 @@ var _RadioGroup = ({
     isInvalid: error,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     FieldBase,
     {
       as: import_react_aria_components47.RadioGroup,
@@ -9413,7 +9566,7 @@ var _RadioGroup = ({
       variant,
       size: size2,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         "div",
         {
           role: "presentation",
@@ -9424,7 +9577,7 @@ var _RadioGroup = ({
             "flex items-start",
             orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
         }
       )
     }
@@ -9432,9 +9585,9 @@ var _RadioGroup = ({
 };
 
 // src/Radio/Radio.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var Dot = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
-var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Dot = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
+var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   "div",
   {
     className: (0, import_system71.cn)(
@@ -9443,10 +9596,10 @@ var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ (0, import_jsx
     ),
     "aria-hidden": "true",
     ...props,
-    children: checked ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dot, {}) : null
+    children: checked ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Dot, {}) : null
   }
 );
-var _Radio = (0, import_react53.forwardRef)(
+var _Radio = (0, import_react54.forwardRef)(
   ({ value, disabled, width, children, ...props }, ref) => {
     const { variant, size: size2, width: groupWidth } = useRadioGroupContext();
     const classNames3 = (0, import_system71.useClassNames)({
@@ -9454,7 +9607,7 @@ var _Radio = (0, import_react53.forwardRef)(
       variant: variant || props.variant,
       size: size2 || props.size
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       import_react_aria_components48.Radio,
       {
         ref,
@@ -9467,8 +9620,8 @@ var _Radio = (0, import_react53.forwardRef)(
         value,
         isDisabled: disabled,
         ...props,
-        children: ({ isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        children: ({ isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             Icon3,
             {
               checked: isSelected,
@@ -9478,7 +9631,7 @@ var _Radio = (0, import_react53.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: classNames3.label, children })
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: classNames3.label, children })
         ] })
       }
     );
@@ -9487,10 +9640,10 @@ var _Radio = (0, import_react53.forwardRef)(
 _Radio.Group = _RadioGroup;
 
 // src/SearchField/SearchField.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_react_aria_components49 = require("react-aria-components");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var _SearchField = (0, import_react54.forwardRef)(
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var _SearchField = (0, import_react55.forwardRef)(
   ({ disabled, required, readOnly, error, action, ...rest }, ref) => {
     const props = {
       ...rest,
@@ -9499,7 +9652,7 @@ var _SearchField = (0, import_react54.forwardRef)(
       isReadOnly: readOnly,
       isInvalid: error
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FieldBase, { as: import_react_aria_components49.SearchField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FieldBase, { as: import_react_aria_components49.SearchField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       SearchInput,
       {
         ref,
@@ -9510,11 +9663,11 @@ var _SearchField = (0, import_react54.forwardRef)(
 );
 
 // src/Select/Select.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_react_aria_components50 = require("react-aria-components");
 var import_system72 = require("@marigold/system");
-var import_jsx_runtime85 = require("react/jsx-runtime");
-var _Select = (0, import_react55.forwardRef)(
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var _Select = (0, import_react56.forwardRef)(
   ({
     disabled,
     required,
@@ -9535,8 +9688,8 @@ var _Select = (0, import_react55.forwardRef)(
       ...rest
     };
     const classNames3 = (0, import_system72.useClassNames)({ component: "Select", variant, size: size2 });
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(FieldBase, { as: import_react_aria_components50.Select, ref, variant, size: size2, ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(FieldBase, { as: import_react_aria_components50.Select, ref, variant, size: size2, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         IconButton,
         {
           className: (0, import_system72.cn)(
@@ -9544,12 +9697,12 @@ var _Select = (0, import_react55.forwardRef)(
             classNames3.select
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_aria_components50.SelectValue, { className: "[&>[slot=description]]:hidden" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChevronDown, { className: (0, import_system72.cn)("size-4", classNames3.icon) })
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_aria_components50.SelectValue, { className: "[&>[slot=description]]:hidden" }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChevronDown, { className: (0, import_system72.cn)("size-4", classNames3.icon) })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(_ListBox, { items, children: props.children }) })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(_ListBox, { items, children: props.children }) })
     ] });
   }
 );
@@ -9557,35 +9710,35 @@ _Select.Option = _ListBox.Item;
 _Select.Section = _ListBox.Section;
 
 // src/SelectList/SelectList.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_aria_components52 = require("react-aria-components");
 var import_system74 = require("@marigold/system");
 
 // src/SelectList/Context.ts
-var import_react56 = require("react");
-var SelectListContext = (0, import_react56.createContext)(
+var import_react57 = require("react");
+var SelectListContext = (0, import_react57.createContext)(
   {}
 );
-var useSelectListContext = () => (0, import_react56.useContext)(SelectListContext);
+var useSelectListContext = () => (0, import_react57.useContext)(SelectListContext);
 
 // src/SelectList/SelectListItem.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_aria_components51 = require("react-aria-components");
 var import_system73 = require("@marigold/system");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var _SelectListItem = (0, import_react57.forwardRef)(
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var _SelectListItem = (0, import_react58.forwardRef)(
   ({ children, ...props }, ref) => {
     let textValue = typeof children === "string" ? children : void 0;
     const { classNames: classNames3 } = useSelectListContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       import_react_aria_components51.GridListItem,
       {
         textValue,
         ...props,
         className: (0, import_system73.cn)("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.option),
         ref,
-        children: ({ selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex gap-2", children: [
-          selectionMode === "multiple" && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(_Checkbox, { slot: "selection" }),
+        children: ({ selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex gap-2", children: [
+          selectionMode === "multiple" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(_Checkbox, { slot: "selection" }),
           children
         ] })
       }
@@ -9594,15 +9747,15 @@ var _SelectListItem = (0, import_react57.forwardRef)(
 );
 
 // src/SelectList/SelectList.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var _SelectList = (0, import_react58.forwardRef)(
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var _SelectList = (0, import_react59.forwardRef)(
   ({ onChange: onChange2, ...rest }, ref) => {
     const classNames3 = (0, import_system74.useClassNames)({ component: "ListBox" });
     const props = {
       onSelectionChange: onChange2,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: classNames3.container, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: classNames3.container, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       import_react_aria_components52.GridList,
       {
         ...props,
@@ -9621,13 +9774,13 @@ _SelectList.Item = _SelectListItem;
 
 // src/Scrollable/Scrollable.tsx
 var import_system75 = require("@marigold/system");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var Scrollable = ({
   children,
   width = "full",
   height,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   "div",
   {
     ...props,
@@ -9638,11 +9791,11 @@ var Scrollable = ({
 );
 
 // src/Slider/Slider.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_aria_components53 = require("react-aria-components");
 var import_system76 = require("@marigold/system");
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var _Slider = (0, import_react59.forwardRef)(
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var _Slider = (0, import_react60.forwardRef)(
   ({
     thumbLabels,
     variant,
@@ -9661,7 +9814,7 @@ var _Slider = (0, import_react59.forwardRef)(
       isDisabled: disabled,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       FieldBase,
       {
         as: import_react_aria_components53.Slider,
@@ -9673,14 +9826,14 @@ var _Slider = (0, import_react59.forwardRef)(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(_Label, { children: props.children && props.children || label && label }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_aria_components53.SliderOutput, { className: (0, import_system76.cn)("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(_Label, { children: props.children && props.children || label && label }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_aria_components53.SliderOutput, { className: (0, import_system76.cn)("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             import_react_aria_components53.SliderTrack,
             {
               className: (0, import_system76.cn)("relative col-span-2 h-2 w-full", classNames3.track),
-              children: ({ state }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              children: ({ state }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   "div",
                   {
                     className: (0, import_system76.cn)(
@@ -9689,7 +9842,7 @@ var _Slider = (0, import_react59.forwardRef)(
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   "div",
                   {
                     className: (0, import_system76.cn)(
@@ -9702,7 +9855,7 @@ var _Slider = (0, import_react59.forwardRef)(
                     }
                   }
                 ),
-                state.values.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                state.values.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   import_react_aria_components53.SliderThumb,
                   {
                     className: (0, import_system76.cn)("top-1/2 cursor-pointer", classNames3.thumb),
@@ -9722,12 +9875,12 @@ var _Slider = (0, import_react59.forwardRef)(
 );
 
 // src/Split/Split.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var Split = () => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { role: "separator", className: "grow" });
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var Split = () => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { role: "separator", className: "grow" });
 
 // src/Stack/Stack.tsx
 var import_system77 = require("@marigold/system");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var Stack = ({
   children,
   space = 0,
@@ -9737,7 +9890,7 @@ var Stack = ({
   ...props
 }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "div",
     {
       className: (0, import_system77.cn)(
@@ -9754,11 +9907,11 @@ var Stack = ({
 };
 
 // src/Switch/Switch.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_aria_components54 = require("react-aria-components");
 var import_system78 = require("@marigold/system");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var _Switch = (0, import_react60.forwardRef)(
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var _Switch = (0, import_react61.forwardRef)(
   ({
     variant,
     size: size2,
@@ -9776,7 +9929,7 @@ var _Switch = (0, import_react60.forwardRef)(
       isSelected: selected,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
       import_react_aria_components54.Switch,
       {
         ...props,
@@ -9788,8 +9941,8 @@ var _Switch = (0, import_react60.forwardRef)(
           classNames3.container
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(_Label, { elementType: "span", children }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: classNames3.track, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: classNames3.thumb }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(_Label, { elementType: "span", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: classNames3.track, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: classNames3.thumb }) }) })
         ]
       }
     );
@@ -9797,19 +9950,19 @@ var _Switch = (0, import_react60.forwardRef)(
 );
 
 // src/Table/Table.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_table9 = require("@react-aria/table");
 var import_table10 = require("@react-stately/table");
 var import_system85 = require("@marigold/system");
 
 // src/Table/Context.tsx
-var import_react61 = require("react");
-var TableContext = (0, import_react61.createContext)({});
-var useTableContext = () => (0, import_react61.useContext)(TableContext);
+var import_react62 = require("react");
+var TableContext = (0, import_react62.createContext)({});
+var useTableContext = () => (0, import_react62.useContext)(TableContext);
 
 // src/Table/TableBody.tsx
 var import_table = require("@react-aria/table");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var TableBody = ({
   children,
   className,
@@ -9818,7 +9971,7 @@ var TableBody = ({
   const { rowGroupProps } = (0, import_table.useTableRowGroup)();
   const { state, classNames: classNames3 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { className, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tbody", { className, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "td",
       {
         className: classNames3 == null ? void 0 : classNames3.cell,
@@ -9828,18 +9981,18 @@ var TableBody = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { ...rowGroupProps, className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tbody", { ...rowGroupProps, className, children });
 };
 
 // src/Table/TableCell.tsx
-var import_react62 = require("react");
-var import_focus = require("@react-aria/focus");
+var import_react63 = require("react");
+var import_focus2 = require("@react-aria/focus");
 var import_table2 = require("@react-aria/table");
-var import_utils7 = require("@react-aria/utils");
+var import_utils9 = require("@react-aria/utils");
 var import_system79 = require("@marigold/system");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TableCell = ({ cell, align = "left" }) => {
-  const ref = (0, import_react62.useRef)(null);
+  const ref = (0, import_react63.useRef)(null);
   const { interactive, state, classNames: classNames3 } = useTableContext();
   const disabled = state.disabledKeys.has(cell.parentKey);
   const { gridCellProps } = (0, import_table2.useTableCell)(
@@ -9858,14 +10011,14 @@ var TableCell = ({ cell, align = "left" }) => {
     onMouseDown: (e) => e.stopPropagation(),
     onPointerDown: (e) => e.stopPropagation()
   };
-  const { focusProps, isFocusVisible } = (0, import_focus.useFocusRing)();
+  const { focusProps, isFocusVisible } = (0, import_focus2.useFocusRing)();
   const stateProps = (0, import_system79.useStateProps)({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "td",
     {
       ref,
       className: (0, import_system79.cn)(classNames3 == null ? void 0 : classNames3.cell),
-      ...(0, import_utils7.mergeProps)(cellProps, focusProps),
+      ...(0, import_utils9.mergeProps)(cellProps, focusProps),
       ...stateProps,
       align,
       children: cell.rendered
@@ -9874,10 +10027,10 @@ var TableCell = ({ cell, align = "left" }) => {
 };
 
 // src/Table/TableCheckboxCell.tsx
-var import_react63 = require("react");
-var import_focus2 = require("@react-aria/focus");
+var import_react64 = require("react");
+var import_focus3 = require("@react-aria/focus");
 var import_table3 = require("@react-aria/table");
-var import_utils8 = require("@react-aria/utils");
+var import_utils10 = require("@react-aria/utils");
 var import_system80 = require("@marigold/system");
 
 // src/Table/utils.ts
@@ -9901,9 +10054,9 @@ var mapCheckboxProps = ({
 };
 
 // src/Table/TableCheckboxCell.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var TableCheckboxCell = ({ cell }) => {
-  const ref = (0, import_react63.useRef)(null);
+  const ref = (0, import_react64.useRef)(null);
   const { state, classNames: classNames3 } = useTableContext();
   const disabled = state.disabledKeys.has(cell.parentKey);
   const { gridCellProps } = (0, import_table3.useTableCell)(
@@ -9916,35 +10069,35 @@ var TableCheckboxCell = ({ cell }) => {
   const { checkboxProps } = mapCheckboxProps(
     (0, import_table3.useTableSelectionCheckbox)({ key: cell.parentKey }, state)
   );
-  const { focusProps, isFocusVisible } = (0, import_focus2.useFocusRing)();
+  const { focusProps, isFocusVisible } = (0, import_focus3.useFocusRing)();
   const stateProps = (0, import_system80.useStateProps)({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "td",
     {
       ref,
       className: (0, import_system80.cn)("text-center align-middle leading-none", classNames3 == null ? void 0 : classNames3.cell),
-      ...(0, import_utils8.mergeProps)(gridCellProps, focusProps),
+      ...(0, import_utils10.mergeProps)(gridCellProps, focusProps),
       ...stateProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(_Checkbox, { ...checkboxProps })
     }
   );
 };
 
 // src/Table/TableColumnHeader.tsx
-var import_react64 = require("react");
-var import_focus3 = require("@react-aria/focus");
+var import_react65 = require("react");
+var import_focus4 = require("@react-aria/focus");
 var import_interactions2 = require("@react-aria/interactions");
 var import_table4 = require("@react-aria/table");
-var import_utils10 = require("@react-aria/utils");
+var import_utils12 = require("@react-aria/utils");
 var import_system81 = require("@marigold/system");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
   align = "left"
 }) => {
   var _a, _b;
-  const ref = (0, import_react64.useRef)(null);
+  const ref = (0, import_react65.useRef)(null);
   const { state, classNames: classNames3 } = useTableContext();
   const { columnHeaderProps } = (0, import_table4.useTableColumnHeader)(
     {
@@ -9954,23 +10107,23 @@ var TableColumnHeader = ({
     ref
   );
   const { hoverProps, isHovered } = (0, import_interactions2.useHover)({});
-  const { focusProps, isFocusVisible } = (0, import_focus3.useFocusRing)();
+  const { focusProps, isFocusVisible } = (0, import_focus4.useFocusRing)();
   const stateProps = (0, import_system81.useStateProps)({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "th",
     {
       colSpan: column2.colspan,
       ref,
       className: (0, import_system81.cn)("cursor-default", import_system81.width[width], classNames3 == null ? void 0 : classNames3.header),
-      ...(0, import_utils10.mergeProps)(columnHeaderProps, hoverProps, focusProps),
+      ...(0, import_utils12.mergeProps)(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       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__ */ (0, import_jsx_runtime96.jsx)(SortUp, { className: "inline-block" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SortDown, { className: "inline-block" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "invisible", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(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__ */ (0, import_jsx_runtime97.jsx)(SortUp, { className: "inline-block" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SortDown, { className: "inline-block" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SortDown, { className: "inline-block" }) }))
       ]
     }
   );
@@ -9979,11 +10132,11 @@ var TableColumnHeader = ({
 // src/Table/TableHeader.tsx
 var import_table5 = require("@react-aria/table");
 var import_system82 = require("@marigold/system");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var TableHeader = ({ stickyHeader, children }) => {
   const { rowGroupProps } = (0, import_table5.useTableRowGroup)();
   const { classNames: classNames3 } = useTableContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "thead",
     {
       ...rowGroupProps,
@@ -9999,30 +10152,30 @@ var TableHeader = ({ stickyHeader, children }) => {
 };
 
 // src/Table/TableHeaderRow.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_table6 = require("@react-aria/table");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var TableHeaderRow = ({
   item,
   className,
   children
 }) => {
   const { state } = useTableContext();
-  const ref = (0, import_react65.useRef)(null);
+  const ref = (0, import_react66.useRef)(null);
   const { rowProps } = (0, import_table6.useTableHeaderRow)({ node: item }, state, ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { ...rowProps, className, ref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("tr", { ...rowProps, className, ref, children });
 };
 
 // src/Table/TableRow.tsx
-var import_react66 = require("react");
-var import_focus4 = require("@react-aria/focus");
+var import_react67 = require("react");
+var import_focus5 = require("@react-aria/focus");
 var import_interactions3 = require("@react-aria/interactions");
 var import_table7 = require("@react-aria/table");
-var import_utils11 = require("@react-aria/utils");
+var import_utils13 = require("@react-aria/utils");
 var import_system83 = require("@marigold/system");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TableRow = ({ children, row }) => {
-  const ref = (0, import_react66.useRef)(null);
+  const ref = (0, import_react67.useRef)(null);
   const { interactive, state, ...ctx } = useTableContext();
   const { variant, size: size2 } = row.props;
   const classNames3 = (0, import_system83.useClassNames)({
@@ -10039,7 +10192,7 @@ var TableRow = ({ children, row }) => {
   );
   const disabled = state.disabledKeys.has(row.key);
   const selected = state.selectionManager.isSelected(row.key);
-  const { focusProps, isFocusVisible } = (0, import_focus4.useFocusRing)();
+  const { focusProps, isFocusVisible } = (0, import_focus5.useFocusRing)();
   const { hoverProps, isHovered } = (0, import_interactions3.useHover)({
     isDisabled: disabled || !interactive
   });
@@ -10050,7 +10203,7 @@ var TableRow = ({ children, row }) => {
     focusVisible: isFocusVisible,
     active: isPressed
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "tr",
     {
       ref,
@@ -10060,7 +10213,7 @@ var TableRow = ({ children, row }) => {
         ],
         classNames3 == null ? void 0 : classNames3.row
       ),
-      ...(0, import_utils11.mergeProps)(rowProps, focusProps, hoverProps),
+      ...(0, import_utils13.mergeProps)(rowProps, focusProps, hoverProps),
       ...stateProps,
       children
     }
@@ -10068,19 +10221,19 @@ var TableRow = ({ children, row }) => {
 };
 
 // src/Table/TableSelectAllCell.tsx
-var import_react67 = require("react");
-var import_focus5 = require("@react-aria/focus");
+var import_react68 = require("react");
+var import_focus6 = require("@react-aria/focus");
 var import_interactions4 = require("@react-aria/interactions");
 var import_table8 = require("@react-aria/table");
-var import_utils12 = require("@react-aria/utils");
+var import_utils14 = require("@react-aria/utils");
 var import_system84 = require("@marigold/system");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var TableSelectAllCell = ({
   column: column2,
   width = "auto",
   align = "left"
 }) => {
-  const ref = (0, import_react67.useRef)(null);
+  const ref = (0, import_react68.useRef)(null);
   const { state, classNames: classNames3 } = useTableContext();
   const { columnHeaderProps } = (0, import_table8.useTableColumnHeader)(
     {
@@ -10091,26 +10244,26 @@ var TableSelectAllCell = ({
   );
   const { checkboxProps } = mapCheckboxProps((0, import_table8.useTableSelectAllCheckbox)(state));
   const { hoverProps, isHovered } = (0, import_interactions4.useHover)({});
-  const { focusProps, isFocusVisible } = (0, import_focus5.useFocusRing)();
+  const { focusProps, isFocusVisible } = (0, import_focus6.useFocusRing)();
   const stateProps = (0, import_system84.useStateProps)({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "th",
     {
       ref,
       className: (0, import_system84.cn)(import_system84.width[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
-      ...(0, import_utils12.mergeProps)(columnHeaderProps, hoverProps, focusProps),
+      ...(0, import_utils14.mergeProps)(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
-      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(_Checkbox, { ...checkboxProps })
     }
   );
 };
 
 // src/Table/Table.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var Table = ({
   variant,
   size: size2,
@@ -10122,7 +10275,7 @@ var Table = ({
   ...props
 }) => {
   const interactive = selectionMode !== "none";
-  const tableRef = (0, import_react68.useRef)(null);
+  const tableRef = (0, import_react69.useRef)(null);
   const state = (0, import_table10.useTableState)({
     ...props,
     selectionMode,
@@ -10139,11 +10292,11 @@ var Table = ({
     size: size2
   });
   const { collection } = state;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
         "table",
         {
           ref: tableRef,
@@ -10155,7 +10308,7 @@ var Table = ({
           ),
           ...gridProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               TableHeaderRow,
               {
                 item: headerRow,
@@ -10163,7 +10316,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__ */ (0, import_jsx_runtime101.jsx)(
+                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                       TableSelectAllCell,
                       {
                         width: (_b = column2.props) == null ? void 0 : _b.width,
@@ -10171,7 +10324,7 @@ var Table = ({
                         align: (_c = column2.props) == null ? void 0 : _c.align
                       },
                       column2.key
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                       TableColumnHeader,
                       {
                         width: (_d = column2.props) == null ? void 0 : _d.width,
@@ -10185,12 +10338,12 @@ var Table = ({
               },
               headerRow.key
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(TableBody, { className: classNames3.body, emptyState, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(TableBody, { className: classNames3.body, emptyState, children: [
               ...collection.rows.map(
-                (row) => row.type === "item" && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
+                (row) => row.type === "item" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(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__ */ (0, import_jsx_runtime101.jsx)(TableCheckboxCell, { cell }, cell.key) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TableCheckboxCell, { cell }, cell.key) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                     TableCell,
                     {
                       align: (_b = currentColumn.props) == null ? void 0 : _b.align,
@@ -10216,7 +10369,7 @@ Table.Row = import_table10.Row;
 // src/Text/Text.tsx
 var import_react_aria_components55 = require("react-aria-components");
 var import_system86 = require("@marigold/system");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var _Text = ({
   variant,
   size: size2,
@@ -10237,7 +10390,7 @@ var _Text = ({
   });
   const Component2 = props.slot ? import_react_aria_components55.Text : as;
   const elementType = props.slot ? { elementType: as } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Component2,
     {
       ...props,
@@ -10259,11 +10412,11 @@ var _Text = ({
 };
 
 // src/TextArea/TextArea.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_react_aria_components56 = require("react-aria-components");
 var import_system87 = require("@marigold/system");
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var _TextArea = (0, import_react69.forwardRef)(
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var _TextArea = (0, import_react70.forwardRef)(
   ({
     variant,
     size: size2,
@@ -10282,15 +10435,15 @@ var _TextArea = (0, import_react69.forwardRef)(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FieldBase, { as: import_react_aria_components56.TextField, ...props, variant, size: size2, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_aria_components56.TextArea, { className: classNames3, ref, rows }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FieldBase, { as: import_react_aria_components56.TextField, ...props, variant, size: size2, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_aria_components56.TextArea, { className: classNames3, ref, rows }) });
   }
 );
 
 // src/TextField/TextField.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_react_aria_components57 = require("react-aria-components");
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var _TextField = (0, import_react70.forwardRef)(
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var _TextField = (0, import_react71.forwardRef)(
   ({ required, disabled, readOnly, error, ...rest }, ref) => {
     const props = {
       isDisabled: disabled,
@@ -10299,13 +10452,13 @@ var _TextField = (0, import_react70.forwardRef)(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FieldBase, { as: import_react_aria_components57.TextField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(_Input, { ref }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FieldBase, { as: import_react_aria_components57.TextField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(_Input, { ref }) });
   }
 );
 
 // src/Tiles/Tiles.tsx
 var import_system88 = require("@marigold/system");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var Tiles = ({
   space = 0,
   stretch = false,
@@ -10318,7 +10471,7 @@ var Tiles = ({
   if (stretch) {
     column2 = `minmax(${column2}, 1fr)`;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "div",
     {
       ...props,
@@ -10340,7 +10493,7 @@ var import_system89 = require("@marigold/system");
 
 // src/Tooltip/TooltipTrigger.tsx
 var import_react_aria_components58 = require("react-aria-components");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var _TooltipTrigger = ({
   delay = 1e3,
   children,
@@ -10354,11 +10507,11 @@ var _TooltipTrigger = ({
     isOpen: open,
     delay
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_aria_components58.TooltipTrigger, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_aria_components58.TooltipTrigger, { ...props, children });
 };
 
 // src/Tooltip/Tooltip.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   const props = {
     ...rest,
@@ -10366,14 +10519,14 @@ var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   };
   const classNames3 = (0, import_system89.useClassNames)({ component: "Tooltip", variant, size: size2 });
   const portal = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     import_react_aria_components59.Tooltip,
     {
       ...props,
       className: (0, import_system89.cn)("group/tooltip", classNames3.container),
       UNSTABLE_portalContainer: portal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react_aria_components59.OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react_aria_components59.OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         children
       ]
     }
@@ -10388,7 +10541,7 @@ var import_system91 = require("@marigold/system");
 // src/TagGroup/TagGroup.tsx
 var import_react_aria_components60 = require("react-aria-components");
 var import_system90 = require("@marigold/system");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var _TagGroup = ({
   width,
   items,
@@ -10399,7 +10552,7 @@ var _TagGroup = ({
   ...rest
 }) => {
   const classNames3 = (0, import_system90.useClassNames)({ component: "Tag", variant, size: size2 });
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(FieldBase, { as: import_react_aria_components60.TagGroup, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(FieldBase, { as: import_react_aria_components60.TagGroup, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     import_react_aria_components60.TagList,
     {
       items,
@@ -10411,9 +10564,9 @@ var _TagGroup = ({
 };
 
 // src/TagGroup/Tag.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var CloseButton2 = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_react_aria_components61.Button, { slot: "remove", className, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("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__ */ (0, import_jsx_runtime110.jsx)(import_react_aria_components61.Button, { slot: "remove", className, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("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 _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
   let textValue = typeof children === "string" ? children : void 0;
@@ -10422,15 +10575,15 @@ var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
     isDisabled: disabled,
     ...rest
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     import_react_aria_components61.Tag,
     {
       textValue,
       ...props,
       className: (0, import_system91.cn)("data-selection-mode:cursor-pointer", classNames3.tag),
-      children: ({ allowsRemoving }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+      children: ({ allowsRemoving }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
         children,
-        allowsRemoving && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        allowsRemoving && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           CloseButton2,
           {
             className: (0, import_system91.cn)("flex items-center", classNames3.closeButton)
@@ -10447,7 +10600,7 @@ var import_visually_hidden = require("@react-aria/visually-hidden");
 
 // src/XLoader/XLoader.tsx
 var import_react_aria_components63 = require("react-aria-components");
-var import_utils14 = require("@react-aria/utils");
+var import_utils16 = require("@react-aria/utils");
 var import_system93 = require("@marigold/system");
 
 // src/XLoader/BaseLoader.tsx
@@ -10466,7 +10619,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10476,7 +10629,7 @@ var BaseLoader = ({
 }) => {
   const stringFormatter = (0, import_i18n6.useLocalizedStringFormatter)(intlMessages2, "marigold");
   const className = (0, import_system92.useClassNames)({ component: "XLoader", variant, size: size2 });
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
     import_react_aria_components62.ProgressBar,
     {
       className: className.container,
@@ -10484,7 +10637,7 @@ var BaseLoader = ({
       "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -10492,13 +10645,13 @@ var BaseLoader = ({
             fill: "currentColor",
             className: className.loader,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_5_",
                   d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10511,12 +10664,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_18_",
                   d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10529,12 +10682,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_19_",
                   d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10547,12 +10700,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_20_",
                   d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10565,12 +10718,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_21_",
                   d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10583,12 +10736,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_22_",
                   d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10601,12 +10754,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_23_",
                   d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10619,12 +10772,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_24_",
                   d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10637,12 +10790,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_25_",
                   d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10655,12 +10808,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_26_",
                   d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10673,12 +10826,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 "path",
                 {
                   id: "XMLID_27_",
                   d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10694,17 +10847,17 @@ var BaseLoader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react_aria_components62.Label, { className: className.label, children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_aria_components62.Label, { className: className.label, children }) : null
       ]
     }
   );
 };
 
 // src/XLoader/XLoader.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var LoaderFullScreen = (props) => {
-  const id = (0, import_utils14.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_aria_components63.Modal, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_aria_components63.Dialog, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BaseLoader, { id, ...props }) }) }) });
+  const id = (0, import_utils16.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components63.Modal, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react_aria_components63.Dialog, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
   const className = (0, import_system93.useClassNames)({
@@ -10712,26 +10865,26 @@ var LoaderSection = (props) => {
     variant: "modal",
     className: "flex size-full items-center justify-center"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BaseLoader, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BaseLoader, { ...props }) });
 };
-var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BaseLoader, { variant, ...props });
+var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BaseLoader, { variant, ...props });
 
 // src/Tabs/Tabs.tsx
 var import_react_aria_components67 = require("react-aria-components");
 var import_system96 = require("@marigold/system");
 
 // src/Tabs/Context.ts
-var import_react71 = require("react");
-var TabContext = (0, import_react71.createContext)({});
-var useTabContext = () => (0, import_react71.useContext)(TabContext);
+var import_react72 = require("react");
+var TabContext = (0, import_react72.createContext)({});
+var useTabContext = () => (0, import_react72.useContext)(TabContext);
 
 // src/Tabs/Tab.tsx
 var import_react_aria_components64 = require("react-aria-components");
 var import_system94 = require("@marigold/system");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     import_react_aria_components64.Tab,
     {
       ...props,
@@ -10747,10 +10900,10 @@ var _Tab = (props) => {
 // src/Tabs/TabList.tsx
 var import_react_aria_components65 = require("react-aria-components");
 var import_system95 = require("@marigold/system");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     import_react_aria_components65.TabList,
     {
       ...props,
@@ -10762,14 +10915,14 @@ var _TabList = ({ space = 2, ...props }) => {
 
 // src/Tabs/TabPanel.tsx
 var import_react_aria_components66 = require("react-aria-components");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var _TabPanel = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_react_aria_components66.TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components66.TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
   const props = {
     isDisabled: disabled,
@@ -10780,7 +10933,7 @@ var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
     size: size2,
     variant
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_aria_components67.Tabs, { ...props, className: classNames3.container, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react_aria_components67.Tabs, { ...props, className: classNames3.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
@@ -10833,6 +10986,7 @@ var import_react_aria_components68 = require("react-aria-components");
   Menu,
   Modal,
   Multiselect,
+  NonModal,
   NumberField,
   OverlayContainerProvider,
   Pagination,