@marigold/components 12.0.0 → 12.0.2

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 Fragment14 = 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 = Fragment14;
         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, {
@@ -1307,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,
@@ -1428,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 = {
@@ -1445,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,
@@ -1476,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,
@@ -1538,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 }) })
     ] });
@@ -1607,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,
@@ -1633,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,
         {
@@ -1677,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
@@ -1690,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",
@@ -1731,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,
@@ -1762,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
@@ -1852,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
   ] });
@@ -1915,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",
@@ -1945,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
     }
   );
 };
@@ -1990,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,
             {
@@ -2242,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;
@@ -2262,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),
@@ -2373,7 +2393,7 @@ 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(
   ({ variant, size: size2, ...props }, ref) => {
     var _a;
@@ -2395,7 +2415,7 @@ var _Dialog = forwardRef18(
         keyboardDismissable: isKeyboardDismissDisabled,
         open: isOpen,
         size: size2,
-        children: /* @__PURE__ */ jsxs16(
+        children: /* @__PURE__ */ jsxs17(
           Dialog,
           {
             ...props,
@@ -2543,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,
@@ -2566,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,
@@ -2775,7 +2795,7 @@ 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,
@@ -2785,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",
           {
@@ -2804,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 = useClassNames35({ component: "DateField", variant, size: size2 });
-  return /* @__PURE__ */ jsxs19(Group, { className: classNames3.field, children: [
+  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
   ] });
@@ -2850,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 useClassNames40 } from "@marigold/system";
+import { cn as cn44, useClassNames as useClassNames39 } from "@marigold/system";
 
 // src/Calendar/CalendarGrid.tsx
 import {
@@ -2889,10 +2909,10 @@ function CalendarGridHeader(props) {
 }
 
 // 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 = useClassNames37({ component: "Calendar" });
-  return /* @__PURE__ */ jsxs20(CalendarGrid, { className: classNames3.calendarGrid, children: [
+  return /* @__PURE__ */ jsxs21(CalendarGrid, { className: classNames3.calendarGrid, children: [
     /* @__PURE__ */ jsx66(CalendarGridHeader, {}),
     /* @__PURE__ */ jsx66(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx66(
       CalendarCell,
@@ -2908,9 +2928,14 @@ var _CalendarGrid = () => {
 };
 
 // src/Calendar/CalendarListBox.tsx
-import { useContext as useContext13 } from "react";
+import { useContext as useContext14 } from "react";
 import { CalendarStateContext as CalendarStateContext2 } from "react-aria-components";
-import { cn as cn40, useClassNames as useClassNames38 } from "@marigold/system";
+import { cn as cn40 } from "@marigold/system";
+
+// src/Calendar/Context.tsx
+import { createContext as createContext8, useContext as useContext13 } from "react";
+var CalendarContext = createContext8({});
+var useCalendarContext = () => useContext13(CalendarContext);
 
 // src/Calendar/useFormattedMonths.tsx
 import { useDateFormatter as useDateFormatter2 } from "@react-aria/i18n";
@@ -2929,22 +2954,22 @@ 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,
   setSelectedDropdown
 }) {
-  const state = useContext13(CalendarStateContext2);
+  const state = useContext14(CalendarStateContext2);
   const months = useFormattedMonths(state.timeZone, state.focusedDate);
   const buttonStyles = "flex items-center justify-between gap-1 overflow-hidden";
-  const { select: selectClassNames } = useClassNames38({ component: "Select" });
-  return /* @__PURE__ */ jsxs21(
+  const { classNames: classNames3 } = useCalendarContext();
+  return /* @__PURE__ */ jsxs22(
     "button",
     {
       disabled: isDisabled,
       onClick: () => setSelectedDropdown(type),
-      className: cn40(buttonStyles, selectClassNames),
+      className: cn40(buttonStyles, classNames3.select),
       "data-testid": type,
       children: [
         type === "month" ? months[state.focusedDate.month - 1].substring(0, 3) : state.focusedDate.year,
@@ -2955,11 +2980,11 @@ function CalendarListBox({
 }
 
 // src/Calendar/MonthControls.tsx
-import { cn as cn41, useClassNames as useClassNames39 } from "@marigold/system";
-import { jsx as jsx68, jsxs as jsxs22 } from "react/jsx-runtime";
+import { cn as cn41, useClassNames as useClassNames38 } from "@marigold/system";
+import { jsx as jsx68, jsxs as jsxs23 } from "react/jsx-runtime";
 function MonthControls() {
-  const classNames3 = useClassNames39({ component: "Calendar" });
-  return /* @__PURE__ */ jsxs22(
+  const classNames3 = useClassNames38({ component: "Calendar" });
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: cn41(
@@ -2992,33 +3017,40 @@ function MonthControls() {
 var MonthControls_default = MonthControls;
 
 // src/Calendar/MonthListBox.tsx
-import { useContext as useContext14 } from "react";
+import { useContext as useContext15 } from "react";
 import { CalendarStateContext as CalendarStateContext3 } from "react-aria-components";
+import { Button as Button6 } from "react-aria-components";
+import { cn as cn42 } from "@marigold/system";
 import { jsx as jsx69 } from "react/jsx-runtime";
 var MonthListBox = ({ setSelectedDropdown }) => {
-  const state = useContext14(CalendarStateContext3);
+  const state = useContext15(CalendarStateContext3);
   const months = useFormattedMonths(state.timeZone, state.focusedDate);
   let onChange2 = (index2) => {
     let value = Number(index2) + 1;
     let date = state.focusedDate.set({ month: value });
     state.setFocusedDate(date);
   };
+  const { classNames: classNames3 } = useCalendarContext();
   return /* @__PURE__ */ jsx69(
     "ul",
     {
       "data-testid": "monthOptions",
-      className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 overflow-y-scroll p-2",
+      className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 p-2",
       children: months.map((month, index2) => {
+        const isSelected = index2 === state.focusedDate.month - 1;
         return /* @__PURE__ */ jsx69("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx69(
-          _Button,
+          Button6,
           {
             slot: "previous",
-            variant: index2 === state.focusedDate.month - 1 ? "secondary" : "text",
-            size: "small",
             onPress: () => {
               onChange2(index2);
               setSelectedDropdown(void 0);
             },
+            "aria-current": isSelected,
+            className: cn42(
+              classNames3.calendarListboxButton,
+              "inline-flex items-center justify-center gap-[0.5ch]"
+            ),
             children: month.substring(0, 3)
           },
           index2 + 1
@@ -3031,15 +3063,17 @@ var MonthListBox_default = MonthListBox;
 
 // src/Calendar/YearListBox.tsx
 import {
-  useContext as useContext15,
+  useContext as useContext16,
   useEffect,
   useRef as useRef2
 } from "react";
-import { CalendarStateContext as CalendarStateContext4 } from "react-aria-components";
+import { Button as Button7, CalendarStateContext as CalendarStateContext4 } from "react-aria-components";
 import { useDateFormatter as useDateFormatter3 } from "@react-aria/i18n";
+import { cn as cn43 } from "@marigold/system";
 import { jsx as jsx70 } from "react/jsx-runtime";
 var YearListBox = ({ setSelectedDropdown }) => {
-  const state = useContext15(CalendarStateContext4);
+  const state = useContext16(CalendarStateContext4);
+  const { classNames: classNames3 } = useCalendarContext();
   const years = [];
   let formatter = useDateFormatter3({
     year: "numeric",
@@ -3073,24 +3107,26 @@ var YearListBox = ({ setSelectedDropdown }) => {
       "data-testid": "yearOptions",
       className: "grid h-full max-h-[300px] min-w-[300px] grid-cols-3 gap-y-10 overflow-y-scroll p-2",
       children: years.map((year, index2) => {
-        const isActive = +year.formatted === state.focusedDate.year;
+        const isSelected = +year.formatted === state.focusedDate.year;
         return /* @__PURE__ */ jsx70("li", { className: "flex justify-center", children: /* @__PURE__ */ jsx70(
           "div",
           {
-            ref: isActive ? activeButtonRef : null,
-            style: { height: "100%", width: "100%" },
+            ref: isSelected ? activeButtonRef : null,
+            className: "flex size-full justify-center",
             children: /* @__PURE__ */ jsx70(
-              _Button,
+              Button7,
               {
                 slot: "previous",
-                disabled: state.isDisabled,
-                variant: isActive ? "secondary" : "text",
-                size: "small",
+                className: cn43(
+                  classNames3.calendarListboxButton,
+                  "inline-flex items-center justify-center gap-[0.5ch]"
+                ),
                 onPress: () => {
                   onChange2(index2);
                   setSelectedDropdown(void 0);
                 },
                 "data-value": year.formatted,
+                "aria-current": isSelected,
                 children: year.formatted
               },
               index2
@@ -3104,7 +3140,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 { jsx as jsx71, jsxs as jsxs24 } from "react/jsx-runtime";
 var _Calendar = ({
   disabled,
   readOnly,
@@ -3119,53 +3155,65 @@ var _Calendar = ({
     isDateUnavailable: dateUnavailable,
     ...rest
   };
-  const classNames3 = useClassNames40({ component: "Calendar" });
+  const classNames3 = useClassNames39({ component: "Calendar", size: size2, variant });
   const [selectedDropdown, setSelectedDropdown] = useState();
   const ViewMap = {
     month: /* @__PURE__ */ jsx71(MonthListBox_default, { setSelectedDropdown }),
     year: /* @__PURE__ */ jsx71(YearListBox_default, { setSelectedDropdown })
   };
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx71(CalendarContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsxs24(
     Calendar,
     {
-      className: cn42(
-        "flex min-h-[350px] w-fit flex-col rounded-xs p-4",
+      className: cn44(
+        "relative flex min-h-[350px] w-fit flex-col rounded-xs p-4",
         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: [
-            /* @__PURE__ */ jsx71(
-              CalendarListBox,
-              {
-                type: "month",
-                isDisabled: props.isDisabled,
-                setSelectedDropdown
-              }
+      children: [
+        /* @__PURE__ */ jsx71(
+          "div",
+          {
+            className: cn44(
+              "pointer-events-none absolute top-1/2 left-0 w-full -translate-y-1/2 opacity-0",
+              selectedDropdown && "pointer-events-auto opacity-100"
             ),
-            /* @__PURE__ */ jsx71(
-              CalendarListBox,
-              {
-                type: "year",
-                isDisabled: props.isDisabled,
-                setSelectedDropdown
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx71(MonthControls_default, {})
-        ] }),
-        /* @__PURE__ */ jsx71(_CalendarGrid, {})
-      ] })
+            children: ViewMap[selectedDropdown]
+          }
+        ),
+        /* @__PURE__ */ jsxs24(
+          "div",
+          {
+            className: cn44(
+              "flex flex-col",
+              selectedDropdown && "pointer-events-none opacity-0"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs24("div", { className: "mb-4 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx71("div", { className: "flex w-fit gap-4", children: ["month", "year"].map((dateType) => /* @__PURE__ */ jsx71(
+                  CalendarListBox,
+                  {
+                    type: dateType,
+                    isDisabled: props.isDisabled,
+                    setSelectedDropdown
+                  },
+                  dateType
+                )) }),
+                /* @__PURE__ */ jsx71(MonthControls_default, {})
+              ] }),
+              /* @__PURE__ */ jsx71(_CalendarGrid, {})
+            ]
+          }
+        )
+      ]
     }
-  );
+  ) });
 };
 
 // src/DatePicker/DatePicker.tsx
 import React6 from "react";
 import { DatePicker, Dialog as Dialog3 } from "react-aria-components";
-import { useClassNames as useClassNames41 } from "@marigold/system";
-import { jsx as jsx72, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useClassNames as useClassNames40 } from "@marigold/system";
+import { jsx as jsx72, jsxs as jsxs25 } from "react/jsx-runtime";
 var _DatePicker = React6.forwardRef(
   ({
     dateUnavailable,
@@ -3189,12 +3237,12 @@ var _DatePicker = React6.forwardRef(
       granularity,
       ...rest
     };
-    const classNames3 = useClassNames41({
+    const classNames3 = useClassNames40({
       component: "DatePicker",
       size: size2,
       variant
     });
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25(
       FieldBase,
       {
         as: DatePicker,
@@ -3228,7 +3276,7 @@ var _DatePicker = React6.forwardRef(
 
 // src/Inset/Inset.tsx
 import {
-  cn as cn43,
+  cn as cn45,
   paddingSpace as paddingSpace2,
   paddingSpaceX as paddingSpaceX2,
   paddingSpaceY as paddingSpaceY2
@@ -3237,7 +3285,7 @@ import { jsx as jsx73 } from "react/jsx-runtime";
 var Inset = ({ space, spaceX, spaceY, children }) => /* @__PURE__ */ jsx73(
   "div",
   {
-    className: cn43(
+    className: cn45(
       space && paddingSpace2[space],
       !space && spaceX && paddingSpaceX2[spaceX],
       !space && spaceY && paddingSpaceY2[spaceY]
@@ -3249,11 +3297,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 useClassNames42 } from "@marigold/system";
+import { useClassNames as useClassNames41 } from "@marigold/system";
 import { jsx as jsx74 } from "react/jsx-runtime";
 var _Link = forwardRef20(
   ({ variant, size: size2, disabled, children, ...props }, ref) => {
-    const classNames3 = useClassNames42({
+    const classNames3 = useClassNames41({
       component: "Link",
       variant,
       size: size2
@@ -3263,12 +3311,12 @@ var _Link = forwardRef20(
 );
 
 // src/List/List.tsx
-import { useClassNames as useClassNames43 } from "@marigold/system";
+import { useClassNames as useClassNames42 } from "@marigold/system";
 
 // src/List/Context.ts
-import { createContext as createContext8, useContext as useContext16 } from "react";
-var ListContext = createContext8({});
-var useListContext = () => useContext16(ListContext);
+import { createContext as createContext9, useContext as useContext17 } from "react";
+var ListContext = createContext9({});
+var useListContext = () => useContext17(ListContext);
 
 // src/List/ListItem.tsx
 import { jsx as jsx75 } from "react/jsx-runtime";
@@ -3287,38 +3335,38 @@ var List = ({
   ...props
 }) => {
   const Component2 = as;
-  const classNames3 = useClassNames43({ component: "List", variant, size: size2 });
+  const classNames3 = useClassNames42({ 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 useClassNames46 } from "@marigold/system";
+import { Button as Button8, Menu, MenuTrigger } from "react-aria-components";
+import { useClassNames as useClassNames45 } from "@marigold/system";
 
 // src/Menu/MenuItem.tsx
 import { MenuItem } from "react-aria-components";
-import { useClassNames as useClassNames44 } from "@marigold/system";
+import { useClassNames as useClassNames43 } from "@marigold/system";
 import { jsx as jsx77 } from "react/jsx-runtime";
 var _MenuItem = ({ children, ...props }) => {
-  const classNames3 = useClassNames44({ component: "Menu" });
+  const classNames3 = useClassNames43({ component: "Menu" });
   return /* @__PURE__ */ jsx77(MenuItem, { ...props, className: classNames3.item, children });
 };
 
 // src/Menu/MenuSection.tsx
 import { MenuSection } from "react-aria-components";
-import { useClassNames as useClassNames45 } from "@marigold/system";
-import { jsx as jsx78, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useClassNames as useClassNames44 } from "@marigold/system";
+import { jsx as jsx78, jsxs as jsxs26 } from "react/jsx-runtime";
 var _MenuSection = ({ children, title, ...props }) => {
-  const className = useClassNames45({ component: "Menu" });
-  return /* @__PURE__ */ jsxs25(MenuSection, { ...props, children: [
+  const className = useClassNames44({ 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,
@@ -3330,9 +3378,17 @@ var _Menu = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
-  const classNames3 = useClassNames46({ component: "Menu", variant, size: size2 });
-  return /* @__PURE__ */ jsxs26(MenuTrigger, { ...props, children: [
-    /* @__PURE__ */ jsx79(_Button, { variant: "menu", disabled, "aria-label": ariaLabel, children: label }),
+  const classNames3 = useClassNames45({ component: "Menu", variant, size: size2 });
+  return /* @__PURE__ */ jsxs27(MenuTrigger, { ...props, children: [
+    /* @__PURE__ */ jsx79(
+      Button8,
+      {
+        className: classNames3.button,
+        "aria-label": ariaLabel,
+        isDisabled: disabled,
+        children: label
+      }
+    ),
     /* @__PURE__ */ jsx79(_Popover, { open, placement, children: /* @__PURE__ */ jsx79(Menu, { ...props, className: classNames3.container, children }) })
   ] });
 };
@@ -3340,18 +3396,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 useClassNames47 } from "@marigold/system";
-import { jsx as jsx80, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Button as Button9, 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 jsxs28 } from "react/jsx-runtime";
 var ActionMenu = ({
   variant,
   size: size2,
   disabled,
   ...props
 }) => {
-  const classNames3 = useClassNames47({ 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 = useClassNames46({ component: "Menu", variant, size: size2 });
+  return /* @__PURE__ */ jsxs28(MenuTrigger2, { children: [
+    /* @__PURE__ */ jsx80(Button9, { 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 }) })
   ] });
 };
@@ -3359,33 +3415,33 @@ 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 useClassNames48 } from "@marigold/system";
+import { cn as cn48, useClassNames as useClassNames47 } from "@marigold/system";
 
 // src/SectionMessage/Context.tsx
-import { createContext as createContext9, useContext as useContext17 } from "react";
-var SectionMessageContext = createContext9({});
-var useSectionMessageContext = () => useContext17(SectionMessageContext);
+import { createContext as createContext10, useContext as useContext18 } from "react";
+var SectionMessageContext = createContext10({});
+var useSectionMessageContext = () => useContext18(SectionMessageContext);
 
 // src/SectionMessage/SectionMessageContent.tsx
-import { cn as cn44 } from "@marigold/system";
+import { cn as cn46 } from "@marigold/system";
 import { jsx as jsx81 } from "react/jsx-runtime";
 var SectionMessageContent = ({
   children
 }) => {
   const { classNames: classNames3 } = useSectionMessageContext();
-  return /* @__PURE__ */ jsx81("div", { className: cn44("[grid-area:content]", classNames3.content), children });
+  return /* @__PURE__ */ jsx81("div", { className: cn46("[grid-area:content]", classNames3.content), children });
 };
 
 // src/SectionMessage/SectionMessageTitle.tsx
-import { cn as cn45 } from "@marigold/system";
+import { cn as cn47 } from "@marigold/system";
 import { jsx as jsx82 } from "react/jsx-runtime";
 var SectionMessageTitle = ({ children }) => {
   const { classNames: classNames3 } = useSectionMessageContext();
-  return /* @__PURE__ */ jsx82("div", { className: cn45("[grid-area:title]", classNames3.title), children });
+  return /* @__PURE__ */ jsx82("div", { className: cn47("[grid-area:title]", classNames3.title), children });
 };
 
 // src/SectionMessage/SectionMessage.tsx
-import { jsx as 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",
@@ -3462,7 +3518,7 @@ var SectionMessage = ({
   ...props
 }) => {
   const buttonRef = useRef3(null);
-  const classNames3 = useClassNames48({
+  const classNames3 = useClassNames47({
     component: "SectionMessage",
     variant,
     size: size2
@@ -3478,21 +3534,21 @@ 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,
       ...props,
-      className: cn46("grid auto-rows-min", classNames3.container),
+      className: cn48("grid auto-rows-min", classNames3.container),
       children: [
-        /* @__PURE__ */ jsx83("div", { className: cn46("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ jsx83(Icon4, {}) }),
+        /* @__PURE__ */ jsx83("div", { className: cn48("[grid-area:icon]", classNames3.icon), children: Icon4 && /* @__PURE__ */ jsx83(Icon4, {}) }),
         closeButton && /* @__PURE__ */ jsx83(
           CloseButton,
           {
             ...buttonProps,
             ref: buttonRef,
             "aria-label": "close",
-            className: cn46("[grid-area:close]", classNames3.close),
+            className: cn48("[grid-area:close]", classNames3.close),
             onPress: handleClose
           }
         ),
@@ -3506,7 +3562,7 @@ SectionMessage.Content = SectionMessageContent;
 
 // src/Multiselect/Multiselect.tsx
 import {
-  Button as Button6,
+  Button as Button10,
   ButtonContext,
   FieldErrorContext as FieldErrorContext2,
   InputContext,
@@ -3514,7 +3570,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) {
@@ -3524,7 +3580,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];
@@ -3536,13 +3592,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,
@@ -3552,7 +3608,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) {
@@ -3575,12 +3631,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) {
@@ -3603,14 +3659,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);
@@ -3619,17 +3675,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 = {};
@@ -3640,7 +3696,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);
@@ -3651,7 +3707,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.5_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) {
@@ -3698,7 +3754,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++) {
@@ -3709,16 +3765,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.5_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];
@@ -3731,14 +3787,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, {
@@ -3752,14 +3808,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() {
@@ -3771,20 +3827,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() {
@@ -3797,33 +3853,33 @@ 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.5_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";
 
-// ../../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.5_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";
+import { useContext as useContext20, forwardRef as forwardRef22 } from "react";
 
 // ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
 var isDevelopment = false;
@@ -4995,7 +5051,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.5_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(
@@ -5012,14 +5068,14 @@ var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
 var CacheProvider = EmotionCacheContext.Provider;
 var withEmotionCache = function withEmotionCache2(func) {
   return /* @__PURE__ */ forwardRef22(function(props, ref) {
-    var cache = useContext19(EmotionCacheContext);
+    var cache = useContext20(EmotionCacheContext);
     return func(props, cache, ref);
   });
 };
 if (!isBrowser4) {
   withEmotionCache = function withEmotionCache3(func) {
     return function(props) {
-      var cache = useContext19(EmotionCacheContext);
+      var cache = useContext20(EmotionCacheContext);
       if (cache === null) {
         cache = createCache({
           key: "css"
@@ -5099,7 +5155,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.5_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());
@@ -5141,7 +5197,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: {
@@ -5150,8 +5206,8 @@ 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
-import { useContext as useContext21, useRef as useRef5, useState as useState4, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext11 } from "react";
+// ../../node_modules/.pnpm/react-select@5.10.1_@types+react@19.1.5_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 useContext22, useRef as useRef5, useState as useState4, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext12 } from "react";
 import { createPortal } from "react-dom";
 
 // ../../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
@@ -5551,12 +5607,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.5_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.5_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() {
 };
@@ -5888,10 +5944,10 @@ var menuCSS = function menuCSS2(_ref23, unstyled) {
     marginTop: spacing2.menuGutter
   });
 };
-var PortalPlacementContext = /* @__PURE__ */ createContext11(null);
+var PortalPlacementContext = /* @__PURE__ */ createContext12(null);
 var MenuPlacer = function MenuPlacer2(props) {
   var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
-  var _ref3 = useContext21(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
+  var _ref3 = useContext22(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
   var ref = useRef5(null);
   var _useState = useState4(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
   var _useState3 = useState4(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
@@ -6630,7 +6686,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.5_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).";
 }
@@ -8926,7 +8982,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.5_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());
@@ -8947,7 +9003,7 @@ var StateManagedSelect = /* @__PURE__ */ forwardRef23(function(props, ref) {
 });
 var StateManagedSelect$1 = StateManagedSelect;
 
-// ../../node_modules/.pnpm/@react-aria+label@3.7.17_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useLabel.mjs
+// ../../node_modules/.pnpm/@react-aria+label@3.7.18_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useLabel.mjs
 import { useId as $83Elw$useId, useLabels as $83Elw$useLabels } from "@react-aria/utils";
 function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
@@ -8972,7 +9028,7 @@ function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   };
 }
 
-// ../../node_modules/.pnpm/@react-aria+label@3.7.17_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useField.mjs
+// ../../node_modules/.pnpm/@react-aria+label@3.7.18_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/label/dist/useField.mjs
 import { useSlotId as $2kC82$useSlotId, mergeProps as $2kC82$mergeProps } from "@react-aria/utils";
 function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
   let { description, errorMessage, isInvalid, validationState } = props;
@@ -9011,8 +9067,8 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
 
 // src/Multiselect/Multiselect.tsx
 import { useId } from "@react-aria/utils";
-import { cn as cn47, useClassNames as useClassNames49 } from "@marigold/system";
-import { jsx as jsx86, jsxs as jsxs29 } from "react/jsx-runtime";
+import { cn as cn49, useClassNames as useClassNames48 } from "@marigold/system";
+import { jsx as jsx86, jsxs as jsxs30 } from "react/jsx-runtime";
 var propsToBeRemoved = [
   "clearValue",
   "getStyles",
@@ -9049,20 +9105,20 @@ 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(Button10, { slot: "remove", ...innerProps, children: /* @__PURE__ */ jsx86("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: 20, height: 20, children: /* @__PURE__ */ jsx86("path", { d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }) }) });
 };
 var getClassNames = (classNames3) => ({
-  control: () => cn47(
+  control: () => cn49(
     "relative flex items-center box-border flex-wrap justify-between",
     classNames3.container
   ),
   container: () => "pointer-events-auto",
   indicatorSeparator: () => "hidden",
-  menu: () => cn47("b", classNames3.listContainer),
-  menuList: () => cn47("overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh] p-0", classNames3.list),
-  multiValue: () => cn47(classNames3.tag, "m-0 "),
+  menu: () => cn49("b", classNames3.listContainer),
+  menuList: () => cn49("overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh] p-0", classNames3.list),
+  multiValue: () => cn49(classNames3.tag, "m-0 "),
   multiValueLabel: () => "p-0",
-  option: ({ isFocused }) => cn47(classNames3.option, { isFocused }),
+  option: ({ isFocused }) => cn49(classNames3.option, { isFocused }),
   placeholder: () => "hidden",
   valueContainer: () => classNames3.valueContainer
 });
@@ -9083,7 +9139,7 @@ var Multiselect = ({
   onSelectionChange,
   ...rest
 }) => {
-  const classNames3 = useClassNames49({
+  const classNames3 = useClassNames48({
     component: "MultiSelect",
     size: size2,
     variant
@@ -9127,14 +9183,14 @@ var Multiselect = ({
             // react-select doesn't handle readonly so we had to do it manually here
             // keep to the button disabled in read only to prevent menu from opening
             isDisabled: disabled || readOnly,
-            className: cn47("flex items-center", classNames3.closeButton)
+            className: cn49("flex items-center", classNames3.closeButton)
           }
         ]
       ],
-      children: /* @__PURE__ */ jsxs29(
+      children: /* @__PURE__ */ jsxs30(
         "div",
         {
-          className: cn47(classNames3.field, "group/field"),
+          className: cn49(classNames3.field, "group/field"),
           "data-required": props.required,
           "data-invalid": error,
           "data-readonly": readOnly,
@@ -9154,7 +9210,7 @@ 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
@@ -9199,11 +9255,11 @@ 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 useClassNames50 } from "@marigold/system";
+import { cn as cn51, useClassNames as useClassNames49 } from "@marigold/system";
 
 // src/NumberField/StepButton.tsx
-import { Button as Button7 } from "react-aria-components";
-import { cn as cn48 } from "@marigold/system";
+import { Button as Button11 } from "react-aria-components";
+import { cn as cn50 } 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(
   "path",
@@ -9224,9 +9280,9 @@ 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,
+    Button11,
     {
-      className: cn48(
+      className: cn50(
         [
           "flex items-center justify-center",
           "cursor-pointer data-disabled:cursor-not-allowed"
@@ -9240,7 +9296,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,
@@ -9252,7 +9308,7 @@ var _NumberField = forwardRef24(
     hideStepper,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames50({
+    const classNames3 = useClassNames49({
       component: "NumberField",
       size: size2,
       variant
@@ -9272,7 +9328,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: cn51("flex items-stretch", classNames3.group), children: [
           showStepper && /* @__PURE__ */ jsx88(
             _StepButton,
             {
@@ -9285,7 +9341,7 @@ var _NumberField = forwardRef24(
             Input5,
             {
               ref,
-              className: cn49("h-full flex-1 outline-none", classNames3.input)
+              className: cn51("h-full flex-1 outline-none", classNames3.input)
             }
           ),
           showStepper && /* @__PURE__ */ jsx88(
@@ -9305,7 +9361,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 useClassNames53 } from "@marigold/system";
+import { useClassNames as useClassNames52 } from "@marigold/system";
 
 // src/Pagination/Ellipsis.tsx
 import { jsx as jsx89 } from "react/jsx-runtime";
@@ -9323,11 +9379,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 useClassNames51 } from "@marigold/system";
-import { jsxs as jsxs31 } from "react/jsx-runtime";
+import { cn as cn52, useClassNames as useClassNames50 } from "@marigold/system";
+import { jsxs as jsxs32 } from "react/jsx-runtime";
 var NavigationButton = (props) => {
   const ref = useRef7(null);
-  const classNames3 = useClassNames51({
+  const classNames3 = useClassNames50({
     component: "Pagination"
   });
   let { buttonProps } = useButton2(props, ref);
@@ -9340,14 +9396,14 @@ var NavigationButton = (props) => {
     position: position2,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "button",
     {
       ref,
       ...buttonProps,
       ...rest,
       disabled: isDisabled,
-      className: cn50(classNames3.navigationButton, controlLabel && "w-24 px-2"),
+      className: cn52(classNames3.navigationButton, controlLabel && "w-24 px-2"),
       "data-selected": isSelected,
       children: [
         position2 === "left" && children,
@@ -9361,11 +9417,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 useClassNames52 } from "@marigold/system";
+import { useClassNames as useClassNames51 } from "@marigold/system";
 import { jsx as jsx90 } from "react/jsx-runtime";
 var PageButton = (props) => {
   const ref = useRef8(null);
-  const classNames3 = useClassNames52({
+  const classNames3 = useClassNames51({
     component: "Pagination"
   });
   let { buttonProps } = useButton3(props, ref);
@@ -9417,7 +9473,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 Fragment9, jsx as jsx91, jsxs as jsxs33 } from "react/jsx-runtime";
 var InnerPagination = ({
   currentPage,
   pageSize,
@@ -9444,7 +9500,7 @@ var InnerPagination = ({
       onChange2(newPage);
     }
   };
-  const classNames3 = useClassNames53({ component: "Pagination" });
+  const classNames3 = useClassNames52({ component: "Pagination" });
   const handleKeyDown = (onEnter) => (e) => {
     if (e.key === "ArrowRight") {
       e.preventDefault();
@@ -9457,7 +9513,7 @@ var InnerPagination = ({
       onEnter();
     }
   };
-  return /* @__PURE__ */ jsxs32(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
     /* @__PURE__ */ jsx91(
       NavigationButton,
       {
@@ -9531,18 +9587,18 @@ import {
   forwardRef as forwardRef25
 } from "react";
 import { Radio } from "react-aria-components";
-import { cn as cn52, useClassNames as useClassNames55 } from "@marigold/system";
+import { cn as cn54, useClassNames as useClassNames54 } from "@marigold/system";
 
 // src/Radio/Context.ts
-import { createContext as createContext12, useContext as useContext22 } from "react";
-var RadioGroupContext = createContext12(
+import { createContext as createContext13, useContext as useContext23 } from "react";
+var RadioGroupContext = createContext13(
   null
 );
-var useRadioGroupContext = () => useContext22(RadioGroupContext);
+var useRadioGroupContext = () => useContext23(RadioGroupContext);
 
 // src/Radio/RadioGroup.tsx
 import { RadioGroup } from "react-aria-components";
-import { cn as cn51, useClassNames as useClassNames54 } from "@marigold/system";
+import { cn as cn53, useClassNames as useClassNames53 } from "@marigold/system";
 import { jsx as jsx92 } from "react/jsx-runtime";
 var _RadioGroup = ({
   variant,
@@ -9559,7 +9615,7 @@ var _RadioGroup = ({
   width,
   ...rest
 }) => {
-  const classNames3 = useClassNames54({ component: "Radio", variant, size: size2 });
+  const classNames3 = useClassNames53({ component: "Radio", variant, size: size2 });
   const props = {
     isDisabled: disabled,
     isReadOnly: readOnly,
@@ -9584,7 +9640,7 @@ var _RadioGroup = ({
           role: "presentation",
           "data-testid": "group",
           "data-orientation": orientation,
-          className: cn51(
+          className: cn53(
             classNames3.group,
             "flex items-start",
             orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"
@@ -9597,12 +9653,12 @@ var _RadioGroup = ({
 };
 
 // src/Radio/Radio.tsx
-import { Fragment as Fragment10, jsx as jsx93, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, 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",
   {
-    className: cn52(
+    className: cn54(
       "bg-secondary-50 flex h-4 w-4 items-center justify-center rounded-[50%] border p-1",
       className
     ),
@@ -9614,7 +9670,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 = useClassNames55({
+    const classNames3 = useClassNames54({
       component: "Radio",
       variant: variant || props.variant,
       size: size2 || props.size
@@ -9623,7 +9679,7 @@ var _Radio = forwardRef25(
       Radio,
       {
         ref,
-        className: cn52(
+        className: cn54(
           "group/radio",
           "relative flex items-center gap-[1ch]",
           width || groupWidth || "w-full",
@@ -9632,12 +9688,12 @@ var _Radio = forwardRef25(
         value,
         isDisabled: disabled,
         ...props,
-        children: ({ isSelected }) => /* @__PURE__ */ jsxs33(Fragment10, { children: [
+        children: ({ isSelected }) => /* @__PURE__ */ jsxs34(Fragment10, { children: [
           /* @__PURE__ */ jsx93(
             Icon3,
             {
               checked: isSelected,
-              className: cn52(
+              className: cn54(
                 disabled ? "cursor-not-allowed" : "cursor-pointer",
                 classNames3.radio
               )
@@ -9677,8 +9733,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 useClassNames56 } from "@marigold/system";
-import { jsx as jsx95, jsxs as jsxs34 } from "react/jsx-runtime";
+import { cn as cn55, useClassNames as useClassNames55 } from "@marigold/system";
+import { jsx as jsx95, jsxs as jsxs35 } from "react/jsx-runtime";
 var _Select = forwardRef27(
   ({
     disabled,
@@ -9699,18 +9755,18 @@ var _Select = forwardRef27(
       onSelectionChange: onChange2,
       ...rest
     };
-    const classNames3 = useClassNames56({ component: "Select", variant, size: size2 });
-    return /* @__PURE__ */ jsxs34(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
-      /* @__PURE__ */ jsxs34(
+    const classNames3 = useClassNames55({ component: "Select", variant, size: size2 });
+    return /* @__PURE__ */ jsxs35(FieldBase, { as: Select2, ref, variant, size: size2, ...props, children: [
+      /* @__PURE__ */ jsxs35(
         IconButton,
         {
-          className: cn53(
+          className: cn55(
             "flex w-full items-center justify-between gap-1 overflow-hidden",
             classNames3.select
           ),
           children: [
             /* @__PURE__ */ jsx95(SelectValue, { className: "[&>[slot=description]]:hidden" }),
-            /* @__PURE__ */ jsx95(ChevronDown, { className: cn53("size-4", classNames3.icon) })
+            /* @__PURE__ */ jsx95(ChevronDown, { className: cn55("size-4", classNames3.icon) })
           ]
         }
       ),
@@ -9726,20 +9782,38 @@ import {
   forwardRef as forwardRef29
 } from "react";
 import { GridList as SelectList } from "react-aria-components";
-import { cn as cn55, useClassNames as useClassNames57 } from "@marigold/system";
+import { cn as cn57, useClassNames as useClassNames56 } from "@marigold/system";
 
 // src/SelectList/Context.ts
-import { createContext as createContext13, useContext as useContext23 } from "react";
-var SelectListContext = createContext13(
+import { createContext as createContext14, useContext as useContext24 } from "react";
+var SelectListContext = createContext14(
   {}
 );
-var useSelectListContext = () => useContext23(SelectListContext);
+var useSelectListContext = () => useContext24(SelectListContext);
 
 // src/SelectList/SelectListItem.tsx
 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 { cn as cn56 } from "@marigold/system";
+import { Fragment as Fragment11, 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;
@@ -9749,10 +9823,10 @@ var _SelectListItem = forwardRef28(
       {
         textValue,
         ...props,
-        className: cn54("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.option),
+        className: cn56("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(Fragment11, { children: [
+          /* @__PURE__ */ jsx96(SelectionIndicator, { selectionMode }),
           children
         ] })
       }
@@ -9764,7 +9838,7 @@ var _SelectListItem = forwardRef28(
 import { jsx as jsx97 } from "react/jsx-runtime";
 var _SelectList = forwardRef29(
   ({ onChange: onChange2, ...rest }, ref) => {
-    const classNames3 = useClassNames57({ component: "ListBox" });
+    const classNames3 = useClassNames56({ component: "ListBox" });
     const props = {
       onSelectionChange: onChange2,
       ...rest
@@ -9775,7 +9849,7 @@ var _SelectList = forwardRef29(
         ...props,
         layout: "grid",
         ref,
-        className: cn55(
+        className: cn57(
           "group/list overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
           classNames3.list
         ),
@@ -9787,7 +9861,7 @@ var _SelectList = forwardRef29(
 _SelectList.Item = _SelectListItem;
 
 // src/Scrollable/Scrollable.tsx
-import { cn as cn56, createVar as createVar8, width as twWidth2 } from "@marigold/system";
+import { cn as cn58, createVar as createVar8, width as twWidth2 } from "@marigold/system";
 import { jsx as jsx98 } from "react/jsx-runtime";
 var Scrollable = ({
   children,
@@ -9798,7 +9872,7 @@ var Scrollable = ({
   "div",
   {
     ...props,
-    className: cn56(["sticky h-(--height) overflow-auto", twWidth2[width]]),
+    className: cn58(["sticky h-(--height) overflow-auto", twWidth2[width]]),
     style: createVar8({ height }),
     children
   }
@@ -9813,11 +9887,11 @@ import {
   SliderTrack
 } from "react-aria-components";
 import {
-  cn as cn57,
+  cn as cn59,
   width as twWidth3,
-  useClassNames as useClassNames58
+  useClassNames as useClassNames57
 } from "@marigold/system";
-import { Fragment as Fragment11, jsx as jsx99, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx99, jsxs as jsxs37 } from "react/jsx-runtime";
 var _Slider = forwardRef30(
   ({
     thumbLabels,
@@ -9828,7 +9902,7 @@ var _Slider = forwardRef30(
     label,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames58({
+    const classNames3 = useClassNames57({
       component: "Slider",
       variant,
       size: size2
@@ -9837,11 +9911,11 @@ var _Slider = forwardRef30(
       isDisabled: disabled,
       ...rest
     };
-    return /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsxs37(
       FieldBase,
       {
         as: Slider,
-        className: cn57(
+        className: cn59(
           "grid grid-cols-[auto_1fr] gap-y-1",
           classNames3.container,
           twWidth3[width]
@@ -9850,16 +9924,16 @@ var _Slider = forwardRef30(
         ...props,
         children: [
           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(SliderOutput, { className: cn59("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: [
+              className: cn59("relative col-span-2 h-2 w-full", classNames3.track),
+              children: ({ state }) => /* @__PURE__ */ jsxs37(Fragment12, { children: [
                 /* @__PURE__ */ jsx99(
                   "div",
                   {
-                    className: cn57(
+                    className: cn59(
                       "absolute top-[50%] h-2 w-full translate-y-[-50%]",
                       classNames3.track
                     )
@@ -9868,7 +9942,7 @@ var _Slider = forwardRef30(
                 /* @__PURE__ */ jsx99(
                   "div",
                   {
-                    className: cn57(
+                    className: cn59(
                       "absolute top-[50%] h-2 translate-y-[-50%]",
                       classNames3.selectedTrack
                     ),
@@ -9881,7 +9955,7 @@ var _Slider = forwardRef30(
                 state.values.map((_, i) => /* @__PURE__ */ jsx99(
                   SliderThumb,
                   {
-                    className: cn57("top-1/2 cursor-pointer", classNames3.thumb),
+                    className: cn59("top-1/2 cursor-pointer", classNames3.thumb),
                     index: i,
                     "aria-label": thumbLabels == null ? void 0 : thumbLabels[i],
                     name: thumbLabels == null ? void 0 : thumbLabels[i]
@@ -9902,7 +9976,7 @@ import { jsx as jsx100 } from "react/jsx-runtime";
 var Split = () => /* @__PURE__ */ jsx100("div", { role: "separator", className: "grow" });
 
 // src/Stack/Stack.tsx
-import { alignment as alignment2, cn as cn58, gapSpace as gapSpace8 } from "@marigold/system";
+import { alignment as alignment2, cn as cn60, gapSpace as gapSpace8 } from "@marigold/system";
 import { jsx as jsx101 } from "react/jsx-runtime";
 var Stack = ({
   children,
@@ -9916,7 +9990,7 @@ var Stack = ({
   return /* @__PURE__ */ jsx101(
     "div",
     {
-      className: cn58(
+      className: cn60(
         "flex flex-col",
         gapSpace8[space],
         alignX && ((_b = (_a = alignment2) == null ? void 0 : _a.vertical) == null ? void 0 : _b.alignmentX[alignX]),
@@ -9933,11 +10007,11 @@ var Stack = ({
 import { forwardRef as forwardRef31 } from "react";
 import { Switch } from "react-aria-components";
 import {
-  cn as cn59,
+  cn as cn61,
   width as twWidth4,
-  useClassNames as useClassNames59
+  useClassNames as useClassNames58
 } 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,
@@ -9949,19 +10023,19 @@ var _Switch = forwardRef31(
     readOnly,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames59({ component: "Switch", size: size2, variant });
+    const classNames3 = useClassNames58({ component: "Switch", size: size2, variant });
     const props = {
       isDisabled: disabled,
       isReadOnly: readOnly,
       isSelected: selected,
       ...rest
     };
-    return /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsxs38(
       Switch,
       {
         ...props,
         ref,
-        className: cn59(
+        className: cn61(
           twWidth4[width],
           "group/switch",
           "flex items-center gap-[1ch]",
@@ -9987,12 +10061,12 @@ import {
   Row,
   useTableState
 } from "@react-stately/table";
-import { cn as cn66, useClassNames as useClassNames61 } from "@marigold/system";
+import { cn as cn68, useClassNames as useClassNames60 } from "@marigold/system";
 
 // src/Table/Context.tsx
-import { createContext as createContext14, useContext as useContext24 } from "react";
-var TableContext = createContext14({});
-var useTableContext = () => useContext24(TableContext);
+import { createContext as createContext15, useContext as useContext25 } from "react";
+var TableContext = createContext15({});
+var useTableContext = () => useContext25(TableContext);
 
 // src/Table/TableBody.tsx
 import { useTableRowGroup } from "@react-aria/table";
@@ -10023,7 +10097,7 @@ import { useRef as useRef10 } from "react";
 import { useFocusRing } from "@react-aria/focus";
 import { useTableCell } from "@react-aria/table";
 import { mergeProps as mergeProps2 } from "@react-aria/utils";
-import { cn as cn60, useStateProps } from "@marigold/system";
+import { cn as cn62, useStateProps } from "@marigold/system";
 import { jsx as jsx104 } from "react/jsx-runtime";
 var TableCell = ({ cell, align = "left" }) => {
   const ref = useRef10(null);
@@ -10051,7 +10125,7 @@ var TableCell = ({ cell, align = "left" }) => {
     "td",
     {
       ref,
-      className: cn60(classNames3 == null ? void 0 : classNames3.cell),
+      className: cn62(classNames3 == null ? void 0 : classNames3.cell),
       ...mergeProps2(cellProps, focusProps),
       ...stateProps,
       align,
@@ -10065,7 +10139,7 @@ import { useRef as useRef11 } from "react";
 import { useFocusRing as useFocusRing2 } from "@react-aria/focus";
 import { useTableCell as useTableCell2, useTableSelectionCheckbox } from "@react-aria/table";
 import { mergeProps as mergeProps3 } from "@react-aria/utils";
-import { cn as cn61, useStateProps as useStateProps2 } from "@marigold/system";
+import { cn as cn63, useStateProps as useStateProps2 } from "@marigold/system";
 
 // src/Table/utils.ts
 var mapCheckboxProps = ({
@@ -10109,7 +10183,7 @@ var TableCheckboxCell = ({ cell }) => {
     "td",
     {
       ref,
-      className: cn61("text-center align-middle leading-none", classNames3 == null ? void 0 : classNames3.cell),
+      className: cn63("text-center align-middle leading-none", classNames3 == null ? void 0 : classNames3.cell),
       ...mergeProps3(gridCellProps, focusProps),
       ...stateProps,
       children: /* @__PURE__ */ jsx105(_Checkbox, { ...checkboxProps })
@@ -10123,8 +10197,8 @@ import { useFocusRing as useFocusRing3 } from "@react-aria/focus";
 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 { cn as cn64, width as twWidth5, useStateProps as useStateProps3 } from "@marigold/system";
+import { jsx as jsx106, jsxs as jsxs39 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
@@ -10146,12 +10220,12 @@ var TableColumnHeader = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "th",
     {
       colSpan: column2.colspan,
       ref,
-      className: cn62("cursor-default", twWidth5[width], classNames3 == null ? void 0 : classNames3.header),
+      className: cn64("cursor-default", twWidth5[width], classNames3 == null ? void 0 : classNames3.header),
       ...mergeProps4(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
@@ -10165,7 +10239,7 @@ var TableColumnHeader = ({
 
 // src/Table/TableHeader.tsx
 import { useTableRowGroup as useTableRowGroup2 } from "@react-aria/table";
-import { cn as cn63 } from "@marigold/system";
+import { cn as cn65 } from "@marigold/system";
 import { jsx as jsx107 } from "react/jsx-runtime";
 var TableHeader = ({ stickyHeader, children }) => {
   const { rowGroupProps } = useTableRowGroup2();
@@ -10174,7 +10248,7 @@ var TableHeader = ({ stickyHeader, children }) => {
     "thead",
     {
       ...rowGroupProps,
-      className: cn63(
+      className: cn65(
         classNames3 == null ? void 0 : classNames3.thead,
         // for sticky header &th needs to be sticky for b2b and core theme
         // for rui sticky is applied to thead
@@ -10206,13 +10280,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 useClassNames60, useStateProps as useStateProps4 } from "@marigold/system";
+import { cn as cn66, useClassNames as useClassNames59, 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 = useClassNames60({
+  const classNames3 = useClassNames59({
     component: "Table",
     variant: variant || ctx.variant,
     size: size2 || ctx.size
@@ -10241,7 +10315,7 @@ var TableRow = ({ children, row }) => {
     "tr",
     {
       ref,
-      className: cn64(
+      className: cn66(
         [
           !interactive ? "cursor-text" : disabled ? "cursor-default" : "cursor-pointer"
         ],
@@ -10264,7 +10338,7 @@ import {
 } from "@react-aria/table";
 import { mergeProps as mergeProps6 } from "@react-aria/utils";
 import {
-  cn as cn65,
+  cn as cn67,
   width as twWidth6,
   useStateProps as useStateProps5
 } from "@marigold/system";
@@ -10294,7 +10368,7 @@ var TableSelectAllCell = ({
     "th",
     {
       ref,
-      className: cn65(twWidth6[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
+      className: cn67(twWidth6[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
       ...mergeProps6(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
@@ -10304,7 +10378,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,
@@ -10327,7 +10401,7 @@ var Table = ({
     state.isKeyboardNavigationDisabled = disableKeyboardNavigation;
   }
   const { gridProps } = useTable(props, state, tableRef);
-  const classNames3 = useClassNames61({
+  const classNames3 = useClassNames60({
     component: "Table",
     variant,
     size: size2
@@ -10337,11 +10411,11 @@ var Table = ({
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
-      children: /* @__PURE__ */ jsxs39(
+      children: /* @__PURE__ */ jsxs40(
         "table",
         {
           ref: tableRef,
-          className: cn66(
+          className: cn68(
             "group/table",
             "border-collapse",
             stretch ? "table w-full" : "block",
@@ -10379,7 +10453,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;
@@ -10410,14 +10484,14 @@ Table.Row = Row;
 // src/Text/Text.tsx
 import { Text as Text2 } from "react-aria-components";
 import {
-  cn as cn67,
+  cn as cn69,
   cursorStyle,
   ensureCssVar as ensureCssVar2,
   fontWeight,
   textAlign as textAlign2,
   textSize,
   textStyle,
-  useClassNames as useClassNames62
+  useClassNames as useClassNames61
 } from "@marigold/system";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var _Text = ({
@@ -10433,7 +10507,7 @@ var _Text = ({
   as = "div",
   ...props
 }) => {
-  const classNames3 = useClassNames62({
+  const classNames3 = useClassNames61({
     component: "Text",
     variant,
     size: size2
@@ -10445,7 +10519,7 @@ var _Text = ({
     {
       ...props,
       ...elementType,
-      className: cn67(
+      className: cn69(
         "max-w-(--maxTextWidth)",
         // possibly set by a <Container>
         classNames3,
@@ -10464,7 +10538,7 @@ var _Text = ({
 // src/TextArea/TextArea.tsx
 import { forwardRef as forwardRef32 } from "react";
 import { TextArea, TextField } from "react-aria-components";
-import { useClassNames as useClassNames63 } from "@marigold/system";
+import { useClassNames as useClassNames62 } from "@marigold/system";
 import { jsx as jsx113 } from "react/jsx-runtime";
 var _TextArea = forwardRef32(
   ({
@@ -10477,7 +10551,7 @@ var _TextArea = forwardRef32(
     rows,
     ...rest
   }, ref) => {
-    const classNames3 = useClassNames63({ component: "TextArea", variant, size: size2 });
+    const classNames3 = useClassNames62({ component: "TextArea", variant, size: size2 });
     const props = {
       isDisabled: disabled,
       isReadOnly: readOnly,
@@ -10507,7 +10581,7 @@ var _TextField = forwardRef33(
 );
 
 // src/Tiles/Tiles.tsx
-import { cn as cn68, createVar as createVar9, gapSpace as gapSpace9 } from "@marigold/system";
+import { cn as cn70, createVar as createVar9, gapSpace as gapSpace9 } from "@marigold/system";
 import { jsx as jsx115 } from "react/jsx-runtime";
 var Tiles = ({
   space = 0,
@@ -10525,7 +10599,7 @@ var Tiles = ({
     "div",
     {
       ...props,
-      className: cn68(
+      className: cn70(
         "grid",
         gapSpace9[space],
         "grid-cols-[repeat(auto-fit,var(--column))]",
@@ -10539,7 +10613,7 @@ var Tiles = ({
 
 // src/Tooltip/Tooltip.tsx
 import { OverlayArrow, Tooltip } from "react-aria-components";
-import { cn as cn69, useClassNames as useClassNames64 } from "@marigold/system";
+import { cn as cn71, useClassNames as useClassNames63 } from "@marigold/system";
 
 // src/Tooltip/TooltipTrigger.tsx
 import { TooltipTrigger } from "react-aria-components";
@@ -10561,19 +10635,19 @@ 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 = useClassNames64({ component: "Tooltip", variant, size: size2 });
+  const classNames3 = useClassNames63({ component: "Tooltip", variant, size: size2 });
   const portal = usePortalContainer();
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     Tooltip,
     {
       ...props,
-      className: cn69("group/tooltip", classNames3.container),
+      className: cn71("group/tooltip", classNames3.container),
       UNSTABLE_portalContainer: portal,
       children: [
         /* @__PURE__ */ jsx117(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx117("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx117("path", { d: "M0 0 L4 4 L8 0" }) }) }),
@@ -10586,19 +10660,19 @@ _Tooltip.Trigger = _TooltipTrigger;
 
 // src/TagGroup/Tag.tsx
 import { Tag } from "react-aria-components";
-import { cn as cn70, useClassNames as useClassNames66 } from "@marigold/system";
+import { cn as cn72, useClassNames as useClassNames65 } from "@marigold/system";
 
 // src/TagGroup/TagGroup.tsx
 import { TagGroup, TagList } from "react-aria-components";
-import { useClassNames as useClassNames65 } from "@marigold/system";
+import { useClassNames as useClassNames64 } from "@marigold/system";
 
 // src/TagGroup/TagGroupHiddenInput.tsx
-import { useContext as useContext25 } from "react";
+import { useContext as useContext26 } 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 state = useContext26(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(
@@ -10615,7 +10689,7 @@ var TagGroupHiddenInput = ({ name }) => {
 };
 
 // src/TagGroup/TagGroup.tsx
-import { jsx as jsx119, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs42 } from "react/jsx-runtime";
 var _TagGroup = ({
   width,
   items,
@@ -10626,8 +10700,8 @@ var _TagGroup = ({
   name,
   ...rest
 }) => {
-  const classNames3 = useClassNames65({ component: "Tag", variant, size: size2 });
-  return /* @__PURE__ */ jsxs41(FieldBase, { as: TagGroup, ...rest, children: [
+  const classNames3 = useClassNames64({ component: "Tag", variant, size: size2 });
+  return /* @__PURE__ */ jsxs42(FieldBase, { as: TagGroup, ...rest, children: [
     /* @__PURE__ */ jsx119(
       TagList,
       {
@@ -10642,10 +10716,10 @@ var _TagGroup = ({
 };
 
 // src/TagGroup/Tag.tsx
-import { Fragment as Fragment12, jsx as jsx120, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment13, 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 = useClassNames66({ component: "Tag", variant, size: size2 });
+  const classNames3 = useClassNames65({ component: "Tag", variant, size: size2 });
   const props = {
     isDisabled: disabled,
     ...rest
@@ -10655,8 +10729,8 @@ var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
     {
       textValue,
       ...props,
-      className: cn70("data-selection-mode:cursor-pointer", classNames3.tag),
-      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs42(Fragment12, { children: [
+      className: cn72("data-selection-mode:cursor-pointer", classNames3.tag),
+      children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs43(Fragment13, { children: [
         children,
         allowsRemoving && /* @__PURE__ */ jsx120(CloseButton, { className: classNames3.closeButton, slot: "remove" })
       ] })
@@ -10671,12 +10745,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 useClassNames68 } from "@marigold/system";
+import { useClassNames as useClassNames67 } 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 useClassNames67 } from "@marigold/system";
+import { useClassNames as useClassNames66 } from "@marigold/system";
 
 // src/intl/messages.ts
 var intlMessages2 = {
@@ -10689,7 +10763,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-import { jsx as jsx121, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs44 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10698,8 +10772,8 @@ var BaseLoader = ({
   ...props
 }) => {
   const stringFormatter = useLocalizedStringFormatter2(intlMessages2, "marigold");
-  const className = useClassNames67({ component: "XLoader", variant, size: size2 });
-  return /* @__PURE__ */ jsxs43(
+  const className = useClassNames66({ component: "XLoader", variant, size: size2 });
+  return /* @__PURE__ */ jsxs44(
     ProgressBar2,
     {
       className: className.container,
@@ -10707,7 +10781,7 @@ var BaseLoader = ({
       "aria-label": ariaLabel || children ? ariaLabel : stringFormatter.format("loadingMessage"),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsxs44(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -10930,7 +11004,7 @@ var LoaderFullScreen = (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 = useClassNames68({
+  const className = useClassNames67({
     component: "Underlay",
     variant: "modal",
     className: "flex size-full items-center justify-center"
@@ -10941,16 +11015,16 @@ var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PUR
 
 // src/Tabs/Tabs.tsx
 import { Tabs } from "react-aria-components";
-import { useClassNames as useClassNames69 } from "@marigold/system";
+import { useClassNames as useClassNames68 } from "@marigold/system";
 
 // src/Tabs/Context.ts
-import { createContext as createContext15, useContext as useContext26 } from "react";
-var TabContext = createContext15({});
-var useTabContext = () => useContext26(TabContext);
+import { createContext as createContext16, useContext as useContext27 } from "react";
+var TabContext = createContext16({});
+var useTabContext = () => useContext27(TabContext);
 
 // src/Tabs/Tab.tsx
 import { Tab } from "react-aria-components";
-import { cn as cn71 } from "@marigold/system";
+import { cn as cn73 } from "@marigold/system";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
@@ -10958,7 +11032,7 @@ var _Tab = (props) => {
     Tab,
     {
       ...props,
-      className: cn71(
+      className: cn73(
         "flex cursor-pointer justify-center aria-disabled:cursor-not-allowed",
         classNames3.tab
       ),
@@ -10969,7 +11043,7 @@ var _Tab = (props) => {
 
 // src/Tabs/TabList.tsx
 import { TabList } from "react-aria-components";
-import { cn as cn72, gapSpace as gapSpace10 } from "@marigold/system";
+import { cn as cn74, gapSpace as gapSpace10 } from "@marigold/system";
 import { jsx as jsx124 } from "react/jsx-runtime";
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
@@ -10977,7 +11051,7 @@ var _TabList = ({ space = 2, ...props }) => {
     TabList,
     {
       ...props,
-      className: cn72("flex", gapSpace10[space], classNames3.tabsList),
+      className: cn74("flex", gapSpace10[space], classNames3.tabsList),
       children: props.children
     }
   );
@@ -10998,7 +11072,7 @@ var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
     isDisabled: disabled,
     ...rest
   };
-  const classNames3 = useClassNames69({
+  const classNames3 = useClassNames68({
     component: "Tabs",
     size: size2,
     variant
@@ -11086,7 +11160,6 @@ export {
   Underlay,
   VisuallyHidden,
   XLoader,
-  _Calendar,
   gridColsAlign,
   gridColumn,
   useAsyncList,