design-system-silkhaus 3.11.0-beta-image-viewer.8 → 3.11.0-beta-image-viewer.9

package/dist/index.js

@@ -22,7 +22,7 @@ var Ke = (e, t) => {
 import { j as u, t as Ve, B as fC, c as Ie, a as Oe, u as pp, b as hC, d as vp, e as yp, f as gp, g as mp, F as bp, A as va, h as Cp, o as wp, i as _p, C as Hr, k as xp, l as Dt, m as pC, n as vC, p as Qf, q as Pp, s as yC, r as gC, v as mC, w as k0 } from "./ButtonsGroupSelector-CV01ZD7O.js";
 import { x as D$, y as O$, z as M$ } from "./ButtonsGroupSelector-CV01ZD7O.js";
 import * as re from "react";
-import le, { useState as He, useMemo as xr, useEffect as pt, useCallback as Ze, forwardRef as Cr, createContext as Sp, useRef as Ot, useContext as Ya, useDebugValue as E0, useLayoutEffect as Jf, isValidElement as Cn, useSyncExternalStore as bC, cloneElement as yf } from "react";
+import le, { useState as He, useMemo as xr, useEffect as ft, useCallback as Ze, forwardRef as Cr, createContext as Sp, useRef as Ot, useContext as Ya, useDebugValue as E0, useLayoutEffect as Jf, isValidElement as Cn, useSyncExternalStore as bC, cloneElement as yf } from "react";
 import $e from "moment";
 import Xa, { createPortal as CC } from "react-dom";
 var xt = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
@@ -4155,7 +4155,7 @@ const N0 = "data:image/svg+xml,%3csvg%20width='11'%20height='11'%20viewBox='0%20
       if (I(!0), D)
         return D(z);
     };
