design-system-silkhaus 2.11.1 → 2.11.3

package/dist/index.js

@@ -116,8 +116,8 @@ function SO() {
     }
     function _(Z, ye, _e) {
       {
-        var qe = w.ReactDebugCurrentFrame, Ue = qe.getStackAddendum();
-        Ue !== "" && (ye += "%s", _e = _e.concat([Ue]));
+        var qe = w.ReactDebugCurrentFrame, Ke = qe.getStackAddendum();
+        Ke !== "" && (ye += "%s", _e = _e.concat([Ke]));
         var st = _e.map(function(ze) {
           return String(ze);
         });
@@ -137,8 +137,8 @@ function SO() {
       var qe = Z.displayName;
       if (qe)
         return qe;
-      var Ue = ye.displayName || ye.name || "";
-      return Ue !== "" ? _e + "(" + Ue + ")" : _e;
+      var Ke = ye.displayName || ye.name || "";
+      return Ke !== "" ? _e + "(" + Ke + ")" : _e;
     }
     function P(Z) {
       return Z.displayName || "Context";
@@ -178,7 +178,7 @@ function SO() {
             var qe = Z.displayName || null;
             return qe !== null ? qe : O(Z.type) || "Memo";
           case f: {
-            var Ue = Z, st = Ue._payload, ze = Ue._init;
+            var Ke = Z, st = Ke._payload, ze = Ke._init;
             try {
               return O(ze(st));
             } catch (Ye) {
@@ -256,8 +256,8 @@ function SO() {
         if (Q === void 0)
           try {
             throw Error();
-          } catch (Ue) {
-            var qe = Ue.stack.trim().match(/\n( *(at )?)/);
+          } catch (Ke) {
+            var qe = Ke.stack.trim().match(/\n( *(at )?)/);
             Q = qe && qe[1] || "";
           }
         return `
@@ -279,7 +279,7 @@ function SO() {
       }
       var qe;
       Y = !0;
-      var Ue = Error.prepareStackTrace;
+      var Ke = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var st;
       st = U.current, U.current = null, V();
@@ -335,7 +335,7 @@ function SO() {
             }
         }
       } finally {
-        Y = !1, U.current = st, G(), Error.prepareStackTrace = Ue;
+        Y = !1, U.current = st, G(), Error.prepareStackTrace = Ke;
       }
       var an = Z ? Z.displayName || Z.name : "", on = an ? te(an) : "";
       return typeof Z == "function" && T.set(Z, on), on;
@@ -367,9 +367,9 @@ function SO() {
           case c:
             return X(Z.type, ye, _e);
           case f: {
-            var qe = Z, Ue = qe._payload, st = qe._init;
+            var qe = Z, Ke = qe._payload, st = qe._init;
             try {
-              return X(st(Ue), ye, _e);
+              return X(st(Ke), ye, _e);
             } catch (ze) {
             }
           }
@@ -384,7 +384,7 @@ function SO() {
       } else
         ie.setExtraStackFrame(null);
     }
-    function oe(Z, ye, _e, qe, Ue) {
+    function oe(Z, ye, _e, qe, Ke) {
       {
         var st = Function.call.bind(L);
         for (var ze in Z)
@@ -399,7 +399,7 @@ function SO() {
             } catch (jt) {
               Ye = jt;
             }
-            Ye && !(Ye instanceof Error) && (le(Ue), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", qe || "React class", _e, ze, typeof Ye), le(null)), Ye instanceof Error && !(Ye.message in ee) && (ee[Ye.message] = !0, le(Ue), b("Failed %s type: %s", _e, Ye.message), le(null));
+            Ye && !(Ye instanceof Error) && (le(Ke), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", qe || "React class", _e, ze, typeof Ye), le(null)), Ye instanceof Error && !(Ye.message in ee) && (ee[Ye.message] = !0, le(Ke), b("Failed %s type: %s", _e, Ye.message), le(null));
           }
       }
     }
@@ -478,7 +478,7 @@ function SO() {
         });
       }
     }
-    var Fe = function(Z, ye, _e, qe, Ue, st, ze) {
+    var Fe = function(Z, ye, _e, qe, Ke, st, ze) {
       var Ye = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -504,13 +504,13 @@ function SO() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: Ue
+        value: Ke
       }), Object.freeze && (Object.freeze(Ye.props), Object.freeze(Ye)), Ye;
     };
-    function Ee(Z, ye, _e, qe, Ue) {
+    function Ee(Z, ye, _e, qe, Ke) {
       {
         var st, ze = {}, Ye = null, lr = null;
-        _e !== void 0 && (ue(_e), Ye = "" + _e), J(ye) && (ue(ye.key), Ye = "" + ye.key), je(ye) && (lr = ye.ref, re(ye, Ue));
+        _e !== void 0 && (ue(_e), Ye = "" + _e), J(ye) && (ue(ye.key), Ye = "" + ye.key), je(ye) && (lr = ye.ref, re(ye, Ke));
         for (st in ye)
           L.call(ye, st) && !Me.hasOwnProperty(st) && (ze[st] = ye[st]);
         if (Z && Z.defaultProps) {
@@ -522,7 +522,7 @@ function SO() {
           var Mt = typeof Z == "function" ? Z.displayName || Z.name || "Unknown" : Z;
           Ye && Te(ze, Mt), lr && Re(ze, Mt);
         }
-        return Fe(Z, Ye, lr, Ue, qe, ge.current, ze);
+        return Fe(Z, Ye, lr, Ke, qe, ge.current, ze);
       }
     }
     var pt = w.ReactCurrentOwner, Ct = w.ReactDebugCurrentFrame;
@@ -591,9 +591,9 @@ Check the top-level render call using <` + _e + ">.");
         else if (rt(Z))
           Z._store && (Z._store.validated = !0);
         else if (Z) {
-          var Ue = y(Z);
-          if (typeof Ue == "function" && Ue !== Z.entries)
-            for (var st = Ue.call(Z), ze; !(ze = st.next()).done; )
+          var Ke = y(Z);
+          if (typeof Ke == "function" && Ke !== Z.entries)
+            for (var st = Ke.call(Z), ze; !(ze = st.next()).done; )
               rt(ze.value) && mr(ze.value, ye);
         }
       }
@@ -617,8 +617,8 @@ Check the top-level render call using <` + _e + ">.");
           oe(_e, Z.props, "prop", qe, Z);
         } else if (ye.PropTypes !== void 0 && !tt) {
           tt = !0;
-          var Ue = O(ye);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Ue || "Unknown");
+          var Ke = O(ye);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Ke || "Unknown");
         }
         typeof ye.getDefaultProps == "function" && !ye.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -636,7 +636,7 @@ Check the top-level render call using <` + _e + ">.");
       }
     }
     var Gt = {};
-    function bt(Z, ye, _e, qe, Ue, st) {
+    function bt(Z, ye, _e, qe, Ke, st) {
       {
         var ze = x(Z);
         if (!ze) {
@@ -647,7 +647,7 @@ Check the top-level render call using <` + _e + ">.");
           var jt;
           Z === null ? jt = "null" : me(Z) ? jt = "array" : Z !== void 0 && Z.$$typeof === t ? (jt = "<" + (O(Z.type) || "Unknown") + " />", Ye = " Did you accidentally export a JSX literal instead of a component?") : jt = typeof Z, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", jt, Ye);
         }
-        var Mt = Ee(Z, ye, _e, Ue, st);
+        var Mt = Ee(Z, ye, _e, Ke, st);
         if (Mt == null)
           return Mt;
         if (ze) {
@@ -3614,7 +3614,7 @@ const At = (e) => {
   // ],
   plugins: []
 }, rC = tC(pe({}, eg));
-function Ke(...e) {
+function Ue(...e) {
   return rC(Ne(e));
 }
 const gS = (e, t = "AED") => {
@@ -3663,7 +3663,7 @@ const gS = (e, t = "AED") => {
       "helpterTextClassName",
       "buttonClassName"
     ]);
-    return /* @__PURE__ */ h.jsxs("div", { className: Ke("ds-flex ds-flex-col ds-gap-1", n), children: [
+    return /* @__PURE__ */ h.jsxs("div", { className: Ue("ds-flex ds-flex-col ds-gap-1", n), children: [
       /* @__PURE__ */ h.jsxs(
         "button",
         He(pe({
@@ -3689,7 +3689,7 @@ const gS = (e, t = "AED") => {
       u && /* @__PURE__ */ h.jsx(
         "div",
         {
-          className: Ke(
+          className: Ue(
             "ds-w-full ds-text-right ds-text-mediumFootnoteRegular",
             d
           ),
@@ -3731,7 +3731,7 @@ const Lo = ({ text: e, error: t, className: r }) => /* @__PURE__ */ h.jsx(
   "div",
   {
     className: "ds-text-mediumCaption1Regular ds-mobile:ds-text-xSmallCaption1Regular ds-tablet:ds-text-smallCaption1Regular " + // cn merges ds-text for font size and color, which is a bug. So we keep this outside
-    Ke(
+    Ue(
       "ds-text-Text-secondary",
       {
         "ds-text-System-red": t
@@ -3744,7 +3744,7 @@ const Lo = ({ text: e, error: t, className: r }) => /* @__PURE__ */ h.jsx(
   ({ className: e = "" }, t) => /* @__PURE__ */ h.jsx(
     "span",
     {
-      className: Ke("ds-ms-[2px] ds-text-accentEggplant-100", e),
+      className: Ue("ds-ms-[2px] ds-text-accentEggplant-100", e),
       ref: t,
       children: "*"
     }
@@ -7722,7 +7722,7 @@ const h1 = "data:image/svg+xml,%3csvg%20width='11'%20height='11'%20viewBox='0%20
           o && /* @__PURE__ */ h.jsx(
             Lo,
             {
-              className: Ke("ds-mt-2", d),
+              className: Ue("ds-mt-2", d),
               error: e === "error",
               text: /* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-items-center ds-gap-1", children: [
                 e === "error" && /* @__PURE__ */ h.jsx(
@@ -7803,7 +7803,7 @@ const h1 = "data:image/svg+xml,%3csvg%20width='11'%20height='11'%20viewBox='0%20
           o && /* @__PURE__ */ h.jsx(
             Lo,
             {
-              className: Ke("ds-mt-2", d),
+              className: Ue("ds-mt-2", d),
               error: e === "error",
               text: /* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-items-center ds-gap-1", children: [
                 e === "error" && /* @__PURE__ */ h.jsx(
@@ -8324,7 +8324,7 @@ const e4 = se.forwardRef(
   ({ checked: e = !1, onChange: t, disabled: r = !1, htmlId: n = "wa" }, a) => /* @__PURE__ */ h.jsx(h.Fragment, { children: /* @__PURE__ */ h.jsxs(
     "label",
     {
-      className: Ke("switch", r && "disabled"),
+      className: Ue("switch", r && "disabled"),
       htmlFor: n,
       children: [
         /* @__PURE__ */ h.jsx(
@@ -21440,7 +21440,7 @@ function dy() {
           key: "week-".concat(L)
         }), u.default.createElement("ul", (0, f.css)(me.DayPicker_weekHeader_ul), fe));
       }, K.render = function() {
-        for (var L = this, ee = this.state, ie = ee.calendarMonthWidth, le = ee.currentMonth, oe = ee.monthTransition, ce = ee.translationValue, me = ee.scrollableMonthMultiple, we = ee.focusedDate, de = ee.showKeyboardShortcuts, ne = ee.isTouchDevice, ue = ee.hasSetHeight, ge = ee.calendarInfoWidth, Me = ee.monthTitleHeight, fe = this.props, Pe = fe.enableOutsideDays, be = fe.numberOfMonths, je = fe.orientation, J = fe.modifiers, re = fe.withPortal, Te = fe.onDayClick, Re = fe.onDayMouseEnter, Fe = fe.onDayMouseLeave, Ee = fe.firstDayOfWeek, pt = fe.renderMonthText, Ct = fe.renderCalendarDay, at = fe.renderDayContents, tt = fe.renderCalendarInfo, rt = fe.renderMonthElement, Dt = fe.renderKeyboardShortcutsButton, xt = fe.renderKeyboardShortcutsPanel, Vt = fe.calendarInfoPosition, xe = fe.hideKeyboardShortcutsPanel, mr = fe.onOutsideClick, Et = fe.monthFormat, ur = fe.daySize, fr = fe.isFocused, Gt = fe.isRTL, bt = fe.styles, dr = fe.theme, Yt = fe.phrases, sr = fe.verticalHeight, ar = fe.dayAriaLabelFormat, Z = fe.noBorder, ye = fe.transitionDuration, _e = fe.verticalBorderSpacing, qe = fe.horizontalMonthPadding, Ue = fe.navPosition, st = dr.reactDates.spacing.dayPickerHorizontalPadding, ze = this.isHorizontal(), Ye = this.isVertical() ? 1 : be, lr = [], jt = 0; jt < Ye; jt += 1)
+        for (var L = this, ee = this.state, ie = ee.calendarMonthWidth, le = ee.currentMonth, oe = ee.monthTransition, ce = ee.translationValue, me = ee.scrollableMonthMultiple, we = ee.focusedDate, de = ee.showKeyboardShortcuts, ne = ee.isTouchDevice, ue = ee.hasSetHeight, ge = ee.calendarInfoWidth, Me = ee.monthTitleHeight, fe = this.props, Pe = fe.enableOutsideDays, be = fe.numberOfMonths, je = fe.orientation, J = fe.modifiers, re = fe.withPortal, Te = fe.onDayClick, Re = fe.onDayMouseEnter, Fe = fe.onDayMouseLeave, Ee = fe.firstDayOfWeek, pt = fe.renderMonthText, Ct = fe.renderCalendarDay, at = fe.renderDayContents, tt = fe.renderCalendarInfo, rt = fe.renderMonthElement, Dt = fe.renderKeyboardShortcutsButton, xt = fe.renderKeyboardShortcutsPanel, Vt = fe.calendarInfoPosition, xe = fe.hideKeyboardShortcutsPanel, mr = fe.onOutsideClick, Et = fe.monthFormat, ur = fe.daySize, fr = fe.isFocused, Gt = fe.isRTL, bt = fe.styles, dr = fe.theme, Yt = fe.phrases, sr = fe.verticalHeight, ar = fe.dayAriaLabelFormat, Z = fe.noBorder, ye = fe.transitionDuration, _e = fe.verticalBorderSpacing, qe = fe.horizontalMonthPadding, Ke = fe.navPosition, st = dr.reactDates.spacing.dayPickerHorizontalPadding, ze = this.isHorizontal(), Ye = this.isVertical() ? 1 : be, lr = [], jt = 0; jt < Ye; jt += 1)
           lr.push(this.renderWeekHeader(jt));
         var Mt = je === N.VERTICAL_SCROLLABLE, hr;
         ze ? hr = this.calendarMonthGridHeight : this.isVertical() && !Mt && !re && (hr = sr || 1.75 * ie);
@@ -21479,7 +21479,7 @@ function dy() {
           role: "application",
           "aria-roledescription": Yt.roleDescription,
           "aria-label": Yt.calendarLabel
-        }), !Mt && Ue === N.NAV_POSITION_TOP && this.renderNavigation(), u.default.createElement("div", (0, a.default)({}, (0, f.css)(bt.DayPicker_transitionContainer, ii && bt.DayPicker_transitionContainer__horizontal, this.isVertical() && bt.DayPicker_transitionContainer__vertical, Mt && bt.DayPicker_transitionContainer__verticalScrollable, cO), {
+        }), !Mt && Ke === N.NAV_POSITION_TOP && this.renderNavigation(), u.default.createElement("div", (0, a.default)({}, (0, f.css)(bt.DayPicker_transitionContainer, ii && bt.DayPicker_transitionContainer__horizontal, this.isVertical() && bt.DayPicker_transitionContainer__vertical, Mt && bt.DayPicker_transitionContainer__verticalScrollable, cO), {
           ref: this.setTransitionContainerRef
         }), Mt && this.renderNavigation(U), u.default.createElement(S.default, {
           setMonthTitleHeight: Me ? void 0 : this.setMonthTitleHeight,
@@ -21512,7 +21512,7 @@ function dy() {
           transitionDuration: ye,
           verticalBorderSpacing: _e,
           horizontalMonthPadding: qe
-        }), Mt && this.renderNavigation(Q)), !Mt && Ue === N.NAV_POSITION_BOTTOM && this.renderNavigation(), !ne && !xe && u.default.createElement(E.default, {
+        }), Mt && this.renderNavigation(Q)), !Mt && Ke === N.NAV_POSITION_BOTTOM && this.renderNavigation(), !ne && !xe && u.default.createElement(E.default, {
           block: this.isVertical() && !re,
           buttonLocation: cr,
           showKeyboardShortcutsPanel: de,
@@ -22570,7 +22570,7 @@ function xE() {
         var p = this.props, q = p.withPortal, z = p.withFullScreenPortal, V = p.appendToBody;
         return this.isOpened() ? q || z || V ? s.default.createElement(d.Portal, null, this.renderDayPicker()) : this.renderDayPicker() : null;
       }, N.renderDayPicker = function() {
-        var p = this.props, q = p.anchorDirection, z = p.openDirection, V = p.isDayBlocked, G = p.isDayHighlighted, U = p.isOutsideRange, Q = p.numberOfMonths, te = p.orientation, Y = p.monthFormat, T = p.renderMonthText, B = p.renderWeekHeaderElement, W = p.dayPickerNavigationInlineStyles, K = p.navPosition, ae = p.navPrev, X = p.navNext, L = p.renderNavPrevButton, ee = p.renderNavNextButton, ie = p.onPrevMonthClick, le = p.onNextMonthClick, oe = p.onDatesChange, ce = p.onFocusChange, me = p.withPortal, we = p.withFullScreenPortal, de = p.daySize, ne = p.enableOutsideDays, ue = p.focusedInput, ge = p.startDate, Me = p.startDateOffset, fe = p.endDate, Pe = p.endDateOffset, be = p.minDate, je = p.maxDate, J = p.minimumNights, re = p.keepOpenOnDateSelect, Te = p.renderCalendarDay, Re = p.renderDayContents, Fe = p.renderCalendarInfo, Ee = p.renderMonthElement, pt = p.calendarInfoPosition, Ct = p.firstDayOfWeek, at = p.initialVisibleMonth, tt = p.hideKeyboardShortcutsPanel, rt = p.customCloseIcon, Dt = p.onClose, xt = p.phrases, Vt = p.dayAriaLabelFormat, xe = p.isRTL, mr = p.weekDayFormat, Et = p.styles, ur = p.verticalHeight, fr = p.transitionDuration, Gt = p.verticalSpacing, bt = p.horizontalMonthPadding, dr = p.small, Yt = p.disabled, sr = p.theme.reactDates, ar = this.state, Z = ar.dayPickerContainerStyles, ye = ar.isDayPickerFocused, _e = ar.showKeyboardShortcuts, qe = !we && me ? this.onOutsideClick : void 0, Ue = at || function() {
+        var p = this.props, q = p.anchorDirection, z = p.openDirection, V = p.isDayBlocked, G = p.isDayHighlighted, U = p.isOutsideRange, Q = p.numberOfMonths, te = p.orientation, Y = p.monthFormat, T = p.renderMonthText, B = p.renderWeekHeaderElement, W = p.dayPickerNavigationInlineStyles, K = p.navPosition, ae = p.navPrev, X = p.navNext, L = p.renderNavPrevButton, ee = p.renderNavNextButton, ie = p.onPrevMonthClick, le = p.onNextMonthClick, oe = p.onDatesChange, ce = p.onFocusChange, me = p.withPortal, we = p.withFullScreenPortal, de = p.daySize, ne = p.enableOutsideDays, ue = p.focusedInput, ge = p.startDate, Me = p.startDateOffset, fe = p.endDate, Pe = p.endDateOffset, be = p.minDate, je = p.maxDate, J = p.minimumNights, re = p.keepOpenOnDateSelect, Te = p.renderCalendarDay, Re = p.renderDayContents, Fe = p.renderCalendarInfo, Ee = p.renderMonthElement, pt = p.calendarInfoPosition, Ct = p.firstDayOfWeek, at = p.initialVisibleMonth, tt = p.hideKeyboardShortcutsPanel, rt = p.customCloseIcon, Dt = p.onClose, xt = p.phrases, Vt = p.dayAriaLabelFormat, xe = p.isRTL, mr = p.weekDayFormat, Et = p.styles, ur = p.verticalHeight, fr = p.transitionDuration, Gt = p.verticalSpacing, bt = p.horizontalMonthPadding, dr = p.small, Yt = p.disabled, sr = p.theme.reactDates, ar = this.state, Z = ar.dayPickerContainerStyles, ye = ar.isDayPickerFocused, _e = ar.showKeyboardShortcuts, qe = !we && me ? this.onOutsideClick : void 0, Ke = at || function() {
           return ge || fe || (0, l.default)();
         }, st = rt || s.default.createElement(R.default, (0, u.css)(Et.DateRangePicker_closeButton_svg)), ze = (0, _.default)(sr, dr), Ye = me || we;
         return s.default.createElement("div", (0, n.default)({
@@ -22602,7 +22602,7 @@ function xE() {
           renderWeekHeaderElement: B,
           withPortal: Ye,
           daySize: de,
-          initialVisibleMonth: Ue,
+          initialVisibleMonth: Ke,
           hideKeyboardShortcutsPanel: tt,
           dayPickerNavigationInlineStyles: W,
           navPosition: K,
@@ -24267,14 +24267,14 @@ function NE() {
       Fe = [];
     else if (ee(Fe, re) >= 0)
       return "[Circular]";
-    function xt(Ue, st, ze) {
+    function xt(Ke, st, ze) {
       if (st && (Fe = R.call(Fe), Fe.push(st)), ze) {
         var Ye = {
           depth: Ee.depth
         };
-        return ae(Ee, "quoteStyle") && (Ye.quoteStyle = Ee.quoteStyle), J(Ue, Ye, Re + 1, Fe);
+        return ae(Ee, "quoteStyle") && (Ye.quoteStyle = Ee.quoteStyle), J(Ke, Ye, Re + 1, Fe);
       }
-      return J(Ue, Ee, Re + 1, Fe);
+      return J(Ke, Ee, Re + 1, Fe);
     }
     if (typeof re == "function" && !U(re)) {
       var Vt = L(re), xe = je(re, xt);
@@ -24307,14 +24307,14 @@ function NE() {
     }
     if (ie(re)) {
       var dr = [];
-      return n && n.call(re, function(Ue, st) {
-        dr.push(xt(st, re, !0) + " => " + xt(Ue, re));
+      return n && n.call(re, function(Ke, st) {
+        dr.push(xt(st, re, !0) + " => " + xt(Ke, re));
       }), Me("Map", r.call(re), dr, Dt);
     }
     if (ce(re)) {
       var Yt = [];
-      return s && s.call(re, function(Ue) {
-        Yt.push(xt(Ue, re));
+      return s && s.call(re, function(Ke) {
+        Yt.push(xt(Ke, re));
       }), Me("Set", o.call(re), Yt, Dt);
     }
     if (le(re))
@@ -28280,7 +28280,7 @@ const vP = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%20
   return /* @__PURE__ */ h.jsxs(
     "div",
     He(pe({
-      className: Ke("ds-mb-6", v && "ds-cursor-not-allowed ds-opacity-30"),
+      className: Ue("ds-mb-6", v && "ds-cursor-not-allowed ds-opacity-30"),
       ref: t
     }, m), {
       children: [
@@ -28486,7 +28486,7 @@ const Zj = _r(
     return /* @__PURE__ */ h.jsxs(
       "div",
       He(pe({
-        className: Ke("ds-mb-6", f && "ds-cursor-not-allowed ds-opacity-30"),
+        className: Ue("ds-mb-6", f && "ds-cursor-not-allowed ds-opacity-30"),
         ref: t
       }, v), {
         children: [
@@ -31207,7 +31207,7 @@ const eF = se.forwardRef(
     "div",
     {
       ref: b,
-      className: Ke(
+      className: Ue(
         "ds-box-border ds-w-full ds-overflow-hidden ds-rounded",
         (!m || g === "none") && "ds-border-2 ds-border-Fills-quadrutery ds-bg-white hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
         m && g === "selected" && "ds-border-2 ds-border-accentEggplant-100 ds-bg-accentEggplant-5 ds-bg-opacity-50 hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
@@ -31247,7 +31247,7 @@ const eF = se.forwardRef(
                 ) && /* @__PURE__ */ h.jsx(h.Fragment, { children: /* @__PURE__ */ h.jsx(
                   "div",
                   {
-                    className: Ke(
+                    className: Ue(
                       "ds-absolute ds-left-0 ds-top-0 ds-z-10 ds-size-6 ds-rounded-full",
                       g === "selected" && "ds-cursor-pointer ds-bg-accentEggplant-100",
                       g === "added" && "ds-bg-Background-accentTeal-100"
@@ -31262,7 +31262,7 @@ const eF = se.forwardRef(
           (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ h.jsx("div", { className: "ds-absolute ds-right-4 ds-top-2 ds-z-10", children: /* @__PURE__ */ h.jsx("div", { className: "ds-flex ds-flex-row ds-items-end ds-justify-center", children: o.map((_, S) => /* @__PURE__ */ h.jsx(
             "div",
             {
-              className: Ke(S > 0 && "ds-ms-2"),
+              className: Ue(S > 0 && "ds-ms-2"),
               children: /* @__PURE__ */ h.jsx(
                 Lp,
                 {
@@ -31302,7 +31302,7 @@ const eF = se.forwardRef(
         /* @__PURE__ */ h.jsxs(
           "div",
           {
-            className: Ke(
+            className: Ue(
               "ds-p-4",
               m && g && [
                 "added"
@@ -31333,7 +31333,7 @@ const eF = se.forwardRef(
               (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ h.jsx("div", { className: "ds-mb-4 ds-flex ds-flex-row", children: s.map((_, S) => /* @__PURE__ */ h.jsx(
                 "div",
                 {
-                  className: Ke(S > 0 && "ds-ms-2"),
+                  className: Ue(S > 0 && "ds-ms-2"),
                   children: /* @__PURE__ */ h.jsx(
                     Lp,
                     {
@@ -31610,7 +31610,7 @@ const rF = _r(
         ref: t
       }, f), {
         children: [
-          /* @__PURE__ */ h.jsx("div", { className: Ke("ds-flex ds-flex-wrap ds-gap-2", d), children: n.length > 0 ? n.map((S) => /* @__PURE__ */ h.jsx(se.Fragment, { children: i ? /* @__PURE__ */ h.jsx(
+          /* @__PURE__ */ h.jsx("div", { className: Ue("ds-flex ds-flex-wrap ds-gap-2", d), children: n.length > 0 ? n.map((S) => /* @__PURE__ */ h.jsx(se.Fragment, { children: i ? /* @__PURE__ */ h.jsx(
             vr,
             {
               selected: v.some((M) => M.value === S.value),
@@ -36134,7 +36134,7 @@ const B5 = (a) => {
     Iy,
     pe({
       tooltip: e,
-      className: Ke(t, r ? "ds-opacity-30" : ""),
+      className: Ue(t, r ? "ds-opacity-30" : ""),
       disabled: r
     }, n)
   );
@@ -36364,7 +36364,7 @@ const KB = ({ hideEdit: e, hideShare: t }) => [
       /* @__PURE__ */ h.jsxs(
         "div",
         {
-          className: Ke(
+          className: Ue(
             "ds-flex ds-flex-row ds-items-start ds-gap-x-4 ds-border-b ds-border-Fills-quadrutery ds-bg-white ds-py-4 last:ds-border-b-0 ds-tablet:ds-cursor-default ds-tablet:ds-py-6",
             (!l || !u) && "ds-cursor-pointer"
           ),
@@ -36485,7 +36485,7 @@ const eS = () => /* @__PURE__ */ h.jsx("div", { className: "ds-absolute ds-left-
   }, c) => /* @__PURE__ */ h.jsxs(
     "div",
     {
-      className: Ke(
+      className: Ue(
         e,
         "ds-relative ds-flex ds-flex-row-reverse ds-justify-between ds-gap-x-4 ds-px-6 ds-py-4 ds-tablet:ds-w-full ds-tablet:ds-flex-row ds-tablet:ds-gap-6 ds-tablet:ds-px-10 ds-tablet:ds-py-4"
       ),
@@ -36900,7 +36900,7 @@ const SY = It, DY = (e) => {
 }, uV = ({ children: e, className: t }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: Ke(
+    className: Ue(
       "ds-absolute ds-left-0 ds-top-0 ds-flex ds-h-dvh ds-w-dvw ds-items-center ds-justify-center ds-bg-[rgba(0,0,0,0.48)] ds-opacity-[0.48]",
       t
     ),
@@ -36924,7 +36924,7 @@ const xY = ({
 }) => /* @__PURE__ */ h.jsx(
   Ki,
   {
-    className: Ke(
+    className: Ue(
       l && "ds-flex ds-items-end ds-justify-center ds-tablet:ds-items-center",
       r,
       !l && "ds-hidden"
@@ -36936,7 +36936,7 @@ const xY = ({
     children: /* @__PURE__ */ h.jsxs(
       "div",
       {
-        className: Ke(
+        className: Ue(
           "ds-flex ds-flex-col ds-items-center ds-bg-white ds-shadow-[0px_12px_24px_0px_rgba(0,0,0,0.12)] ds-tablet:ds-max-w-[560px] ds-tablet:ds-rounded-lg",
           n
         ),
@@ -36953,7 +36953,7 @@ const xY = ({
           /* @__PURE__ */ h.jsx(
             "div",
             {
-              className: Ke(
+              className: Ue(
                 "ds-w-full ds-rounded-b-lg ds-px-4 ds-py-6 ds-tablet:ds-bg-[#F6F8FC] ds-tablet:ds-px-8 ds-tablet:ds-py-8",
                 i
               ),
@@ -36978,7 +36978,7 @@ const xY = ({
   return /* @__PURE__ */ h.jsx(
     vr,
     He(pe({
-      className: Ke("ds-flex-1", r),
+      className: Ue("ds-flex-1", r),
       size: n
     }, a), {
       children: t
@@ -36988,7 +36988,7 @@ const xY = ({
 }) }), cV = ({ title: e, subTitle: t, className: r, onClose: n }) => /* @__PURE__ */ h.jsxs(
   "div",
   {
-    className: Ke(
+    className: Ue(
       "ds-relative ds-flex ds-w-full ds-flex-col ds-items-center ds-gap-2 ds-rounded-t-lg ds-bg-white ds-px-14 ds-py-4",
       r
     ),
@@ -37006,7 +37006,7 @@ const xY = ({
       t && /* @__PURE__ */ h.jsx("div", { className: "ds-text-xSmallCalloutRegular ds-tablet:ds-text-mediumCalloutRegular", children: t })
     ]
   }
-), PY = ({ steps: e, className: t }) => /* @__PURE__ */ h.jsx("div", { className: Ke("ds-flex ds-flex-col ds-gap-4 ds-tablet:ds-gap-6", t), children: e.map((r) => /* @__PURE__ */ h.jsx(
+), PY = ({ steps: e, className: t }) => /* @__PURE__ */ h.jsx("div", { className: Ue("ds-flex ds-flex-col ds-gap-4 ds-tablet:ds-gap-6", t), children: e.map((r) => /* @__PURE__ */ h.jsx(
   fV,
   {
     title: r.title,
@@ -37021,11 +37021,11 @@ const xY = ({
   IconComponent: r,
   iconClassName: n,
   className: a
-}) => /* @__PURE__ */ h.jsxs("div", { className: Ke("ds-flex ds-gap-4", a), children: [
+}) => /* @__PURE__ */ h.jsxs("div", { className: Ue("ds-flex ds-gap-4", a), children: [
   /* @__PURE__ */ h.jsx("div", { className: "ds-flex ds-size-[60px] ds-items-center ds-justify-center ds-rounded-sm ds-bg-Background-accentEggplant-5 ds-tablet:ds-size-[70px]", children: /* @__PURE__ */ h.jsx(
     r,
     {
-      className: Ke("ds-size-6 ds-tablet:ds-size-7", n)
+      className: Ue("ds-size-6 ds-tablet:ds-size-7", n)
     }
   ) }),
   /* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-flex-1 ds-flex-col ds-gap-1", children: [
@@ -37572,7 +37572,7 @@ const OY = (r) => {
   const c = () => {
     d(e);
   };
-  return /* @__PURE__ */ h.jsxs("div", { className: Ke(u), children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: Ue(u), children: [
     /* @__PURE__ */ h.jsx(
       "div",
       {
@@ -37646,19 +37646,19 @@ const zV = {
     /* @__PURE__ */ h.jsx(
       "div",
       {
-        className: Ke("ds-h-4 ds-border-l", a === "first" && "ds-border-none")
+        className: Ue("ds-h-4 ds-border-l", a === "first" && "ds-border-none")
       }
     ),
     /* @__PURE__ */ h.jsx(
       "div",
       {
-        className: Ke("ds-flex-1 ds-border-l", a === "last" && "ds-border-none")
+        className: Ue("ds-flex-1 ds-border-l", a === "last" && "ds-border-none")
       }
     ),
     /* @__PURE__ */ h.jsx(
       "div",
       {
-        className: Ke(
+        className: Ue(
           "ds-absolute ds-top-3 ds-h-[9px] ds-w-[9px] ds-rounded-full",
           zV[n]
         )
@@ -37672,7 +37672,7 @@ const zV = {
     ] }),
     /* @__PURE__ */ h.jsx("div", { className: "ds-text-mediumCaption1Regular ds-text-Text-secondary", children: t })
   ] })
-] }), VV = ({ className: e, paymentItems: t }) => /* @__PURE__ */ h.jsx("ul", { className: Ke(e), children: t.map((r, n) => /* @__PURE__ */ h.jsx("li", { children: /* @__PURE__ */ h.jsx(
+] }), VV = ({ className: e, paymentItems: t }) => /* @__PURE__ */ h.jsx("ul", { className: Ue(e), children: t.map((r, n) => /* @__PURE__ */ h.jsx("li", { children: /* @__PURE__ */ h.jsx(
   BV,
   He(pe({}, r), {
     positionInSchedule: n === 0 ? "first" : n === t.length - 1 ? "last" : "in-between"
@@ -37686,7 +37686,7 @@ const zV = {
   currency: i
 }) => {
   const o = [Ia, ea];
-  return /* @__PURE__ */ h.jsxs("div", { className: Ke(a), children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: Ue(a), children: [
     /* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-cursor-text ds-flex-row ds-flex-nowrap ds-items-center ds-justify-between", children: [
       /* @__PURE__ */ h.jsxs("div", { className: "ds-relative ds-flex ds-flex-row ds-flex-nowrap ds-items-center ds-justify-start", children: [
         e === Ia && /* @__PURE__ */ h.jsx(dC, { className: "ds-absolute ds-left-0 ds-top-1/2 ds-size-4 -ds-translate-y-1/2 ds-text-black" }),
@@ -37744,7 +37744,7 @@ const YV = ({
       }), ([Ia, ea].includes(w.keyId) || b < n + a - 1 && w.keyId === _s) && (g -= w.amount);
     }), m(g), f(y);
   }, [r, t, n, a, s]), /* @__PURE__ */ h.jsx(h.Fragment, { children: (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-    /* @__PURE__ */ h.jsx("div", { className: Ke(e, "ds-grid ds-grid-cols-1 ds-gap-4"), children: r.map((g, y) => {
+    /* @__PURE__ */ h.jsx("div", { className: Ue(e, "ds-grid ds-grid-cols-1 ds-gap-4"), children: r.map((g, y) => {
       if ([Ia, ea].includes(g.keyId) || y < n + a - 1 && g.keyId === _s)
         return /* @__PURE__ */ h.jsx(
           Qp,
@@ -37846,7 +37846,7 @@ const KV = ({
   className: i = ""
 }) => {
   const o = n / r * 100, s = lt(() => se.isValidElement(e) ? e : /* @__PURE__ */ h.jsx("span", { className: "ds_xSmallCaption1Emphasized ds-text-Text-primary", children: e }), [e]), l = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ h.jsx("span", { className: "ds_xSmallCaption1Emphasized ds-text-Text-primary", children: t }) : se.isValidElement(t) ? t : /* @__PURE__ */ h.jsx("span", { className: "ds_xSmallCaption1Emphasized ds-text-Text-primary", children: `${o.toFixed(2)}%` });
-  return /* @__PURE__ */ h.jsxs("div", { className: Ke("ds-w-full", i), children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: Ue("ds-w-full", i), children: [
     /* @__PURE__ */ h.jsxs("div", { className: "ds-mb-1 ds-flex ds-items-center ds-justify-between", children: [
       s(),
       l()
@@ -37895,7 +37895,7 @@ const CY = ({
   }), []), /* @__PURE__ */ h.jsxs(
     "div",
     {
-      className: Ke(
+      className: Ue(
         "ds-relative ds-w-full ds-cursor-pointer",
         u && "ds-pointer-events-none",
         a
@@ -37917,8 +37917,8 @@ const CY = ({
             {
               ref: v,
               className: "ds-group ds-text-mediumBodyRegular " + // cn merges ds-text for font size and color, which is a bug. So we keep this outside
-              Ke(
-                "ds-flex ds-items-center ds-justify-between ds-gap-2 ds-whitespace-nowrap ds-rounded-sm ds-border ds-border-Fills-terciary ds-px-4 ds-py-2 ds-text-Text-primary hover:ds-border-Fills-secondary focus:ds-border-Fills-black active:ds-border-Fills-black",
+              Ue(
+                "ds-flex ds-items-center ds-justify-between ds-gap-2 ds-whitespace-nowrap ds-rounded-sm ds-border ds-border-Fills-terciary ds-bg-white ds-px-4 ds-py-2 ds-text-Text-primary hover:ds-border-Fills-secondary focus:ds-border-Fills-black active:ds-border-Fills-black",
                 {
                   "ds-border-Fills-black hover:ds-border-Fills-black": d,
                   "ds-border-System-red ds-bg-System-red ds-bg-opacity-[0.1] ds-text-System-red hover:ds-border-System-red focus:ds-border-System-red active:ds-border-System-red": n,
@@ -37927,11 +37927,11 @@ const CY = ({
               ),
               onClick: () => !u && c((y) => !y),
               children: [
-                g(t) ? /* @__PURE__ */ h.jsx("span", { className: Ke({ "ds-text-Text-tertiary": u }), children: g(t) }) : /* @__PURE__ */ h.jsx("span", { className: "ds-text-Text-tertiary", children: o }),
+                g(t) ? /* @__PURE__ */ h.jsx("span", { className: Ue({ "ds-text-Text-tertiary": u }), children: g(t) }) : /* @__PURE__ */ h.jsx("span", { className: "ds-text-Text-tertiary", children: o }),
                 /* @__PURE__ */ h.jsx(
                   vC,
                   {
-                    className: Ke(
+                    className: Ue(
                       "ds-size-4 ds-text-Fills-terciary group-hover:ds-text-Fills-secondary group-focus:ds-text-Fills-black group-active:ds-text-Fills-black",
                       {
                         "ds-text-Fills-black group-hover:ds-text-Fills-black": d,
@@ -38000,7 +38000,7 @@ const CY = ({
   }, b = (_) => {
     n && n(_.target.files);
   };
-  return /* @__PURE__ */ h.jsxs("div", { className: Ke("ds-group ds-flex ds-flex-col ds-gap-2", d), children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: Ue("ds-group ds-flex ds-flex-col ds-gap-2", d), children: [
     /* @__PURE__ */ h.jsxs("div", { className: Ne(f && "ds-flex ds-w-full ds-items-center ds-justify-between"), children: [
       e && /* @__PURE__ */ h.jsx(
         tg,
@@ -38021,10 +38021,11 @@ const CY = ({
     /* @__PURE__ */ h.jsxs(
       "div",
       {
-        className: Ke(
-          "ds-flex ds-cursor-pointer ds-items-center ds-gap-2 ds-rounded-sm ds-border ds-border-Fills-terciary ds-px-2 ds-py-1.5 hover:ds-border-Fills-secondary",
+        className: Ue(
+          "ds-flex ds-cursor-pointer ds-items-center ds-gap-2 ds-rounded-sm ds-border ds-border-Fills-terciary ds-bg-white ds-px-2 ds-py-1.5 hover:ds-border-Fills-secondary",
           {
-            "ds-border-System-red ds-bg-System-red ds-bg-opacity-[0.1] hover:ds-border-System-red": c
+            "ds-border-System-red ds-bg-System-red ds-bg-opacity-[0.1] hover:ds-border-System-red": c,
+            "ds-pointer-events-none ds-bg-Fills-quintiary ds-bg-opacity-[0.05]": a
           }
         ),
         onClick: w,
@@ -38069,23 +38070,35 @@ const CY = ({
   disabled: e,
   label: t,
   onClick: r
-}) => /* @__PURE__ */ h.jsxs("div", { className: "ds-flex ds-items-center ds-gap-1 ds-rounded-sm ds-bg-Fills-quadrutery ds-px-4 ds-py-2 ds-text-mediumFootnoteEmphasized group-hover:ds-bg-[rgba(0,0,0,0.15)]", children: [
-  /* @__PURE__ */ h.jsx(fC, { className: "ds-size-4" }),
-  /* @__PURE__ */ h.jsx(
-    "button",
-    {
-      className: "ds-p-0",
-      onClick: r,
-      type: "button",
-      disabled: e,
-      children: t
-    }
-  )
-] }), ZV = ({ isComplete: e, message: t }) => /* @__PURE__ */ h.jsxs(
+}) => /* @__PURE__ */ h.jsxs(
+  "div",
+  {
+    className: Ue(
+      "ds-flex ds-items-center ds-gap-1 ds-rounded-sm ds-bg-Fills-quadrutery ds-px-4 ds-py-2 ds-text-mediumFootnoteEmphasized",
+      {
+        "group-hover:ds-bg-[rgba(0,0,0,0.15)]": !e,
+        "ds-pointer-events-none": e
+      }
+    ),
+    children: [
+      /* @__PURE__ */ h.jsx(fC, { className: "ds-size-4" }),
+      /* @__PURE__ */ h.jsx(
+        "button",
+        {
+          className: "ds-p-0",
+          onClick: r,
+          type: "button",
+          disabled: e,
+          children: t
+        }
+      )
+    ]
+  }
+), ZV = ({ isComplete: e, message: t }) => /* @__PURE__ */ h.jsxs(
   "div",
   {
     className: "ds-flex ds-items-center ds-gap-2 ds-text-mediumCaption1Regular " + // cn merges ds-text for font size and color, which is a bug. So we keep this outside
-    Ke("ds-text-Text-secondary", e && "ds-text-Background-accentTeal-100"),
+    Ue("ds-text-Text-secondary", e && "ds-text-Background-accentTeal-100"),
     children: [
       e && /* @__PURE__ */ h.jsx(lC, { className: "ds-size-4" }),
       !e && /* @__PURE__ */ h.jsx(hC, { className: "ds-size-4" }),
@@ -38206,7 +38219,7 @@ export {
   m8 as TwoColumnDialog,
   gY as WarningIcon,
   wY as WifiIcon,
-  Ke as cn,
+  Ue as cn,
   Wj as desktopMinWidth,
   gS as formatCurrency,
   my as tabletMinWidth,