design-system-silkhaus 2.3.0-beta.travel-list.33 → 2.3.0-beta.travel-list.34

package/dist/index.js

@@ -295,29 +295,29 @@ function zT() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(He, []);
-            } catch (dr) {
-              qe = dr;
+            } catch (cr) {
+              qe = cr;
             }
             Reflect.construct(G, [], He);
           } else {
             try {
               He.call();
-            } catch (dr) {
-              qe = dr;
+            } catch (cr) {
+              qe = cr;
             }
             G.call(He.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (dr) {
-            qe = dr;
+          } catch (cr) {
+            qe = cr;
           }
           G();
         }
-      } catch (dr) {
-        if (dr && qe && typeof dr.stack == "string") {
-          for (var Ke = dr.stack.split(`
+      } catch (cr) {
+        if (cr && qe && typeof cr.stack == "string") {
+          for (var Ke = cr.stack.split(`
 `), or = qe.stack.split(`
 `), It = Ke.length - 1, Tt = or.length - 1; It >= 1 && Tt >= 0 && Ke[It] !== or[Tt]; )
             Tt--;
@@ -598,7 +598,7 @@ Check the top-level render call using <` + _e + ">.");
         }
       }
     }
-    function lr(G) {
+    function ur(G) {
       {
         var ye = G.type;
         if (ye == null || typeof ye == "string")
@@ -664,11 +664,11 @@ Check the top-level render call using <` + _e + ">.");
               kt(hr, G);
         }
         if (L.call(ye, "key")) {
-          var nn = O(G), dr = Object.keys(ye).filter(function(Vs) {
+          var nn = O(G), cr = Object.keys(ye).filter(function(Vs) {
             return Vs !== "key";
-          }), Ga = dr.length > 0 ? "{key: someKey, " + dr.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), Ga = cr.length > 0 ? "{key: someKey, " + cr.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ut[nn + Ga]) {
-            var zs = dr.length > 0 ? "{" + dr.join(": ..., ") + ": ...}" : "{}";
+            var zs = cr.length > 0 ? "{" + cr.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -677,16 +677,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Ga, nn, zs, nn), Ut[nn + Ga] = !0;
           }
         }
-        return G === n ? fr(Tt) : lr(Tt), Tt;
+        return G === n ? fr(Tt) : ur(Tt), Tt;
       }
     }
-    function ur(G, ye, _e) {
+    function dr(G, ye, _e) {
       return mt(G, ye, _e, !0);
     }
     function zt(G, ye, _e) {
       return mt(G, ye, _e, !1);
     }
-    var ir = zt, rr = ur;
+    var ir = zt, rr = dr;
     Za.Fragment = n, Za.jsx = ir, Za.jsxs = rr;
   }()), Za;
 }
@@ -3637,7 +3637,7 @@ const ze = /* @__PURE__ */ zv(Vv), Yv = ({ children: e, size: t = "small" }) =>
   // ],
   plugins: []
 }, PM = SM(pe({}, qp));
-function cr(...e) {
+function lr(...e) {
   return PM(Me(e));
 }
 const Mg = {
@@ -3681,7 +3681,7 @@ const Mg = {
       "helpterTextClassName",
       "buttonClassName"
     ]);
-    return /* @__PURE__ */ g.jsxs("div", { className: cr("ds-flex ds-flex-col ds-gap-1", n), children: [
+    return /* @__PURE__ */ g.jsxs("div", { className: lr("ds-flex ds-flex-col ds-gap-1", n), children: [
       /* @__PURE__ */ g.jsxs(
         "button",
         Ve(pe({
@@ -3707,7 +3707,7 @@ const Mg = {
       u && /* @__PURE__ */ g.jsx(
         "div",
         {
-          className: cr(
+          className: lr(
             "ds-w-full ds-text-right ds-text-mediumFootnoteRegular",
             d
           ),
@@ -7862,7 +7862,7 @@ const ES = se.forwardRef(
   ({ checked: e = !1, onChange: t, disabled: r = !1, htmlId: n = "wa" }, a) => /* @__PURE__ */ g.jsxs(
     "label",
     {
-      className: cr("switch", r && "disabled"),
+      className: lr("switch", r && "disabled"),
       htmlFor: n,
       children: [
         /* @__PURE__ */ g.jsx(
@@ -21007,12 +21007,12 @@ function Yy() {
           key: "week-".concat(L)
         }), u.default.createElement("ul", (0, f.css)(ge.DayPicker_weekHeader_ul), fe));
       }, U.render = function() {
-        for (var L = this, ee = this.state, ie = ee.calendarMonthWidth, le = ee.currentMonth, oe = ee.monthTransition, ce = ee.translationValue, ge = ee.scrollableMonthMultiple, we = ee.focusedDate, de = ee.showKeyboardShortcuts, ne = ee.isTouchDevice, ue = ee.hasSetHeight, ve = ee.calendarInfoWidth, ke = ee.monthTitleHeight, fe = this.props, Oe = fe.enableOutsideDays, be = fe.numberOfMonths, Ae = fe.orientation, J = fe.modifiers, re = fe.withPortal, Te = fe.onDayClick, Ee = fe.onDayMouseEnter, Fe = fe.onDayMouseLeave, Ie = fe.firstDayOfWeek, vt = fe.renderMonthText, xt = fe.renderCalendarDay, rt = fe.renderDayContents, Je = fe.renderCalendarInfo, et = fe.renderMonthElement, Dt = fe.renderKeyboardShortcutsButton, St = fe.renderKeyboardShortcutsPanel, Bt = fe.calendarInfoPosition, Pe = fe.hideKeyboardShortcutsPanel, mr = fe.onOutsideClick, kt = fe.monthFormat, lr = fe.daySize, fr = fe.isFocused, Ut = fe.isRTL, mt = fe.styles, ur = fe.theme, zt = fe.phrases, ir = fe.verticalHeight, rr = fe.dayAriaLabelFormat, G = fe.noBorder, ye = fe.transitionDuration, _e = fe.verticalBorderSpacing, qe = fe.horizontalMonthPadding, Ue = fe.navPosition, it = ur.reactDates.spacing.dayPickerHorizontalPadding, He = this.isHorizontal(), Ke = this.isVertical() ? 1 : be, or = [], It = 0; It < Ke; It += 1)
+        for (var L = this, ee = this.state, ie = ee.calendarMonthWidth, le = ee.currentMonth, oe = ee.monthTransition, ce = ee.translationValue, ge = ee.scrollableMonthMultiple, we = ee.focusedDate, de = ee.showKeyboardShortcuts, ne = ee.isTouchDevice, ue = ee.hasSetHeight, ve = ee.calendarInfoWidth, ke = ee.monthTitleHeight, fe = this.props, Oe = fe.enableOutsideDays, be = fe.numberOfMonths, Ae = fe.orientation, J = fe.modifiers, re = fe.withPortal, Te = fe.onDayClick, Ee = fe.onDayMouseEnter, Fe = fe.onDayMouseLeave, Ie = fe.firstDayOfWeek, vt = fe.renderMonthText, xt = fe.renderCalendarDay, rt = fe.renderDayContents, Je = fe.renderCalendarInfo, et = fe.renderMonthElement, Dt = fe.renderKeyboardShortcutsButton, St = fe.renderKeyboardShortcutsPanel, Bt = fe.calendarInfoPosition, Pe = fe.hideKeyboardShortcutsPanel, mr = fe.onOutsideClick, kt = fe.monthFormat, ur = fe.daySize, fr = fe.isFocused, Ut = fe.isRTL, mt = fe.styles, dr = fe.theme, zt = fe.phrases, ir = fe.verticalHeight, rr = fe.dayAriaLabelFormat, G = fe.noBorder, ye = fe.transitionDuration, _e = fe.verticalBorderSpacing, qe = fe.horizontalMonthPadding, Ue = fe.navPosition, it = dr.reactDates.spacing.dayPickerHorizontalPadding, He = this.isHorizontal(), Ke = this.isVertical() ? 1 : be, or = [], It = 0; It < Ke; It += 1)
           or.push(this.renderWeekHeader(It));
         var Tt = Ae === E.VERTICAL_SCROLLABLE, hr;
         He ? hr = this.calendarMonthGridHeight : this.isVertical() && !Tt && !re && (hr = ir || 1.75 * ie);
-        var rn = oe !== null, nn = !rn && fr, dr = N.BOTTOM_RIGHT;
-        this.isVertical() && (dr = re ? N.TOP_LEFT : N.TOP_RIGHT);
+        var rn = oe !== null, nn = !rn && fr, cr = N.BOTTOM_RIGHT;
+        this.isVertical() && (cr = re ? N.TOP_LEFT : N.TOP_RIGHT);
         var Ga = He && ue, zs = Bt === E.INFO_POSITION_TOP, Vs = Bt === E.INFO_POSITION_BOTTOM, gg = Bt === E.INFO_POSITION_BEFORE, mg = Bt === E.INFO_POSITION_AFTER, Ys = gg || mg, bg = Je && u.default.createElement("div", (0, a.default)({
           ref: this.setCalendarInfoRef
         }, (0, f.css)(Ys && mt.DayPicker_calendarInfo__horizontal)), Je()), RT = Je && Ys ? ve : 0, ET = this.getFirstVisibleIndex(), Ks = ie * be + 2 * it, wg = Ks + RT + 1, IT = {
@@ -21069,7 +21069,7 @@ function Yy() {
           renderMonthElement: et,
           onMonthTransitionEnd: this.updateStateAfterMonthTransition,
           monthFormat: kt,
-          daySize: lr,
+          daySize: ur,
           firstDayOfWeek: Ie,
           isFocused: nn,
           focusedDate: we,
@@ -21081,7 +21081,7 @@ function Yy() {
           horizontalMonthPadding: qe
         }), Tt && this.renderNavigation(Q)), !Tt && Ue === E.NAV_POSITION_BOTTOM && this.renderNavigation(), !ne && !Pe && u.default.createElement(N.default, {
           block: this.isVertical() && !re,
-          buttonLocation: dr,
+          buttonLocation: cr,
           showKeyboardShortcutsPanel: de,
           openKeyboardShortcutsPanel: this.openKeyboardShortcutsPanel,
           closeKeyboardShortcutsPanel: this.closeKeyboardShortcutsPanel,
@@ -21525,16 +21525,16 @@ function dx() {
             (0, x.default)(_e, U) && (Pe = B.addModifier(Pe, _e, "no-selected-start-before-selected-end"));
           });
         })), !this.isTouchDevice && Je && W && !U) {
-          var lr = W.clone().add(1, "day"), fr = W.clone().add(L + 1, "days");
-          Pe = this.addModifierToRange(Pe, lr, fr, "after-hovered-start");
+          var ur = W.clone().add(1, "day"), fr = W.clone().add(L + 1, "days");
+          Pe = this.addModifierToRange(Pe, ur, fr, "after-hovered-start");
         }
         if (!this.isTouchDevice && et && !W && U) {
           var Ut = U.clone().subtract(L, "days"), mt = U.clone();
           Pe = this.addModifierToRange(Pe, Ut, mt, "before-hovered-end");
         }
         if (ke > 0 && (Dt || Je || L !== ke)) {
-          var ur = ne || this.today;
-          Pe = this.deleteModifierFromRange(Pe, ur, ur.clone().add(ke, "days"), "blocked-minimum-nights"), Pe = this.deleteModifierFromRange(Pe, ur, ur.clone().add(ke, "days"), "blocked");
+          var dr = ne || this.today;
+          Pe = this.deleteModifierFromRange(Pe, dr, dr.clone().add(ke, "days"), "blocked-minimum-nights"), Pe = this.deleteModifierFromRange(Pe, dr, dr.clone().add(ke, "days"), "blocked");
         }
         if ((Dt || rt) && (0, f.default)(Fe).forEach(function(G) {
           Object.keys(G).forEach(function(ye) {
@@ -21854,7 +21854,7 @@ function dx() {
         var B = this.props, W = B.startDate, U = B.endDate, ae = B.minimumNights, X = this.state || {}, L = X.hoverDate;
         return !!U && !W && !this.isBlocked(T) && (0, k.default)(L, T) && ae > 0 && (0, b.default)(L, U);
       }, Q.render = function() {
-        var T = this.props, B = T.numberOfMonths, W = T.orientation, U = T.monthFormat, ae = T.renderMonthText, X = T.renderWeekHeaderElement, L = T.dayPickerNavigationInlineStyles, ee = T.navPosition, ie = T.navPrev, le = T.navNext, oe = T.renderNavPrevButton, ce = T.renderNavNextButton, ge = T.noNavButtons, we = T.noNavNextButton, de = T.noNavPrevButton, ne = T.onOutsideClick, ue = T.withPortal, ve = T.enableOutsideDays, ke = T.firstDayOfWeek, fe = T.renderKeyboardShortcutsButton, Oe = T.renderKeyboardShortcutsPanel, be = T.hideKeyboardShortcutsPanel, Ae = T.daySize, J = T.focusedInput, re = T.renderCalendarDay, Te = T.renderDayContents, Ee = T.renderCalendarInfo, Fe = T.renderMonthElement, Ie = T.calendarInfoPosition, vt = T.onBlur, xt = T.onShiftTab, rt = T.onTab, Je = T.isFocused, et = T.showKeyboardShortcuts, Dt = T.isRTL, St = T.weekDayFormat, Bt = T.dayAriaLabelFormat, Pe = T.verticalHeight, mr = T.noBorder, kt = T.transitionDuration, lr = T.verticalBorderSpacing, fr = T.horizontalMonthPadding, Ut = this.state, mt = Ut.currentMonth, ur = Ut.phrases, zt = Ut.visibleDays, ir = Ut.disablePrev, rr = Ut.disableNext;
+        var T = this.props, B = T.numberOfMonths, W = T.orientation, U = T.monthFormat, ae = T.renderMonthText, X = T.renderWeekHeaderElement, L = T.dayPickerNavigationInlineStyles, ee = T.navPosition, ie = T.navPrev, le = T.navNext, oe = T.renderNavPrevButton, ce = T.renderNavNextButton, ge = T.noNavButtons, we = T.noNavNextButton, de = T.noNavPrevButton, ne = T.onOutsideClick, ue = T.withPortal, ve = T.enableOutsideDays, ke = T.firstDayOfWeek, fe = T.renderKeyboardShortcutsButton, Oe = T.renderKeyboardShortcutsPanel, be = T.hideKeyboardShortcutsPanel, Ae = T.daySize, J = T.focusedInput, re = T.renderCalendarDay, Te = T.renderDayContents, Ee = T.renderCalendarInfo, Fe = T.renderMonthElement, Ie = T.calendarInfoPosition, vt = T.onBlur, xt = T.onShiftTab, rt = T.onTab, Je = T.isFocused, et = T.showKeyboardShortcuts, Dt = T.isRTL, St = T.weekDayFormat, Bt = T.dayAriaLabelFormat, Pe = T.verticalHeight, mr = T.noBorder, kt = T.transitionDuration, ur = T.verticalBorderSpacing, fr = T.horizontalMonthPadding, Ut = this.state, mt = Ut.currentMonth, dr = Ut.phrases, zt = Ut.visibleDays, ir = Ut.disablePrev, rr = Ut.disableNext;
         return s.default.createElement(E.default, {
           orientation: W,
           enableOutsideDays: ve,
@@ -21905,12 +21905,12 @@ function dx() {
           getFirstFocusableDay: this.getFirstFocusableDay,
           onBlur: vt,
           showKeyboardShortcuts: et,
-          phrases: ur,
+          phrases: dr,
           isRTL: Dt,
           weekDayFormat: St,
           dayAriaLabelFormat: Bt,
           verticalHeight: Pe,
-          verticalBorderSpacing: lr,
+          verticalBorderSpacing: ur,
           noBorder: mr,
           transitionDuration: kt,
           horizontalMonthPadding: fr
@@ -22137,9 +22137,9 @@ function TI() {
         var v = this.props, q = v.withPortal, z = v.withFullScreenPortal, V = v.appendToBody;
         return this.isOpened() ? q || z || V ? s.default.createElement(d.Portal, null, this.renderDayPicker()) : this.renderDayPicker() : null;
       }, E.renderDayPicker = function() {
-        var v = this.props, q = v.anchorDirection, z = v.openDirection, V = v.isDayBlocked, Z = v.isDayHighlighted, K = v.isOutsideRange, Q = v.numberOfMonths, te = v.orientation, Y = v.monthFormat, T = v.renderMonthText, B = v.renderWeekHeaderElement, W = v.dayPickerNavigationInlineStyles, U = v.navPosition, ae = v.navPrev, X = v.navNext, L = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, le = v.onNextMonthClick, oe = v.onDatesChange, ce = v.onFocusChange, ge = v.withPortal, we = v.withFullScreenPortal, de = v.daySize, ne = v.enableOutsideDays, ue = v.focusedInput, ve = v.startDate, ke = v.startDateOffset, fe = v.endDate, Oe = v.endDateOffset, be = v.minDate, Ae = v.maxDate, J = v.minimumNights, re = v.keepOpenOnDateSelect, Te = v.renderCalendarDay, Ee = v.renderDayContents, Fe = v.renderCalendarInfo, Ie = v.renderMonthElement, vt = v.calendarInfoPosition, xt = v.firstDayOfWeek, rt = v.initialVisibleMonth, Je = v.hideKeyboardShortcutsPanel, et = v.customCloseIcon, Dt = v.onClose, St = v.phrases, Bt = v.dayAriaLabelFormat, Pe = v.isRTL, mr = v.weekDayFormat, kt = v.styles, lr = v.verticalHeight, fr = v.transitionDuration, Ut = v.verticalSpacing, mt = v.horizontalMonthPadding, ur = v.small, zt = v.disabled, ir = v.theme.reactDates, rr = this.state, G = rr.dayPickerContainerStyles, ye = rr.isDayPickerFocused, _e = rr.showKeyboardShortcuts, qe = !we && ge ? this.onOutsideClick : void 0, Ue = rt || function() {
+        var v = this.props, q = v.anchorDirection, z = v.openDirection, V = v.isDayBlocked, Z = v.isDayHighlighted, K = v.isOutsideRange, Q = v.numberOfMonths, te = v.orientation, Y = v.monthFormat, T = v.renderMonthText, B = v.renderWeekHeaderElement, W = v.dayPickerNavigationInlineStyles, U = v.navPosition, ae = v.navPrev, X = v.navNext, L = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, le = v.onNextMonthClick, oe = v.onDatesChange, ce = v.onFocusChange, ge = v.withPortal, we = v.withFullScreenPortal, de = v.daySize, ne = v.enableOutsideDays, ue = v.focusedInput, ve = v.startDate, ke = v.startDateOffset, fe = v.endDate, Oe = v.endDateOffset, be = v.minDate, Ae = v.maxDate, J = v.minimumNights, re = v.keepOpenOnDateSelect, Te = v.renderCalendarDay, Ee = v.renderDayContents, Fe = v.renderCalendarInfo, Ie = v.renderMonthElement, vt = v.calendarInfoPosition, xt = v.firstDayOfWeek, rt = v.initialVisibleMonth, Je = v.hideKeyboardShortcutsPanel, et = v.customCloseIcon, Dt = v.onClose, St = v.phrases, Bt = v.dayAriaLabelFormat, Pe = v.isRTL, mr = v.weekDayFormat, kt = v.styles, ur = v.verticalHeight, fr = v.transitionDuration, Ut = v.verticalSpacing, mt = v.horizontalMonthPadding, dr = v.small, zt = v.disabled, ir = v.theme.reactDates, rr = this.state, G = rr.dayPickerContainerStyles, ye = rr.isDayPickerFocused, _e = rr.showKeyboardShortcuts, qe = !we && ge ? this.onOutsideClick : void 0, Ue = rt || function() {
           return ve || fe || (0, l.default)();
-        }, it = et || s.default.createElement(R.default, (0, u.css)(kt.DateRangePicker_closeButton_svg)), He = (0, _.default)(ir, ur), Ke = ge || we;
+        }, it = et || s.default.createElement(R.default, (0, u.css)(kt.DateRangePicker_closeButton_svg)), He = (0, _.default)(ir, dr), Ke = ge || we;
         return s.default.createElement("div", (0, n.default)({
           ref: this.setDayPickerContainerRef
         }, (0, u.css)(kt.DateRangePicker_picker, q === P.ANCHOR_LEFT && kt.DateRangePicker_picker__directionLeft, q === P.ANCHOR_RIGHT && kt.DateRangePicker_picker__directionRight, te === P.HORIZONTAL_ORIENTATION && kt.DateRangePicker_picker__horizontal, te === P.VERTICAL_ORIENTATION && kt.DateRangePicker_picker__vertical, !Ke && z === P.OPEN_DOWN && {
@@ -22195,7 +22195,7 @@ function TI() {
           isRTL: Pe,
           firstDayOfWeek: xt,
           weekDayFormat: mr,
-          verticalHeight: lr,
+          verticalHeight: ur,
           transitionDuration: fr,
           disabled: zt,
           horizontalMonthPadding: mt
@@ -23446,7 +23446,7 @@ function kI() {
         var v = this.props, q = v.focused, z = v.withPortal, V = v.withFullScreenPortal, Z = v.appendToBody;
         return q ? z || V || Z ? s.default.createElement(d.Portal, null, this.renderDayPicker()) : this.renderDayPicker() : null;
       }, E.renderDayPicker = function() {
-        var v = this.props, q = v.anchorDirection, z = v.openDirection, V = v.onDateChange, Z = v.date, K = v.onFocusChange, Q = v.focused, te = v.enableOutsideDays, Y = v.numberOfMonths, T = v.orientation, B = v.monthFormat, W = v.dayPickerNavigationInlineStyles, U = v.navPosition, ae = v.navPrev, X = v.navNext, L = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, le = v.onNextMonthClick, oe = v.onClose, ce = v.withPortal, ge = v.withFullScreenPortal, we = v.keepOpenOnDateSelect, de = v.initialVisibleMonth, ne = v.renderMonthText, ue = v.renderWeekHeaderElement, ve = v.renderCalendarDay, ke = v.renderDayContents, fe = v.renderCalendarInfo, Oe = v.renderMonthElement, be = v.calendarInfoPosition, Ae = v.hideKeyboardShortcutsPanel, J = v.firstDayOfWeek, re = v.customCloseIcon, Te = v.phrases, Ee = v.dayAriaLabelFormat, Fe = v.daySize, Ie = v.isRTL, vt = v.isOutsideRange, xt = v.isDayBlocked, rt = v.isDayHighlighted, Je = v.weekDayFormat, et = v.styles, Dt = v.verticalHeight, St = v.transitionDuration, Bt = v.verticalSpacing, Pe = v.horizontalMonthPadding, mr = v.small, kt = v.theme.reactDates, lr = this.state, fr = lr.dayPickerContainerStyles, Ut = lr.isDayPickerFocused, mt = lr.showKeyboardShortcuts, ur = !ge && ce ? this.onOutsideClick : void 0, zt = re || s.default.createElement(R.default, null), ir = (0, _.default)(kt, mr), rr = ce || ge;
+        var v = this.props, q = v.anchorDirection, z = v.openDirection, V = v.onDateChange, Z = v.date, K = v.onFocusChange, Q = v.focused, te = v.enableOutsideDays, Y = v.numberOfMonths, T = v.orientation, B = v.monthFormat, W = v.dayPickerNavigationInlineStyles, U = v.navPosition, ae = v.navPrev, X = v.navNext, L = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, le = v.onNextMonthClick, oe = v.onClose, ce = v.withPortal, ge = v.withFullScreenPortal, we = v.keepOpenOnDateSelect, de = v.initialVisibleMonth, ne = v.renderMonthText, ue = v.renderWeekHeaderElement, ve = v.renderCalendarDay, ke = v.renderDayContents, fe = v.renderCalendarInfo, Oe = v.renderMonthElement, be = v.calendarInfoPosition, Ae = v.hideKeyboardShortcutsPanel, J = v.firstDayOfWeek, re = v.customCloseIcon, Te = v.phrases, Ee = v.dayAriaLabelFormat, Fe = v.daySize, Ie = v.isRTL, vt = v.isOutsideRange, xt = v.isDayBlocked, rt = v.isDayHighlighted, Je = v.weekDayFormat, et = v.styles, Dt = v.verticalHeight, St = v.transitionDuration, Bt = v.verticalSpacing, Pe = v.horizontalMonthPadding, mr = v.small, kt = v.theme.reactDates, ur = this.state, fr = ur.dayPickerContainerStyles, Ut = ur.isDayPickerFocused, mt = ur.showKeyboardShortcuts, dr = !ge && ce ? this.onOutsideClick : void 0, zt = re || s.default.createElement(R.default, null), ir = (0, _.default)(kt, mr), rr = ce || ge;
         return s.default.createElement("div", (0, n.default)({
           ref: this.setDayPickerContainerRef
         }, (0, u.css)(et.SingleDatePicker_picker, q === P.ANCHOR_LEFT && et.SingleDatePicker_picker__directionLeft, q === P.ANCHOR_RIGHT && et.SingleDatePicker_picker__directionRight, z === P.OPEN_DOWN && et.SingleDatePicker_picker__openDown, z === P.OPEN_UP && et.SingleDatePicker_picker__openUp, !rr && z === P.OPEN_DOWN && {
@@ -23454,7 +23454,7 @@ function kI() {
         }, !rr && z === P.OPEN_UP && {
           bottom: ir + Bt
         }, T === P.HORIZONTAL_ORIENTATION && et.SingleDatePicker_picker__horizontal, T === P.VERTICAL_ORIENTATION && et.SingleDatePicker_picker__vertical, rr && et.SingleDatePicker_picker__portal, ge && et.SingleDatePicker_picker__fullScreenPortal, Ie && et.SingleDatePicker_picker__rtl, fr), {
-          onClick: ur
+          onClick: dr
         }), s.default.createElement(A.default, {
           date: Z,
           onDateChange: V,
@@ -23852,8 +23852,8 @@ function LI() {
       return typeof re == "object" && !I ? ue(mr) : mr;
     }
     if (we(re)) {
-      for (var kt = "<" + k.call(String(re.nodeName)), lr = re.attributes || [], fr = 0; fr < lr.length; fr++)
-        kt += " " + lr[fr].name + "=" + q(z(lr[fr].value), "double", Ie);
+      for (var kt = "<" + k.call(String(re.nodeName)), ur = re.attributes || [], fr = 0; fr < ur.length; fr++)
+        kt += " " + ur[fr].name + "=" + q(z(ur[fr].value), "double", Ie);
       return kt += ">", re.childNodes && re.childNodes.length && (kt += "..."), kt += "</" + k.call(String(re.nodeName)) + ">", kt;
     }
     if (V(re)) {
@@ -23873,10 +23873,10 @@ function LI() {
         return re.inspect();
     }
     if (ie(re)) {
-      var ur = [];
+      var dr = [];
       return n && n.call(re, function(Ue, it) {
-        ur.push(St(it, re, !0) + " => " + St(Ue, re));
-      }), ke("Map", r.call(re), ur, Dt);
+        dr.push(St(it, re, !0) + " => " + St(Ue, re));
+      }), ke("Map", r.call(re), dr, Dt);
     }
     if (ce(re)) {
       var zt = [];
@@ -27846,7 +27846,7 @@ const Yx = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%20
   return /* @__PURE__ */ g.jsxs(
     "div",
     Ve(pe({
-      className: cr("ds-mb-6", h && "ds-cursor-not-allowed ds-opacity-30"),
+      className: lr("ds-mb-6", h && "ds-cursor-not-allowed ds-opacity-30"),
       ref: t
     }, y), {
       children: [
@@ -28052,7 +28052,7 @@ const eA = _r(
     return /* @__PURE__ */ g.jsxs(
       "div",
       Ve(pe({
-        className: cr("ds-mb-6", f && "ds-cursor-not-allowed ds-opacity-30"),
+        className: lr("ds-mb-6", f && "ds-cursor-not-allowed ds-opacity-30"),
         ref: t
       }, h), {
         children: [
@@ -31160,7 +31160,7 @@ const oL = _r(
         ref: t
       }, f), {
         children: [
-          /* @__PURE__ */ g.jsx("div", { className: cr("ds-flex ds-flex-wrap ds-gap-2", d), children: n.length > 0 ? n.map((x) => /* @__PURE__ */ g.jsx(se.Fragment, { children: i ? /* @__PURE__ */ g.jsx(
+          /* @__PURE__ */ g.jsx("div", { className: lr("ds-flex ds-flex-wrap ds-gap-2", d), children: n.length > 0 ? n.map((x) => /* @__PURE__ */ g.jsx(se.Fragment, { children: i ? /* @__PURE__ */ g.jsx(
             vr,
             {
               selected: h.some((k) => k.value === x.value),
@@ -35684,7 +35684,7 @@ const DT = (a) => {
     yg,
     pe({
       tooltip: e,
-      className: cr(t, r ? "ds-opacity-30" : ""),
+      className: lr(t, r ? "ds-opacity-30" : ""),
       disabled: r
     }, n)
   );
@@ -35914,9 +35914,12 @@ const QB = ({ hideEdit: e, hideShare: t }) => [
       /* @__PURE__ */ g.jsxs(
         "div",
         {
-          className: "ds-flex ds-cursor-pointer 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",
+          className: lr(
+            "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"
+          ),
           onClick: () => {
-            window.innerWidth < eg && c(!0);
+            window.innerWidth < eg && (!l || !u) && c(!0);
           },
           children: [
             /* @__PURE__ */ g.jsxs("div", { className: "ds-flex ds-flex-col ds-gap-y-2 ds-truncate ds-tablet:ds-gap-y-6", children: [
@@ -35945,7 +35948,7 @@ const QB = ({ hideEdit: e, hideShare: t }) => [
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ g.jsxs("div", { className: "ds-[40px] ds-relative ds-ml-auto ds-hidden ds-items-center ds-justify-center ds-gap-2 ds-tablet:ds-flex", children: [
+            /* @__PURE__ */ g.jsxs("div", { className: "ds-relative ds-ml-auto ds-flex ds-items-center ds-justify-center ds-gap-2", children: [
               !l && /* @__PURE__ */ g.jsx(
                 vr,
                 {
@@ -35954,6 +35957,7 @@ const QB = ({ hideEdit: e, hideShare: t }) => [
                   size: "small",
                   buttonClassName: "ds_MediumFootnoteEmphasized ds-px-[20px] ds-py-[10px]",
                   onClick: i,
+                  className: "ds-hidden ds-tablet:ds-flex",
                   children: "Edit"
                 }
               ),
@@ -35965,6 +35969,7 @@ const QB = ({ hideEdit: e, hideShare: t }) => [
                   size: "small",
                   buttonClassName: "ds_MediumFootnoteEmphasized ds-px-[20px] ds-py-[10px]",
                   onClick: o,
+                  className: !l || !u ? "ds-hidden ds-tablet:ds-flex" : "",
                   children: "View"
                 }
               ),
@@ -35976,6 +35981,7 @@ const QB = ({ hideEdit: e, hideShare: t }) => [
                   size: "small",
                   buttonClassName: "ds_MediumFootnoteEmphasized ds-px-[20px] ds-py-[10px]",
                   onClick: s,
+                  className: "ds-hidden ds-tablet:ds-flex",
                   children: "Share"
                 }
               )
@@ -36029,7 +36035,7 @@ const qD = () => /* @__PURE__ */ g.jsx("div", { className: "ds-absolute ds-left-
   }, c) => /* @__PURE__ */ g.jsxs(
     "div",
     {
-      className: cr(
+      className: lr(
         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"
       ),
@@ -36444,7 +36450,7 @@ const Az = Et, jz = (e) => {
 }, hz = ({ children: e, className: t }) => /* @__PURE__ */ g.jsx(
   "div",
   {
-    className: cr(
+    className: lr(
       "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
     ),
@@ -36468,7 +36474,7 @@ const Lz = ({
 }) => /* @__PURE__ */ g.jsx(
   ji,
   {
-    className: cr(
+    className: lr(
       l && "ds-flex ds-items-end ds-justify-center ds-tablet:ds-items-center",
       r,
       !l && "ds-hidden"
@@ -36480,7 +36486,7 @@ const Lz = ({
     children: /* @__PURE__ */ g.jsxs(
       "div",
       {
-        className: cr(
+        className: lr(
           "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
         ),
@@ -36497,7 +36503,7 @@ const Lz = ({
           /* @__PURE__ */ g.jsx(
             "div",
             {
-              className: cr(
+              className: lr(
                 "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
               ),
@@ -36522,7 +36528,7 @@ const Lz = ({
   return /* @__PURE__ */ g.jsx(
     vr,
     Ve(pe({
-      className: cr("ds-flex-1", r),
+      className: lr("ds-flex-1", r),
       size: n
     }, a), {
       children: t
@@ -36532,7 +36538,7 @@ const Lz = ({
 }) }), pz = ({ title: e, subTitle: t, className: r, onClose: n }) => /* @__PURE__ */ g.jsxs(
   "div",
   {
-    className: cr(
+    className: lr(
       "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
     ),
@@ -36550,7 +36556,7 @@ const Lz = ({
       t && /* @__PURE__ */ g.jsx("div", { className: "ds-text-xSmallCalloutRegular ds-tablet:ds-text-mediumCalloutRegular", children: t })
     ]
   }
-), Fz = ({ steps: e, className: t }) => /* @__PURE__ */ g.jsx("div", { className: cr("ds-flex ds-flex-col ds-gap-4 ds-tablet:ds-gap-6", t), children: e.map((r) => /* @__PURE__ */ g.jsx(
+), Fz = ({ steps: e, className: t }) => /* @__PURE__ */ g.jsx("div", { className: lr("ds-flex ds-flex-col ds-gap-4 ds-tablet:ds-gap-6", t), children: e.map((r) => /* @__PURE__ */ g.jsx(
   yz,
   {
     title: r.title,
@@ -36565,11 +36571,11 @@ const Lz = ({
   IconComponent: r,
   iconClassName: n,
   className: a
-}) => /* @__PURE__ */ g.jsxs("div", { className: cr("ds-flex ds-gap-4", a), children: [
+}) => /* @__PURE__ */ g.jsxs("div", { className: lr("ds-flex ds-gap-4", a), children: [
   /* @__PURE__ */ g.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__ */ g.jsx(
     r,
     {
-      className: cr("ds-size-6 ds-tablet:ds-size-7", n)
+      className: lr("ds-size-6 ds-tablet:ds-size-7", n)
     }
   ) }),
   /* @__PURE__ */ g.jsxs("div", { className: "ds-flex ds-flex-1 ds-flex-col ds-gap-1", children: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-silkhaus",
   "private": false,
-  "version": "2.3.0-beta.travel-list.33",
+  "version": "2.3.0-beta.travel-list.34",
   "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
   "author": "silkhaus",
   "license": "MIT",