@marigold/components 11.5.0 → 12.0.1

package/dist/index.mjs

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment13 = REACT_FRAGMENT_TYPE;
+        var Fragment15 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment13;
+        exports.Fragment = Fragment15;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -392,9 +392,9 @@ var require_hoist_non_react_statics_cjs = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
     "use strict";
     function _extends2() {
       return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
@@ -409,9 +409,9 @@ var require_extends = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js
 var require_typeof = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
     "use strict";
     function _typeof2(o) {
       "@babel/helpers - typeof";
@@ -425,9 +425,9 @@ var require_typeof = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js
 var require_toPrimitive = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     function toPrimitive2(t, r) {
@@ -444,9 +444,9 @@ var require_toPrimitive = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js
 var require_toPropertyKey = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var toPrimitive2 = require_toPrimitive();
@@ -458,9 +458,9 @@ var require_toPropertyKey = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js
 var require_defineProperty = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperty2(e, r, t) {
@@ -475,9 +475,9 @@ var require_defineProperty = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js
 var require_objectSpread2 = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports, module) {
     "use strict";
     var defineProperty = require_defineProperty();
     function ownKeys2(e, r) {
@@ -505,9 +505,9 @@ var require_objectSpread2 = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js
 var require_arrayWithHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithHoles.js"(exports, module) {
     "use strict";
     function _arrayWithHoles2(r) {
       if (Array.isArray(r)) return r;
@@ -516,9 +516,9 @@ var require_arrayWithHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js
 var require_iterableToArrayLimit = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js"(exports, module) {
     "use strict";
     function _iterableToArrayLimit2(r, l) {
       var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -545,9 +545,9 @@ var require_iterableToArrayLimit = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
 var require_arrayLikeToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
     "use strict";
     function _arrayLikeToArray2(r, a) {
       (null == a || a > r.length) && (a = r.length);
@@ -558,9 +558,9 @@ var require_arrayLikeToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
 var require_unsupportedIterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _unsupportedIterableToArray2(r, a) {
@@ -574,9 +574,9 @@ var require_unsupportedIterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js
 var require_nonIterableRest = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableRest.js"(exports, module) {
     "use strict";
     function _nonIterableRest2() {
       throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -585,9 +585,9 @@ var require_nonIterableRest = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js
 var require_slicedToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/slicedToArray.js"(exports, module) {
     "use strict";
     var arrayWithHoles = require_arrayWithHoles();
     var iterableToArrayLimit = require_iterableToArrayLimit();
@@ -600,9 +600,9 @@ var require_slicedToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
 var require_objectWithoutPropertiesLoose = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     "use strict";
     function _objectWithoutPropertiesLoose2(r, e) {
       if (null == r) return {};
@@ -617,9 +617,9 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
 var require_objectWithoutProperties = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
     "use strict";
     var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
     function _objectWithoutProperties2(e, t) {
@@ -635,9 +635,9 @@ var require_objectWithoutProperties = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js
 var require_classCallCheck = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/classCallCheck.js"(exports, module) {
     "use strict";
     function _classCallCheck2(a, n) {
       if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
@@ -646,9 +646,9 @@ var require_classCallCheck = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js
 var require_createClass = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createClass.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createClass.js"(exports, module) {
     "use strict";
     var toPropertyKey2 = require_toPropertyKey();
     function _defineProperties2(e, r) {
@@ -666,9 +666,9 @@ var require_createClass = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js
 var require_setPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/setPrototypeOf.js"(exports, module) {
     "use strict";
     function _setPrototypeOf2(t, e) {
       return module.exports = _setPrototypeOf2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
@@ -679,9 +679,9 @@ var require_setPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js
 var require_inherits = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/inherits.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/inherits.js"(exports, module) {
     "use strict";
     var setPrototypeOf = require_setPrototypeOf();
     function _inherits2(t, e) {
@@ -700,9 +700,9 @@ var require_inherits = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js
 var require_getPrototypeOf = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/getPrototypeOf.js"(exports, module) {
     "use strict";
     function _getPrototypeOf2(t) {
       return module.exports = _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
@@ -713,9 +713,9 @@ var require_getPrototypeOf = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js
 var require_isNativeReflectConstruct = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js"(exports, module) {
     "use strict";
     function _isNativeReflectConstruct2() {
       try {
@@ -731,9 +731,9 @@ var require_isNativeReflectConstruct = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js
 var require_assertThisInitialized = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/assertThisInitialized.js"(exports, module) {
     "use strict";
     function _assertThisInitialized2(e) {
       if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -743,9 +743,9 @@ var require_assertThisInitialized = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
 var require_possibleConstructorReturn = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"(exports, module) {
     "use strict";
     var _typeof2 = require_typeof()["default"];
     var assertThisInitialized = require_assertThisInitialized();
@@ -758,9 +758,9 @@ var require_possibleConstructorReturn = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js
 var require_createSuper = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/createSuper.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/createSuper.js"(exports, module) {
     "use strict";
     var getPrototypeOf = require_getPrototypeOf();
     var isNativeReflectConstruct = require_isNativeReflectConstruct();
@@ -780,9 +780,9 @@ var require_createSuper = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
 var require_arrayWithoutHoles = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
     "use strict";
     var arrayLikeToArray = require_arrayLikeToArray();
     function _arrayWithoutHoles2(r) {
@@ -792,9 +792,9 @@ var require_arrayWithoutHoles = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js
 var require_iterableToArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
     "use strict";
     function _iterableToArray2(r) {
       if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -803,9 +803,9 @@ var require_iterableToArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js
 var require_nonIterableSpread = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
     "use strict";
     function _nonIterableSpread2() {
       throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -814,9 +814,9 @@ var require_nonIterableSpread = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js
 var require_toConsumableArray = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
     "use strict";
     var arrayWithoutHoles = require_arrayWithoutHoles();
     var iterableToArray = require_iterableToArray();
@@ -829,9 +829,9 @@ var require_toConsumableArray = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js
 var require_taggedTemplateLiteral = __commonJS({
-  "../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js"(exports, module) {
+  "../../node_modules/.pnpm/@babel+runtime@7.27.1/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, {
@@ -846,6 +846,7 @@ var require_taggedTemplateLiteral = __commonJS({
 
 // src/hooks.ts
 import { useAsyncList, useListData } from "@react-stately/data";
+import { DateFormat, NumericFormat } from "@marigold/system";
 
 // src/Accordion/Accordion.tsx
 import { DisclosureGroup } from "react-aria-components";
@@ -1049,7 +1050,7 @@ var HelpText = ({
     size: size2
   });
   const ctx = useContext3(FieldErrorContext);
-  if (!description && ctx && !ctx.isInvalid) {
+  if (!description && !(ctx == null ? void 0 : ctx.isInvalid)) {
     return null;
   }
   return /* @__PURE__ */ jsxs3("div", { className: cn4(classNames3.container), children: [
@@ -1306,19 +1307,39 @@ var useListBoxContext = () => useContext5(ListBoxContext);
 
 // src/ListBox/ListBoxItem.tsx
 import { ListBoxItem } from "react-aria-components";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var CheckMark = ({ className }) => /* @__PURE__ */ jsx14("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx14(
+  "path",
+  {
+    fill: "currentColor",
+    stroke: "none",
+    d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
+  }
+) });
 var _ListBoxItem = ({ ...props }) => {
+  var _a;
   const { classNames: classNames3 } = useListBoxContext();
-  return /* @__PURE__ */ jsx14(ListBoxItem, { ...props, className: classNames3.item });
+  return /* @__PURE__ */ jsx14(
+    ListBoxItem,
+    {
+      ...props,
+      className: classNames3.item,
+      textValue: (_a = props.textValue) != null ? _a : String(props.children),
+      children: /* @__PURE__ */ jsxs7(Fragment, { children: [
+        /* @__PURE__ */ jsx14(CheckMark, { className: "hidden" }),
+        props.children
+      ] })
+    }
+  );
 };
 
 // src/ListBox/ListBoxSection.tsx
 import { Header, ListBoxSection } from "react-aria-components";
 import { cn as cn9 } from "@marigold/system";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var _Section = ({ header, children, ...props }) => {
   const { classNames: classNames3 } = useListBoxContext();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     ListBoxSection,
     {
       ...props,
@@ -1413,7 +1434,7 @@ var Underlay = ({
     ModalOverlay,
     {
       className: ({ isEntering, isExiting }) => cn11(
-        "fixed inset-0 z-40 flex min-h-full items-center justify-center overflow-y-auto backdrop-blur-xs",
+        "fixed inset-0 z-40 grid place-items-center overflow-y-auto",
         isEntering ? "animate-in fade-in duration-300 ease-out" : "",
         isExiting ? "animate-out fade-out duration-200 ease-in" : "",
         classNames3
@@ -1427,7 +1448,7 @@ var Underlay = ({
 };
 
 // src/Overlay/Popover.tsx
-import { Fragment, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var _Popover = forwardRef6(
   ({ keyboardDismissDisabled, placement, open, children, container, ...rest }, ref) => {
     const props = {
@@ -1444,7 +1465,7 @@ var _Popover = forwardRef6(
     });
     const isSmallScreen = useSmallScreen();
     const portal = usePortalContainer();
-    return /* @__PURE__ */ jsx19(Fragment, { children: isSmallScreen ? /* @__PURE__ */ jsx19(Fragment, { children: /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsx19(Fragment2, { children: isSmallScreen ? /* @__PURE__ */ jsx19(Fragment2, { children: /* @__PURE__ */ jsxs9(
       Popover,
       {
         ref,
@@ -1456,7 +1477,7 @@ var _Popover = forwardRef6(
         UNSTABLE_portalContainer: portal,
         children: [
           children,
-          /* @__PURE__ */ jsx19(Underlay, { open, variant: "modal" })
+          /* @__PURE__ */ jsx19(Underlay, { open })
         ]
       }
     ) }) : /* @__PURE__ */ jsx19(
@@ -1475,7 +1496,7 @@ var _Popover = forwardRef6(
 );
 
 // src/Autocomplete/Autocomplete.tsx
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var AutocompleteInput = ({
   onSubmit,
   onClear,
@@ -1537,7 +1558,7 @@ var _Autocomplete = forwardRef7(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsxs9(FieldBase, { as: ComboBox, ref, ...props, children: [
+    return /* @__PURE__ */ jsxs10(FieldBase, { as: ComboBox, ref, ...props, children: [
       /* @__PURE__ */ jsx20(AutocompleteInput, { onSubmit, onClear, ref }),
       /* @__PURE__ */ jsx20(_Popover, { children: /* @__PURE__ */ jsx20(_ListBox, { children }) })
     ] });
@@ -1606,7 +1627,7 @@ import { jsx as jsx25 } from "react/jsx-runtime";
 var SortUp = forwardRef11((props, ref) => /* @__PURE__ */ jsx25(SVG6, { ...props, viewBox: "0 0 24 24", ref, children: /* @__PURE__ */ jsx25("path", { d: "M16.9048 15.1491H7.12078C6.73856 15.1491 6.42188 14.8324 6.42188 14.4503C6.42188 14.2645 6.49827 14.0899 6.62934 13.9588L11.5214 9.06684C11.6524 8.93577 11.8272 8.85938 12.0128 8.85938C12.1984 8.85938 12.3731 8.93577 12.5042 9.06684L17.3962 13.9588C17.5273 14.0899 17.6037 14.2645 17.6037 14.4503C17.6037 14.8324 17.287 15.1491 16.9048 15.1491Z" }) }));
 
 // src/ComboBox/ComboBox.tsx
-import { jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 var _ComboBox = forwardRef12(
   ({
     variant,
@@ -1632,7 +1653,7 @@ var _ComboBox = forwardRef12(
       ...rest
     };
     const classNames3 = useClassNames11({ component: "ComboBox", variant, size: size2 });
-    return /* @__PURE__ */ jsxs10(FieldBase, { as: ComboBox2, ref, ...props, children: [
+    return /* @__PURE__ */ jsxs11(FieldBase, { as: ComboBox2, ref, ...props, children: [
       /* @__PURE__ */ jsx26(
         _Input,
         {
@@ -1676,7 +1697,7 @@ import { cn as cn16, useClassNames as useClassNames15 } from "@marigold/system";
 // src/ProgressCycle/ProgressCycle.tsx
 import { ProgressBar } from "react-aria-components";
 import { SVG as SVG7, cn as cn15, useClassNames as useClassNames14 } from "@marigold/system";
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 var ProgressCycle = ({
   size: size2 = "16",
   ...props
@@ -1689,7 +1710,7 @@ var ProgressCycle = ({
   }
   const radius = `calc(50% - ${strokeWidth / 2}px)`;
   const classNames3 = useClassNames14({ component: "ProgressCycle" });
-  return /* @__PURE__ */ jsx30(ProgressBar, { ...props, "aria-label": "loading", isIndeterminate: true, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx30(ProgressBar, { ...props, "aria-label": "loading", isIndeterminate: true, children: /* @__PURE__ */ jsxs12(
     SVG7,
     {
       className: "animate-rotate-spinner origin-center fill-none",
@@ -1730,7 +1751,7 @@ var ProgressCycle = ({
 };
 
 // src/Button/Button.tsx
-import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
 var _Button = forwardRef13(
   ({
     children,
@@ -1761,7 +1782,7 @@ var _Button = forwardRef13(
         ),
         isPending: loading,
         isDisabled: disabled,
-        children: loading ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+        children: loading ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
           /* @__PURE__ */ jsx31("span", { className: "absolute", children: /* @__PURE__ */ jsx31(ProgressCycle, {}) }),
           /* @__PURE__ */ jsx31("span", { className: "invisible flex gap-[inherit]", children })
         ] }) : children
@@ -1851,10 +1872,10 @@ import { cn as cn20, useClassNames as useClassNames19 } from "@marigold/system";
 
 // src/Checkbox/CheckBoxField.tsx
 import { createVar as createVar5, useClassNames as useClassNames17 } from "@marigold/system";
-import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
 var CheckboxField = ({ children, labelWidth }) => {
   const classNames3 = useClassNames17({ component: "Field" });
-  return /* @__PURE__ */ jsxs13("div", { className: classNames3, children: [
+  return /* @__PURE__ */ jsxs14("div", { className: classNames3, children: [
     /* @__PURE__ */ jsx34("div", { className: "w-(--labelWidth)", style: createVar5({ labelWidth }) }),
     children
   ] });
@@ -1914,8 +1935,8 @@ var _CheckboxGroup = ({
 };
 
 // src/Checkbox/Checkbox.tsx
-import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
-var CheckMark = () => /* @__PURE__ */ jsx36("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx36(
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+var CheckMark2 = () => /* @__PURE__ */ jsx36("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", children: /* @__PURE__ */ jsx36(
   "path",
   {
     fill: "currentColor",
@@ -1944,7 +1965,7 @@ var Icon2 = ({ className, checked, indeterminate, ...props }) => {
         className
       ),
       ...props,
-      children: indeterminate ? /* @__PURE__ */ jsx36(IndeterminateMark, {}) : checked ? /* @__PURE__ */ jsx36(CheckMark, {}) : null
+      children: indeterminate ? /* @__PURE__ */ jsx36(IndeterminateMark, {}) : checked ? /* @__PURE__ */ jsx36(CheckMark2, {}) : null
     }
   );
 };
@@ -1989,7 +2010,7 @@ var _Checkbox = forwardRef14(
           classNames3.container
         ),
         ...props,
-        children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs14(Fragment3, { children: [
+        children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs15(Fragment4, { children: [
           /* @__PURE__ */ jsx36(
             Icon2,
             {
@@ -1998,7 +2019,7 @@ var _Checkbox = forwardRef14(
               className: classNames3.checkbox
             }
           ),
-          (props.children || label) && /* @__PURE__ */ jsx36("div", { className: classNames3.label, children: props.children || label })
+          label && /* @__PURE__ */ jsx36("div", { className: classNames3.label, children: label })
         ] })
       }
     );
@@ -2108,7 +2129,7 @@ import {
   useContext as useContext9
 } from "react";
 import { Dialog, OverlayTriggerStateContext as OverlayTriggerStateContext2 } from "react-aria-components";
-import { cn as cn26, useClassNames as useClassNames24 } from "@marigold/system";
+import { cn as cn26, useClassNames as useClassNames25 } from "@marigold/system";
 
 // src/CloseButton/CloseButton.tsx
 import { forwardRef as forwardRef15 } from "react";
@@ -2130,30 +2151,23 @@ var CloseButton = forwardRef15(
 // src/Overlay/Modal.tsx
 import { forwardRef as forwardRef16 } from "react";
 import { Modal } from "react-aria-components";
+import { useClassNames as useClassNames21 } from "@marigold/system";
 import { jsx as jsx40 } from "react/jsx-runtime";
-var _Modal = forwardRef16(({ open, dismissable, keyboardDismissable, ...rest }, ref) => {
+var _Modal = forwardRef16(({ size: size2, open, dismissable, keyboardDismissable, ...rest }, ref) => {
   const props = {
     isOpen: open,
     isDismissable: dismissable,
     isKeyboardDismissDisabled: keyboardDismissable,
     ...rest
   };
+  const className = useClassNames21({ component: "Modal", size: size2 });
   return /* @__PURE__ */ jsx40(
     Underlay,
     {
       dismissable,
       keyboardDismissable,
       open,
-      variant: "modal",
-      children: /* @__PURE__ */ jsx40(
-        Modal,
-        {
-          ref,
-          className: "relative flex w-full justify-center",
-          ...props,
-          children: props.children
-        }
-      )
+      children: /* @__PURE__ */ jsx40(Modal, { ...props, className, ref, children: props.children })
     }
   );
 });
@@ -2248,7 +2262,7 @@ var useNonModal = ({ nonModalRef, keyboardDismissable = true }, state) => {
 };
 
 // src/Overlay/NonModal.tsx
-import { jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
 var NonModalInner = ({ state, isExiting, ...props }) => {
   const { nonModalProps } = useNonModal(props, state);
   const ref = props.nonModalRef;
@@ -2268,7 +2282,7 @@ var NonModalInner = ({ state, isExiting, ...props }) => {
     ...renderProps.style,
     "--visual-viewport-height": viewport.height + "px"
   };
-  const overlay = /* @__PURE__ */ jsxs15(
+  const overlay = /* @__PURE__ */ jsxs16(
     "div",
     {
       ...mergeProps(filterDOMProps(props), nonModalProps),
@@ -2325,31 +2339,31 @@ var NonModal = forwardRef17(
 );
 
 // src/Dialog/DialogActions.tsx
-import { cn as cn23, useClassNames as useClassNames21 } from "@marigold/system";
+import { cn as cn23, useClassNames as useClassNames22 } from "@marigold/system";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var DialogActions = ({ variant, size: size2, children }) => {
-  const classNames3 = useClassNames21({ component: "Dialog", variant, size: size2 });
+  const classNames3 = useClassNames22({ component: "Dialog", variant, size: size2 });
   return /* @__PURE__ */ jsx42("div", { className: cn23("[grid-area:actions]", classNames3.actions), children });
 };
 
 // src/Dialog/DialogContent.tsx
-import { cn as cn24, useClassNames as useClassNames22 } from "@marigold/system";
+import { cn as cn24, useClassNames as useClassNames23 } from "@marigold/system";
 import { jsx as jsx43 } from "react/jsx-runtime";
 var DialogContent = ({
   variant,
   size: size2,
   children
 }) => {
-  const classNames3 = useClassNames22({ component: "Dialog", variant, size: size2 });
+  const classNames3 = useClassNames23({ component: "Dialog", variant, size: size2 });
   return /* @__PURE__ */ jsx43("div", { className: cn24("[grid-area:content]", classNames3.content), children });
 };
 
 // src/Dialog/DialogTitle.tsx
 import { Header as Header2, Heading as Heading2 } from "react-aria-components";
-import { cn as cn25, useClassNames as useClassNames23 } from "@marigold/system";
+import { cn as cn25, useClassNames as useClassNames24 } from "@marigold/system";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var DialogTitle = ({ variant, size: size2, children }) => {
-  const classNames3 = useClassNames23({
+  const classNames3 = useClassNames24({
     component: "Dialog",
     variant,
     size: size2
@@ -2367,7 +2381,6 @@ var _DialogTrigger = ({
   open,
   dismissable,
   keyboardDismissable,
-  size: size2,
   ...rest
 }) => {
   const props = {
@@ -2380,14 +2393,14 @@ var _DialogTrigger = ({
 };
 
 // src/Dialog/Dialog.tsx
-import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs17 } from "react/jsx-runtime";
 var _Dialog = forwardRef18(
-  (props, ref) => {
+  ({ variant, size: size2, ...props }, ref) => {
     var _a;
-    const classNames3 = useClassNames24({
+    const classNames3 = useClassNames25({
       component: "Dialog",
-      variant: props.variant,
-      size: props.size
+      variant,
+      size: size2
     });
     const { isDismissable, isKeyboardDismissDisabled, isOpen } = useContext9(DialogContext);
     const state = useContext9(OverlayTriggerStateContext2);
@@ -2401,13 +2414,14 @@ var _Dialog = forwardRef18(
         dismissable: isDismissable,
         keyboardDismissable: isKeyboardDismissDisabled,
         open: isOpen,
-        children: /* @__PURE__ */ jsxs16(
+        size: size2,
+        children: /* @__PURE__ */ jsxs17(
           Dialog,
           {
             ...props,
             ref,
             className: cn26(
-              "relative outline-hidden [&>*:not(:last-child)]:mb-4",
+              "relative mx-auto outline-hidden [&>*:not(:last-child)]:mb-4",
               "grid [grid-template-areas:'title'_'content'_'actions']",
               classNames3.container
             ),
@@ -2434,10 +2448,10 @@ _Dialog.Actions = DialogActions;
 
 // src/Divider/Divider.tsx
 import { Separator } from "react-aria-components";
-import { cn as cn27, useClassNames as useClassNames25 } from "@marigold/system";
+import { cn as cn27, useClassNames as useClassNames26 } from "@marigold/system";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var _Divider = ({ variant, ...props }) => {
-  const classNames3 = useClassNames25({ component: "Divider", variant });
+  const classNames3 = useClassNames26({ component: "Divider", variant });
   return /* @__PURE__ */ jsx47(Separator, { className: cn27("border-none", classNames3), ...props });
 };
 
@@ -2445,7 +2459,7 @@ var _Divider = ({ variant, ...props }) => {
 import { useContext as useContext11, useRef } from "react";
 import { Dialog as Dialog2, OverlayTriggerStateContext as OverlayTriggerStateContext3 } from "react-aria-components";
 import { useLandmark } from "@react-aria/landmark";
-import { cn as cn32, useClassNames as useClassNames29, useSmallScreen as useSmallScreen3 } from "@marigold/system";
+import { cn as cn32, useClassNames as useClassNames30, useSmallScreen as useSmallScreen3 } from "@marigold/system";
 
 // src/Drawer/Context.tsx
 import { createContext as createContext7, useContext as useContext10 } from "react";
@@ -2456,11 +2470,11 @@ var DrawerContext = createContext7({
 var useDrawerContext = () => useContext10(DrawerContext);
 
 // src/Drawer/DrawerActions.tsx
-import { cn as cn28, useClassNames as useClassNames26 } from "@marigold/system";
+import { cn as cn28, useClassNames as useClassNames27 } from "@marigold/system";
 import { jsx as jsx48 } from "react/jsx-runtime";
 var DrawerActions = ({ variant, size: size2, children }) => {
   const ctx = useDrawerContext();
-  const classNames3 = useClassNames26({
+  const classNames3 = useClassNames27({
     component: "Drawer",
     variant: variant != null ? variant : ctx.variant,
     size: size2 != null ? size2 : ctx.size
@@ -2476,7 +2490,7 @@ var DrawerActions = ({ variant, size: size2, children }) => {
 };
 
 // src/Drawer/DrawerContent.tsx
-import { cn as cn29, useClassNames as useClassNames27 } from "@marigold/system";
+import { cn as cn29, useClassNames as useClassNames28 } from "@marigold/system";
 import { jsx as jsx49 } from "react/jsx-runtime";
 var DrawerContent = ({
   variant,
@@ -2484,7 +2498,7 @@ var DrawerContent = ({
   children
 }) => {
   const ctx = useDrawerContext();
-  const classNames3 = useClassNames27({
+  const classNames3 = useClassNames28({
     component: "Drawer",
     variant: variant != null ? variant : ctx.variant,
     size: size2 != null ? size2 : ctx.size
@@ -2520,14 +2534,14 @@ var DrawerModal = ({
 
 // src/Drawer/DrawerTitle.tsx
 import { Header as Header3, Heading as Heading3 } from "react-aria-components";
-import { cn as cn31, useClassNames as useClassNames28 } from "@marigold/system";
+import { cn as cn31, useClassNames as useClassNames29 } from "@marigold/system";
 import { jsx as jsx51 } from "react/jsx-runtime";
 var DrawerTitle = ({ variant, size: size2, children }) => {
-  const ctx = useDrawerContext();
-  const classNames3 = useClassNames28({
+  const classNames3 = useClassNames29({
     component: "Drawer",
-    variant: variant != null ? variant : ctx.variant,
-    size: size2 != null ? size2 : ctx.size
+    size: size2,
+    variant,
+    context: DrawerContext
   });
   return /* @__PURE__ */ jsx51(
     Header3,
@@ -2549,7 +2563,7 @@ var DrawerTrigger = ({
 }) => /* @__PURE__ */ jsx52(DialogTrigger2, { isOpen: open, ...props, children });
 
 // src/Drawer/Drawer.tsx
-import { jsx as jsx53, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs18 } from "react/jsx-runtime";
 var Drawer = ({
   children,
   variant,
@@ -2561,7 +2575,7 @@ var Drawer = ({
   ...props
 }) => {
   const ref = useRef(null);
-  const classNames3 = useClassNames29({ component: "Drawer", variant, size: size2 });
+  const classNames3 = useClassNames30({ component: "Drawer", variant, size: size2 });
   const ctx = useContext11(OverlayTriggerStateContext3);
   const isSmallScreen = useSmallScreen3();
   const landmarkAria = useLandmark({ ...props, role }, ref);
@@ -2572,7 +2586,7 @@ var Drawer = ({
       className: classNames3.overlay,
       open,
       keyboardDismissable,
-      children: /* @__PURE__ */ jsx53(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsx53(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ jsxs18(
         Dialog2,
         {
           ...props,
@@ -2605,10 +2619,10 @@ Drawer.Content = DrawerContent;
 Drawer.Actions = DrawerActions;
 
 // src/Footer/Footer.tsx
-import { useClassNames as useClassNames30 } from "@marigold/system";
+import { useClassNames as useClassNames31 } from "@marigold/system";
 import { jsx as jsx54 } from "react/jsx-runtime";
 var Footer = ({ children, variant, size: size2, ...props }) => {
-  const classNames3 = useClassNames30({ component: "Footer", variant, size: size2 });
+  const classNames3 = useClassNames31({ component: "Footer", variant, size: size2 });
   return /* @__PURE__ */ jsx54("footer", { ...props, className: classNames3, children });
 };
 
@@ -2662,10 +2676,10 @@ Grid.Area = GridArea;
 
 // src/Header/Header.tsx
 import { Header as Header4 } from "react-aria-components";
-import { useClassNames as useClassNames31 } from "@marigold/system";
+import { useClassNames as useClassNames32 } from "@marigold/system";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var _Header = ({ variant, size: size2, ...props }) => {
-  const classNames3 = useClassNames31({
+  const classNames3 = useClassNames32({
     component: "Header",
     variant,
     size: size2
@@ -2679,7 +2693,7 @@ import {
   cn as cn35,
   ensureCssVar,
   textAlign,
-  useClassNames as useClassNames32
+  useClassNames as useClassNames33
 } from "@marigold/system";
 import { jsx as jsx59 } from "react/jsx-runtime";
 var _Headline = ({
@@ -2691,7 +2705,7 @@ var _Headline = ({
   level = "1",
   ...props
 }) => {
-  const classNames3 = useClassNames32({
+  const classNames3 = useClassNames33({
     component: "Headline",
     variant,
     size: size2 != null ? size2 : `level-${level}`
@@ -2718,7 +2732,7 @@ import {
   cn as cn36,
   objectFit,
   objectPosition,
-  useClassNames as useClassNames33
+  useClassNames as useClassNames34
 } from "@marigold/system";
 import { jsx as jsx60 } from "react/jsx-runtime";
 var Image = ({
@@ -2728,7 +2742,7 @@ var Image = ({
   position: position2 = "none",
   ...props
 }) => {
-  const classNames3 = useClassNames33({ component: "Image", variant, size: size2 });
+  const classNames3 = useClassNames34({ component: "Image", variant, size: size2 });
   return /* @__PURE__ */ jsx60(
     "img",
     {
@@ -2776,12 +2790,12 @@ import { DateField } from "react-aria-components";
 
 // src/DateField/DateInput.tsx
 import { DateInput, Group } from "react-aria-components";
-import { useClassNames as useClassNames34 } from "@marigold/system";
+import { useClassNames as useClassNames35 } from "@marigold/system";
 
 // src/DateField/DateSegment.tsx
 import { DateSegment } from "react-aria-components";
 import { cn as cn38 } from "@marigold/system";
-import { Fragment as Fragment4, jsx as jsx62, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx62, jsxs as jsxs19 } from "react/jsx-runtime";
 var _DateSegment = ({ segment, ...props }) => {
   return /* @__PURE__ */ jsx62(
     DateSegment,
@@ -2791,7 +2805,7 @@ var _DateSegment = ({ segment, ...props }) => {
       style: {
         minWidth: segment.maxValue != null ? `${String(segment.maxValue).length}ch` : void 0
       },
-      children: ({ text, placeholder, isPlaceholder }) => /* @__PURE__ */ jsxs18(Fragment4, { children: [
+      children: ({ text, placeholder, isPlaceholder }) => /* @__PURE__ */ jsxs19(Fragment5, { children: [
         /* @__PURE__ */ jsx62(
           "span",
           {
@@ -2810,10 +2824,10 @@ var _DateSegment = ({ segment, ...props }) => {
 };
 
 // src/DateField/DateInput.tsx
-import { jsx as jsx63, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs20 } from "react/jsx-runtime";
 var _DateInput = ({ variant, size: size2, action, ...props }) => {
-  const classNames3 = useClassNames34({ component: "DateField", variant, size: size2 });
-  return /* @__PURE__ */ jsxs19(Group, { className: classNames3.field, children: [
+  const classNames3 = useClassNames35({ component: "DateField", variant, size: size2 });
+  return /* @__PURE__ */ jsxs20(Group, { className: classNames3.field, children: [
     /* @__PURE__ */ jsx63(DateInput, { className: "flex flex-1 items-center", ...props, children: (segment) => /* @__PURE__ */ jsx63(_DateSegment, { className: classNames3.segment, segment }) }),
     action ? action : null
   ] });
@@ -2856,7 +2870,7 @@ var _DateField = forwardRef19(
 // src/Calendar/Calendar.tsx
 import { useState } from "react";
 import { Calendar } from "react-aria-components";
-import { cn as cn42, useClassNames as useClassNames39 } from "@marigold/system";
+import { cn as cn42, useClassNames as useClassNames40 } from "@marigold/system";
 
 // src/Calendar/CalendarGrid.tsx
 import {
@@ -2864,7 +2878,7 @@ import {
   CalendarGrid,
   CalendarGridBody
 } from "react-aria-components";
-import { cn as cn39, useClassNames as useClassNames36 } from "@marigold/system";
+import { cn as cn39, useClassNames as useClassNames37 } from "@marigold/system";
 
 // src/Calendar/CalendarGridHeader.tsx
 import { startOfWeek, today } from "@internationalized/date";
@@ -2872,7 +2886,7 @@ import { useContext as useContext12, useMemo as useMemo2 } from "react";
 import { CalendarStateContext } from "react-aria-components";
 import { useCalendarGrid } from "@react-aria/calendar";
 import { useDateFormatter, useLocale } from "@react-aria/i18n";
-import { useClassNames as useClassNames35 } from "@marigold/system";
+import { useClassNames as useClassNames36 } from "@marigold/system";
 import { jsx as jsx65 } from "react/jsx-runtime";
 function CalendarGridHeader(props) {
   const state = useContext12(CalendarStateContext);
@@ -2890,15 +2904,15 @@ function CalendarGridHeader(props) {
       return dayFormatter.format(dateDay);
     });
   }, [locale, state.timeZone, dayFormatter]);
-  const classNames3 = useClassNames35({ component: "Calendar" });
+  const classNames3 = useClassNames36({ component: "Calendar" });
   return /* @__PURE__ */ jsx65("thead", { ...headerProps, children: /* @__PURE__ */ jsx65("tr", { children: weekDays.map((day, index2) => /* @__PURE__ */ jsx65("th", { className: classNames3.calendarHeader, children: day.substring(0, 2) }, index2)) }) });
 }
 
 // src/Calendar/CalendarGrid.tsx
-import { jsx as jsx66, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs21 } from "react/jsx-runtime";
 var _CalendarGrid = () => {
-  const classNames3 = useClassNames36({ component: "Calendar" });
-  return /* @__PURE__ */ jsxs20(CalendarGrid, { className: classNames3.calendarGrid, children: [
+  const classNames3 = useClassNames37({ component: "Calendar" });
+  return /* @__PURE__ */ jsxs21(CalendarGrid, { className: classNames3.calendarGrid, children: [
     /* @__PURE__ */ jsx66(CalendarGridHeader, {}),
     /* @__PURE__ */ jsx66(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx66(
       CalendarCell,
@@ -2916,7 +2930,7 @@ var _CalendarGrid = () => {
 // src/Calendar/CalendarListBox.tsx
 import { useContext as useContext13 } from "react";
 import { CalendarStateContext as CalendarStateContext2 } from "react-aria-components";
-import { cn as cn40, useClassNames as useClassNames37 } from "@marigold/system";
+import { cn as cn40, useClassNames as useClassNames38 } from "@marigold/system";
 
 // src/Calendar/useFormattedMonths.tsx
 import { useDateFormatter as useDateFormatter2 } from "@react-aria/i18n";
@@ -2935,7 +2949,7 @@ function useFormattedMonths(timeZone, focusedDate) {
 }
 
 // src/Calendar/CalendarListBox.tsx
-import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs22 } from "react/jsx-runtime";
 function CalendarListBox({
   type,
   isDisabled,
@@ -2944,8 +2958,8 @@ function CalendarListBox({
   const state = useContext13(CalendarStateContext2);
   const months = useFormattedMonths(state.timeZone, state.focusedDate);
   const buttonStyles = "flex items-center justify-between gap-1 overflow-hidden";
-  const { select: selectClassNames } = useClassNames37({ component: "Select" });
-  return /* @__PURE__ */ jsxs21(
+  const { select: selectClassNames } = useClassNames38({ component: "Select" });
+  return /* @__PURE__ */ jsxs22(
     "button",
     {
       disabled: isDisabled,
@@ -2961,11 +2975,11 @@ function CalendarListBox({
 }
 
 // src/Calendar/MonthControls.tsx
-import { cn as cn41, useClassNames as useClassNames38 } from "@marigold/system";
-import { jsx as jsx68, jsxs as jsxs22 } from "react/jsx-runtime";
+import { cn as cn41, useClassNames as useClassNames39 } from "@marigold/system";
+import { jsx as jsx68, jsxs as jsxs23 } from "react/jsx-runtime";
 function MonthControls() {
-  const classNames3 = useClassNames38({ component: "Calendar" });
-  return /* @__PURE__ */ jsxs22(
+  const classNames3 = useClassNames39({ component: "Calendar" });
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: cn41(
@@ -3110,7 +3124,7 @@ var YearListBox = ({ setSelectedDropdown }) => {
 var YearListBox_default = YearListBox;
 
 // src/Calendar/Calendar.tsx
-import { Fragment as Fragment5, jsx as jsx71, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx71, jsxs as jsxs24 } from "react/jsx-runtime";
 var _Calendar = ({
   disabled,
   readOnly,
@@ -3125,7 +3139,7 @@ var _Calendar = ({
     isDateUnavailable: dateUnavailable,
     ...rest
   };
-  const classNames3 = useClassNames39({ component: "Calendar" });
+  const classNames3 = useClassNames40({ component: "Calendar" });
   const [selectedDropdown, setSelectedDropdown] = useState();
   const ViewMap = {
     month: /* @__PURE__ */ jsx71(MonthListBox_default, { setSelectedDropdown }),
@@ -3139,9 +3153,9 @@ var _Calendar = ({
         classNames3.calendar
       ),
       ...props,
-      children: selectedDropdown ? ViewMap[selectedDropdown] : /* @__PURE__ */ jsxs23(Fragment5, { children: [
-        /* @__PURE__ */ jsxs23("div", { className: "mb-4 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex w-fit gap-4", children: [
+      children: selectedDropdown ? ViewMap[selectedDropdown] : /* @__PURE__ */ jsxs24(Fragment6, { children: [
+        /* @__PURE__ */ jsxs24("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex w-fit gap-4", children: [
             /* @__PURE__ */ jsx71(
               CalendarListBox,
               {
@@ -3170,8 +3184,8 @@ var _Calendar = ({
 // src/DatePicker/DatePicker.tsx
 import React6 from "react";
 import { DatePicker, Dialog as Dialog3 } from "react-aria-components";
-import { useClassNames as useClassNames40 } from "@marigold/system";
-import { jsx as jsx72, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useClassNames as useClassNames41 } from "@marigold/system";
+import { jsx as jsx72, jsxs as jsxs25 } from "react/jsx-runtime";
 var _DatePicker = React6.forwardRef(
   ({
     dateUnavailable,
@@ -3195,12 +3209,12 @@ var _DatePicker = React6.forwardRef(
       granularity,
       ...rest
     };
-    const classNames3 = useClassNames40({
+    const classNames3 = useClassNames41({
       component: "DatePicker",
       size: size2,
       variant
     });
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25(
       FieldBase,
       {
         as: DatePicker,
@@ -3255,11 +3269,11 @@ var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx73(
 // src/Link/Link.tsx
 import { forwardRef as forwardRef20 } from "react";
 import { Link } from "react-aria-components";
-import { useClassNames as useClassNames41 } from "@marigold/system";
+import { useClassNames as useClassNames42 } from "@marigold/system";
 import { jsx as jsx74 } from "react/jsx-runtime";
 var _Link = forwardRef20(
   ({ variant, size: size2, disabled, children, ...props }, ref) => {
-    const classNames3 = useClassNames41({
+    const classNames3 = useClassNames42({
       component: "Link",
       variant,
       size: size2
@@ -3269,7 +3283,7 @@ var _Link = forwardRef20(
 );
 
 // src/List/List.tsx
-import { useClassNames as useClassNames42 } from "@marigold/system";
+import { useClassNames as useClassNames43 } from "@marigold/system";
 
 // src/List/Context.ts
 import { createContext as createContext8, useContext as useContext16 } from "react";
@@ -3293,38 +3307,38 @@ var List = ({
   ...props
 }) => {
   const Component2 = as;
-  const classNames3 = useClassNames42({ component: "List", variant, size: size2 });
+  const classNames3 = useClassNames43({ component: "List", variant, size: size2 });
   return /* @__PURE__ */ jsx76(Component2, { ...props, className: classNames3[as], children: /* @__PURE__ */ jsx76(ListContext.Provider, { value: { classNames: classNames3.item }, children }) });
 };
 List.Item = ListItem;
 
 // src/Menu/Menu.tsx
-import { Menu, MenuTrigger } from "react-aria-components";
-import { useClassNames as useClassNames45 } from "@marigold/system";
+import { Button as Button6, Menu, MenuTrigger } from "react-aria-components";
+import { useClassNames as useClassNames46 } from "@marigold/system";
 
 // src/Menu/MenuItem.tsx
 import { MenuItem } from "react-aria-components";
-import { useClassNames as useClassNames43 } from "@marigold/system";
+import { useClassNames as useClassNames44 } from "@marigold/system";
 import { jsx as jsx77 } from "react/jsx-runtime";
 var _MenuItem = ({ children, ...props }) => {
-  const classNames3 = useClassNames43({ component: "Menu" });
+  const classNames3 = useClassNames44({ component: "Menu" });
   return /* @__PURE__ */ jsx77(MenuItem, { ...props, className: classNames3.item, children });
 };
 
 // src/Menu/MenuSection.tsx
 import { MenuSection } from "react-aria-components";
-import { useClassNames as useClassNames44 } from "@marigold/system";
-import { jsx as jsx78, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useClassNames as useClassNames45 } from "@marigold/system";
+import { jsx as jsx78, jsxs as jsxs26 } from "react/jsx-runtime";
 var _MenuSection = ({ children, title, ...props }) => {
-  const className = useClassNames44({ component: "Menu" });
-  return /* @__PURE__ */ jsxs25(MenuSection, { ...props, children: [
+  const className = useClassNames45({ component: "Menu" });
+  return /* @__PURE__ */ jsxs26(MenuSection, { ...props, children: [
     /* @__PURE__ */ jsx78(_Header, { className: className.section, children: title }),
     children
   ] });
 };
 
 // src/Menu/Menu.tsx
-import { jsx as jsx79, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs27 } from "react/jsx-runtime";
 var _Menu = ({
   children,
   label,
@@ -3336,9 +3350,17 @@ var _Menu = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
-  const classNames3 = useClassNames45({ component: "Menu", variant, size: size2 });
-  return /* @__PURE__ */ jsxs26(MenuTrigger, { ...props, children: [
-    /* @__PURE__ */ jsx79(_Button, { variant: "menu", disabled, "aria-label": ariaLabel, children: label }),
+  const classNames3 = useClassNames46({ component: "Menu", variant, size: size2 });
+  return /* @__PURE__ */ jsxs27(MenuTrigger, { ...props, children: [
+    /* @__PURE__ */ jsx79(
+      Button6,
+      {
+        className: classNames3.button,
+        "aria-label": ariaLabel,
+        isDisabled: disabled,
+        children: label
+      }
+    ),
     /* @__PURE__ */ jsx79(_Popover, { open, placement, children: /* @__PURE__ */ jsx79(Menu, { ...props, className: classNames3.container, children }) })
   ] });
 };
@@ -3346,18 +3368,18 @@ _Menu.Item = _MenuItem;
 _Menu.Section = _MenuSection;
 
 // src/Menu/ActionMenu.tsx
-import { Menu as Menu2, MenuTrigger as MenuTrigger2 } from "react-aria-components";
-import { SVG as SVG8, useClassNames as useClassNames46 } from "@marigold/system";
-import { jsx as jsx80, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Button as Button7, Menu as Menu2, MenuTrigger as MenuTrigger2 } from "react-aria-components";
+import { SVG as SVG8, useClassNames as useClassNames47 } from "@marigold/system";
+import { jsx as jsx80, jsxs as jsxs28 } from "react/jsx-runtime";
 var ActionMenu = ({
   variant,
   size: size2,
   disabled,
   ...props
 }) => {
-  const classNames3 = useClassNames46({ component: "Menu", variant, size: size2 });
-  return /* @__PURE__ */ jsxs27(MenuTrigger2, { children: [
-    /* @__PURE__ */ jsx80(_Button, { variant: "menu", size: "small", disabled, children: /* @__PURE__ */ jsx80(SVG8, { viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx80("path", { d: "M12.0117 7.47656C13.2557 7.47656 14.2734 6.45879 14.2734 5.21484C14.2734 3.9709 13.2557 2.95312 12.0117 2.95312C10.7678 2.95312 9.75 3.9709 9.75 5.21484C9.75 6.45879 10.7678 7.47656 12.0117 7.47656ZM12.0117 9.73828C10.7678 9.73828 9.75 10.7561 9.75 12C9.75 13.2439 10.7678 14.2617 12.0117 14.2617C13.2557 14.2617 14.2734 13.2439 14.2734 12C14.2734 10.7561 13.2557 9.73828 12.0117 9.73828ZM12.0117 16.5234C10.7678 16.5234 9.75 17.5412 9.75 18.7852C9.75 20.0291 10.7678 21.0469 12.0117 21.0469C13.2557 21.0469 14.2734 20.0291 14.2734 18.7852C14.2734 17.5412 13.2557 16.5234 12.0117 16.5234Z" }) }) }),
+  const classNames3 = useClassNames47({ component: "Menu", variant, size: size2 });
+  return /* @__PURE__ */ jsxs28(MenuTrigger2, { children: [
+    /* @__PURE__ */ jsx80(Button7, { className: classNames3.button, isDisabled: disabled, children: /* @__PURE__ */ jsx80(SVG8, { viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx80("path", { d: "M12.0117 7.47656C13.2557 7.47656 14.2734 6.45879 14.2734 5.21484C14.2734 3.9709 13.2557 2.95312 12.0117 2.95312C10.7678 2.95312 9.75 3.9709 9.75 5.21484C9.75 6.45879 10.7678 7.47656 12.0117 7.47656ZM12.0117 9.73828C10.7678 9.73828 9.75 10.7561 9.75 12C9.75 13.2439 10.7678 14.2617 12.0117 14.2617C13.2557 14.2617 14.2734 13.2439 14.2734 12C14.2734 10.7561 13.2557 9.73828 12.0117 9.73828ZM12.0117 16.5234C10.7678 16.5234 9.75 17.5412 9.75 18.7852C9.75 20.0291 10.7678 21.0469 12.0117 21.0469C13.2557 21.0469 14.2734 20.0291 14.2734 18.7852C14.2734 17.5412 13.2557 16.5234 12.0117 16.5234Z" }) }) }),
     /* @__PURE__ */ jsx80(_Popover, { children: /* @__PURE__ */ jsx80(Menu2, { ...props, className: classNames3.container, children: props.children }) })
   ] });
 };
@@ -3365,7 +3387,7 @@ var ActionMenu = ({
 // src/SectionMessage/SectionMessage.tsx
 import { useRef as useRef3, useState as useState2 } from "react";
 import { useButton } from "@react-aria/button";
-import { cn as cn46, useClassNames as useClassNames47 } from "@marigold/system";
+import { cn as cn46, useClassNames as useClassNames48 } from "@marigold/system";
 
 // src/SectionMessage/Context.tsx
 import { createContext as createContext9, useContext as useContext17 } from "react";
@@ -3391,7 +3413,7 @@ var SectionMessageTitle = ({ children }) => {
 };
 
 // src/SectionMessage/SectionMessage.tsx
-import { jsx as jsx83, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs29 } from "react/jsx-runtime";
 var icons = {
   success: () => /* @__PURE__ */ jsx83(
     "svg",
@@ -3468,7 +3490,7 @@ var SectionMessage = ({
   ...props
 }) => {
   const buttonRef = useRef3(null);
-  const classNames3 = useClassNames47({
+  const classNames3 = useClassNames48({
     component: "SectionMessage",
     variant,
     size: size2
@@ -3484,7 +3506,7 @@ var SectionMessage = ({
     }
   };
   if (!isCurrentlyVisible) return null;
-  return /* @__PURE__ */ jsx83(SectionMessageContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx83(SectionMessageContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs29(
     "div",
     {
       role: variant === "error" ? "alert" : void 0,
@@ -3512,7 +3534,7 @@ SectionMessage.Content = SectionMessageContent;
 
 // src/Multiselect/Multiselect.tsx
 import {
-  Button as Button6,
+  Button as Button8,
   ButtonContext,
   FieldErrorContext as FieldErrorContext2,
   InputContext,
@@ -3520,7 +3542,7 @@ import {
   Input as _Input2
 } from "react-aria-components";
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/typeof.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/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) {
@@ -3530,7 +3552,7 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -3542,13 +3564,13 @@ function toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
   return "symbol" == _typeof(i) ? i : i + "";
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/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,
@@ -3558,7 +3580,7 @@ function _defineProperty(e, r, t) {
   }) : e[r] = t, e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -3581,12 +3603,12 @@ function _objectSpread2(e) {
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/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) {
@@ -3609,14 +3631,14 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -3625,17 +3647,17 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
@@ -3646,7 +3668,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose(e, t);
@@ -3657,7 +3679,7 @@ function _objectWithoutProperties(e, t) {
   return i;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.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) {
@@ -3704,7 +3726,7 @@ function useStateManager(_ref3) {
   });
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/extends.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/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++) {
@@ -3715,16 +3737,16 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
 import * as React11 from "react";
 import { forwardRef as forwardRef23, useMemo as useMemo5 } from "react";
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(a, n) {
   if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/createClass.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createClass.js
 function _defineProperties(e, r) {
   for (var t = 0; t < r.length; t++) {
     var o = r[t];
@@ -3737,14 +3759,14 @@ function _createClass(e, r, t) {
   }), e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
     return t2.__proto__ = e2, t2;
   }, _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/inherits.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/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, {
@@ -3758,14 +3780,14 @@ function _inherits(t, e) {
   }), e && _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
 function _getPrototypeOf(t) {
   return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
     return t2.__proto__ || Object.getPrototypeOf(t2);
   }, _getPrototypeOf(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
 function _isNativeReflectConstruct() {
   try {
     var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
@@ -3777,20 +3799,20 @@ function _isNativeReflectConstruct() {
   })();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
 function _possibleConstructorReturn(t, e) {
   if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
   if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
   return _assertThisInitialized(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/createSuper.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/createSuper.js
 function _createSuper(t) {
   var r = _isNativeReflectConstruct();
   return function() {
@@ -3803,31 +3825,31 @@ function _createSuper(t) {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
 import * as React10 from "react";
-import { useMemo as useMemo4, Fragment as Fragment8, useRef as useRef6, useCallback as useCallback3, useEffect as useEffect3, Component } from "react";
+import { useMemo as useMemo4, Fragment as Fragment9, useRef as useRef6, useCallback as useCallback3, useEffect as useEffect3, Component } from "react";
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.0_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.3_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 import * as React8 from "react";
 import { useContext as useContext19, forwardRef as forwardRef22 } from "react";
 
@@ -5001,7 +5023,7 @@ var syncFallback = function syncFallback2(create) {
 var useInsertionEffect2 = React7["useInsertionEffect"] ? React7["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.0_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.3_react@19.1.0/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment3 = false;
 var isBrowser4 = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
@@ -5105,7 +5127,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 });
 var Emotion$1 = Emotion;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.0_react@19.1.0/node_modules/@emotion/react/dist/emotion-react.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.3_react@19.1.0/node_modules/@emotion/react/dist/emotion-react.esm.js
 import * as React9 from "react";
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
@@ -5147,7 +5169,7 @@ function keyframes() {
   };
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
+// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
 function _taggedTemplateLiteral(e, t) {
   return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
     raw: {
@@ -5156,7 +5178,7 @@ function _taggedTemplateLiteral(e, t) {
   }));
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
 import { useContext as useContext21, useRef as useRef5, useState as useState4, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext11 } from "react";
 import { createPortal } from "react-dom";
 
@@ -5557,12 +5579,12 @@ function autoUpdate(reference, floating, update, options2) {
   };
 }
 
-// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.0_@types+react@19.1.0_react@19.1.0/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.0_@types+react@19.1.3_react@19.1.0/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect2, useEffect as useEffect2 } from "react";
 var isClient = typeof document !== "undefined";
 var index = isClient ? useLayoutEffect2 : useEffect2;
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.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() {
 };
@@ -6636,7 +6658,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/Select-aab027f3.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.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).";
 }
@@ -6785,7 +6807,7 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx84(Fragment8, null, jsx84("span", {
+  var ScreenReaderText = jsx84(Fragment9, null, jsx84("span", {
     id: "aria-selection"
   }, ariaSelected), jsx84("span", {
     id: "aria-focused"
@@ -6794,7 +6816,7 @@ var LiveRegion = function LiveRegion2(props) {
   }, ariaResults), jsx84("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx84(Fragment8, null, jsx84(A11yText$1, {
+  return jsx84(Fragment9, null, jsx84(A11yText$1, {
     id
   }, isInitialFocus && ScreenReaderText), jsx84(A11yText$1, {
     "aria-live": ariaLive,
@@ -7351,7 +7373,7 @@ function ScrollManager(_ref3) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx84(Fragment8, null, lockEnabled && jsx84("div", {
+  return jsx84(Fragment9, null, lockEnabled && jsx84("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -8932,7 +8954,7 @@ var Select = /* @__PURE__ */ function(_Component) {
 }(Component);
 Select.defaultProps = defaultProps;
 
-// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.3_react-dom@19.1.0_react@19.1.0__react@19.1.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());
@@ -9017,8 +9039,8 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
 
 // src/Multiselect/Multiselect.tsx
 import { useId } from "@react-aria/utils";
-import { cn as cn47, useClassNames as useClassNames48 } from "@marigold/system";
-import { jsx as jsx86, jsxs as jsxs29 } from "react/jsx-runtime";
+import { cn as cn47, useClassNames as useClassNames49 } from "@marigold/system";
+import { jsx as jsx86, jsxs as jsxs30 } from "react/jsx-runtime";
 var propsToBeRemoved = [
   "clearValue",
   "getStyles",
@@ -9055,7 +9077,7 @@ var Input4 = ({ innerRef, placeholder, hasValue, ...props }) => {
   );
 };
 var MultiValueRemove2 = ({ innerProps }) => {
-  return /* @__PURE__ */ jsx86(Button6, { slot: "remove", ...innerProps, children: /* @__PURE__ */ jsx86("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx86("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
+  return /* @__PURE__ */ jsx86(Button8, { slot: "remove", ...innerProps, children: /* @__PURE__ */ jsx86("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx86("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
 };
 var getClassNames = (classNames3) => ({
   control: () => cn47(
@@ -9089,7 +9111,7 @@ var Multiselect = ({
   onSelectionChange,
   ...rest
 }) => {
-  const classNames3 = useClassNames48({
+  const classNames3 = useClassNames49({
     component: "MultiSelect",
     size: size2,
     variant
@@ -9137,7 +9159,7 @@ var Multiselect = ({
           }
         ]
       ],
-      children: /* @__PURE__ */ jsxs29(
+      children: /* @__PURE__ */ jsxs30(
         "div",
         {
           className: cn47(classNames3.field, "group/field"),
@@ -9160,9 +9182,10 @@ var Multiselect = ({
                     zIndex: 1
                   }),
                   // Return empty object to reset react-select styles
-                  valueContainer: (base) => ({ ...base, padding: 0 }),
+                  valueContainer: (base) => ({ ...base }),
                   container: (base) => ({ ...base, pointerEvents: "auto" }),
                   menuList: () => ({}),
+                  // eslint-disable-next-line no-empty-pattern
                   option: ({}) => ({}),
                   multiValue: () => ({}),
                   multiValueLabel: () => ({})
@@ -9180,6 +9203,7 @@ var Multiselect = ({
                 components: {
                   Input: Input4,
                   MultiValueRemove: MultiValueRemove2,
+                  // eslint-disable-next-line react/prop-types
                   DropdownIndicator: ({ innerProps, isDisabled }) => /* @__PURE__ */ jsx86(
                     "button",
                     {
@@ -9203,10 +9227,10 @@ var Multiselect = ({
 // src/NumberField/NumberField.tsx
 import { forwardRef as forwardRef24 } from "react";
 import { Group as Group4, Input as Input5, NumberField } from "react-aria-components";
-import { cn as cn49, useClassNames as useClassNames49 } from "@marigold/system";
+import { cn as cn49, useClassNames as useClassNames50 } from "@marigold/system";
 
 // src/NumberField/StepButton.tsx
-import { Button as Button7 } from "react-aria-components";
+import { Button as Button9 } from "react-aria-components";
 import { cn as cn48 } from "@marigold/system";
 import { jsx as jsx87 } from "react/jsx-runtime";
 var Plus = () => /* @__PURE__ */ jsx87("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx87(
@@ -9228,7 +9252,7 @@ var Minus = () => /* @__PURE__ */ jsx87("svg", { width: 16, height: 16, viewBox:
 var _StepButton = ({ direction, className, ...props }) => {
   const Icon4 = direction === "up" ? Plus : Minus;
   return /* @__PURE__ */ jsx87(
-    Button7,
+    Button9,
     {
       className: cn48(
         [
@@ -9244,7 +9268,7 @@ var _StepButton = ({ direction, className, ...props }) => {
 };
 
 // src/NumberField/NumberField.tsx
-import { jsx as jsx88, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs31 } from "react/jsx-runtime";
 var _NumberField = forwardRef24(
   ({
     variant,
@@ -9256,7 +9280,7 @@ var _NumberField = forwardRef24(
     hideStepper,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames49({
+    const classNames3 = useClassNames50({
       component: "NumberField",
       size: size2,
       variant
@@ -9276,7 +9300,7 @@ var _NumberField = forwardRef24(
         ...props,
         "data-readonly": readOnly ? "true" : void 0,
         "data-stepper": showStepper ? "true" : void 0,
-        children: /* @__PURE__ */ jsxs30(Group4, { className: cn49("flex items-stretch", classNames3.group), children: [
+        children: /* @__PURE__ */ jsxs31(Group4, { className: cn49("flex items-stretch", classNames3.group), children: [
           showStepper && /* @__PURE__ */ jsx88(
             _StepButton,
             {
@@ -9309,7 +9333,7 @@ var _NumberField = forwardRef24(
 // src/Pagination/Pagination.tsx
 import { useEffect as useEffect4, useRef as useRef9, useState as useState5 } from "react";
 import { FocusScope as FocusScope2, useFocusManager } from "@react-aria/focus";
-import { useClassNames as useClassNames52 } from "@marigold/system";
+import { useClassNames as useClassNames53 } from "@marigold/system";
 
 // src/Pagination/Ellipsis.tsx
 import { jsx as jsx89 } from "react/jsx-runtime";
@@ -9327,11 +9351,11 @@ var Ellipsis = () => {
 // src/Pagination/NavigationButton.tsx
 import { useRef as useRef7 } from "react";
 import { useButton as useButton2 } from "@react-aria/button";
-import { cn as cn50, useClassNames as useClassNames50 } from "@marigold/system";
-import { jsxs as jsxs31 } from "react/jsx-runtime";
+import { cn as cn50, useClassNames as useClassNames51 } from "@marigold/system";
+import { jsxs as jsxs32 } from "react/jsx-runtime";
 var NavigationButton = (props) => {
   const ref = useRef7(null);
-  const classNames3 = useClassNames50({
+  const classNames3 = useClassNames51({
     component: "Pagination"
   });
   let { buttonProps } = useButton2(props, ref);
@@ -9344,7 +9368,7 @@ var NavigationButton = (props) => {
     position: position2,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "button",
     {
       ref,
@@ -9365,11 +9389,11 @@ var NavigationButton = (props) => {
 // src/Pagination/PageButton.tsx
 import { useRef as useRef8 } from "react";
 import { useButton as useButton3 } from "@react-aria/button";
-import { useClassNames as useClassNames51 } from "@marigold/system";
+import { useClassNames as useClassNames52 } from "@marigold/system";
 import { jsx as jsx90 } from "react/jsx-runtime";
 var PageButton = (props) => {
   const ref = useRef8(null);
-  const classNames3 = useClassNames51({
+  const classNames3 = useClassNames52({
     component: "Pagination"
   });
   let { buttonProps } = useButton3(props, ref);
@@ -9421,7 +9445,7 @@ var usePageRange = ({ currentPage, totalPages }) => {
 };
 
 // src/Pagination/Pagination.tsx
-import { Fragment as Fragment9, jsx as jsx91, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx91, jsxs as jsxs33 } from "react/jsx-runtime";
 var InnerPagination = ({
   currentPage,
   pageSize,
@@ -9448,7 +9472,7 @@ var InnerPagination = ({
       onChange2(newPage);
     }
   };
-  const classNames3 = useClassNames52({ component: "Pagination" });
+  const classNames3 = useClassNames53({ component: "Pagination" });
   const handleKeyDown = (onEnter) => (e) => {
     if (e.key === "ArrowRight") {
       e.preventDefault();
@@ -9461,7 +9485,7 @@ var InnerPagination = ({
       onEnter();
     }
   };
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
     /* @__PURE__ */ jsx91(
       NavigationButton,
       {
@@ -9535,7 +9559,7 @@ import {
   forwardRef as forwardRef25
 } from "react";
 import { Radio } from "react-aria-components";
-import { cn as cn52, useClassNames as useClassNames54 } from "@marigold/system";
+import { cn as cn52, useClassNames as useClassNames55 } from "@marigold/system";
 
 // src/Radio/Context.ts
 import { createContext as createContext12, useContext as useContext22 } from "react";
@@ -9546,7 +9570,7 @@ var useRadioGroupContext = () => useContext22(RadioGroupContext);
 
 // src/Radio/RadioGroup.tsx
 import { RadioGroup } from "react-aria-components";
-import { cn as cn51, useClassNames as useClassNames53 } from "@marigold/system";
+import { cn as cn51, useClassNames as useClassNames54 } from "@marigold/system";
 import { jsx as jsx92 } from "react/jsx-runtime";
 var _RadioGroup = ({
   variant,
@@ -9563,7 +9587,7 @@ var _RadioGroup = ({
   width,
   ...rest
 }) => {
-  const classNames3 = useClassNames53({ component: "Radio", variant, size: size2 });
+  const classNames3 = useClassNames54({ component: "Radio", variant, size: size2 });
   const props = {
     isDisabled: disabled,
     isReadOnly: readOnly,
@@ -9601,7 +9625,7 @@ var _RadioGroup = ({
 };
 
 // src/Radio/Radio.tsx
-import { Fragment as Fragment10, jsx as jsx93, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx93, jsxs as jsxs34 } from "react/jsx-runtime";
 var Dot = () => /* @__PURE__ */ jsx93("svg", { viewBox: "0 0 6 6", children: /* @__PURE__ */ jsx93("circle", { fill: "currentColor", cx: "3", cy: "3", r: "3" }) });
 var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx93(
   "div",
@@ -9618,7 +9642,7 @@ var Icon3 = ({ checked, className, ...props }) => /* @__PURE__ */ jsx93(
 var _Radio = forwardRef25(
   ({ value, disabled, width, children, ...props }, ref) => {
     const { variant, size: size2, width: groupWidth } = useRadioGroupContext();
-    const classNames3 = useClassNames54({
+    const classNames3 = useClassNames55({
       component: "Radio",
       variant: variant || props.variant,
       size: size2 || props.size
@@ -9636,7 +9660,7 @@ var _Radio = forwardRef25(
         value,
         isDisabled: disabled,
         ...props,
-        children: ({ isSelected }) => /* @__PURE__ */ jsxs33(Fragment10, { children: [
+        children: ({ isSelected }) => /* @__PURE__ */ jsxs34(Fragment11, { children: [
           /* @__PURE__ */ jsx93(
             Icon3,
             {
@@ -9681,8 +9705,8 @@ var _SearchField = forwardRef26(
 // src/Select/Select.tsx
 import { forwardRef as forwardRef27 } from "react";
 import { Select as Select2, SelectValue } from "react-aria-components";
-import { cn as cn53, useClassNames as useClassNames55 } from "@marigold/system";
-import { jsx as jsx95, jsxs as jsxs34 } from "react/jsx-runtime";
+import { cn as cn53, useClassNames as useClassNames56 } from "@marigold/system";
+import { jsx as jsx95, jsxs as jsxs35 } from "react/jsx-runtime";
 var _Select = forwardRef27(
   ({
     disabled,
@@ -9703,9 +9727,9 @@ var _Select = forwardRef27(
       onSelectionChange: onChange2,
       ...rest
     };
-    const classNames3 = useClassNames55({ component: "Select", variant, size: size2 });
-    return /* @__PURE__ */ jsxs34(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
-      /* @__PURE__ */ jsxs34(
+    const classNames3 = useClassNames56({ component: "Select", variant, size: size2 });
+    return /* @__PURE__ */ jsxs35(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
+      /* @__PURE__ */ jsxs35(
         IconButton,
         {
           className: cn53(
@@ -9730,7 +9754,7 @@ import {
   forwardRef as forwardRef29
 } from "react";
 import { GridList as SelectList } from "react-aria-components";
-import { cn as cn55, useClassNames as useClassNames56 } from "@marigold/system";
+import { cn as cn55, useClassNames as useClassNames57 } from "@marigold/system";
 
 // src/SelectList/Context.ts
 import { createContext as createContext13, useContext as useContext23 } from "react";
@@ -9743,7 +9767,25 @@ var useSelectListContext = () => useContext23(SelectListContext);
 import { forwardRef as forwardRef28 } from "react";
 import { GridListItem as SelectListItem } from "react-aria-components";
 import { cn as cn54 } from "@marigold/system";
-import { jsx as jsx96, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx96, jsxs as jsxs36 } from "react/jsx-runtime";
+var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx96("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx96(
+  "path",
+  {
+    fill: "currentColor",
+    stroke: "none",
+    d: "M11.915 1.548 10.367 0 4.045 6.315 1.557 3.827 0 5.373l4.045 4.046 7.87-7.871Z"
+  }
+) });
+var SelectionIndicator = ({ selectionMode }) => {
+  switch (selectionMode) {
+    case "multiple": {
+      return /* @__PURE__ */ jsx96(_Checkbox, { slot: "selection" });
+    }
+    case "single": {
+      return /* @__PURE__ */ jsx96(CheckMark3, { className: "invisible hidden" });
+    }
+  }
+};
 var _SelectListItem = forwardRef28(
   ({ children, ...props }, ref) => {
     let textValue = typeof children === "string" ? children : void 0;
@@ -9753,10 +9795,10 @@ var _SelectListItem = forwardRef28(
       {
         textValue,
         ...props,
-        className: cn54("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.option),
+        className: cn54("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.item),
         ref,
-        children: ({ selectionMode }) => /* @__PURE__ */ jsxs35("div", { className: "flex gap-2", children: [
-          selectionMode === "multiple" && /* @__PURE__ */ jsx96(_Checkbox, { slot: "selection" }),
+        children: ({ selectionMode }) => /* @__PURE__ */ jsxs36(Fragment12, { children: [
+          /* @__PURE__ */ jsx96(SelectionIndicator, { selectionMode }),
           children
         ] })
       }
@@ -9768,7 +9810,7 @@ var _SelectListItem = forwardRef28(
 import { jsx as jsx97 } from "react/jsx-runtime";
 var _SelectList = forwardRef29(
   ({ onChange: onChange2, ...rest }, ref) => {
-    const classNames3 = useClassNames56({ component: "ListBox" });
+    const classNames3 = useClassNames57({ component: "ListBox" });
     const props = {
       onSelectionChange: onChange2,
       ...rest
@@ -9819,9 +9861,9 @@ import {
 import {
   cn as cn57,
   width as twWidth3,
-  useClassNames as useClassNames57
+  useClassNames as useClassNames58
 } from "@marigold/system";
-import { Fragment as Fragment11, jsx as jsx99, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx99, jsxs as jsxs37 } from "react/jsx-runtime";
 var _Slider = forwardRef30(
   ({
     thumbLabels,
@@ -9832,7 +9874,7 @@ var _Slider = forwardRef30(
     label,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames57({
+    const classNames3 = useClassNames58({
       component: "Slider",
       variant,
       size: size2
@@ -9841,7 +9883,7 @@ var _Slider = forwardRef30(
       isDisabled: disabled,
       ...rest
     };
-    return /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsxs37(
       FieldBase,
       {
         as: Slider,
@@ -9853,13 +9895,13 @@ var _Slider = forwardRef30(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx99(_Label, { children: props.children && props.children || label && label }),
+          label && /* @__PURE__ */ jsx99(_Label, { children: label }),
           /* @__PURE__ */ jsx99(SliderOutput, { className: cn57("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
           /* @__PURE__ */ jsx99(
             SliderTrack,
             {
               className: cn57("relative col-span-2 h-2 w-full", classNames3.track),
-              children: ({ state }) => /* @__PURE__ */ jsxs36(Fragment11, { children: [
+              children: ({ state }) => /* @__PURE__ */ jsxs37(Fragment13, { children: [
                 /* @__PURE__ */ jsx99(
                   "div",
                   {
@@ -9939,9 +9981,9 @@ import { Switch } from "react-aria-components";
 import {
   cn as cn59,
   width as twWidth4,
-  useClassNames as useClassNames58
+  useClassNames as useClassNames59
 } from "@marigold/system";
-import { jsx as jsx102, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs38 } from "react/jsx-runtime";
 var _Switch = forwardRef31(
   ({
     variant,
@@ -9953,14 +9995,14 @@ var _Switch = forwardRef31(
     readOnly,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames58({ component: "Switch", size: size2, variant });
+    const classNames3 = useClassNames59({ component: "Switch", size: size2, variant });
     const props = {
       isDisabled: disabled,
       isReadOnly: readOnly,
       isSelected: selected,
       ...rest
     };
-    return /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsxs38(
       Switch,
       {
         ...props,
@@ -9972,7 +10014,7 @@ var _Switch = forwardRef31(
           classNames3.container
         ),
         children: [
-          (props.children || label) && /* @__PURE__ */ jsx102(_Label, { elementType: "span", children: props.children || label }),
+          label && /* @__PURE__ */ jsx102(_Label, { elementType: "span", children: label }),
           /* @__PURE__ */ jsx102("div", { className: "relative", children: /* @__PURE__ */ jsx102("div", { className: classNames3.track, children: /* @__PURE__ */ jsx102("div", { className: classNames3.thumb }) }) })
         ]
       }
@@ -9991,7 +10033,7 @@ import {
   Row,
   useTableState
 } from "@react-stately/table";
-import { cn as cn66, useClassNames as useClassNames60 } from "@marigold/system";
+import { cn as cn66, useClassNames as useClassNames61 } from "@marigold/system";
 
 // src/Table/Context.tsx
 import { createContext as createContext14, useContext as useContext24 } from "react";
@@ -10013,7 +10055,7 @@ var TableBody = ({
       "td",
       {
         className: classNames3 == null ? void 0 : classNames3.cell,
-        colSpan: state.collection.size,
+        colSpan: state.collection.columnCount,
         role: "rowheader",
         children: emptyState()
       }
@@ -10128,7 +10170,7 @@ import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
 import { mergeProps as mergeProps4 } from "@react-aria/utils";
 import { cn as cn62, width as twWidth5, useStateProps as useStateProps3 } from "@marigold/system";
-import { jsx as jsx106, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs39 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
@@ -10150,7 +10192,7 @@ var TableColumnHeader = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "th",
     {
       colSpan: column2.colspan,
@@ -10210,13 +10252,13 @@ 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 mergeProps5 } from "@react-aria/utils";
-import { cn as cn64, useClassNames as useClassNames59, useStateProps as useStateProps4 } from "@marigold/system";
+import { cn as cn64, useClassNames as useClassNames60, useStateProps as useStateProps4 } from "@marigold/system";
 import { jsx as jsx109 } from "react/jsx-runtime";
 var TableRow = ({ children, row }) => {
   const ref = useRef14(null);
   const { interactive, state, ...ctx } = useTableContext();
   const { variant, size: size2 } = row.props;
-  const classNames3 = useClassNames59({
+  const classNames3 = useClassNames60({
     component: "Table",
     variant: variant || ctx.variant,
     size: size2 || ctx.size
@@ -10308,7 +10350,7 @@ var TableSelectAllCell = ({
 };
 
 // src/Table/Table.tsx
-import { jsx as jsx111, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs40 } from "react/jsx-runtime";
 var Table = ({
   variant,
   size: size2,
@@ -10331,7 +10373,7 @@ var Table = ({
     state.isKeyboardNavigationDisabled = disableKeyboardNavigation;
   }
   const { gridProps } = useTable(props, state, tableRef);
-  const classNames3 = useClassNames60({
+  const classNames3 = useClassNames61({
     component: "Table",
     variant,
     size: size2
@@ -10341,7 +10383,7 @@ var Table = ({
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
-      children: /* @__PURE__ */ jsxs39(
+      children: /* @__PURE__ */ jsxs40(
         "table",
         {
           ref: tableRef,
@@ -10383,7 +10425,7 @@ var Table = ({
               },
               headerRow.key
             )) }),
-            /* @__PURE__ */ jsxs39(TableBody, { className: classNames3.body, emptyState, children: [
+            /* @__PURE__ */ jsxs40(TableBody, { className: classNames3.body, emptyState, children: [
               ...collection.rows.map(
                 (row) => row.type === "item" && /* @__PURE__ */ jsx111(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
                   var _a, _b;
@@ -10421,7 +10463,7 @@ import {
   textAlign as textAlign2,
   textSize,
   textStyle,
-  useClassNames as useClassNames61
+  useClassNames as useClassNames62
 } from "@marigold/system";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var _Text = ({
@@ -10437,7 +10479,7 @@ var _Text = ({
   as = "div",
   ...props
 }) => {
-  const classNames3 = useClassNames61({
+  const classNames3 = useClassNames62({
     component: "Text",
     variant,
     size: size2
@@ -10468,7 +10510,7 @@ var _Text = ({
 // src/TextArea/TextArea.tsx
 import { forwardRef as forwardRef32 } from "react";
 import { TextArea, TextField } from "react-aria-components";
-import { useClassNames as useClassNames62 } from "@marigold/system";
+import { useClassNames as useClassNames63 } from "@marigold/system";
 import { jsx as jsx113 } from "react/jsx-runtime";
 var _TextArea = forwardRef32(
   ({
@@ -10481,7 +10523,7 @@ var _TextArea = forwardRef32(
     rows,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames62({ component: "TextArea", variant, size: size2 });
+    const classNames3 = useClassNames63({ component: "TextArea", variant, size: size2 });
     const props = {
       isDisabled: disabled,
       isReadOnly: readOnly,
@@ -10543,7 +10585,7 @@ var Tiles = ({
 
 // src/Tooltip/Tooltip.tsx
 import { OverlayArrow, Tooltip } from "react-aria-components";
-import { cn as cn69, useClassNames as useClassNames63 } from "@marigold/system";
+import { cn as cn69, useClassNames as useClassNames64 } from "@marigold/system";
 
 // src/Tooltip/TooltipTrigger.tsx
 import { TooltipTrigger } from "react-aria-components";
@@ -10565,15 +10607,15 @@ var _TooltipTrigger = ({
 };
 
 // src/Tooltip/Tooltip.tsx
-import { jsx as jsx117, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs41 } from "react/jsx-runtime";
 var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   const props = {
     ...rest,
     isOpen: open
   };
-  const classNames3 = useClassNames63({ component: "Tooltip", variant, size: size2 });
+  const classNames3 = useClassNames64({ component: "Tooltip", variant, size: size2 });
   const portal = usePortalContainer();
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     Tooltip,
     {
       ...props,
@@ -10590,51 +10632,79 @@ _Tooltip.Trigger = _TooltipTrigger;
 
 // src/TagGroup/Tag.tsx
 import { Tag } from "react-aria-components";
-import { cn as cn70, useClassNames as useClassNames65 } from "@marigold/system";
+import { cn as cn70, useClassNames as useClassNames66 } from "@marigold/system";
 
 // src/TagGroup/TagGroup.tsx
 import { TagGroup, TagList } from "react-aria-components";
-import { useClassNames as useClassNames64 } from "@marigold/system";
+import { useClassNames as useClassNames65 } from "@marigold/system";
+
+// src/TagGroup/TagGroupHiddenInput.tsx
+import { useContext as useContext25 } from "react";
+import { ListStateContext } from "react-aria-components";
 import { jsx as jsx118 } from "react/jsx-runtime";
+var TagGroupHiddenInput = ({ name }) => {
+  var _a;
+  const state = useContext25(ListStateContext);
+  const selectedKeys = Array.from((_a = state == null ? void 0 : state.selectionManager.selectedKeys) != null ? _a : []);
+  if (!selectedKeys.length) return null;
+  return /* @__PURE__ */ jsx118("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ jsx118(
+    "input",
+    {
+      type: "checkbox",
+      name,
+      value: key,
+      checked: true,
+      readOnly: true
+    },
+    key
+  )) });
+};
+
+// src/TagGroup/TagGroup.tsx
+import { jsx as jsx119, jsxs as jsxs42 } from "react/jsx-runtime";
 var _TagGroup = ({
   width,
   items,
   children,
-  renderEmptyState,
+  emptyState,
   variant,
   size: size2,
+  name,
   ...rest
 }) => {
-  const classNames3 = useClassNames64({ component: "Tag", variant, size: size2 });
-  return /* @__PURE__ */ jsx118(FieldBase, { as: TagGroup, ...rest, children: /* @__PURE__ */ jsx118(
-    TagList,
-    {
-      items,
-      className: classNames3.listItems,
-      renderEmptyState,
-      children
-    }
-  ) });
+  const classNames3 = useClassNames65({ component: "Tag", variant, size: size2 });
+  return /* @__PURE__ */ jsxs42(FieldBase, { as: TagGroup, ...rest, children: [
+    /* @__PURE__ */ jsx119(
+      TagList,
+      {
+        items,
+        className: classNames3.listItems,
+        renderEmptyState: emptyState,
+        children
+      }
+    ),
+    name ? /* @__PURE__ */ jsx119(TagGroupHiddenInput, { name }) : null
+  ] });
 };
 
 // src/TagGroup/Tag.tsx
-import { Fragment as Fragment12, jsx as jsx119, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx120, jsxs as jsxs43 } from "react/jsx-runtime";
 var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
   let textValue = typeof children === "string" ? children : void 0;
-  const classNames3 = useClassNames65({ component: "Tag", variant, size: size2 });
+  const classNames3 = useClassNames66({ component: "Tag", variant, size: size2 });
   const props = {
     isDisabled: disabled,
     ...rest
   };
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     Tag,
     {
       textValue,
       ...props,
       className: cn70("data-selection-mode:cursor-pointer", classNames3.tag),
-      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs41(Fragment12, { children: [
+      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs43(Fragment14, { children: [
         children,
-        allowsRemoving && /* @__PURE__ */ jsx119(CloseButton, { className: classNames3.closeButton, slot: "remove" })
+        allowsRemoving && /* @__PURE__ */ jsx120(CloseButton, { className: classNames3.closeButton, slot: "remove" })
       ] })
     }
   );
@@ -10647,12 +10717,12 @@ import { VisuallyHidden } from "@react-aria/visually-hidden";
 // src/XLoader/XLoader.tsx
 import { Dialog as Dialog4, Modal as Modal2 } from "react-aria-components";
 import { useId as useId2 } from "@react-aria/utils";
-import { useClassNames as useClassNames67 } from "@marigold/system";
+import { useClassNames as useClassNames68 } from "@marigold/system";
 
 // src/XLoader/BaseLoader.tsx
 import { Label as Label2, ProgressBar as ProgressBar2 } from "react-aria-components";
 import { useLocalizedStringFormatter as useLocalizedStringFormatter2 } from "@react-aria/i18n";
-import { useClassNames as useClassNames66 } from "@marigold/system";
+import { useClassNames as useClassNames67 } from "@marigold/system";
 
 // src/intl/messages.ts
 var intlMessages2 = {
@@ -10665,7 +10735,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-import { jsx as jsx120, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs44 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10674,8 +10744,8 @@ var BaseLoader = ({
   ...props
 }) => {
   const stringFormatter = useLocalizedStringFormatter2(intlMessages2, "marigold");
-  const className = useClassNames66({ component: "XLoader", variant, size: size2 });
-  return /* @__PURE__ */ jsxs42(
+  const className = useClassNames67({ component: "XLoader", variant, size: size2 });
+  return /* @__PURE__ */ jsxs44(
     ProgressBar2,
     {
       className: className.container,
@@ -10683,7 +10753,7 @@ var BaseLoader = ({
       "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs42(
+        /* @__PURE__ */ jsxs44(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -10691,13 +10761,13 @@ var BaseLoader = ({
             fill: "currentColor",
             className: className.loader,
             children: [
-              /* @__PURE__ */ jsx120("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10710,12 +10780,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10728,12 +10798,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10746,12 +10816,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10764,12 +10834,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10782,12 +10852,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10800,12 +10870,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10818,12 +10888,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10836,12 +10906,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10854,12 +10924,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10872,12 +10942,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx120(
+              /* @__PURE__ */ jsx121(
                 "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__ */ jsx120(
+                  children: /* @__PURE__ */ jsx121(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10893,44 +10963,44 @@ var BaseLoader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx120(Label2, { className: className.label, children }) : null
+        children ? /* @__PURE__ */ jsx121(Label2, { className: className.label, children }) : null
       ]
     }
   );
 };
 
 // src/XLoader/XLoader.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var LoaderFullScreen = (props) => {
   const id = useId2();
-  return /* @__PURE__ */ jsx121(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx121(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx121(Dialog4, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx121(BaseLoader, { id, ...props }) }) }) });
+  return /* @__PURE__ */ jsx122(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx122(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx122(Dialog4, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx122(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
-  const className = useClassNames67({
+  const className = useClassNames68({
     component: "Underlay",
     variant: "modal",
     className: "flex size-full items-center justify-center"
   });
-  return /* @__PURE__ */ jsx121("div", { className, children: /* @__PURE__ */ jsx121(BaseLoader, { ...props }) });
+  return /* @__PURE__ */ jsx122("div", { className, children: /* @__PURE__ */ jsx122(BaseLoader, { ...props }) });
 };
-var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx121(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx121(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx121(BaseLoader, { variant, ...props });
+var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx122(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx122(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx122(BaseLoader, { variant, ...props });
 
 // src/Tabs/Tabs.tsx
 import { Tabs } from "react-aria-components";
-import { useClassNames as useClassNames68 } from "@marigold/system";
+import { useClassNames as useClassNames69 } from "@marigold/system";
 
 // src/Tabs/Context.ts
-import { createContext as createContext15, useContext as useContext25 } from "react";
+import { createContext as createContext15, useContext as useContext26 } from "react";
 var TabContext = createContext15({});
-var useTabContext = () => useContext25(TabContext);
+var useTabContext = () => useContext26(TabContext);
 
 // src/Tabs/Tab.tsx
 import { Tab } from "react-aria-components";
 import { cn as cn71 } from "@marigold/system";
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     Tab,
     {
       ...props,
@@ -10946,10 +11016,10 @@ var _Tab = (props) => {
 // src/Tabs/TabList.tsx
 import { TabList } from "react-aria-components";
 import { cn as cn72, gapSpace as gapSpace10 } from "@marigold/system";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     TabList,
     {
       ...props,
@@ -10961,25 +11031,25 @@ var _TabList = ({ space = 2, ...props }) => {
 
 // src/Tabs/TabPanel.tsx
 import { TabPanel } from "react-aria-components";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var _TabPanel = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx124(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
+  return /* @__PURE__ */ jsx125(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
   const props = {
     isDisabled: disabled,
     ...rest
   };
-  const classNames3 = useClassNames68({
+  const classNames3 = useClassNames69({
     component: "Tabs",
     size: size2,
     variant
   });
-  return /* @__PURE__ */ jsx125(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx125(Tabs, { ...props, className: classNames3.container, children: props.children }) });
+  return /* @__PURE__ */ jsx126(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx126(Tabs, { ...props, className: classNames3.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
@@ -11007,6 +11077,7 @@ export {
   _ComboBox as ComboBox,
   Container,
   _DateField as DateField,
+  DateFormat,
   _DatePicker as DatePicker,
   _Dialog as Dialog,
   _Divider as Divider,
@@ -11033,6 +11104,7 @@ export {
   Multiselect,
   NonModal,
   _NumberField as NumberField,
+  NumericFormat,
   OverlayContainerProvider,
   _Pagination as Pagination,
   _Popover as Popover,