@marigold/components 11.2.2 → 11.3.0

package/dist/index.mjs

@@ -392,9 +392,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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
     "use strict";
     function _extends2() {
       return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
@@ -409,9 +409,9 @@ var require_extends = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
     "use strict";
     function _typeof2(o) {
       "@babel/helpers - typeof";
@@ -425,9 +425,9 @@ var require_typeof = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     function toPrimitive2(t, r) {
@@ -444,9 +444,9 @@ var require_toPrimitive = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var toPrimitive2 = require_toPrimitive();
@@ -458,9 +458,9 @@ var require_toPropertyKey = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperty2(e, r, t) {
@@ -475,9 +475,9 @@ var require_defineProperty = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports, module) {
     "use strict";
     var defineProperty = require_defineProperty();
     function ownKeys2(e, r) {
@@ -505,9 +505,9 @@ var require_objectSpread2 = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports, module) {
     "use strict";
     function _arrayWithHoles2(r) {
       if (Array.isArray(r)) return r;
@@ -516,9 +516,9 @@ var require_arrayWithHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports, module) {
     "use strict";
     function _iterableToArrayLimit2(r, l) {
       var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -545,9 +545,9 @@ var require_iterableToArrayLimit = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
     "use strict";
     function _arrayLikeToArray2(r, a) {
       (null == a || a > r.length) && (a = r.length);
@@ -558,9 +558,9 @@ var require_arrayLikeToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _unsupportedIterableToArray2(r, a) {
@@ -574,9 +574,9 @@ var require_unsupportedIterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports, module) {
     "use strict";
     function _nonIterableRest2() {
       throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -585,9 +585,9 @@ var require_nonIterableRest = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports, module) {
     "use strict";
     var arrayWithHoles = require_arrayWithHoles();
     var iterableToArrayLimit = require_iterableToArrayLimit();
@@ -600,15 +600,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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     "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;
@@ -617,17 +617,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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
     "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;
     }
@@ -635,9 +635,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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports, module) {
     "use strict";
     function _classCallCheck2(a, n) {
       if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
@@ -646,9 +646,9 @@ var require_classCallCheck = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createClass.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperties2(e, r) {
@@ -666,9 +666,9 @@ var require_createClass = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports, module) {
     "use strict";
     function _setPrototypeOf2(t, e) {
       return module.exports = _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
@@ -679,9 +679,9 @@ var require_setPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/inherits.js"(exports, module) {
     "use strict";
     var setPrototypeOf = require_setPrototypeOf();
     function _inherits2(t, e) {
@@ -700,9 +700,9 @@ var require_inherits = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports, module) {
     "use strict";
     function _getPrototypeOf2(t) {
       return module.exports = _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
@@ -713,9 +713,9 @@ var require_getPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports, module) {
     "use strict";
     function _isNativeReflectConstruct2() {
       try {
@@ -731,9 +731,9 @@ var require_isNativeReflectConstruct = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports, module) {
     "use strict";
     function _assertThisInitialized2(e) {
       if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -743,9 +743,9 @@ var require_assertThisInitialized = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var assertThisInitialized = require_assertThisInitialized();
@@ -758,9 +758,9 @@ var require_possibleConstructorReturn = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createSuper.js"(exports, module) {
     "use strict";
     var getPrototypeOf = require_getPrototypeOf();
     var isNativeReflectConstruct = require_isNativeReflectConstruct();
@@ -780,9 +780,9 @@ var require_createSuper = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _arrayWithoutHoles2(r) {
@@ -792,9 +792,9 @@ var require_arrayWithoutHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
     "use strict";
     function _iterableToArray2(r) {
       if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -803,9 +803,9 @@ var require_iterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
     "use strict";
     function _nonIterableSpread2() {
       throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -814,9 +814,9 @@ var require_nonIterableSpread = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
     "use strict";
     var arrayWithoutHoles = require_arrayWithoutHoles();
     var iterableToArray = require_iterableToArray();
@@ -829,9 +829,9 @@ var require_toConsumableArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.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"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports, module) {
     "use strict";
     function _taggedTemplateLiteral2(e, t) {
       return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
@@ -1368,7 +1368,7 @@ var OverlayContainerProvider = OverlayContainerContext.Provider;
 var usePortalContainer = () => {
   const portalContainer = useContext6(OverlayContainerContext);
   const isSSR = 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;
 };
 
@@ -2266,7 +2266,7 @@ var _DialogTrigger = ({
 import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
 var CloseButton = ({ className }) => {
   const ctx = useContext8(OverlayTriggerStateContext);
-  return /* @__PURE__ */ jsx46("div", { className: "absolute top-4 right-4 ml-4", children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       className: cn27(
@@ -2284,7 +2284,7 @@ var CloseButton = ({ className }) => {
         }
       ) })
     }
-  ) });
+  );
 };
 var _Dialog = ({
   variant,
@@ -3061,36 +3061,64 @@ var icons = {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 -960 960 960",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx74("path", { d: "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
+      children: /* @__PURE__ */ jsx74(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z",
+          clipRule: "evenodd"
+        }
+      )
     }
   ),
   info: () => /* @__PURE__ */ jsx74(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 -960 960 960",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx74("path", { d: "M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
+      children: /* @__PURE__ */ jsx74(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
     }
   ),
   warning: () => /* @__PURE__ */ jsx74(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 -960 960 960",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx74("path", { d: "m40-120 440-760 440 760H40Zm440-120q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Z" })
+      children: /* @__PURE__ */ jsx74(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
     }
   ),
   error: () => /* @__PURE__ */ jsx74(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 -960 960 960",
+      viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx74("path", { d: "M480-79q-16 0-30.5-6T423-102L102-423q-11-12-17-26.5T79-480q0-16 6-31t17-26l321-321q12-12 26.5-17.5T480-881q16 0 31 5.5t26 17.5l321 321q12 11 17.5 26t5.5 31q0 16-5.5 30.5T858-423L537-102q-11 11-26 17t-31 6Zm-40-361h80v-240h-80v240Zm40 120q17 0 28.5-11.5T520-360q0-17-11.5-28.5T480-400q-17 0-28.5 11.5T440-360q0 17 11.5 28.5T480-320Z" })
+      children: /* @__PURE__ */ jsx74(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+          clipRule: "evenodd"
+        }
+      )
     }
   )
 };
@@ -3128,7 +3156,7 @@ var SectionMessage = ({
       className: cn40("grid auto-rows-min", classNames3.container),
       children: [
         /* @__PURE__ */ jsx74("div", { className: cn40("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ jsx74(Icon4, {}) }),
-        closeButton && /* @__PURE__ */ jsx74("div", { className: "h-6 w-6 text-center", children: /* @__PURE__ */ jsx74(
+        closeButton && /* @__PURE__ */ jsx74(
           "button",
           {
             ...buttonProps,
@@ -3145,7 +3173,7 @@ var SectionMessage = ({
               }
             ) })
           }
-        ) }),
+        ),
         children
       ]
     }
@@ -3155,16 +3183,16 @@ SectionMessage.Title = SectionMessageTitle;
 SectionMessage.Content = SectionMessageContent;
 
 // src/Multiselect/Multiselect.tsx
-import { useId } from "react";
 import {
+  Button as Button5,
   ButtonContext,
   FieldErrorContext as FieldErrorContext2,
   InputContext,
-  Provider
+  Provider,
+  Input as _Input2
 } from "react-aria-components";
-import { Button as Button5, Input as _Input2 } from "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) {
@@ -3174,7 +3202,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];
@@ -3186,13 +3214,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,
@@ -3202,7 +3230,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) {
@@ -3225,12 +3253,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) {
@@ -3253,14 +3281,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);
@@ -3269,39 +3297,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
 import { useState as useState3, useCallback } from "react";
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
@@ -3348,7 +3376,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++) {
@@ -3359,16 +3387,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
 import * as React11 from "react";
 import { forwardRef as forwardRef20, useMemo as useMemo4 } from "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];
@@ -3381,14 +3409,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, {
@@ -3402,14 +3430,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() {
@@ -3421,20 +3449,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() {
@@ -3447,27 +3475,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
 import * as React10 from "react";
 import { useMemo as useMemo3, Fragment as Fragment8, useRef as useRef5, useCallback as useCallback3, useEffect as useEffect3, Component } from "react";
 
@@ -4791,7 +4819,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: {
@@ -4800,7 +4828,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
 import { useContext as useContext18, useRef as useRef4, useState as useState4, useMemo as useMemo2, useCallback as useCallback2, createContext as createContext9 } from "react";
 import { createPortal } from "react-dom";
 
@@ -5206,7 +5234,7 @@ import { useLayoutEffect as useLayoutEffect2, useEffect as useEffect2 } from "re
 var isClient = typeof document !== "undefined";
 var index = isClient ? useLayoutEffect2 : useEffect2;
 
-// ../../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() {
 };
@@ -6280,7 +6308,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).";
 }
@@ -8125,7 +8153,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");
@@ -8163,7 +8191,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",
@@ -8576,7 +8604,7 @@ var Select = /* @__PURE__ */ function(_Component) {
 }(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());
@@ -8597,7 +8625,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef20(function(props, ref) {
 });
 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
 import { useId as $83Elw$useId, useLabels as $83Elw$useLabels } from "@react-aria/utils";
 function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
@@ -8622,7 +8650,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
 import { useSlotId as $2kC82$useSlotId, mergeProps as $2kC82$mergeProps } from "@react-aria/utils";
 function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
   let { description, errorMessage, isInvalid, validationState } = props;
@@ -8660,6 +8688,7 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
 }
 
 // src/Multiselect/Multiselect.tsx
+import { useId } from "@react-aria/utils";
 import { cn as cn41, useClassNames as useClassNames43 } from "@marigold/system";
 import { jsx as jsx77, jsxs as jsxs28 } from "react/jsx-runtime";
 var propsToBeRemoved = [
@@ -8843,7 +8872,7 @@ var Multiselect = ({
 
 // src/NumberField/NumberField.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { Group as Group4, NumberField } from "react-aria-components";
+import { Group as Group4, Input as Input5, NumberField } from "react-aria-components";
 import { cn as cn43, useClassNames as useClassNames44 } from "@marigold/system";
 
 // src/NumberField/StepButton.tsx
@@ -8909,34 +8938,207 @@ var _NumberField = forwardRef21(
       isRequired: required,
       ...rest
     };
-    const showStepper = !hideStepper;
-    return /* @__PURE__ */ jsx79(FieldBase, { as: NumberField, ...props, children: /* @__PURE__ */ jsxs29(Group4, { className: cn43("flex items-stretch", classNames3.group), children: [
-      showStepper && /* @__PURE__ */ jsx79(
-        _StepButton,
-        {
-          className: classNames3.stepper,
-          direction: "down",
-          slot: "decrement"
-        }
-      ),
-      /* @__PURE__ */ jsx79("div", { className: "flex-1", children: /* @__PURE__ */ jsx79(
-        _Input,
-        {
-          ref,
-          variant,
-          size: size2,
-          className: classNames3.input
-        }
-      ) }),
-      showStepper && /* @__PURE__ */ jsx79(
-        _StepButton,
-        {
-          className: classNames3.stepper,
-          direction: "up",
-          slot: "increment"
-        }
-      )
-    ] }) });
+    const showStepper = !hideStepper && !readOnly;
+    return /* @__PURE__ */ jsx79(
+      FieldBase,
+      {
+        as: NumberField,
+        ...props,
+        "data-readonly": readOnly ? "true" : void 0,
+        "data-stepper": showStepper ? "true" : void 0,
+        children: /* @__PURE__ */ jsxs29(Group4, { className: cn43("flex items-stretch", classNames3.group), children: [
+          showStepper && /* @__PURE__ */ jsx79(
+            _StepButton,
+            {
+              className: classNames3.stepper,
+              direction: "down",
+              slot: "decrement"
+            }
+          ),
+          /* @__PURE__ */ jsx79(
+            Input5,
+            {
+              ref,
+              className: cn43("h-full flex-1 outline-none", classNames3.input)
+            }
+          ),
+          showStepper && /* @__PURE__ */ jsx79(
+            _StepButton,
+            {
+              className: classNames3.stepper,
+              direction: "up",
+              slot: "increment"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+
+// src/Overlay/NonModal.tsx
+import { forwardRef as forwardRef22, useContext as useContext19 } from "react";
+import {
+  OverlayTriggerStateContext as OverlayTriggerStateContext2,
+  Provider as Provider2
+} from "react-aria-components";
+import {
+  useOverlayTriggerState
+} from "react-stately";
+import { FocusScope } from "@react-aria/focus";
+import { DismissButton, Overlay } from "@react-aria/overlays";
+import { useIsSSR as useIsSSR2 } from "@react-aria/ssr";
+import {
+  filterDOMProps,
+  mergeProps,
+  useEnterAnimation,
+  useExitAnimation,
+  useObjectRef,
+  useViewportSize
+} from "@react-aria/utils";
+
+// src/utils/useRenderProps.tsx
+import { useMemo as useMemo5 } from "react";
+function useRenderProps(props) {
+  let {
+    className,
+    style,
+    children,
+    defaultClassName = void 0,
+    defaultChildren = void 0,
+    defaultStyle,
+    values
+  } = props;
+  return useMemo5(() => {
+    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
+import { useOverlay } from "@react-aria/overlays";
+var useNonModal = ({ nonModalRef, keyboardDismissable = true }, state) => {
+  let { overlayProps } = useOverlay(
+    {
+      isOpen: state.isOpen,
+      onClose: state.close,
+      shouldCloseOnBlur: false,
+      isDismissable: false,
+      isKeyboardDismissDisabled: keyboardDismissable ? false : true
+    },
+    nonModalRef
+  );
+  return {
+    nonModalProps: overlayProps
+  };
+};
+
+// src/Overlay/NonModal.tsx
+import { jsx as jsx80, jsxs as jsxs30 } from "react/jsx-runtime";
+var NonModalInner = ({ state, isExiting, ...props }) => {
+  const { nonModalProps } = useNonModal(props, state);
+  const ref = props.nonModalRef;
+  const portalContainer = usePortalContainer();
+  const isEntering = useEnterAnimation(ref) || props.isEntering || false;
+  const renderProps = useRenderProps({
+    ...props,
+    defaultClassName: "react-aria-NonModalOverlay",
+    values: {
+      isEntering,
+      isExiting,
+      state
+    }
+  });
+  const viewport = useViewportSize();
+  const style = {
+    ...renderProps.style,
+    "--visual-viewport-height": viewport.height + "px"
+  };
+  const overlay = /* @__PURE__ */ jsxs30(
+    "div",
+    {
+      ...mergeProps(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__ */ jsx80(DismissButton, { onDismiss: state.close })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx80(
+    Overlay,
+    {
+      isExiting,
+      portalContainer,
+      disableFocusManagement: true,
+      children: /* @__PURE__ */ jsx80(FocusScope, { restoreFocus: true, children: /* @__PURE__ */ jsx80(Provider2, { values: [[OverlayTriggerStateContext2, state]], children: overlay }) })
+    }
+  );
+};
+var NonModal = forwardRef22(
+  ({ open, ...rest }, ref) => {
+    const props = {
+      isOpen: open,
+      ...rest
+    };
+    ref = useObjectRef(ref);
+    const contextState = useContext19(OverlayTriggerStateContext2);
+    const localState = useOverlayTriggerState(props);
+    const state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+    const isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;
+    const isSSR = useIsSSR2();
+    if (state && !state.isOpen && !isExiting || isSSR) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx80(
+      NonModalInner,
+      {
+        ...props,
+        nonModalRef: ref,
+        state,
+        isExiting
+      }
+    );
   }
 );
 
@@ -8945,9 +9147,9 @@ import { useEffect as useEffect6, useRef as useRef8, useState as useState6 } fro
 import { cn as cn45, useClassNames as useClassNames47 } from "@marigold/system";
 
 // src/Pagination/Ellipsis.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var Ellipsis = () => {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "span",
     {
       className: "text-text-base flex h-8 w-8 items-center justify-center",
@@ -8961,7 +9163,7 @@ var Ellipsis = () => {
 import React12, { useEffect as useEffect4 } from "react";
 import { useButton as useButton2 } from "@react-aria/button";
 import { cn as cn44, useClassNames as useClassNames45 } from "@marigold/system";
-import { jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsxs as jsxs31 } from "react/jsx-runtime";
 var NavigationButton = (props) => {
   const ref = React12.useRef(null);
   const classNames3 = useClassNames45({
@@ -8983,7 +9185,7 @@ var NavigationButton = (props) => {
       return () => registerRef(null);
     }
   }, [registerRef]);
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "button",
     {
       ref,
@@ -9005,7 +9207,7 @@ var NavigationButton = (props) => {
 import { useEffect as useEffect5, useRef as useRef6 } from "react";
 import { useButton as useButton3 } from "@react-aria/button";
 import { useClassNames as useClassNames46 } from "@marigold/system";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var PageButton = (props) => {
   const ref = useRef6(null);
   const classNames3 = useClassNames46({
@@ -9019,7 +9221,7 @@ var PageButton = (props) => {
       return () => registerRef(null);
     }
   }, [registerRef]);
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "button",
     {
       ref,
@@ -9182,7 +9384,7 @@ var usePageRange = ({ currentPage, totalPages }) => {
 };
 
 // src/Pagination/Pagination.tsx
-import { jsx as jsx82, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
 var _Pagination = ({
   defaultPage = 1,
   page,
@@ -9231,14 +9433,14 @@ var _Pagination = ({
   }, [currentPage, setFocusedItem]);
   const isFirstPage = currentPage === 1;
   const isLastPage = currentPage === totalPages || totalPages === 0;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "nav",
     {
       className: "flex items-center justify-center space-x-2",
       "aria-label": `Page ${currentPage} of ${totalPages}`,
       ...keyboardProps,
       children: [
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(
           NavigationButton,
           {
             onClick: () => handlePageChange(Math.max(1, currentPage - 1)),
@@ -9247,11 +9449,11 @@ var _Pagination = ({
             registerRef: (ref) => registerRef(NavigationTypes.Prev, currentPage - 1, ref),
             controlLabel: controlLabels == null ? void 0 : controlLabels[0],
             position: "left",
-            children: /* @__PURE__ */ jsx82(ChevronLeft, { className: cn45(classNames3.icon) })
+            children: /* @__PURE__ */ jsx83(ChevronLeft, { className: cn45(classNames3.icon) })
           }
         ),
-        /* @__PURE__ */ jsx82("div", { className: "flex items-center space-x-2", children: totalPages > 0 ? pageRange.map(
-          (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ jsx82(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83("div", { className: "flex items-center space-x-2", children: totalPages > 0 ? pageRange.map(
+          (pageNumber, index2) => pageNumber === "ellipsis" ? /* @__PURE__ */ jsx83(Ellipsis, {}, `ellipsis-${index2}`) : /* @__PURE__ */ jsx83(
             PageButton,
             {
               page: pageNumber,
@@ -9261,8 +9463,8 @@ var _Pagination = ({
             },
             pageNumber
           )
-        ) : /* @__PURE__ */ jsx82(PageButton, { page: 1, isDisabled: true }, 1) }),
-        /* @__PURE__ */ jsx82(
+        ) : /* @__PURE__ */ jsx83(PageButton, { page: 1, isDisabled: true }, 1) }),
+        /* @__PURE__ */ jsx83(
           NavigationButton,
           {
             onClick: () => handlePageChange(Math.min(totalPages, currentPage + 1)),
@@ -9271,7 +9473,7 @@ var _Pagination = ({
             registerRef: (ref) => registerRef(NavigationTypes.Next, currentPage + 1, ref),
             controlLabel: controlLabels == null ? void 0 : controlLabels[1],
             position: "right",
-            children: /* @__PURE__ */ jsx82(ChevronRight, { className: cn45(classNames3.icon) })
+            children: /* @__PURE__ */ jsx83(ChevronRight, { className: cn45(classNames3.icon) })
           }
         )
       ]
@@ -9281,22 +9483,22 @@ var _Pagination = ({
 
 // src/Radio/Radio.tsx
 import {
-  forwardRef as forwardRef22
+  forwardRef as forwardRef23
 } from "react";
 import { Radio } from "react-aria-components";
 import { cn as cn47, useClassNames as useClassNames49 } from "@marigold/system";
 
 // src/Radio/Context.ts
-import { createContext as createContext10, useContext as useContext19 } from "react";
+import { createContext as createContext10, useContext as useContext20 } from "react";
 var RadioGroupContext = createContext10(
   null
 );
-var useRadioGroupContext = () => useContext19(RadioGroupContext);
+var useRadioGroupContext = () => useContext20(RadioGroupContext);
 
 // src/Radio/RadioGroup.tsx
 import { RadioGroup } from "react-aria-components";
 import { cn as cn46, useClassNames as useClassNames48 } from "@marigold/system";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var _RadioGroup = ({
   variant,
   size: size2,
@@ -9320,7 +9522,7 @@ var _RadioGroup = ({
     isInvalid: error,
     ...rest
   };
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     FieldBase,
     {
       as: RadioGroup,
@@ -9331,7 +9533,7 @@ var _RadioGroup = ({
       variant,
       size: size2,
       ...props,
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx84(
         "div",
         {
           role: "presentation",
@@ -9342,7 +9544,7 @@ var _RadioGroup = ({
             "flex items-start",
             orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
           ),
-          children: /* @__PURE__ */ jsx83(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
+          children: /* @__PURE__ */ jsx84(RadioGroupContext.Provider, { value: { width, variant, size: size2 }, children })
         }
       )
     }
@@ -9350,9 +9552,9 @@ var _RadioGroup = ({
 };
 
 // src/Radio/Radio.tsx
-import { Fragment as Fragment9, jsx as jsx84, jsxs as jsxs32 } from "react/jsx-runtime";
-var Dot = () => /* @__PURE__ */ jsx84("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ jsx84("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
-var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx84(
+import { Fragment as Fragment9, jsx as jsx85, jsxs as jsxs33 } from "react/jsx-runtime";
+var Dot = () => /* @__PURE__ */ jsx85("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ jsx85("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
+var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx85(
   "div",
   {
     className: cn47(
@@ -9361,10 +9563,10 @@ var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx84(
     ),
     "aria-hidden": "true",
     ...props,
-    children: checked ? /* @__PURE__ */ jsx84(Dot, {}) : null
+    children: checked ? /* @__PURE__ */ jsx85(Dot, {}) : null
   }
 );
-var _Radio = forwardRef22(
+var _Radio = forwardRef23(
   ({ value, disabled, width, children, ...props }, ref) => {
     const { variant, size: size2, width: groupWidth } = useRadioGroupContext();
     const classNames3 = useClassNames49({
@@ -9372,7 +9574,7 @@ var _Radio = forwardRef22(
       variant: variant || props.variant,
       size: size2 || props.size
     });
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx85(
       Radio,
       {
         ref,
@@ -9385,8 +9587,8 @@ var _Radio = forwardRef22(
         value,
         isDisabled: disabled,
         ...props,
-        children: ({ isSelected }) => /* @__PURE__ */ jsxs32(Fragment9, { children: [
-          /* @__PURE__ */ jsx84(
+        children: ({ isSelected }) => /* @__PURE__ */ jsxs33(Fragment9, { children: [
+          /* @__PURE__ */ jsx85(
             Icon3,
             {
               checked: isSelected,
@@ -9396,7 +9598,7 @@ var _Radio = forwardRef22(
               )
             }
           ),
-          /* @__PURE__ */ jsx84("div", { className: classNames3.label, children })
+          /* @__PURE__ */ jsx85("div", { className: classNames3.label, children })
         ] })
       }
     );
@@ -9405,10 +9607,10 @@ var _Radio = forwardRef22(
 _Radio.Group = _RadioGroup;
 
 // src/SearchField/SearchField.tsx
-import { forwardRef as forwardRef23 } from "react";
+import { forwardRef as forwardRef24 } from "react";
 import { SearchField } from "react-aria-components";
-import { jsx as jsx85 } from "react/jsx-runtime";
-var _SearchField = forwardRef23(
+import { jsx as jsx86 } from "react/jsx-runtime";
+var _SearchField = forwardRef24(
   ({ disabled, required, readOnly, error, action, ...rest }, ref) => {
     const props = {
       ...rest,
@@ -9417,7 +9619,7 @@ var _SearchField = forwardRef23(
       isReadOnly: readOnly,
       isInvalid: error
     };
-    return /* @__PURE__ */ jsx85(FieldBase, { as: SearchField, ...props, children: /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(FieldBase, { as: SearchField, ...props, children: /* @__PURE__ */ jsx86(
       SearchInput,
       {
         ref,
@@ -9428,11 +9630,11 @@ var _SearchField = forwardRef23(
 );
 
 // src/Select/Select.tsx
-import { forwardRef as forwardRef24 } from "react";
+import { forwardRef as forwardRef25 } from "react";
 import { Select as Select2, SelectValue } from "react-aria-components";
 import { cn as cn48, useClassNames as useClassNames50 } from "@marigold/system";
-import { jsx as jsx86, jsxs as jsxs33 } from "react/jsx-runtime";
-var _Select = forwardRef24(
+import { jsx as jsx87, jsxs as jsxs34 } from "react/jsx-runtime";
+var _Select = forwardRef25(
   ({
     disabled,
     required,
@@ -9453,8 +9655,8 @@ var _Select = forwardRef24(
       ...rest
     };
     const classNames3 = useClassNames50({ component: "Select", variant, size: size2 });
-    return /* @__PURE__ */ jsxs33(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
-      /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs34(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
+      /* @__PURE__ */ jsxs34(
         IconButton,
         {
           className: cn48(
@@ -9462,12 +9664,12 @@ var _Select = forwardRef24(
             classNames3.select
           ),
           children: [
-            /* @__PURE__ */ jsx86(SelectValue, { className: "[&>[slot=description]]:hidden" }),
-            /* @__PURE__ */ jsx86(ChevronDown, { className: cn48("size-4", classNames3.icon) })
+            /* @__PURE__ */ jsx87(SelectValue, { className: "[&>[slot=description]]:hidden" }),
+            /* @__PURE__ */ jsx87(ChevronDown, { className: cn48("size-4", classNames3.icon) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx86(_Popover, { children: /* @__PURE__ */ jsx86(_ListBox, { items, children: props.children }) })
+      /* @__PURE__ */ jsx87(_Popover, { children: /* @__PURE__ */ jsx87(_ListBox, { items, children: props.children }) })
     ] });
   }
 );
@@ -9476,36 +9678,36 @@ _Select.Section = _ListBox.Section;
 
 // src/SelectList/SelectList.tsx
 import {
-  forwardRef as forwardRef26
+  forwardRef as forwardRef27
 } from "react";
 import { GridList as SelectList } from "react-aria-components";
 import { cn as cn50, useClassNames as useClassNames51 } from "@marigold/system";
 
 // src/SelectList/Context.ts
-import { createContext as createContext11, useContext as useContext20 } from "react";
+import { createContext as createContext11, useContext as useContext21 } from "react";
 var SelectListContext = createContext11(
   {}
 );
-var useSelectListContext = () => useContext20(SelectListContext);
+var useSelectListContext = () => useContext21(SelectListContext);
 
 // src/SelectList/SelectListItem.tsx
-import { forwardRef as forwardRef25 } from "react";
+import { forwardRef as forwardRef26 } from "react";
 import { GridListItem as SelectListItem } from "react-aria-components";
 import { cn as cn49 } from "@marigold/system";
-import { jsx as jsx87, jsxs as jsxs34 } from "react/jsx-runtime";
-var _SelectListItem = forwardRef25(
+import { jsx as jsx88, jsxs as jsxs35 } from "react/jsx-runtime";
+var _SelectListItem = forwardRef26(
   ({ children, ...props }, ref) => {
     let textValue = typeof children === "string" ? children : void 0;
     const { classNames: classNames3 } = useSelectListContext();
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx88(
       SelectListItem,
       {
         textValue,
         ...props,
         className: cn49("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.option),
         ref,
-        children: ({ selectionMode }) => /* @__PURE__ */ jsxs34("div", { className: "flex gap-2", children: [
-          selectionMode === "multiple" && /* @__PURE__ */ jsx87(_Checkbox, { slot: "selection" }),
+        children: ({ selectionMode }) => /* @__PURE__ */ jsxs35("div", { className: "flex gap-2", children: [
+          selectionMode === "multiple" && /* @__PURE__ */ jsx88(_Checkbox, { slot: "selection" }),
           children
         ] })
       }
@@ -9514,15 +9716,15 @@ var _SelectListItem = forwardRef25(
 );
 
 // src/SelectList/SelectList.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
-var _SelectList = forwardRef26(
+import { jsx as jsx89 } from "react/jsx-runtime";
+var _SelectList = forwardRef27(
   ({ onChange: onChange2, ...rest }, ref) => {
     const classNames3 = useClassNames51({ component: "ListBox" });
     const props = {
       onSelectionChange: onChange2,
       ...rest
     };
-    return /* @__PURE__ */ jsx88(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx88("div", { className: classNames3.container, children: /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx89(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx89("div", { className: classNames3.container, children: /* @__PURE__ */ jsx89(
       SelectList,
       {
         ...props,
@@ -9541,13 +9743,13 @@ _SelectList.Item = _SelectListItem;
 
 // src/Scrollable/Scrollable.tsx
 import { cn as cn51, createVar as createVar8, width as twWidth2 } from "@marigold/system";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var Scrollable = ({
   children,
   width = "full",
   height,
   ...props
-}) => /* @__PURE__ */ jsx89(
+}) => /* @__PURE__ */ jsx90(
   "div",
   {
     ...props,
@@ -9558,7 +9760,7 @@ var Scrollable = ({
 );
 
 // src/Slider/Slider.tsx
-import { forwardRef as forwardRef27 } from "react";
+import { forwardRef as forwardRef28 } from "react";
 import {
   Slider,
   SliderOutput,
@@ -9570,8 +9772,8 @@ import {
   width as twWidth3,
   useClassNames as useClassNames52
 } from "@marigold/system";
-import { Fragment as Fragment10, jsx as jsx90, jsxs as jsxs35 } from "react/jsx-runtime";
-var _Slider = forwardRef27(
+import { Fragment as Fragment10, jsx as jsx91, jsxs as jsxs36 } from "react/jsx-runtime";
+var _Slider = forwardRef28(
   ({
     thumbLabels,
     variant,
@@ -9590,7 +9792,7 @@ var _Slider = forwardRef27(
       isDisabled: disabled,
       ...rest
     };
-    return /* @__PURE__ */ jsxs35(
+    return /* @__PURE__ */ jsxs36(
       FieldBase,
       {
         as: Slider,
@@ -9602,14 +9804,14 @@ var _Slider = forwardRef27(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx90(_Label, { children: props.children && props.children || label && label }),
-          /* @__PURE__ */ jsx90(SliderOutput, { className: cn52("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(_Label, { children: props.children && props.children || label && label }),
+          /* @__PURE__ */ jsx91(SliderOutput, { className: cn52("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
+          /* @__PURE__ */ jsx91(
             SliderTrack,
             {
               className: cn52("relative col-span-2 h-2 w-full", classNames3.track),
-              children: ({ state }) => /* @__PURE__ */ jsxs35(Fragment10, { children: [
-                /* @__PURE__ */ jsx90(
+              children: ({ state }) => /* @__PURE__ */ jsxs36(Fragment10, { children: [
+                /* @__PURE__ */ jsx91(
                   "div",
                   {
                     className: cn52(
@@ -9618,7 +9820,7 @@ var _Slider = forwardRef27(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx90(
+                /* @__PURE__ */ jsx91(
                   "div",
                   {
                     className: cn52(
@@ -9631,7 +9833,7 @@ var _Slider = forwardRef27(
                     }
                   }
                 ),
-                state.values.map((_, i) => /* @__PURE__ */ jsx90(
+                state.values.map((_, i) => /* @__PURE__ */ jsx91(
                   SliderThumb,
                   {
                     className: cn52("top-1/2 cursor-pointer", classNames3.thumb),
@@ -9651,12 +9853,12 @@ var _Slider = forwardRef27(
 );
 
 // src/Split/Split.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
-var Split = () => /* @__PURE__ */ jsx91("div", { role: "separator", className: "grow" });
+import { jsx as jsx92 } from "react/jsx-runtime";
+var Split = () => /* @__PURE__ */ jsx92("div", { role: "separator", className: "grow" });
 
 // src/Stack/Stack.tsx
 import { alignment as alignment2, cn as cn53, gapSpace as gapSpace8 } from "@marigold/system";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var Stack = ({
   children,
   space = 0,
@@ -9666,7 +9868,7 @@ var Stack = ({
   ...props
 }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     "div",
     {
       className: cn53(
@@ -9683,15 +9885,15 @@ var Stack = ({
 };
 
 // src/Switch/Switch.tsx
-import { forwardRef as forwardRef28 } from "react";
+import { forwardRef as forwardRef29 } from "react";
 import { Switch } from "react-aria-components";
 import {
   cn as cn54,
   width as twWidth4,
   useClassNames as useClassNames53
 } from "@marigold/system";
-import { jsx as jsx93, jsxs as jsxs36 } from "react/jsx-runtime";
-var _Switch = forwardRef28(
+import { jsx as jsx94, jsxs as jsxs37 } from "react/jsx-runtime";
+var _Switch = forwardRef29(
   ({
     variant,
     size: size2,
@@ -9709,7 +9911,7 @@ var _Switch = forwardRef28(
       isSelected: selected,
       ...rest
     };
-    return /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsxs37(
       Switch,
       {
         ...props,
@@ -9721,8 +9923,8 @@ var _Switch = forwardRef28(
           classNames3.container
         ),
         children: [
-          /* @__PURE__ */ jsx93(_Label, { elementType: "span", children }),
-          /* @__PURE__ */ jsx93("div", { className: "relative", children: /* @__PURE__ */ jsx93("div", { className: classNames3.track, children: /* @__PURE__ */ jsx93("div", { className: classNames3.thumb }) }) })
+          /* @__PURE__ */ jsx94(_Label, { elementType: "span", children }),
+          /* @__PURE__ */ jsx94("div", { className: "relative", children: /* @__PURE__ */ jsx94("div", { className: classNames3.track, children: /* @__PURE__ */ jsx94("div", { className: classNames3.thumb }) }) })
         ]
       }
     );
@@ -9740,16 +9942,16 @@ import {
   Row,
   useTableState
 } from "@react-stately/table";
-import { cn as cn60, useClassNames as useClassNames55 } from "@marigold/system";
+import { cn as cn61, useClassNames as useClassNames55 } from "@marigold/system";
 
 // src/Table/Context.tsx
-import { createContext as createContext12, useContext as useContext21 } from "react";
+import { createContext as createContext12, useContext as useContext22 } from "react";
 var TableContext = createContext12({});
-var useTableContext = () => useContext21(TableContext);
+var useTableContext = () => useContext22(TableContext);
 
 // src/Table/TableBody.tsx
 import { useTableRowGroup } from "@react-aria/table";
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var TableBody = ({
   children,
   className,
@@ -9758,7 +9960,7 @@ var TableBody = ({
   const { rowGroupProps } = useTableRowGroup();
   const { state, classNames: classNames3 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ jsx94("tbody", { className, children: /* @__PURE__ */ jsx94("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95("tbody", { className, children: /* @__PURE__ */ jsx95("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx95(
       "td",
       {
         className: classNames3 == null ? void 0 : classNames3.cell,
@@ -9768,16 +9970,16 @@ var TableBody = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx94("tbody", { ...rowGroupProps, className, children });
+  return /* @__PURE__ */ jsx95("tbody", { ...rowGroupProps, className, children });
 };
 
 // src/Table/TableCell.tsx
 import { useRef as useRef9 } from "react";
 import { useFocusRing } from "@react-aria/focus";
 import { useTableCell } from "@react-aria/table";
-import { mergeProps } from "@react-aria/utils";
+import { mergeProps as mergeProps2 } from "@react-aria/utils";
 import { cn as cn55, useStateProps } from "@marigold/system";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var TableCell = ({ cell, align = "left" }) => {
   const ref = useRef9(null);
   const { interactive, state, classNames: classNames3 } = useTableContext();
@@ -9800,12 +10002,12 @@ var TableCell = ({ cell, align = "left" }) => {
   };
   const { focusProps, isFocusVisible } = useFocusRing();
   const stateProps = useStateProps({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     "td",
     {
       ref,
       className: cn55(classNames3 == null ? void 0 : classNames3.cell),
-      ...mergeProps(cellProps, focusProps),
+      ...mergeProps2(cellProps, focusProps),
       ...stateProps,
       align,
       children: cell.rendered
@@ -9817,7 +10019,7 @@ var TableCell = ({ cell, align = "left" }) => {
 import { useRef as useRef10 } from "react";
 import { useFocusRing as useFocusRing2 } from "@react-aria/focus";
 import { useTableCell as useTableCell2, useTableSelectionCheckbox } from "@react-aria/table";
-import { mergeProps as mergeProps2 } from "@react-aria/utils";
+import { mergeProps as mergeProps3 } from "@react-aria/utils";
 import { cn as cn56, useStateProps as useStateProps2 } from "@marigold/system";
 
 // src/Table/utils.ts
@@ -9841,7 +10043,7 @@ var mapCheckboxProps = ({
 };
 
 // src/Table/TableCheckboxCell.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var TableCheckboxCell = ({ cell }) => {
   const ref = useRef10(null);
   const { state, classNames: classNames3 } = useTableContext();
@@ -9858,14 +10060,14 @@ var TableCheckboxCell = ({ cell }) => {
   );
   const { focusProps, isFocusVisible } = useFocusRing2();
   const stateProps = useStateProps2({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     "td",
     {
       ref,
       className: cn56("text-center align-middle leading-none", classNames3 == null ? void 0 : classNames3.cell),
-      ...mergeProps2(gridCellProps, focusProps),
+      ...mergeProps3(gridCellProps, focusProps),
       ...stateProps,
-      children: /* @__PURE__ */ jsx96(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx97(_Checkbox, { ...checkboxProps })
     }
   );
 };
@@ -9875,9 +10077,9 @@ import { useRef as useRef11 } from "react";
 import { useFocusRing as useFocusRing3 } from "@react-aria/focus";
 import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
-import { mergeProps as mergeProps3 } from "@react-aria/utils";
+import { mergeProps as mergeProps4 } from "@react-aria/utils";
 import { cn as cn57, width as twWidth5, useStateProps as useStateProps3 } from "@marigold/system";
-import { jsx as jsx97, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs38 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
@@ -9899,18 +10101,18 @@ var TableColumnHeader = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "th",
     {
       colSpan: column2.colspan,
       ref,
       className: cn57("cursor-default", twWidth5[width], classNames3 == null ? void 0 : classNames3.header),
-      ...mergeProps3(columnHeaderProps, hoverProps, focusProps),
+      ...mergeProps4(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__ */ jsx97(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx97(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx97("span", { className: "invisible", children: /* @__PURE__ */ jsx97(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__ */ jsx98(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx98(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx98("span", { className: "hidden", children: /* @__PURE__ */ jsx98(SortDown, { className: "inline-block" }) }))
       ]
     }
   );
@@ -9918,14 +10120,21 @@ var TableColumnHeader = ({
 
 // src/Table/TableHeader.tsx
 import { useTableRowGroup as useTableRowGroup2 } from "@react-aria/table";
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { cn as cn58 } from "@marigold/system";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var TableHeader = ({ stickyHeader, children }) => {
   const { rowGroupProps } = useTableRowGroup2();
-  return /* @__PURE__ */ jsx98(
+  const { classNames: classNames3 } = useTableContext();
+  return /* @__PURE__ */ jsx99(
     "thead",
     {
       ...rowGroupProps,
-      className: stickyHeader ? "[&_th]:sticky [&_th]:top-0" : "",
+      className: cn58(
+        classNames3 == null ? void 0 : classNames3.thead,
+        // for sticky header &th needs to be sticky for b2b and core theme
+        // for rui sticky is applied to thead
+        stickyHeader ? "sticky [&_th]:sticky [&_th]:top-0" : ""
+      ),
       children
     }
   );
@@ -9934,7 +10143,7 @@ var TableHeader = ({ stickyHeader, children }) => {
 // src/Table/TableHeaderRow.tsx
 import { useRef as useRef12 } from "react";
 import { useTableHeaderRow } from "@react-aria/table";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var TableHeaderRow = ({
   item,
   className,
@@ -9943,7 +10152,7 @@ var TableHeaderRow = ({
   const { state } = useTableContext();
   const ref = useRef12(null);
   const { rowProps } = useTableHeaderRow({ node: item }, state, ref);
-  return /* @__PURE__ */ jsx99("tr", { ...rowProps, className, ref, children });
+  return /* @__PURE__ */ jsx100("tr", { ...rowProps, className, ref, children });
 };
 
 // src/Table/TableRow.tsx
@@ -9951,9 +10160,9 @@ import { useRef as useRef13 } from "react";
 import { useFocusRing as useFocusRing4 } from "@react-aria/focus";
 import { useHover as useHover2 } from "@react-aria/interactions";
 import { useTableRow } from "@react-aria/table";
-import { mergeProps as mergeProps4 } from "@react-aria/utils";
-import { cn as cn58, useClassNames as useClassNames54, useStateProps as useStateProps4 } from "@marigold/system";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { mergeProps as mergeProps5 } from "@react-aria/utils";
+import { cn as cn59, useClassNames as useClassNames54, useStateProps as useStateProps4 } from "@marigold/system";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var TableRow = ({ children, row }) => {
   const ref = useRef13(null);
   const { interactive, state, ...ctx } = useTableContext();
@@ -9983,17 +10192,17 @@ var TableRow = ({ children, row }) => {
     focusVisible: isFocusVisible,
     active: isPressed
   });
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     "tr",
     {
       ref,
-      className: cn58(
+      className: cn59(
         [
           !interactive ? "cursor-text" : disabled ? "cursor-default" : "cursor-pointer"
         ],
         classNames3 == null ? void 0 : classNames3.row
       ),
-      ...mergeProps4(rowProps, focusProps, hoverProps),
+      ...mergeProps5(rowProps, focusProps, hoverProps),
       ...stateProps,
       children
     }
@@ -10008,13 +10217,13 @@ import {
   useTableColumnHeader as useTableColumnHeader2,
   useTableSelectAllCheckbox
 } from "@react-aria/table";
-import { mergeProps as mergeProps5 } from "@react-aria/utils";
+import { mergeProps as mergeProps6 } from "@react-aria/utils";
 import {
-  cn as cn59,
+  cn as cn60,
   width as twWidth6,
   useStateProps as useStateProps5
 } from "@marigold/system";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var TableSelectAllCell = ({
   column: column2,
   width = "auto",
@@ -10036,21 +10245,21 @@ var TableSelectAllCell = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "th",
     {
       ref,
-      className: cn59(twWidth6[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
-      ...mergeProps5(columnHeaderProps, hoverProps, focusProps),
+      className: cn60(twWidth6[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
+      ...mergeProps6(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
-      children: /* @__PURE__ */ jsx101(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx102(_Checkbox, { ...checkboxProps })
     }
   );
 };
 
 // src/Table/Table.tsx
-import { jsx as jsx102, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs39 } from "react/jsx-runtime";
 var Table = ({
   variant,
   size: size2,
@@ -10079,15 +10288,15 @@ var Table = ({
     size: size2
   });
   const { collection } = state;
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
-      children: /* @__PURE__ */ jsxs38(
+      children: /* @__PURE__ */ jsxs39(
         "table",
         {
           ref: tableRef,
-          className: cn60(
+          className: cn61(
             "group/table",
             "border-collapse",
             stretch ? "table w-full" : "block",
@@ -10095,7 +10304,7 @@ var Table = ({
           ),
           ...gridProps,
           children: [
-            /* @__PURE__ */ jsx102(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx102(
+            /* @__PURE__ */ jsx103(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx103(
               TableHeaderRow,
               {
                 item: headerRow,
@@ -10103,7 +10312,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__ */ jsx102(
+                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx103(
                       TableSelectAllCell,
                       {
                         width: (_b = column2.props) == null ? void 0 : _b.width,
@@ -10111,7 +10320,7 @@ var Table = ({
                         align: (_c = column2.props) == null ? void 0 : _c.align
                       },
                       column2.key
-                    ) : /* @__PURE__ */ jsx102(
+                    ) : /* @__PURE__ */ jsx103(
                       TableColumnHeader,
                       {
                         width: (_d = column2.props) == null ? void 0 : _d.width,
@@ -10125,12 +10334,12 @@ var Table = ({
               },
               headerRow.key
             )) }),
-            /* @__PURE__ */ jsxs38(TableBody, { className: classNames3.body, emptyState, children: [
+            /* @__PURE__ */ jsxs39(TableBody, { className: classNames3.body, emptyState, children: [
               ...collection.rows.map(
-                (row) => row.type === "item" && /* @__PURE__ */ jsx102(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
+                (row) => row.type === "item" && /* @__PURE__ */ jsx103(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__ */ jsx102(TableCheckboxCell, { cell }, cell.key) : /* @__PURE__ */ jsx102(
+                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx103(TableCheckboxCell, { cell }, cell.key) : /* @__PURE__ */ jsx103(
                     TableCell,
                     {
                       align: (_b = currentColumn.props) == null ? void 0 : _b.align,
@@ -10156,7 +10365,7 @@ Table.Row = Row;
 // src/Text/Text.tsx
 import { Text as Text2 } from "react-aria-components";
 import {
-  cn as cn61,
+  cn as cn62,
   cursorStyle,
   ensureCssVar as ensureCssVar2,
   fontWeight,
@@ -10165,7 +10374,7 @@ import {
   textStyle,
   useClassNames as useClassNames56
 } from "@marigold/system";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var _Text = ({
   variant,
   size: size2,
@@ -10186,12 +10395,12 @@ var _Text = ({
   });
   const Component2 = props.slot ? Text2 : as;
   const elementType = props.slot ? { elementType: as } : {};
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx104(
     Component2,
     {
       ...props,
       ...elementType,
-      className: cn61(
+      className: cn62(
         "max-w-(--maxTextWidth)",
         // possibly set by a <Container>
         classNames3,
@@ -10208,11 +10417,11 @@ var _Text = ({
 };
 
 // src/TextArea/TextArea.tsx
-import { forwardRef as forwardRef29 } from "react";
+import { forwardRef as forwardRef30 } from "react";
 import { TextArea, TextField } from "react-aria-components";
 import { useClassNames as useClassNames57 } from "@marigold/system";
-import { jsx as jsx104 } from "react/jsx-runtime";
-var _TextArea = forwardRef29(
+import { jsx as jsx105 } from "react/jsx-runtime";
+var _TextArea = forwardRef30(
   ({
     variant,
     size: size2,
@@ -10231,15 +10440,15 @@ var _TextArea = forwardRef29(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx104(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx104(TextArea, { className: classNames3, ref, rows }) });
+    return /* @__PURE__ */ jsx105(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx105(TextArea, { className: classNames3, ref, rows }) });
   }
 );
 
 // src/TextField/TextField.tsx
-import { forwardRef as forwardRef30 } from "react";
+import { forwardRef as forwardRef31 } from "react";
 import { TextField as TextField2 } from "react-aria-components";
-import { jsx as jsx105 } from "react/jsx-runtime";
-var _TextField = forwardRef30(
+import { jsx as jsx106 } from "react/jsx-runtime";
+var _TextField = forwardRef31(
   ({ required, disabled, readOnly, error, ...rest }, ref) => {
     const props = {
       isDisabled: disabled,
@@ -10248,13 +10457,13 @@ var _TextField = forwardRef30(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx105(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx105(_Input, { ref }) });
+    return /* @__PURE__ */ jsx106(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx106(_Input, { ref }) });
   }
 );
 
 // src/Tiles/Tiles.tsx
-import { cn as cn62, createVar as createVar9, gapSpace as gapSpace9 } from "@marigold/system";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { cn as cn63, createVar as createVar9, gapSpace as gapSpace9 } from "@marigold/system";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var Tiles = ({
   space = 0,
   stretch = false,
@@ -10267,11 +10476,11 @@ var Tiles = ({
   if (stretch) {
     column2 = `minmax(${column2}, 1fr)`;
   }
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     "div",
     {
       ...props,
-      className: cn62(
+      className: cn63(
         "grid",
         gapSpace9[space],
         "grid-cols-[repeat(auto-fit,var(--column))]",
@@ -10285,11 +10494,11 @@ var Tiles = ({
 
 // src/Tooltip/Tooltip.tsx
 import { OverlayArrow, Tooltip } from "react-aria-components";
-import { cn as cn63, useClassNames as useClassNames58 } from "@marigold/system";
+import { cn as cn64, useClassNames as useClassNames58 } from "@marigold/system";
 
 // src/Tooltip/TooltipTrigger.tsx
 import { TooltipTrigger } from "react-aria-components";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var _TooltipTrigger = ({
   delay = 1e3,
   children,
@@ -10303,11 +10512,11 @@ var _TooltipTrigger = ({
     isOpen: open,
     delay
   };
-  return /* @__PURE__ */ jsx107(TooltipTrigger, { ...props, children });
+  return /* @__PURE__ */ jsx108(TooltipTrigger, { ...props, children });
 };
 
 // src/Tooltip/Tooltip.tsx
-import { jsx as jsx108, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs40 } from "react/jsx-runtime";
 var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   const props = {
     ...rest,
@@ -10315,14 +10524,14 @@ var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   };
   const classNames3 = useClassNames58({ component: "Tooltip", variant, size: size2 });
   const portal = usePortalContainer();
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     Tooltip,
     {
       ...props,
-      className: cn63("group/tooltip", classNames3.container),
+      className: cn64("group/tooltip", classNames3.container),
       UNSTABLE_portalContainer: portal,
       children: [
-        /* @__PURE__ */ jsx108(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx108("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx108("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        /* @__PURE__ */ jsx109(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx109("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx109("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         children
       ]
     }
@@ -10332,12 +10541,12 @@ _Tooltip.Trigger = _TooltipTrigger;
 
 // src/TagGroup/Tag.tsx
 import { Button as Button7, Tag } from "react-aria-components";
-import { cn as cn64, useClassNames as useClassNames60 } from "@marigold/system";
+import { cn as cn65, useClassNames as useClassNames60 } from "@marigold/system";
 
 // src/TagGroup/TagGroup.tsx
 import { TagGroup, TagList } from "react-aria-components";
 import { useClassNames as useClassNames59 } from "@marigold/system";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var _TagGroup = ({
   width,
   items,
@@ -10348,7 +10557,7 @@ var _TagGroup = ({
   ...rest
 }) => {
   const classNames3 = useClassNames59({ component: "Tag", variant, size: size2 });
-  return /* @__PURE__ */ jsx109(FieldBase, { as: TagGroup, ...rest, children: /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(FieldBase, { as: TagGroup, ...rest, children: /* @__PURE__ */ jsx110(
     TagList,
     {
       items,
@@ -10360,9 +10569,9 @@ var _TagGroup = ({
 };
 
 // src/TagGroup/Tag.tsx
-import { Fragment as Fragment11, jsx as jsx110, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx111, jsxs as jsxs41 } from "react/jsx-runtime";
 var CloseButton2 = ({ className }) => {
-  return /* @__PURE__ */ jsx110(Button7, { slot: "remove", className, children: /* @__PURE__ */ jsx110("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx110("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__ */ jsx111(Button7, { slot: "remove", className, children: /* @__PURE__ */ jsx111("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx111("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;
@@ -10371,18 +10580,18 @@ var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
     isDisabled: disabled,
     ...rest
   };
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     Tag,
     {
       textValue,
       ...props,
-      className: cn64("data-selection-mode:cursor-pointer", classNames3.tag),
-      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs40(Fragment11, { children: [
+      className: cn65("data-selection-mode:cursor-pointer", classNames3.tag),
+      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs41(Fragment11, { children: [
         children,
-        allowsRemoving && /* @__PURE__ */ jsx110(
+        allowsRemoving && /* @__PURE__ */ jsx111(
           CloseButton2,
           {
-            className: cn64("flex items-center", classNames3.closeButton)
+            className: cn65("flex items-center", classNames3.closeButton)
           }
         )
       ] })
@@ -10415,7 +10624,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-import { jsx as jsx111, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs42 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10425,7 +10634,7 @@ var BaseLoader = ({
 }) => {
   const stringFormatter = useLocalizedStringFormatter2(intlMessages2, "marigold");
   const className = useClassNames61({ component: "XLoader", variant, size: size2 });
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     ProgressBar2,
     {
       className: className.container,
@@ -10433,7 +10642,7 @@ var BaseLoader = ({
       "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs42(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -10441,13 +10650,13 @@ var BaseLoader = ({
             fill: "currentColor",
             className: className.loader,
             children: [
-              /* @__PURE__ */ jsx111("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10460,12 +10669,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10478,12 +10687,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10496,12 +10705,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10514,12 +10723,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10532,12 +10741,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10550,12 +10759,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10568,12 +10777,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10586,12 +10795,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10604,12 +10813,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10622,12 +10831,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx112(
                 "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__ */ jsx111(
+                  children: /* @__PURE__ */ jsx112(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10643,17 +10852,17 @@ var BaseLoader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx111(Label2, { className: className.label, children }) : null
+        children ? /* @__PURE__ */ jsx112(Label2, { className: className.label, children }) : null
       ]
     }
   );
 };
 
 // src/XLoader/XLoader.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var LoaderFullScreen = (props) => {
   const id = useId2();
-  return /* @__PURE__ */ jsx112(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx112(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx112(Dialog3, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx112(BaseLoader, { id, ...props }) }) }) });
+  return /* @__PURE__ */ jsx113(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx113(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx113(Dialog3, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx113(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
   const className = useClassNames62({
@@ -10661,30 +10870,30 @@ var LoaderSection = (props) => {
     variant: "modal",
     className: "flex size-full items-center justify-center"
   });
-  return /* @__PURE__ */ jsx112("div", { className, children: /* @__PURE__ */ jsx112(BaseLoader, { ...props }) });
+  return /* @__PURE__ */ jsx113("div", { className, children: /* @__PURE__ */ jsx113(BaseLoader, { ...props }) });
 };
-var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx112(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx112(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx112(BaseLoader, { variant, ...props });
+var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx113(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx113(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx113(BaseLoader, { variant, ...props });
 
 // src/Tabs/Tabs.tsx
 import { Tabs } from "react-aria-components";
 import { useClassNames as useClassNames63 } from "@marigold/system";
 
 // src/Tabs/Context.ts
-import { createContext as createContext13, useContext as useContext22 } from "react";
+import { createContext as createContext13, useContext as useContext23 } from "react";
 var TabContext = createContext13({});
-var useTabContext = () => useContext22(TabContext);
+var useTabContext = () => useContext23(TabContext);
 
 // src/Tabs/Tab.tsx
 import { Tab } from "react-aria-components";
-import { cn as cn65 } from "@marigold/system";
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { cn as cn66 } from "@marigold/system";
+import { jsx as jsx114 } from "react/jsx-runtime";
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx114(
     Tab,
     {
       ...props,
-      className: cn65(
+      className: cn66(
         "flex cursor-pointer justify-center aria-disabled:cursor-not-allowed",
         classNames3.tab
       ),
@@ -10695,15 +10904,15 @@ var _Tab = (props) => {
 
 // src/Tabs/TabList.tsx
 import { TabList } from "react-aria-components";
-import { cn as cn66, gapSpace as gapSpace10 } from "@marigold/system";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { cn as cn67, gapSpace as gapSpace10 } from "@marigold/system";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx115(
     TabList,
     {
       ...props,
-      className: cn66("flex", gapSpace10[space], classNames3.tabsList),
+      className: cn67("flex", gapSpace10[space], classNames3.tabsList),
       children: props.children
     }
   );
@@ -10711,14 +10920,14 @@ var _TabList = ({ space = 2, ...props }) => {
 
 // src/Tabs/TabPanel.tsx
 import { TabPanel } from "react-aria-components";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var _TabPanel = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx115(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
+  return /* @__PURE__ */ jsx116(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
   const props = {
     isDisabled: disabled,
@@ -10729,7 +10938,7 @@ var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
     size: size2,
     variant
   });
-  return /* @__PURE__ */ jsx116(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx116(Tabs, { ...props, className: classNames3.container, children: props.children }) });
+  return /* @__PURE__ */ jsx117(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx117(Tabs, { ...props, className: classNames3.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
@@ -10781,6 +10990,7 @@ export {
   _Menu as Menu,
   _Modal as Modal,
   Multiselect,
+  NonModal,
   _NumberField as NumberField,
   OverlayContainerProvider,
   _Pagination as Pagination,