-    pt(() => {
+    ft(() => {
       m && H(y);
     }, [y, m]);
     const B = Ze(() => {
@@ -4621,7 +4621,7 @@ const q0 = (e) => {
 }, qC = le.forwardRef(
   ({ className: e, items: t, isExpandedInMobile: r }, n) => {
     const [a, i] = He(!1);
-    return pt(() => {
+    return ft(() => {
       r && i(r);
     }, [r]), /* @__PURE__ */ u.jsxs(
       "div",
@@ -4783,7 +4783,7 @@ const VC = le.forwardRef(
     const [p, m] = He(d), g = () => {
       l && (m(!p), f && f(p));
     };
-    return pt(() => {
+    return ft(() => {
       l && m(d);
     }, [l, d]), /* @__PURE__ */ u.jsxs(
       "div",
@@ -5134,14 +5134,14 @@ zC.displayName = "Stepper";
 const UC = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23rma6vptgva)'%20fill='%23000'%20fill-opacity='.85'%3e%3cpath%20d='M5.727%2010.882h4.265a.563.563%200%200%200%20.572-.572V4.804a.562.562%200%200%200-.572-.564.555.555%200%200%200-.564.564v4.943h-3.7a.557.557%200%200%200-.573.563c0%20.327.245.572.572.572z'/%3e%3cpath%20d='M10%2018.333c4.559%200%208.333-3.782%208.333-8.333%200-4.559-3.782-8.333-8.341-8.333-4.55%200-8.325%203.774-8.325%208.333%200%204.55%203.782%208.333%208.333%208.333zm0-1.389A6.91%206.91%200%200%201%203.064%2010a6.904%206.904%200%200%201%206.928-6.944A6.925%206.925%200%200%201%2016.945%2010%206.918%206.918%200%200%201%2010%2016.944z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='rma6vptgva'%3e%3cpath%20fill='%23fff'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", KC = le.forwardRef(
   ({ time: e, text: t = "", outerDivClass: r = "" }, n) => {
     const [a, i] = He(e);
-    pt(() => {
+    ft(() => {
       const l = setInterval(() => {
         i((d) => d <= 1 ? (clearInterval(l), 0) : d - 1);
       }, 1e3);
       return () => {
         clearInterval(l);
       };
-    }, [a]), pt(() => {
+    }, [a]), ft(() => {
       i(e);
     }, [e]);
     const s = ((l) => {
@@ -12426,10 +12426,10 @@ function sy() {
       }, R.setContainerRef = function(B) {
         this.container = B;
       }, R.render = function() {
-        var B = this, z = this.props, X = z.enableOutsideDays, G = z.firstVisibleMonthIndex, Q = z.horizontalMonthPadding, te = z.isAnimating, W = z.modifiers, S = z.numberOfMonths, $ = z.monthFormat, F = z.orientation, K = z.translationValue, ne = z.daySize, Z = z.onDayMouseEnter, A = z.onDayMouseLeave, ee = z.onDayClick, ie = z.renderMonthText, ce = z.renderCalendarDay, se = z.renderDayContents, he = z.renderMonthElement, ge = z.onMonthTransitionEnd, oe = z.firstDayOfWeek, ue = z.focusedDate, ae = z.isFocused, de = z.isRTL, ye = z.styles, De = z.phrases, pe = z.dayAriaLabelFormat, we = z.transitionDuration, be = z.verticalBorderSpacing, me = z.setMonthTitleHeight, Y = this.state.months, J = F === _.VERTICAL_ORIENTATION, _e = F === _.VERTICAL_SCROLLABLE, Pe = F === _.HORIZONTAL_ORIENTATION, Re = (0, O.default)(ne, Q), Te = J || _e ? Re : (S + 2) * Re, lt = J || _e ? "translateY" : "translateX", ft = "".concat(lt, "(").concat(K, "px)");
+        var B = this, z = this.props, X = z.enableOutsideDays, G = z.firstVisibleMonthIndex, Q = z.horizontalMonthPadding, te = z.isAnimating, W = z.modifiers, S = z.numberOfMonths, $ = z.monthFormat, F = z.orientation, K = z.translationValue, ne = z.daySize, Z = z.onDayMouseEnter, A = z.onDayMouseLeave, ee = z.onDayClick, ie = z.renderMonthText, ce = z.renderCalendarDay, se = z.renderDayContents, he = z.renderMonthElement, ge = z.onMonthTransitionEnd, oe = z.firstDayOfWeek, ue = z.focusedDate, ae = z.isFocused, de = z.isRTL, ye = z.styles, De = z.phrases, pe = z.dayAriaLabelFormat, we = z.transitionDuration, be = z.verticalBorderSpacing, me = z.setMonthTitleHeight, Y = this.state.months, J = F === _.VERTICAL_ORIENTATION, _e = F === _.VERTICAL_SCROLLABLE, Pe = F === _.HORIZONTAL_ORIENTATION, Re = (0, O.default)(ne, Q), Te = J || _e ? Re : (S + 2) * Re, lt = J || _e ? "translateY" : "translateX", ht = "".concat(lt, "(").concat(K, "px)");
         return s.default.createElement("div", (0, n.default)({}, (0, f.css)(ye.CalendarMonthGrid, Pe && ye.CalendarMonthGrid__horizontal, J && ye.CalendarMonthGrid__vertical, _e && ye.CalendarMonthGrid__vertical_scrollable, te && ye.CalendarMonthGrid__animating, te && we && {
           transition: "transform ".concat(we, "ms ease-in-out")
-        }, x({}, (0, D.default)(ft), {
+        }, x({}, (0, D.default)(ht), {
           width: Te
         })), {
           ref: this.setContainerRef,
@@ -15888,7 +15888,7 @@ function F2() {
           key: "week-".concat(A)
         }), d.default.createElement("ul", (0, h.css)(ge.DayPicker_weekHeader_ul), pe));
       }, K.render = function() {
-        for (var A = this, ee = this.state, ie = ee.calendarMonthWidth, ce = ee.currentMonth, se = ee.monthTransition, he = ee.translationValue, ge = ee.scrollableMonthMultiple, oe = ee.focusedDate, ue = ee.showKeyboardShortcuts, ae = ee.isTouchDevice, de = ee.hasSetHeight, ye = ee.calendarInfoWidth, De = ee.monthTitleHeight, pe = this.props, we = pe.enableOutsideDays, be = pe.numberOfMonths, me = pe.orientation, Y = pe.modifiers, J = pe.withPortal, _e = pe.onDayClick, Pe = pe.onDayMouseEnter, Re = pe.onDayMouseLeave, Te = pe.firstDayOfWeek, lt = pe.renderMonthText, ft = pe.renderCalendarDay, at = pe.renderDayContents, Ye = pe.renderCalendarInfo, Xe = pe.renderMonthElement, ct = pe.renderKeyboardShortcutsButton, ut = pe.renderKeyboardShortcutsPanel, Nt = pe.calendarInfoPosition, xe = pe.hideKeyboardShortcutsPanel, sr = pe.onOutsideClick, vt = pe.monthFormat, zt = pe.daySize, Yt = pe.isFocused, At = pe.isRTL, dt = pe.styles, Ut = pe.theme, Tt = pe.phrases, qt = pe.verticalHeight, Ht = pe.dayAriaLabelFormat, kt = pe.noBorder, lr = pe.transitionDuration, wt = pe.verticalBorderSpacing, pr = pe.horizontalMonthPadding, vr = pe.navPosition, Tr = Ut.reactDates.spacing.dayPickerHorizontalPadding, $t = this.isHorizontal(), _r = this.isVertical() ? 1 : be, b0 = [], eo = 0; eo < _r; eo += 1)
+        for (var A = this, ee = this.state, ie = ee.calendarMonthWidth, ce = ee.currentMonth, se = ee.monthTransition, he = ee.translationValue, ge = ee.scrollableMonthMultiple, oe = ee.focusedDate, ue = ee.showKeyboardShortcuts, ae = ee.isTouchDevice, de = ee.hasSetHeight, ye = ee.calendarInfoWidth, De = ee.monthTitleHeight, pe = this.props, we = pe.enableOutsideDays, be = pe.numberOfMonths, me = pe.orientation, Y = pe.modifiers, J = pe.withPortal, _e = pe.onDayClick, Pe = pe.onDayMouseEnter, Re = pe.onDayMouseLeave, Te = pe.firstDayOfWeek, lt = pe.renderMonthText, ht = pe.renderCalendarDay, at = pe.renderDayContents, Ye = pe.renderCalendarInfo, Xe = pe.renderMonthElement, ct = pe.renderKeyboardShortcutsButton, ut = pe.renderKeyboardShortcutsPanel, Nt = pe.calendarInfoPosition, xe = pe.hideKeyboardShortcutsPanel, sr = pe.onOutsideClick, vt = pe.monthFormat, zt = pe.daySize, Yt = pe.isFocused, At = pe.isRTL, dt = pe.styles, Ut = pe.theme, Tt = pe.phrases, qt = pe.verticalHeight, Ht = pe.dayAriaLabelFormat, kt = pe.noBorder, lr = pe.transitionDuration, wt = pe.verticalBorderSpacing, pr = pe.horizontalMonthPadding, vr = pe.navPosition, Tr = Ut.reactDates.spacing.dayPickerHorizontalPadding, $t = this.isHorizontal(), _r = this.isVertical() ? 1 : be, b0 = [], eo = 0; eo < _r; eo += 1)
           b0.push(this.renderWeekHeader(eo));
         var Ur = me === H.VERTICAL_SCROLLABLE, to;
         $t ? to = this.calendarMonthGridHeight : this.isVertical() && !Ur && !J && (to = qt || 1.75 * ie);
@@ -15945,7 +15945,7 @@ function F2() {
           onMonthChange: this.onMonthChange,
           onYearChange: this.onYearChange,
           renderMonthText: lt,
-          renderCalendarDay: ft,
+          renderCalendarDay: ht,
           renderDayContents: at,
           renderMonthElement: Xe,
           onMonthTransitionEnd: this.updateStateAfterMonthTransition,
@@ -16371,15 +16371,15 @@ function Fy() {
         }, S.onDayClick = S.onDayClick.bind((0, i.default)(S)), S.onDayMouseEnter = S.onDayMouseEnter.bind((0, i.default)(S)), S.onDayMouseLeave = S.onDayMouseLeave.bind((0, i.default)(S)), S.onPrevMonthClick = S.onPrevMonthClick.bind((0, i.default)(S)), S.onNextMonthClick = S.onNextMonthClick.bind((0, i.default)(S)), S.onMonthChange = S.onMonthChange.bind((0, i.default)(S)), S.onYearChange = S.onYearChange.bind((0, i.default)(S)), S.onGetNextScrollableMonths = S.onGetNextScrollableMonths.bind((0, i.default)(S)), S.onGetPrevScrollableMonths = S.onGetPrevScrollableMonths.bind((0, i.default)(S)), S.getFirstFocusableDay = S.getFirstFocusableDay.bind((0, i.default)(S)), S;
       }
       return Q.componentWillReceiveProps = function(S) {
-        var $ = this, F = S.startDate, K = S.endDate, ne = S.focusedInput, Z = S.getMinNightsForHoverDate, A = S.minimumNights, ee = S.isOutsideRange, ie = S.isDayBlocked, ce = S.isDayHighlighted, se = S.phrases, he = S.initialVisibleMonth, ge = S.numberOfMonths, oe = S.enableOutsideDays, ue = this.props, ae = ue.startDate, de = ue.endDate, ye = ue.focusedInput, De = ue.minimumNights, pe = ue.isOutsideRange, we = ue.isDayBlocked, be = ue.isDayHighlighted, me = ue.phrases, Y = ue.initialVisibleMonth, J = ue.numberOfMonths, _e = ue.enableOutsideDays, Pe = this.state.hoverDate, Re = this.state.visibleDays, Te = !1, lt = !1, ft = !1;
+        var $ = this, F = S.startDate, K = S.endDate, ne = S.focusedInput, Z = S.getMinNightsForHoverDate, A = S.minimumNights, ee = S.isOutsideRange, ie = S.isDayBlocked, ce = S.isDayHighlighted, se = S.phrases, he = S.initialVisibleMonth, ge = S.numberOfMonths, oe = S.enableOutsideDays, ue = this.props, ae = ue.startDate, de = ue.endDate, ye = ue.focusedInput, De = ue.minimumNights, pe = ue.isOutsideRange, we = ue.isDayBlocked, be = ue.isDayHighlighted, me = ue.phrases, Y = ue.initialVisibleMonth, J = ue.numberOfMonths, _e = ue.enableOutsideDays, Pe = this.state.hoverDate, Re = this.state.visibleDays, Te = !1, lt = !1, ht = !1;
         ee !== pe && (this.modifiers["blocked-out-of-range"] = function(kt) {
           return ee(kt);
         }, Te = !0), ie !== we && (this.modifiers["blocked-calendar"] = function(kt) {
           return ie(kt);
         }, lt = !0), ce !== be && (this.modifiers["highlighted-calendar"] = function(kt) {
           return ce(kt);
-        }, ft = !0);
-        var at = Te || lt || ft, Ye = F !== ae, Xe = K !== de, ct = ne !== ye;
+        }, ht = !0);
+        var at = Te || lt || ht, Ye = F !== ae, Xe = K !== de, ct = ne !== ye;
         if (ge !== J || oe !== _e || he !== Y && !ye && ct) {
           var ut = this.getStateForNewMonth(S), Nt = ut.currentMonth;
           Re = ut.visibleDays, this.setState({
@@ -16420,7 +16420,7 @@ function Fy() {
         if ((ct || at) && (0, h.default)(Re).forEach(function(kt) {
           Object.keys(kt).forEach(function(lr) {
             var wt = (0, q.default)(lr), pr = !1;
-            (ct || Te) && (ee(wt) ? (xe = $.addModifier(xe, wt, "blocked-out-of-range"), pr = !0) : xe = $.deleteModifier(xe, wt, "blocked-out-of-range")), (ct || lt) && (ie(wt) ? (xe = $.addModifier(xe, wt, "blocked-calendar"), pr = !0) : xe = $.deleteModifier(xe, wt, "blocked-calendar")), pr ? xe = $.addModifier(xe, wt, "blocked") : xe = $.deleteModifier(xe, wt, "blocked"), (ct || ft) && (ce(wt) ? xe = $.addModifier(xe, wt, "highlighted-calendar") : xe = $.deleteModifier(xe, wt, "highlighted-calendar"));
+            (ct || Te) && (ee(wt) ? (xe = $.addModifier(xe, wt, "blocked-out-of-range"), pr = !0) : xe = $.deleteModifier(xe, wt, "blocked-out-of-range")), (ct || lt) && (ie(wt) ? (xe = $.addModifier(xe, wt, "blocked-calendar"), pr = !0) : xe = $.deleteModifier(xe, wt, "blocked-calendar")), pr ? xe = $.addModifier(xe, wt, "blocked") : xe = $.deleteModifier(xe, wt, "blocked"), (ct || ht) && (ce(wt) ? xe = $.addModifier(xe, wt, "highlighted-calendar") : xe = $.deleteModifier(xe, wt, "highlighted-calendar"));
           });
         }), !this.isTouchDevice && ct && Pe && !this.isBlocked(Pe)) {
           var Tt = Z(Pe);
@@ -16735,7 +16735,7 @@ function Fy() {
         var $ = this.props, F = $.startDate, K = $.endDate, ne = $.minimumNights, Z = this.state || {}, A = Z.hoverDate;
         return !!K && !F && !this.isBlocked(S) && (0, P.default)(A, S) && ne > 0 && (0, C.default)(A, K);
       }, Q.render = function() {
-        var S = this.props, $ = S.numberOfMonths, F = S.orientation, K = S.monthFormat, ne = S.renderMonthText, Z = S.renderWeekHeaderElement, A = S.dayPickerNavigationInlineStyles, ee = S.navPosition, ie = S.navPrev, ce = S.navNext, se = S.renderNavPrevButton, he = S.renderNavNextButton, ge = S.noNavButtons, oe = S.noNavNextButton, ue = S.noNavPrevButton, ae = S.onOutsideClick, de = S.withPortal, ye = S.enableOutsideDays, De = S.firstDayOfWeek, pe = S.renderKeyboardShortcutsButton, we = S.renderKeyboardShortcutsPanel, be = S.hideKeyboardShortcutsPanel, me = S.daySize, Y = S.focusedInput, J = S.renderCalendarDay, _e = S.renderDayContents, Pe = S.renderCalendarInfo, Re = S.renderMonthElement, Te = S.calendarInfoPosition, lt = S.onBlur, ft = S.onShiftTab, at = S.onTab, Ye = S.isFocused, Xe = S.showKeyboardShortcuts, ct = S.isRTL, ut = S.weekDayFormat, Nt = S.dayAriaLabelFormat, xe = S.verticalHeight, sr = S.noBorder, vt = S.transitionDuration, zt = S.verticalBorderSpacing, Yt = S.horizontalMonthPadding, At = this.state, dt = At.currentMonth, Ut = At.phrases, Tt = At.visibleDays, qt = At.disablePrev, Ht = At.disableNext;
+        var S = this.props, $ = S.numberOfMonths, F = S.orientation, K = S.monthFormat, ne = S.renderMonthText, Z = S.renderWeekHeaderElement, A = S.dayPickerNavigationInlineStyles, ee = S.navPosition, ie = S.navPrev, ce = S.navNext, se = S.renderNavPrevButton, he = S.renderNavNextButton, ge = S.noNavButtons, oe = S.noNavNextButton, ue = S.noNavPrevButton, ae = S.onOutsideClick, de = S.withPortal, ye = S.enableOutsideDays, De = S.firstDayOfWeek, pe = S.renderKeyboardShortcutsButton, we = S.renderKeyboardShortcutsPanel, be = S.hideKeyboardShortcutsPanel, me = S.daySize, Y = S.focusedInput, J = S.renderCalendarDay, _e = S.renderDayContents, Pe = S.renderCalendarInfo, Re = S.renderMonthElement, Te = S.calendarInfoPosition, lt = S.onBlur, ht = S.onShiftTab, at = S.onTab, Ye = S.isFocused, Xe = S.showKeyboardShortcuts, ct = S.isRTL, ut = S.weekDayFormat, Nt = S.dayAriaLabelFormat, xe = S.verticalHeight, sr = S.noBorder, vt = S.transitionDuration, zt = S.verticalBorderSpacing, Yt = S.horizontalMonthPadding, At = this.state, dt = At.currentMonth, Ut = At.phrases, Tt = At.visibleDays, qt = At.disablePrev, Ht = At.disableNext;
         return s.default.createElement(H.default, {
           orientation: F,
           enableOutsideDays: ye,
@@ -16748,7 +16748,7 @@ function Fy() {
           onNextMonthClick: this.onNextMonthClick,
           onMonthChange: this.onMonthChange,
           onTab: at,
-          onShiftTab: ft,
+          onShiftTab: ht,
           onYearChange: this.onYearChange,
           onGetNextScrollableMonths: this.onGetNextScrollableMonths,
           onGetPrevScrollableMonths: this.onGetPrevScrollableMonths,
@@ -17018,7 +17018,7 @@ function gP() {
         var v = this.props, L = v.withPortal, B = v.withFullScreenPortal, z = v.appendToBody;
         return this.isOpened() ? L || B || z ? s.default.createElement(c.Portal, null, this.renderDayPicker()) : this.renderDayPicker() : null;
       }, H.renderDayPicker = function() {
-        var v = this.props, L = v.anchorDirection, B = v.openDirection, z = v.isDayBlocked, X = v.isDayHighlighted, G = v.isOutsideRange, Q = v.numberOfMonths, te = v.orientation, W = v.monthFormat, S = v.renderMonthText, $ = v.renderWeekHeaderElement, F = v.dayPickerNavigationInlineStyles, K = v.navPosition, ne = v.navPrev, Z = v.navNext, A = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, ce = v.onNextMonthClick, se = v.onDatesChange, he = v.onFocusChange, ge = v.withPortal, oe = v.withFullScreenPortal, ue = v.daySize, ae = v.enableOutsideDays, de = v.focusedInput, ye = v.startDate, De = v.startDateOffset, pe = v.endDate, we = v.endDateOffset, be = v.minDate, me = v.maxDate, Y = v.minimumNights, J = v.keepOpenOnDateSelect, _e = v.renderCalendarDay, Pe = v.renderDayContents, Re = v.renderCalendarInfo, Te = v.renderMonthElement, lt = v.calendarInfoPosition, ft = v.firstDayOfWeek, at = v.initialVisibleMonth, Ye = v.hideKeyboardShortcutsPanel, Xe = v.customCloseIcon, ct = v.onClose, ut = v.phrases, Nt = v.dayAriaLabelFormat, xe = v.isRTL, sr = v.weekDayFormat, vt = v.styles, zt = v.verticalHeight, Yt = v.transitionDuration, At = v.verticalSpacing, dt = v.horizontalMonthPadding, Ut = v.small, Tt = v.disabled, qt = v.theme.reactDates, Ht = this.state, kt = Ht.dayPickerContainerStyles, lr = Ht.isDayPickerFocused, wt = Ht.showKeyboardShortcuts, pr = !oe && ge ? this.onOutsideClick : void 0, vr = at || function() {
+        var v = this.props, L = v.anchorDirection, B = v.openDirection, z = v.isDayBlocked, X = v.isDayHighlighted, G = v.isOutsideRange, Q = v.numberOfMonths, te = v.orientation, W = v.monthFormat, S = v.renderMonthText, $ = v.renderWeekHeaderElement, F = v.dayPickerNavigationInlineStyles, K = v.navPosition, ne = v.navPrev, Z = v.navNext, A = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, ce = v.onNextMonthClick, se = v.onDatesChange, he = v.onFocusChange, ge = v.withPortal, oe = v.withFullScreenPortal, ue = v.daySize, ae = v.enableOutsideDays, de = v.focusedInput, ye = v.startDate, De = v.startDateOffset, pe = v.endDate, we = v.endDateOffset, be = v.minDate, me = v.maxDate, Y = v.minimumNights, J = v.keepOpenOnDateSelect, _e = v.renderCalendarDay, Pe = v.renderDayContents, Re = v.renderCalendarInfo, Te = v.renderMonthElement, lt = v.calendarInfoPosition, ht = v.firstDayOfWeek, at = v.initialVisibleMonth, Ye = v.hideKeyboardShortcutsPanel, Xe = v.customCloseIcon, ct = v.onClose, ut = v.phrases, Nt = v.dayAriaLabelFormat, xe = v.isRTL, sr = v.weekDayFormat, vt = v.styles, zt = v.verticalHeight, Yt = v.transitionDuration, At = v.verticalSpacing, dt = v.horizontalMonthPadding, Ut = v.small, Tt = v.disabled, qt = v.theme.reactDates, Ht = this.state, kt = Ht.dayPickerContainerStyles, lr = Ht.isDayPickerFocused, wt = Ht.showKeyboardShortcuts, pr = !oe && ge ? this.onOutsideClick : void 0, vr = at || function() {
           return ye || pe || (0, l.default)();
         }, Tr = Xe || s.default.createElement(T.default, (0, d.css)(vt.DateRangePicker_closeButton_svg)), $t = (0, D.default)(qt, Ut), _r = ge || oe;
         return s.default.createElement("div", (0, n.default)({
@@ -17074,7 +17074,7 @@ function gP() {
           phrases: ut,
           dayAriaLabelFormat: Nt,
           isRTL: xe,
-          firstDayOfWeek: ft,
+          firstDayOfWeek: ht,
           weekDayFormat: sr,
           verticalHeight: zt,
           transitionDuration: Yt,
@@ -17086,7 +17086,7 @@ function gP() {
           "aria-label": ut.closeDatePicker
         }), Tr));
       }, H.render = function() {
-        var v = this.props, L = v.startDate, B = v.startDateId, z = v.startDatePlaceholderText, X = v.startDateAriaLabel, G = v.endDate, Q = v.endDateId, te = v.endDatePlaceholderText, W = v.endDateAriaLabel, S = v.focusedInput, $ = v.screenReaderInputMessage, F = v.showClearDates, K = v.showDefaultInputIcon, ne = v.inputIconPosition, Z = v.customInputIcon, A = v.customArrowIcon, ee = v.customCloseIcon, ie = v.disabled, ce = v.required, se = v.readOnly, he = v.openDirection, ge = v.phrases, oe = v.isOutsideRange, ue = v.minimumNights, ae = v.withPortal, de = v.withFullScreenPortal, ye = v.displayFormat, De = v.reopenPickerOnClearDates, pe = v.keepOpenOnDateSelect, we = v.onDatesChange, be = v.onClose, me = v.isRTL, Y = v.noBorder, J = v.block, _e = v.verticalSpacing, Pe = v.small, Re = v.regular, Te = v.styles, lt = this.state.isDateRangePickerInputFocused, ft = !ae && !de, at = _e < w.FANG_HEIGHT_PX, Ye = s.default.createElement(E.default, {
+        var v = this.props, L = v.startDate, B = v.startDateId, z = v.startDatePlaceholderText, X = v.startDateAriaLabel, G = v.endDate, Q = v.endDateId, te = v.endDatePlaceholderText, W = v.endDateAriaLabel, S = v.focusedInput, $ = v.screenReaderInputMessage, F = v.showClearDates, K = v.showDefaultInputIcon, ne = v.inputIconPosition, Z = v.customInputIcon, A = v.customArrowIcon, ee = v.customCloseIcon, ie = v.disabled, ce = v.required, se = v.readOnly, he = v.openDirection, ge = v.phrases, oe = v.isOutsideRange, ue = v.minimumNights, ae = v.withPortal, de = v.withFullScreenPortal, ye = v.displayFormat, De = v.reopenPickerOnClearDates, pe = v.keepOpenOnDateSelect, we = v.onDatesChange, be = v.onClose, me = v.isRTL, Y = v.noBorder, J = v.block, _e = v.verticalSpacing, Pe = v.small, Re = v.regular, Te = v.styles, lt = this.state.isDateRangePickerInputFocused, ht = !ae && !de, at = _e < w.FANG_HEIGHT_PX, Ye = s.default.createElement(E.default, {
           startDate: L,
           startDateId: B,
           startDatePlaceholderText: z,
@@ -17131,9 +17131,9 @@ function gP() {
         }, this.maybeRenderDayPickerWithPortal());
         return s.default.createElement("div", (0, n.default)({
           ref: this.setContainerRef
-        }, (0, d.css)(Te.DateRangePicker, J && Te.DateRangePicker__block)), ft && s.default.createElement(m.default, {
+        }, (0, d.css)(Te.DateRangePicker, J && Te.DateRangePicker__block)), ht && s.default.createElement(m.default, {
           onOutsideClick: this.onOutsideClick
-        }, Ye), ft || Ye);
+        }, Ye), ht || Ye);
       }, q;
     }(s.default.PureComponent || s.default.Component);
     e.PureDateRangePicker = I, I.propTypes = process.env.NODE_ENV !== "production" ? x : {}, I.defaultProps = j;
@@ -17568,7 +17568,7 @@ function qy() {
         var L = this.props.firstDayOfWeek;
         return v.day() === ((L || f.default.localeData().firstDayOfWeek()) + 6) % 7;
       }, H.render = function() {
-        var v = this.props, L = v.numberOfMonths, B = v.orientation, z = v.monthFormat, X = v.renderMonthText, G = v.renderWeekHeaderElement, Q = v.dayPickerNavigationInlineStyles, te = v.navPosition, W = v.navPrev, S = v.navNext, $ = v.renderNavPrevButton, F = v.renderNavNextButton, K = v.noNavButtons, ne = v.noNavPrevButton, Z = v.noNavNextButton, A = v.onOutsideClick, ee = v.onShiftTab, ie = v.onTab, ce = v.withPortal, se = v.focused, he = v.enableOutsideDays, ge = v.hideKeyboardShortcutsPanel, oe = v.daySize, ue = v.firstDayOfWeek, ae = v.renderCalendarDay, de = v.renderDayContents, ye = v.renderCalendarInfo, De = v.renderMonthElement, pe = v.calendarInfoPosition, we = v.isFocused, be = v.isRTL, me = v.phrases, Y = v.dayAriaLabelFormat, J = v.onBlur, _e = v.showKeyboardShortcuts, Pe = v.weekDayFormat, Re = v.verticalHeight, Te = v.noBorder, lt = v.transitionDuration, ft = v.verticalBorderSpacing, at = v.horizontalMonthPadding, Ye = this.state, Xe = Ye.currentMonth, ct = Ye.visibleDays;
+        var v = this.props, L = v.numberOfMonths, B = v.orientation, z = v.monthFormat, X = v.renderMonthText, G = v.renderWeekHeaderElement, Q = v.dayPickerNavigationInlineStyles, te = v.navPosition, W = v.navPrev, S = v.navNext, $ = v.renderNavPrevButton, F = v.renderNavNextButton, K = v.noNavButtons, ne = v.noNavPrevButton, Z = v.noNavNextButton, A = v.onOutsideClick, ee = v.onShiftTab, ie = v.onTab, ce = v.withPortal, se = v.focused, he = v.enableOutsideDays, ge = v.hideKeyboardShortcutsPanel, oe = v.daySize, ue = v.firstDayOfWeek, ae = v.renderCalendarDay, de = v.renderDayContents, ye = v.renderCalendarInfo, De = v.renderMonthElement, pe = v.calendarInfoPosition, we = v.isFocused, be = v.isRTL, me = v.phrases, Y = v.dayAriaLabelFormat, J = v.onBlur, _e = v.showKeyboardShortcuts, Pe = v.weekDayFormat, Re = v.verticalHeight, Te = v.noBorder, lt = v.transitionDuration, ht = v.verticalBorderSpacing, at = v.horizontalMonthPadding, Ye = this.state, Xe = Ye.currentMonth, ct = Ye.visibleDays;
         return s.default.createElement(w.default, {
           orientation: B,
           enableOutsideDays: he,
@@ -17622,7 +17622,7 @@ function qy() {
           verticalHeight: Re,
           noBorder: Te,
           transitionDuration: lt,
-          verticalBorderSpacing: ft,
+          verticalBorderSpacing: ht,
           horizontalMonthPadding: at
         });
       }, q;
@@ -18327,7 +18327,7 @@ function bP() {
         var v = this.props, L = v.focused, B = v.withPortal, z = v.withFullScreenPortal, X = v.appendToBody;
         return L ? B || z || X ? s.default.createElement(c.Portal, null, this.renderDayPicker()) : this.renderDayPicker() : null;
       }, H.renderDayPicker = function() {
-        var v = this.props, L = v.anchorDirection, B = v.openDirection, z = v.onDateChange, X = v.date, G = v.onFocusChange, Q = v.focused, te = v.enableOutsideDays, W = v.numberOfMonths, S = v.orientation, $ = v.monthFormat, F = v.dayPickerNavigationInlineStyles, K = v.navPosition, ne = v.navPrev, Z = v.navNext, A = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, ce = v.onNextMonthClick, se = v.onClose, he = v.withPortal, ge = v.withFullScreenPortal, oe = v.keepOpenOnDateSelect, ue = v.initialVisibleMonth, ae = v.renderMonthText, de = v.renderWeekHeaderElement, ye = v.renderCalendarDay, De = v.renderDayContents, pe = v.renderCalendarInfo, we = v.renderMonthElement, be = v.calendarInfoPosition, me = v.hideKeyboardShortcutsPanel, Y = v.firstDayOfWeek, J = v.customCloseIcon, _e = v.phrases, Pe = v.dayAriaLabelFormat, Re = v.daySize, Te = v.isRTL, lt = v.isOutsideRange, ft = v.isDayBlocked, at = v.isDayHighlighted, Ye = v.weekDayFormat, Xe = v.styles, ct = v.verticalHeight, ut = v.transitionDuration, Nt = v.verticalSpacing, xe = v.horizontalMonthPadding, sr = v.small, vt = v.theme.reactDates, zt = this.state, Yt = zt.dayPickerContainerStyles, At = zt.isDayPickerFocused, dt = zt.showKeyboardShortcuts, Ut = !ge && he ? this.onOutsideClick : void 0, Tt = J || s.default.createElement(T.default, null), qt = (0, D.default)(vt, sr), Ht = he || ge;
+        var v = this.props, L = v.anchorDirection, B = v.openDirection, z = v.onDateChange, X = v.date, G = v.onFocusChange, Q = v.focused, te = v.enableOutsideDays, W = v.numberOfMonths, S = v.orientation, $ = v.monthFormat, F = v.dayPickerNavigationInlineStyles, K = v.navPosition, ne = v.navPrev, Z = v.navNext, A = v.renderNavPrevButton, ee = v.renderNavNextButton, ie = v.onPrevMonthClick, ce = v.onNextMonthClick, se = v.onClose, he = v.withPortal, ge = v.withFullScreenPortal, oe = v.keepOpenOnDateSelect, ue = v.initialVisibleMonth, ae = v.renderMonthText, de = v.renderWeekHeaderElement, ye = v.renderCalendarDay, De = v.renderDayContents, pe = v.renderCalendarInfo, we = v.renderMonthElement, be = v.calendarInfoPosition, me = v.hideKeyboardShortcutsPanel, Y = v.firstDayOfWeek, J = v.customCloseIcon, _e = v.phrases, Pe = v.dayAriaLabelFormat, Re = v.daySize, Te = v.isRTL, lt = v.isOutsideRange, ht = v.isDayBlocked, at = v.isDayHighlighted, Ye = v.weekDayFormat, Xe = v.styles, ct = v.verticalHeight, ut = v.transitionDuration, Nt = v.verticalSpacing, xe = v.horizontalMonthPadding, sr = v.small, vt = v.theme.reactDates, zt = this.state, Yt = zt.dayPickerContainerStyles, At = zt.isDayPickerFocused, dt = zt.showKeyboardShortcuts, Ut = !ge && he ? this.onOutsideClick : void 0, Tt = J || s.default.createElement(T.default, null), qt = (0, D.default)(vt, sr), Ht = he || ge;
         return s.default.createElement("div", (0, n.default)({
           ref: this.setDayPickerContainerRef
         }, (0, d.css)(Xe.SingleDatePicker_picker, L === w.ANCHOR_LEFT && Xe.SingleDatePicker_picker__directionLeft, L === w.ANCHOR_RIGHT && Xe.SingleDatePicker_picker__directionRight, B === w.OPEN_DOWN && Xe.SingleDatePicker_picker__openDown, B === w.OPEN_UP && Xe.SingleDatePicker_picker__openUp, !Ht && B === w.OPEN_DOWN && {
@@ -18373,7 +18373,7 @@ function bP() {
           daySize: Re,
           isRTL: Te,
           isOutsideRange: lt,
-          isDayBlocked: ft,
+          isDayBlocked: ht,
           isDayHighlighted: at,
           firstDayOfWeek: Y,
           weekDayFormat: Ye,
@@ -18688,7 +18688,7 @@ function DP() {
       throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');
     if (ne(Te, "numericSeparator") && typeof Te.numericSeparator != "boolean")
       throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');
-    var ft = Te.numericSeparator;
+    var ht = Te.numericSeparator;
     if (typeof J == "undefined")
       return "undefined";
     if (J === null)
@@ -18701,11 +18701,11 @@ function DP() {
       if (J === 0)
         return 1 / 0 / J > 0 ? "0" : "-0";
       var at = String(J);
-      return ft ? H(J, at) : at;
+      return ht ? H(J, at) : at;
     }
     if (typeof J == "bigint") {
       var Ye = String(J) + "n";
-      return ft ? H(J, Ye) : Ye;
+      return ht ? H(J, Ye) : Ye;
     }
     var Xe = typeof Te.depth == "undefined" ? 5 : Te.depth;
     if (typeof Pe == "undefined" && (Pe = 0), Pe >= Xe && Xe > 0 && typeof J == "object")
@@ -19000,8 +19000,8 @@ function DP() {
     var Te = typeof k == "function" ? k(Y) : [], lt;
     if (j) {
       lt = {};
-      for (var ft = 0; ft < Te.length; ft++)
-        lt["$" + Te[ft]] = Te[ft];
+      for (var ht = 0; ht < Te.length; ht++)
+        lt["$" + Te[ht]] = Te[ht];
     }
     for (var at in Y)
       ne(Y, at) && (_e && String(Number(at)) === at && at < Y.length || j && lt["$" + at] instanceof Symbol || (M.call(/[^\w$]/, at) ? Pe.push(J(at, Y) + ": " + J(Y[at], Y)) : Pe.push(at + ": " + J(Y[at], Y))));
@@ -22139,7 +22139,7 @@ var DO = function(t) {
   return a;
 };
 function Q8(e) {
-  return e ? pt : le.useInsertionEffect || // React 18+ (https://github.com/reactwg/react-18/discussions/110)
+  return e ? ft : le.useInsertionEffect || // React 18+ (https://github.com/reactwg/react-18/discussions/110)
   Jf;
 }
 var zc = {}, EO = function(t, r) {
@@ -22184,7 +22184,7 @@ var zc = {}, EO = function(t, r) {
     var O = xr(function() {
       return C && D ? kO(C, D) : f;
     }, [C, D]);
-    return E0(O), E0(y === zc ? "No theme" : y), pt(function() {
+    return E0(O), E0(y === zc ? "No theme" : y), ft(function() {
       m.current = !1;
     }), O;
   };
@@ -22346,7 +22346,7 @@ const RO = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%20
 bg.displayName = "OverlayNavMobile";
 function IO(e, t) {
   const r = Ot(e), n = Ot(null);
-  pt(() => {
+  ft(() => {
     r.current = e;
   }, [e]);
   const a = (...i) => {
@@ -22354,7 +22354,7 @@ function IO(e, t) {
       r.current(...i);
     }, t);
   };
-  return pt(() => () => {
+  return ft(() => () => {
     n.current !== null && clearTimeout(n.current);
   }, []), a;
 }
@@ -22405,7 +22405,13 @@ const LO = le.forwardRef(
   }, U) => {
     const V = le.useRef(null), [H, q] = le.useState({}), [R, v] = He(r), [L, B] = He(n), [z, X] = He(a), [G, Q] = He("horizontal"), { documentWidth: te, documentHeight: W } = pC(), [S, $] = He(2), [F, K] = He(!1), [ne, Z] = He(b), [A, ee] = He(
       te < O ? "small" : "large"
-    ), ie = HO({ mobileBreakPoint: O, isOnDialogBox: I }), ce = ({
+    ), ie = HO({ mobileBreakPoint: O, isOnDialogBox: I });
+    ft(() => {
+      I || v(r);
+    }, [I, r]), ft(() => {
+      I || B(n);
+    }, [I, n]);
+    const ce = ({
       startDate: me,
       endDate: Y
     }) => {
@@ -22421,7 +22427,7 @@ const LO = le.forwardRef(
     }, [t, e]), ge = Ze(() => {
       t && t({ startDate: R, endDate: L });
     }, [L, t, R]);
-    pt(() => {
+    ft(() => {
       te < O ? (Q(I ? "verticalScrollable" : "horizontal"), $(I ? 13 : 1), K(I), ee("small"), Z(C)) : (Q("horizontal"), $(2), K(!1), ee("large"), Z(b));
     }, [b, C, te, O]);
     const oe = () => {
@@ -22462,7 +22468,7 @@ const LO = le.forwardRef(
         }) : q({});
       }
     }, [te, W, O]), de = IO(oe, 200);
-    pt(() => (setTimeout(() => {
+    ft(() => (setTimeout(() => {
       de();
     }, 100), window.addEventListener("resize", de), () => {
       window.removeEventListener("resize", de);
@@ -22527,8 +22533,8 @@ const LO = le.forwardRef(
           Ie(
             te < O && I && "ds-w-full ds-p-0",
             te < O && !I && "ds-inline-block ds-w-fit",
-            te >= O && "ds-inline-block ds-w-auto ds-p-6",
-            !I && "calendar-mode ds-bg-white ds-p-0",
+            te >= O && I && "ds-inline-block ds-w-auto ds-p-6",
+            !I && "calendar-mode ds-inline-block ds-w-auto ds-bg-white ds-p-0",
             "silkhaus-date-picker"
           )
         ),
@@ -22737,7 +22743,7 @@ const Cg = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%20
     "icon",
     "disabled"
   ]), [g, y] = He([]), [b, C] = He(!1);
-  pt(() => {
+  ft(() => {
     n && n.length ? y(n) : y([]);
   }, [n]);
   const D = (N, T) => {
@@ -26112,7 +26118,7 @@ const KT = Cr(
       "buttonsContainerClassName",
       "buttonClassName"
     ]), [p, m] = He([]), [g, y] = He("");
-    pt(() => {
+    ft(() => {
       r && r.length ? m(r) : m([]);
     }, [r]);
     const b = (O, P) => {
@@ -30098,7 +30104,7 @@ function o0(e, t) {
 }
 function ur(e) {
   var t = Ot(e);
-  return pt(function() {
+  return ft(function() {
     t.current = e;
   }), Ze(function() {
     for (var r, n = arguments.length, a = new Array(n), i = 0; i < n; i++)
@@ -30196,7 +30202,7 @@ var RA = function(t) {
   }), D = ur(function() {
     m();
   });
-  return pt(function() {
+  return ft(function() {
     return function() {
       p();
     };
@@ -30675,7 +30681,7 @@ const HA = le.forwardRef(
       e,
       t
     ]);
-    pt(() => {
+    ft(() => {
       m([e, t]);
     }, [e, t]);
     const g = ([P, M]) => {
@@ -30758,7 +30764,7 @@ const HA = le.forwardRef(
 HA.displayName = "PriceRangeSlider";
 const Ym = (e) => {
   const { showPopup: t } = e, [r, n] = He(!1);
-  return pt(() => {
+  return ft(() => {
     t && n(window.innerWidth >= Qf);
   }, [t]), /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
     t && !r && /* @__PURE__ */ u.jsx(Xm, fe({}, e)),
@@ -30816,7 +30822,7 @@ const Qm = ({
   }
 }) => {
   const a = Ot(null);
-  return pt(() => {
+  return ft(() => {
     const i = (o) => {
       const s = o.target;
       a.current && !a.current.contains(s) && (window.removeEventListener("click", i), e == null || e());
@@ -31139,7 +31145,7 @@ function Gi(e) {
         O.target === f.current && (p(), b.removeEventListener("animationend", D), b.removeEventListener("animationcancel", D), y.current === 0 && O.type !== "animationcancel" && b.classList.remove(...C));
       };
       b.classList.add(...C), b.addEventListener("animationend", D), b.addEventListener("animationcancel", D);
-    }, []), pt(() => {
+    }, []), ft(() => {
       const b = f.current, C = () => {
         b.removeEventListener("animationend", C), a ? VA(b, c, i) : c();
       };
@@ -31267,7 +31273,7 @@ function zA(e) {
       D.style.transition = "transform 0.2s, opacity 0.2s", D.style.removeProperty("transform"), D.style.removeProperty("opacity");
     }
   }
-  (p = Zt.get((h = { id: e.toastId, containerId: e.containerId, fn: r }).containerId || 1)) == null || p.setToggle(h.id, h.fn), pt(() => {
+  (p = Zt.get((h = { id: e.toastId, containerId: e.containerId, fn: r }).containerId || 1)) == null || p.setToggle(h.id, h.fn), ft(() => {
     if (e.pauseOnFocusLoss) return document.hasFocus() || g(), window.addEventListener("focus", m), window.addEventListener("blur", g), () => {
       window.removeEventListener("focus", m), window.removeEventListener("blur", g);
     };
@@ -31309,19 +31315,19 @@ function _i(e, t) {
 function $a(e) {
   return (t, r) => sa(t, _i(e, r));
 }
-function ht(e, t) {
+function pt(e, t) {
   return sa(e, _i("default", t));
 }
-ht.loading = (e, t) => sa(e, _i("default", fe({ isLoading: !0, autoClose: !1, closeOnClick: !1, closeButton: !1, draggable: !1 }, t))), ht.promise = function(e, t, r) {
+pt.loading = (e, t) => sa(e, _i("default", fe({ isLoading: !0, autoClose: !1, closeOnClick: !1, closeButton: !1, draggable: !1 }, t))), pt.promise = function(e, t, r) {
   let n, { pending: a, error: i, success: o } = t;
-  a && (n = rn(a) ? ht.loading(a, r) : ht.loading(a.render, fe(fe({}, r), a)));
+  a && (n = rn(a) ? pt.loading(a, r) : pt.loading(a.render, fe(fe({}, r), a)));
   const s = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, l = (c, f, h) => {
-    if (f == null) return void ht.dismiss(n);
+    if (f == null) return void pt.dismiss(n);
     const p = qe(fe(fe({ type: c }, s), r), { data: h }), m = rn(f) ? { render: f } : f;
-    return n ? ht.update(n, fe(fe({}, p), m)) : ht(m.render, fe(fe({}, p), m)), h;
+    return n ? pt.update(n, fe(fe({}, p), m)) : pt(m.render, fe(fe({}, p), m)), h;
   }, d = ar(e) ? e() : e;
   return d.then((c) => l("success", o, c)).catch((c) => l("error", i, c)), d;
-}, ht.success = $a("success"), ht.info = $a("info"), ht.error = $a("error"), ht.warning = $a("warning"), ht.warn = ht.warning, ht.dark = (e, t) => sa(e, _i("default", fe({ theme: "dark" }, t))), ht.dismiss = function(e) {
+}, pt.success = $a("success"), pt.info = $a("info"), pt.error = $a("error"), pt.warning = $a("warning"), pt.warn = pt.warning, pt.dark = (e, t) => sa(e, _i("default", fe({ theme: "dark" }, t))), pt.dismiss = function(e) {
   (function(t) {
     var r;
     if (eb()) {
@@ -31336,11 +31342,11 @@ ht.loading = (e, t) => sa(e, _i("default", fe({ isLoading: !0, autoClose: !1, cl
       }
     } else pa = pa.filter((n) => t != null && n.options.toastId !== t);
   })(e);
-}, ht.clearWaitingQueue = function(e) {
+}, pt.clearWaitingQueue = function(e) {
   e === void 0 && (e = {}), Zt.forEach((t) => {
     !t.props.limit || e.containerId && t.id !== e.containerId || t.clearQueue();
   });
-}, ht.isActive = tb, ht.update = function(e, t) {
+}, pt.isActive = tb, pt.update = function(e, t) {
   t === void 0 && (t = {});
   const r = ((n, a) => {
     var i;
@@ -31353,14 +31359,14 @@ ht.loading = (e, t) => sa(e, _i("default", fe({ isLoading: !0, autoClose: !1, cl
     const o = i.render || a;
     delete i.render, sa(o, i);
   }
-}, ht.done = (e) => {
-  ht.update(e, { progress: 1 });
-}, ht.onChange = function(e) {
+}, pt.done = (e) => {
+  pt.update(e, { progress: 1 });
+}, pt.onChange = function(e) {
   return zf.add(e), () => {
     zf.delete(e);
   };
-}, ht.play = (e) => G9(!0, e), ht.pause = (e) => G9(!1, e);
-const GA = typeof window != "undefined" ? Jf : pt, Va = (e) => {
+}, pt.play = (e) => G9(!0, e), pt.pause = (e) => G9(!1, e);
+const GA = typeof window != "undefined" ? Jf : ft, Va = (e) => {
   let i = e, { theme: t, type: r, isLoading: n } = i, a = Ke(i, ["theme", "type", "isLoading"]);
   return le.createElement("svg", fe({ viewBox: "0 0 24 24", width: "100%", height: "100%", fill: t === "colored" ? "currentColor" : `var(--toastify-icon-color-${r})` }, a));
 }, sf = { info: function(e) {
@@ -31401,7 +31407,7 @@ function JA(e) {
     return ar(d) ? d({ position: g, rtl: f, defaultClassName: y }) : Ie(y, Ka(d));
   }
   function m() {
-    r && (a(!0), ht.play());
+    r && (a(!0), pt.play());
   }
   return GA(() => {
     if (r) {
@@ -31416,7 +31422,7 @@ function JA(e) {
       });
     }
   }, [n, l, r]), le.createElement("div", { ref: i, className: "Toastify", id: h, onMouseEnter: () => {
-    r && (a(!1), ht.pause());
+    r && (a(!1), pt.pause());
   }, onMouseLeave: m }, o((g, y) => {
     const b = y.length ? fe({}, c) : qe(fe({}, c), { pointerEvents: "none" });
     return le.createElement("div", { className: p(g), style: b, key: `container-${g}` }, y.map((C) => {
@@ -31425,7 +31431,7 @@ function JA(e) {
     }));
   }));
 }
-const h$ = ht, p$ = (e) => {
+const h$ = pt, p$ = (e) => {
   const t = JA;
   return /* @__PURE__ */ u.jsx(
     t,
@@ -32279,7 +32285,7 @@ const LL = ({
   currency: l
 }) => {
   const [d, c] = He(!1), [f, h] = He([]), [p, m] = He(t);
-  return pt(() => {
+  return ft(() => {
     let g = t;
     const y = [];
     r.forEach((b, C) => {
@@ -32359,7 +32365,7 @@ const HL = ({
   onChange: n
 }) => {
   const [a, i] = He(t);
-  pt(() => {
+  ft(() => {
     i(t);
   }, [t]);
   const o = (s) => {
@@ -32436,7 +32442,7 @@ const g$ = ({
     },
     [e]
   );
-  return pt(() => (document.addEventListener("mousedown", m), () => {
+  return ft(() => (document.addEventListener("mousedown", m), () => {
     document.removeEventListener("mousedown", m);
   }), []), /* @__PURE__ */ u.jsxs(
     "div",
@@ -32806,7 +32812,7 @@ const WL = ({
 }) => {
   var s;
   const [a, i] = He(r != null ? r : (s = e[0]) == null ? void 0 : s.value);
-  if (pt(() => {
+  if (ft(() => {
     r !== void 0 && i(r);
   }, [r]), !e.length) return null;
   const o = (l) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-silkhaus",
   "private": false,
-  "version": "3.11.0-beta-image-viewer.8",
+  "version": "3.11.0-beta-image-viewer.9",
   "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
   "author": "silkhaus",
   "license": "MIT",