@getflip/swirl-components-react 0.2.0 → 0.3.0

package/dist/{flip-date-picker_3.entry.54e0b84d.js → flip-date-picker_3.entry.d61d1842.js}

@@ -1,31 +1,31 @@
-import { r as ie, c as _e, h as b, H as ue, F as te, g as Me } from "./index.b6e7bb76.js";
+import { r as ie, c as _e, h as b, H as ue, F as te, g as Me } from "./index.0ccdd659.js";
 import { c as me, a as $e, g as xe } from "./_commonjsHelpers-44457d8d.ba94af77.js";
-import { c as Se, s as Te, f as Ve, a as Fe } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
+import { c as Te, s as Se, f as Ve, a as Fe } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
 import { e as de, d as He } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as Ee } from "./index-6d2e18c6.289636d4.js";
 import { i as ce, q as pe } from "./utils-b46bcd4f.79126bb2.js";
 import "react";
 import "react-dom";
 var Ae = me(function(m, v) {
-  (function($, T) {
-    m.exports = T();
+  (function(w, S) {
+    m.exports = S();
   })($e, function() {
     return function() {
-      var $ = { d: function(r, e) {
+      var w = { d: function(r, e) {
         for (var t in e)
-          $.o(e, t) && !$.o(r, t) && Object.defineProperty(r, t, { enumerable: !0, get: e[t] });
+          w.o(e, t) && !w.o(r, t) && Object.defineProperty(r, t, { enumerable: !0, get: e[t] });
       }, o: function(r, e) {
         return Object.prototype.hasOwnProperty.call(r, e);
-      } }, T = {};
-      $.d(T, { default: function() {
+      } }, S = {};
+      w.d(S, { default: function() {
         return E;
       } });
       var l = { days: "days", months: "months", years: "years", day: "day", month: "month", year: "year", eventChangeViewDate: "changeViewDate", eventChangeCurrentView: "changeCurrentView", eventChangeFocusDate: "changeFocusDate", eventChangeSelectedDate: "changeSelectedDate", eventChangeTime: "changeTime", eventChangeLastSelectedDate: "changeLastSelectedDate", actionSelectDate: "selectDate", actionUnselectDate: "unselectDate", cssClassWeekend: "-weekend-" }, se = { classes: "", inline: !1, locale: { days: ["\u0412\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435", "\u041F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A", "\u0412\u0442\u043E\u0440\u043D\u0438\u043A", "\u0421\u0440\u0435\u0434\u0430", "\u0427\u0435\u0442\u0432\u0435\u0440\u0433", "\u041F\u044F\u0442\u043D\u0438\u0446\u0430", "\u0421\u0443\u0431\u0431\u043E\u0442\u0430"], daysShort: ["\u0412\u043E\u0441", "\u041F\u043E\u043D", "\u0412\u0442\u043E", "\u0421\u0440\u0435", "\u0427\u0435\u0442", "\u041F\u044F\u0442", "\u0421\u0443\u0431"], daysMin: ["\u0412\u0441", "\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431"], months: ["\u042F\u043D\u0432\u0430\u0440\u044C", "\u0424\u0435\u0432\u0440\u0430\u043B\u044C", "\u041C\u0430\u0440\u0442", "\u0410\u043F\u0440\u0435\u043B\u044C", "\u041C\u0430\u0439", "\u0418\u044E\u043D\u044C", "\u0418\u044E\u043B\u044C", "\u0410\u0432\u0433\u0443\u0441\u0442", "\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044C", "\u041E\u043A\u0442\u044F\u0431\u0440\u044C", "\u041D\u043E\u044F\u0431\u0440\u044C", "\u0414\u0435\u043A\u0430\u0431\u0440\u044C"], monthsShort: ["\u042F\u043D\u0432", "\u0424\u0435\u0432", "\u041C\u0430\u0440", "\u0410\u043F\u0440", "\u041C\u0430\u0439", "\u0418\u044E\u043D", "\u0418\u044E\u043B", "\u0410\u0432\u0433", "\u0421\u0435\u043D", "\u041E\u043A\u0442", "\u041D\u043E\u044F", "\u0414\u0435\u043A"], today: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F", clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C", dateFormat: "dd.MM.yyyy", timeFormat: "HH:mm", firstDay: 1 }, startDate: new Date(), firstDay: "", weekends: [6, 0], dateFormat: "", altField: "", altFieldDateFormat: "T", toggleSelected: !0, keyboardNav: !0, selectedDates: !1, container: "", isMobile: !1, visible: !1, position: "bottom left", offset: 12, view: l.days, minView: l.days, showOtherMonths: !0, selectOtherMonths: !0, moveToOtherMonthsOnSelect: !0, showOtherYears: !0, selectOtherYears: !0, moveToOtherYearsOnSelect: !0, minDate: "", maxDate: "", disableNavWhenOutOfRange: !0, multipleDates: !1, multipleDatesSeparator: ", ", range: !1, dynamicRange: !0, buttons: !1, monthsField: "monthsShort", showEvent: "focus", autoClose: !1, prevHtml: '<svg><path d="M 17,12 l -5,5 l 5,5"></path></svg>', nextHtml: '<svg><path d="M 14,12 l 5,5 l -5,5"></path></svg>', navTitles: { days: "MMMM, <i>yyyy</i>", months: "yyyy", years: "yyyy1 - yyyy2" }, timepicker: !1, onlyTimepicker: !1, dateTimeSeparator: " ", timeFormat: "", minHours: 0, maxHours: 24, minMinutes: 0, maxMinutes: 59, hoursStep: 1, minutesStep: 1, onSelect: !1, onChangeViewDate: !1, onChangeView: !1, onRenderCell: !1, onShow: !1, onHide: !1, onClickDayName: !1 };
-      function w(r) {
+      function k(r) {
         let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : document;
         return typeof r == "string" ? e.querySelector(r) : r;
       }
-      function _() {
+      function M() {
         let { tagName: r = "div", className: e = "", innerHtml: t = "", id: i = "", attrs: a = {} } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = document.createElement(r);
         return e && n.classList.add(...e.split(" ")), i && (n.id = i), t && (n.innerHTML = t), a && G(n, a), n;
       }
@@ -81,7 +81,7 @@ var Ae = me(function(m, v) {
       function ge(r) {
         return r.setHours(0, 0, 0, 0), r;
       }
-      function C(r, e, t) {
+      function _(r, e, t) {
         r.length ? r.forEach((i) => {
           i.addEventListener(e, t);
         }) : r.addEventListener(e, t);
@@ -148,7 +148,7 @@ var Ae = me(function(m, v) {
         _createElement() {
           var e;
           let { year: t, month: i, date: a } = y(this.date), n = ((e = this.customData) === null || e === void 0 ? void 0 : e.attrs) || {};
-          this.$cell = _({ className: this._getClassName(), attrs: { "data-year": t, "data-month": i, "data-date": a, ...n } });
+          this.$cell = M({ className: this._getClassName(), attrs: { "data-year": t, "data-month": i, "data-date": a, ...n } });
         }
         _getClassName() {
           var e, t;
@@ -208,7 +208,7 @@ var Ae = me(function(m, v) {
           return this.dp.isOtherDecade(this.date);
         }
       }
-      function M(r, e, t) {
+      function $(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       let fe = { [l.days]: '<div class="air-datepicker-body--day-names"></div>' + '<div class="air-datepicker-body--cells -'.concat(l.days, '-"></div>'), [l.months]: '<div class="air-datepicker-body--cells -'.concat(l.months, '-"></div>'), [l.years]: '<div class="air-datepicker-body--cells -'.concat(l.years, '-"></div>') };
@@ -216,7 +216,7 @@ var Ae = me(function(m, v) {
       class ne {
         constructor(e) {
           let { dp: t, type: i, opts: a } = e;
-          M(this, "handleClick", (n) => {
+          $(this, "handleClick", (n) => {
             let s = n.target.closest(j).adpCell;
             if (s.isDisabled)
               return;
@@ -224,24 +224,24 @@ var Ae = me(function(m, v) {
               return void this.dp.down();
             let o = this.dp._checkIfDateIsSelected(s.date, s.type);
             o ? this.dp._handleAlreadySelectedDates(o, s.date) : this.dp.selectDate(s.date);
-          }), M(this, "handleDayNameClick", (n) => {
+          }), $(this, "handleDayNameClick", (n) => {
             let s = n.target.getAttribute("data-day-index");
             this.opts.onClickDayName({ dayIndex: Number(s), datepicker: this.dp });
-          }), M(this, "onChangeCurrentView", (n) => {
+          }), $(this, "onChangeCurrentView", (n) => {
             n !== this.type ? this.hide() : (this.show(), this.render());
-          }), M(this, "onMouseOverCell", (n) => {
+          }), $(this, "onMouseOverCell", (n) => {
             let s = U(n.target, j);
             this.dp.setFocusDate(!!s && s.adpCell.date);
-          }), M(this, "onMouseOutCell", () => {
+          }), $(this, "onMouseOutCell", () => {
             this.dp.setFocusDate(!1);
-          }), M(this, "onClickBody", (n) => {
+          }), $(this, "onClickBody", (n) => {
             let { onClickDayName: s } = this.opts, o = n.target;
             o.closest(j) && this.handleClick(n), s && o.closest(".air-datepicker-body--day-name") && this.handleDayNameClick(n);
-          }), M(this, "onMouseDown", (n) => {
+          }), $(this, "onMouseDown", (n) => {
             this.pressed = !0;
             let s = U(n.target, j), o = s && s.adpCell;
             D(o.date, this.dp.rangeDateFrom) && (this.rangeFromFocused = !0), D(o.date, this.dp.rangeDateTo) && (this.rangeToFocused = !0);
-          }), M(this, "onMouseMove", (n) => {
+          }), $(this, "onMouseMove", (n) => {
             if (!this.pressed || !this.dp.isMinViewReached)
               return;
             n.preventDefault();
@@ -259,9 +259,9 @@ var Ae = me(function(m, v) {
                 p.setHours(u), p.setMinutes(f), this.dp.rangeDateTo = p, this.dp.replaceDate(d, p);
               }
             }
-          }), M(this, "onMouseUp", () => {
+          }), $(this, "onMouseUp", () => {
             this.pressed = !1, this.rangeFromFocused = !1, this.rangeToFocused = !1;
-          }), M(this, "onChangeViewDate", (n, s) => {
+          }), $(this, "onChangeViewDate", (n, s) => {
             if (!this.isVisible)
               return;
             let o = A(n), h = A(s);
@@ -279,7 +279,7 @@ var Ae = me(function(m, v) {
                   return;
             }
             this.render();
-          }), M(this, "render", () => {
+          }), $(this, "render", () => {
             this.destroyCells(), this._generateCells(), this.cells.forEach((n) => {
               this.$cells.appendChild(n.render());
             });
@@ -290,13 +290,13 @@ var Ae = me(function(m, v) {
         }
         _bindEvents() {
           let { range: e, dynamicRange: t } = this.opts;
-          C(this.$el, "mouseover", this.onMouseOverCell), C(this.$el, "mouseout", this.onMouseOutCell), C(this.$el, "click", this.onClickBody), e && t && (C(this.$el, "mousedown", this.onMouseDown), C(this.$el, "mousemove", this.onMouseMove), C(window.document, "mouseup", this.onMouseUp));
+          _(this.$el, "mouseover", this.onMouseOverCell), _(this.$el, "mouseout", this.onMouseOutCell), _(this.$el, "click", this.onClickBody), e && t && (_(this.$el, "mousedown", this.onMouseDown), _(this.$el, "mousemove", this.onMouseMove), _(window.document, "mouseup", this.onMouseUp));
         }
         _bindDatepickerEvents() {
           this.dp.on(l.eventChangeViewDate, this.onChangeViewDate), this.dp.on(l.eventChangeCurrentView, this.onChangeCurrentView);
         }
         _buildBaseHtml() {
-          this.$el = _({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: fe[this.type] }), this.$names = w(".air-datepicker-body--day-names", this.$el), this.$cells = w(".air-datepicker-body--cells", this.$el);
+          this.$el = M({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: fe[this.type] }), this.$names = k(".air-datepicker-body--day-names", this.$el), this.$cells = k(".air-datepicker-body--cells", this.$el);
         }
         _getDayNamesHtml() {
           let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.dp.locale.firstDay, t = "", i = this.dp.isWeekend, { onClickDayName: a } = this.opts, n = e, s = 0;
@@ -312,10 +312,10 @@ var Ae = me(function(m, v) {
           let c = function(z, Y) {
             let { year: W, month: K, date: q } = y(z);
             return new Date(W, K, q - Y);
-          }(s, h), p = i + h + d, u = c.getDate(), { year: f, month: k } = y(c), S = 0;
-          for (; S < p; ) {
-            let z = new Date(f, k, u + S);
-            this._generateCell(z), S++;
+          }(s, h), p = i + h + d, u = c.getDate(), { year: f, month: C } = y(c), T = 0;
+          for (; T < p; ) {
+            let z = new Date(f, C, u + T);
+            this._generateCell(z), T++;
           }
         }
         _generateCell(e) {
@@ -397,7 +397,7 @@ var Ae = me(function(m, v) {
           this._createElement(), this._buildBaseHtml(), this._defineDOM(), this.render(), this.handleNavStatus(), this._bindEvents(), this._bindDatepickerEvents();
         }
         _defineDOM() {
-          this.$title = w(".air-datepicker-nav--title", this.$el), this.$prev = w('[data-action="prev"]', this.$el), this.$next = w('[data-action="next"]', this.$el);
+          this.$title = k(".air-datepicker-nav--title", this.$el), this.$prev = k('[data-action="prev"]', this.$el), this.$next = k('[data-action="next"]', this.$el);
         }
         _bindEvents() {
           this.$el.addEventListener("click", this.onClickNav), this.$title.addEventListener("click", this.onClickNavTitle);
@@ -409,7 +409,7 @@ var Ae = me(function(m, v) {
           this.dp.off(l.eventChangeViewDate, this.onChangeViewDate), this.dp.off(l.eventChangeCurrentView, this.onChangeCurrentView), this.isNavIsFunction && (this.dp.off(l.eventChangeSelectedDate, this.renderDelay), this.dp.opts.timepicker && this.dp.off(l.eventChangeTime, this.render));
         }
         _createElement() {
-          this.$el = _({ tagName: "nav", className: "air-datepicker-nav" });
+          this.$el = M({ tagName: "nav", className: "air-datepicker-nav" });
         }
         _getTitle() {
           let { dp: e, opts: t } = this, i = t.navTitles[e.currentView];
@@ -435,7 +435,7 @@ var Ae = me(function(m, v) {
           }
         }
         _disableNav(e) {
-          w('[data-action="' + e + '"]', this.$el).classList.add("-disabled-");
+          k('[data-action="' + e + '"]', this.$el).classList.add("-disabled-");
         }
         _resetNavStatus() {
           (function(e) {
@@ -465,7 +465,7 @@ var Ae = me(function(m, v) {
           this.createElement(), this.render();
         }
         createElement() {
-          this.$el = _({ className: "air-datepicker-buttons" });
+          this.$el = M({ className: "air-datepicker-buttons" });
         }
         destroy() {
           this.$el.parentNode.removeChild(this.$el);
@@ -489,7 +489,7 @@ var Ae = me(function(m, v) {
         }
         createButton(e) {
           let { content: t, className: i, tagName: a = "button", attrs: n = {} } = e, s = typeof t == "function" ? t(this.dp) : t;
-          return _({ tagName: a, innerHtml: "<span tabindex='-1'>".concat(s, "</span>"), className: V("air-datepicker-button", i), attrs: n });
+          return M({ tagName: a, innerHtml: "<span tabindex='-1'>".concat(s, "</span>"), className: V("air-datepicker-button", i), attrs: n });
         }
         render() {
           this.generateButtons();
@@ -530,10 +530,10 @@ var Ae = me(function(m, v) {
         }
         bindDOMEvents() {
           let e = "input";
-          navigator.userAgent.match(/trident/gi) && (e = "change"), C(this.$ranges, e, this.onChangeInputRange), C(this.$ranges, "mouseenter", this.onMouseEnterLeave), C(this.$ranges, "mouseleave", this.onMouseEnterLeave), C(this.$ranges, "focus", this.onFocus), C(this.$ranges, "mousedown", this.onFocus), C(this.$ranges, "blur", this.onBlur);
+          navigator.userAgent.match(/trident/gi) && (e = "change"), _(this.$ranges, e, this.onChangeInputRange), _(this.$ranges, "mouseenter", this.onMouseEnterLeave), _(this.$ranges, "mouseleave", this.onMouseEnterLeave), _(this.$ranges, "focus", this.onFocus), _(this.$ranges, "mousedown", this.onFocus), _(this.$ranges, "blur", this.onBlur);
         }
         createElement() {
-          this.$el = _({ className: V("air-datepicker-time", { "-am-pm-": this.dp.ampm }) });
+          this.$el = M({ className: V("air-datepicker-time", { "-am-pm-": this.dp.ampm }) });
         }
         destroy() {
           this.dp.off(l.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.off(l.eventChangeLastSelectedDate, this.onChangeLastSelectedDate), this.$el.parentNode.removeChild(this.$el);
@@ -543,7 +543,7 @@ var Ae = me(function(m, v) {
           this.$el.innerHTML = '<div class="air-datepicker-time--current">' + '   <span class="air-datepicker-time--current-hours">'.concat(P(i), "</span>") + '   <span class="air-datepicker-time--current-colon">:</span>' + '   <span class="air-datepicker-time--current-minutes">'.concat(P(a), "</span>") + "   ".concat(e ? "<span class='air-datepicker-time--current-ampm'>".concat(d, "</span>") : "") + '</div><div class="air-datepicker-time--sliders">   <div class="air-datepicker-time--row">' + '      <input type="range" name="hours" value="'.concat(t, '" min="').concat(n, '" max="').concat(o, '" step="').concat(c, '"/>') + '   </div>   <div class="air-datepicker-time--row">' + '      <input type="range" name="minutes" value="'.concat(a, '" min="').concat(s, '" max="').concat(h, '" step="').concat(p, '"/>') + "   </div></div>";
         }
         defineDOM() {
-          let e = (t) => w(t, this.$el);
+          let e = (t) => k(t, this.$el);
           this.$ranges = this.$el.querySelectorAll('[type="range"]'), this.$hours = e('[name="hours"]'), this.$minutes = e('[name="minutes"]'), this.$hoursText = e(".air-datepicker-time--current-hours"), this.$minutesText = e(".air-datepicker-time--current-minutes"), this.$ampm = e(".air-datepicker-time--current-ampm");
         }
         setTime(e) {
@@ -757,17 +757,17 @@ var Ae = me(function(m, v) {
             let o = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
             if (typeof (s = s || i.opts.position) == "function")
               return void (i.customHide = s({ $datepicker: i.$datepicker, $target: i.$el, $pointer: i.$pointer, isViewChange: o, done: i._finishHide }));
-            let h, d, { isMobile: c } = i.opts, p = i.$el.getBoundingClientRect(), u = i.$el.getBoundingClientRect(), f = i.$datepicker.offsetParent, k = i.$el.offsetParent, S = i.$datepicker.getBoundingClientRect(), z = s.split(" "), Y = window.scrollY, W = window.scrollX, K = i.opts.offset, q = z[0], Ce = z[1];
+            let h, d, { isMobile: c } = i.opts, p = i.$el.getBoundingClientRect(), u = i.$el.getBoundingClientRect(), f = i.$datepicker.offsetParent, C = i.$el.offsetParent, T = i.$datepicker.getBoundingClientRect(), z = s.split(" "), Y = window.scrollY, W = window.scrollX, K = i.opts.offset, q = z[0], Ce = z[1];
             if (c)
               i.$datepicker.style.cssText = "left: 50%; top: 50%";
             else {
-              if (f === k && f !== document.body && (u = { top: i.$el.offsetTop, left: i.$el.offsetLeft, width: p.width, height: i.$el.offsetHeight }, Y = 0, W = 0), f !== k && f !== document.body) {
+              if (f === C && f !== document.body && (u = { top: i.$el.offsetTop, left: i.$el.offsetLeft, width: p.width, height: i.$el.offsetHeight }, Y = 0, W = 0), f !== C && f !== document.body) {
                 let le = f.getBoundingClientRect();
                 u = { top: p.top - le.top, left: p.left - le.left, width: p.width, height: p.height }, Y = 0, W = 0;
               }
               switch (q) {
                 case "top":
-                  h = u.top - S.height - K;
+                  h = u.top - T.height - K;
                   break;
                 case "right":
                   d = u.left + u.width + K;
@@ -776,23 +776,23 @@ var Ae = me(function(m, v) {
                   h = u.top + u.height + K;
                   break;
                 case "left":
-                  d = u.left - S.width - K;
+                  d = u.left - T.width - K;
               }
               switch (Ce) {
                 case "top":
                   h = u.top;
                   break;
                 case "right":
-                  d = u.left + u.width - S.width;
+                  d = u.left + u.width - T.width;
                   break;
                 case "bottom":
-                  h = u.top + u.height - S.height;
+                  h = u.top + u.height - T.height;
                   break;
                 case "left":
                   d = u.left;
                   break;
                 case "center":
-                  /left|right/.test(q) ? h = u.top + u.height / 2 - S.height / 2 : d = u.left + u.width / 2 - S.width / 2;
+                  /left|right/.test(q) ? h = u.top + u.height / 2 - T.height / 2 : d = u.left + u.width / 2 - T.width / 2;
               }
               i.$datepicker.style.cssText = "left: ".concat(d + W, "px; top: ").concat(h + Y, "px");
             }
@@ -872,8 +872,8 @@ var Ae = me(function(m, v) {
           }), g(this, "_onChangeTime", (s) => {
             let { hours: o, minutes: h } = s, d = new Date(), { lastSelectedDate: c, opts: { onSelect: p } } = this, u = c;
             c || (u = d);
-            let f = this.getCell(u, this.currentViewSingular), k = f && f.adpCell;
-            k && k.isDisabled || (u.setHours(o), u.setMinutes(h), c ? (this._setInputValue(), p && this._triggerOnSelect()) : this.selectDate(u));
+            let f = this.getCell(u, this.currentViewSingular), C = f && f.adpCell;
+            C && C.isDisabled || (u.setHours(o), u.setMinutes(h), c ? (this._setInputValue(), p && this._triggerOnSelect()) : this.selectDate(u));
           }), g(this, "_onFocus", (s) => {
             this.visible || this.show();
           }), g(this, "_onBlur", (s) => {
@@ -889,19 +889,19 @@ var Ae = me(function(m, v) {
           }), g(this, "isWeekend", (s) => this.opts.weekends.includes(s)), g(this, "getClampedDate", (s) => {
             let { minDate: o, maxDate: h } = this, d = s;
             return h && F(s, h) ? d = h : o && B(s, o) && (d = o), d;
-          }), this.$el = w(e), !this.$el)
+          }), this.$el = k(e), !this.$el)
             return;
-          this.$datepicker = _({ className: "air-datepicker" }), this.opts = Z({}, se, t), this.$customContainer = !!this.opts.container && w(this.opts.container), this.$altField = w(this.opts.altField || !1), ee || (ee = w("body"));
+          this.$datepicker = M({ className: "air-datepicker" }), this.opts = Z({}, se, t), this.$customContainer = !!this.opts.container && k(this.opts.container), this.$altField = k(this.opts.altField || !1), ee || (ee = k("body"));
           let { view: a, startDate: n } = this.opts;
           n || (this.opts.startDate = new Date()), this.$el.nodeName === "INPUT" && (this.elIsInput = !0), this.inited = !1, this.visible = !1, this.viewDate = x(this.opts.startDate), this.focusDate = !1, this.initialReadonly = this.$el.getAttribute("readonly"), this.customHide = !1, this.currentView = a, this.selectedDates = [], this.views = {}, this.keys = [], this.rangeDateFrom = "", this.rangeDateTo = "", this.timepickerIsActive = !1, this.treatAsInline = this.opts.inline || !this.elIsInput, this.init();
         }
         init() {
           let { opts: e, treatAsInline: t, opts: { inline: i, isMobile: a, selectedDates: n, keyboardNav: s, onlyTimepicker: o } } = this;
           var h;
-          oe || i || !this.elIsInput || (oe = !0, J = _({ className: h = E.defaultContainerId, id: h }), ee.appendChild(J)), !a || H || t || this._createMobileOverlay(), this._handleLocale(), this._bindSubEvents(), this._createMinMaxDates(), this._limitViewDateByMaxMinDates(), this.elIsInput && (i || this._bindEvents(), s && !o && (this.keyboardNav = new we({ dp: this, opts: e }))), n && this.selectDate(n, { silent: !0 }), this.opts.visible && !t && this.show(), a && !t && this.$el.setAttribute("readonly", !0), t && this._createComponents();
+          oe || i || !this.elIsInput || (oe = !0, J = M({ className: h = E.defaultContainerId, id: h }), ee.appendChild(J)), !a || H || t || this._createMobileOverlay(), this._handleLocale(), this._bindSubEvents(), this._createMinMaxDates(), this._limitViewDateByMaxMinDates(), this.elIsInput && (i || this._bindEvents(), s && !o && (this.keyboardNav = new we({ dp: this, opts: e }))), n && this.selectDate(n, { silent: !0 }), this.opts.visible && !t && this.show(), a && !t && this.$el.setAttribute("readonly", !0), t && this._createComponents();
         }
         _createMobileOverlay() {
-          H = _({ className: "air-datepicker-overlay" }), J.appendChild(H);
+          H = M({ className: "air-datepicker-overlay" }), J.appendChild(H);
         }
         _createComponents() {
           let { opts: e, treatAsInline: t, opts: { inline: i, buttons: a, timepicker: n, position: s, classes: o, onlyTimepicker: h, isMobile: d } } = this;
@@ -923,10 +923,10 @@ var Ae = me(function(m, v) {
           this.minDate = !!e && x(e), this.maxDate = !!t && x(t);
         }
         _addTimepicker() {
-          this.$timepicker = _({ className: "air-datepicker--time" }), this.$datepicker.appendChild(this.$timepicker), this.timepicker = new be({ dp: this, opts: this.opts }), this.$timepicker.appendChild(this.timepicker.$el);
+          this.$timepicker = M({ className: "air-datepicker--time" }), this.$datepicker.appendChild(this.$timepicker), this.timepicker = new be({ dp: this, opts: this.opts }), this.$timepicker.appendChild(this.timepicker.$el);
         }
         _addButtons() {
-          this.$buttons = _({ className: "air-datepicker--buttons" }), this.$datepicker.appendChild(this.$buttons), this.buttons = new De({ dp: this, opts: this.opts }), this.$buttons.appendChild(this.buttons.$el);
+          this.$buttons = M({ className: "air-datepicker--buttons" }), this.$datepicker.appendChild(this.$buttons), this.buttons = new De({ dp: this, opts: this.opts }), this.$buttons.appendChild(this.buttons.$el);
         }
         _bindSubEvents() {
           this.on(l.eventChangeSelectedDate, this._onChangeSelectedDate), this.on(l.eventChangeFocusDate, this._onChangeFocusedDate), this.on(l.eventChangeTime, this._onChangeTime);
@@ -934,7 +934,7 @@ var Ae = me(function(m, v) {
         _buildBaseHtml() {
           let { inline: e } = this.opts;
           var t, i;
-          this.elIsInput ? e ? (t = this.$datepicker, (i = this.$el).parentNode.insertBefore(t, i.nextSibling)) : this.$container.appendChild(this.$datepicker) : this.$el.appendChild(this.$datepicker), this.$datepicker.innerHTML = '<i class="air-datepicker--pointer"></i><div class="air-datepicker--navigation"></div><div class="air-datepicker--content"></div>', this.$content = w(".air-datepicker--content", this.$datepicker), this.$pointer = w(".air-datepicker--pointer", this.$datepicker), this.$nav = w(".air-datepicker--navigation", this.$datepicker);
+          this.elIsInput ? e ? (t = this.$datepicker, (i = this.$el).parentNode.insertBefore(t, i.nextSibling)) : this.$container.appendChild(this.$datepicker) : this.$el.appendChild(this.$datepicker), this.$datepicker.innerHTML = '<i class="air-datepicker--pointer"></i><div class="air-datepicker--navigation"></div><div class="air-datepicker--content"></div>', this.$content = k(".air-datepicker--content", this.$datepicker), this.$pointer = k(".air-datepicker--pointer", this.$datepicker), this.$nav = k(".air-datepicker--navigation", this.$datepicker);
         }
         _handleLocale() {
           let { locale: e, dateFormat: t, firstDay: i, timepicker: a, onlyTimepicker: n, timeFormat: s, dateTimeSeparator: o } = this.opts;
@@ -980,10 +980,10 @@ var Ae = me(function(m, v) {
         selectDate(e) {
           let t, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, { currentView: a, parsedViewDate: n, selectedDates: s } = this, { updateTime: o } = i, { moveToOtherMonthsOnSelect: h, moveToOtherYearsOnSelect: d, multipleDates: c, range: p, autoClose: u } = this.opts, f = s.length;
           if (Array.isArray(e))
-            return e.forEach((k) => {
-              this.selectDate(k, i);
-            }), new Promise((k) => {
-              setTimeout(k);
+            return e.forEach((C) => {
+              this.selectDate(C, i);
+            }), new Promise((C) => {
+              setTimeout(C);
             });
           if ((e = x(e)) instanceof Date) {
             if (a === l.days && e.getMonth() !== n.month && h && (t = new Date(e.getFullYear(), e.getMonth(), 1)), a === l.years && e.getFullYear() !== n.year && d && (t = new Date(e.getFullYear(), 0, 1)), t && this.setViewDate(t), c && !p) {
@@ -1003,8 +1003,8 @@ var Ae = me(function(m, v) {
               }
             else
               this.selectedDates = [e];
-            return this.trigger(l.eventChangeSelectedDate, { action: l.actionSelectDate, silent: i == null ? void 0 : i.silent, date: e, updateTime: o }), this._updateLastSelectedDate(e), u && !this.timepickerIsActive && this.visible && (c || p ? p && f === 1 && this.hide() : this.hide()), new Promise((k) => {
-              setTimeout(k);
+            return this.trigger(l.eventChangeSelectedDate, { action: l.actionSelectDate, silent: i == null ? void 0 : i.silent, date: e, updateTime: o }), this._updateLastSelectedDate(e), u && !this.timepickerIsActive && this.visible && (c || p ? p && f === 1 && this.hide() : this.hide()), new Promise((C) => {
+              setTimeout(C);
             });
           }
         }
@@ -1100,14 +1100,14 @@ var Ae = me(function(m, v) {
         }
       }
       var he;
-      return g(E, "defaults", se), g(E, "version", "3.3.0"), g(E, "defaultContainerId", "air-datepicker-global-container"), he = E.prototype, Object.assign(he, ke), T.default;
+      return g(E, "defaults", se), g(E, "version", "3.3.0"), g(E, "defaultContainerId", "air-datepicker-global-container"), he = E.prototype, Object.assign(he, ke), S.default;
     }();
   });
 }), Le = me(function(m, v) {
   Object.defineProperty(v, "__esModule", {
     value: !0
   }), v.default = void 0;
-  var $ = {
+  var w = {
     days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
     daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
     daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
@@ -1119,9 +1119,9 @@ var Ae = me(function(m, v) {
     timeFormat: "hh:mm aa",
     firstDay: 0
   };
-  v.default = $;
+  v.default = w;
 });
-const Oe = /* @__PURE__ */ xe(Le), Ne = ':host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.air-datepicker--pointer{display:none}.air-datepicker-nav{display:flex;margin-bottom:var(--s-space-8);align-items:center;gap:var(--s-space-4)}.air-datepicker-nav--action{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-highlight);cursor:pointer;order:2}.air-datepicker-nav--action:hover{background-color:var(--s-surface-overlay-hovered)}.air-datepicker-nav--title{padding:var(--s-space-8);flex-grow:1;border-radius:var(--s-border-radius-s);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer;order:0}.air-datepicker-nav--title i{font-style:normal}.air-datepicker-body--day-names{display:flex;margin-bottom:var(--s-space-8);justify-content:space-between;align-items:center}.air-datepicker-body--day-name{display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);aspect-ratio:1}.air-datepicker-body--cells{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between}.air-datepicker-body--cells.-months-{gap:var(--s-space-2)}.air-datepicker-cell{position:relative;display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.air-datepicker-cell:not(.-month-):not(.-year-):not(.-in-range-):hover:before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-overlay-hovered);content:"";inset:0}.air-datepicker-cell.-month-,.air-datepicker-cell.-year-{height:2.5rem;flex-basis:calc(100 / 3 * 1% - var(--s-space-2) * 2);border-radius:var(--s-border-radius-s);aspect-ratio:auto}.air-datepicker-cell.-month-.-in-range-:before,.air-datepicker-cell.-year-.-in-range-:before{border-radius:var(--s-border-radius-s)}.air-datepicker-cell.-month-:hover:not(.-in-range-):not(.-selected-),.air-datepicker-cell.-year-:hover:not(.-in-range-):not(.-selected-){background-color:var(--s-surface-overlay-hovered)}.air-datepicker-cell.-other-month-{color:var(--s-text-subdued)}.air-datepicker-cell.-current-:not(.-month-):not(.-year-):after{position:absolute;z-index:-1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:50%;content:"";inset:0}.air-datepicker-cell.-selected-{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-selected-.-year-,.air-datepicker-cell.-selected-.-month-{background-color:var(--s-surface-highlight-default)}.air-datepicker-cell.-selected-:not(.-month-):not(.-year-):not(.-in-range-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-disabled-{color:var(--s-text-subdued);cursor:default}.air-datepicker-cell.-disabled-:hover{background-color:transparent}.air-datepicker-cell.-in-range-:before{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):after{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:50%;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):after{position:absolute;z-index:-1;top:0.0625rem;right:50%;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.-hidden-{display:none}', Ie = class {
+const Oe = /* @__PURE__ */ xe(Le), Ne = ':host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.air-datepicker--pointer{display:none}.air-datepicker-nav{display:flex;margin-bottom:var(--s-space-8);align-items:center}.air-datepicker-nav--action{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-highlight);cursor:pointer;order:2}.air-datepicker-nav--action:hover{background-color:var(--s-surface-overlay-hovered)}.air-datepicker-nav--title{padding:var(--s-space-8);flex-grow:1;border-radius:var(--s-border-radius-s);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer;order:0}.air-datepicker-nav--title i{font-style:normal}.air-datepicker-body--day-names{display:flex;margin-bottom:var(--s-space-8);justify-content:space-between;align-items:center}.air-datepicker-body--day-name{display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);aspect-ratio:1}.air-datepicker-body--cells{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between}.air-datepicker-body--cells.-months-{gap:var(--s-space-2)}.air-datepicker-cell{position:relative;display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.air-datepicker-cell:not(.-month-):not(.-year-):not(.-in-range-):hover:before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-overlay-hovered);content:"";inset:0}.air-datepicker-cell.-month-,.air-datepicker-cell.-year-{height:2.5rem;flex-basis:calc(100 / 3 * 1% - var(--s-space-2) * 2);border-radius:var(--s-border-radius-s);aspect-ratio:auto}.air-datepicker-cell.-month-.-in-range-:before,.air-datepicker-cell.-year-.-in-range-:before{border-radius:var(--s-border-radius-s)}.air-datepicker-cell.-month-:hover:not(.-in-range-):not(.-selected-),.air-datepicker-cell.-year-:hover:not(.-in-range-):not(.-selected-){background-color:var(--s-surface-overlay-hovered)}.air-datepicker-cell.-other-month-{color:var(--s-text-subdued)}.air-datepicker-cell.-current-:not(.-month-):not(.-year-):after{position:absolute;z-index:-1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:50%;content:"";inset:0}.air-datepicker-cell.-selected-{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-selected-.-year-,.air-datepicker-cell.-selected-.-month-{background-color:var(--s-surface-highlight-default)}.air-datepicker-cell.-selected-:not(.-month-):not(.-year-):not(.-in-range-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-disabled-{color:var(--s-text-subdued);cursor:default}.air-datepicker-cell.-disabled-:hover{background-color:transparent}.air-datepicker-cell.-in-range-:before{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):after{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:50%;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):after{position:absolute;z-index:-1;top:0.0625rem;right:50%;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.-hidden-{display:none}', Ie = class {
   constructor(m) {
     ie(this, m), this.valueChange = _e(this, "valueChange", 3), this.locale = Oe, this.onClick = (v) => {
       v.stopPropagation(), v.preventDefault();
@@ -1182,13 +1182,13 @@ const Pe = ":host{display:inline-flex}", Be = class {
   }
 };
 Be.style = Pe;
-const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in;animation:0.15s popover-fade-scale-in}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-xl);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}", ze = class {
+const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in;animation:0.15s popover-fade-scale-in}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}", ze = class {
   constructor(m) {
     ie(this, m), this.placement = "bottom-start", this.active = !1, this.closing = !1, this.onFocusOut = (v) => {
       if (!this.active)
         return;
-      const $ = v.relatedTarget || v.target;
-      !this.el.contains($) && this.close();
+      const w = v.relatedTarget || v.target;
+      !this.el.contains(w) && this.close();
     }, this.toggle = (v) => {
       v.stopPropagation(), this.active ? this.close() : this.open();
     }, this.onKeydown = (v) => {
@@ -1200,12 +1200,14 @@ const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:h
           this.position = void 0;
           return;
         }
-        this.position = await Se(this.triggerEl, this.contentContainer, {
-          middleware: [Te(), Ve()],
+        this.position = await Te(this.triggerEl, this.contentContainer, {
+          middleware: [Se(), Ve()],
           placement: this.placement,
           strategy: "fixed"
         });
       }
+    }, this.onCloseButtonClick = () => {
+      this.close();
     };
   }
   componentDidLoad() {
@@ -1222,7 +1224,7 @@ const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:h
     var m;
     this.closing || (this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
       this.active = !1, this.closing = !1, this.updateTriggerAttributes();
-    }, 150), this.unlockBodyScroll(), (m = this.triggerEl) === null || m === void 0 || m.focus());
+    }, 150), this.unlockBodyScroll(), (m = this.getNativeTriggerElement()) === null || m === void 0 || m.focus());
   }
   async open() {
     this.active = !0, this.updateChildMenuItems(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
@@ -1230,12 +1232,17 @@ const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:h
     });
   }
   connectTrigger() {
-    var m;
-    const v = pe(document.body, `#${this.trigger}`)[0];
-    this.triggerEl = (v == null ? void 0 : v.children[0]) || ((m = v == null ? void 0 : v.shadowRoot) === null || m === void 0 ? void 0 : m.children[0]) || v, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
+    this.triggerEl = pe(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
+  }
+  getNativeTriggerElement() {
+    var m, v, w;
+    return this.triggerEl.tagName.startsWith("FLIP-") ? ((m = this.triggerEl) === null || m === void 0 ? void 0 : m.children[0]) || ((w = (v = this.triggerEl) === null || v === void 0 ? void 0 : v.shadowRoot) === null || w === void 0 ? void 0 : w.children[0]) || this.triggerEl : this.triggerEl;
   }
   updateTriggerAttributes() {
-    !Boolean(this.triggerEl) || (this.triggerEl.setAttribute("aria-controls", this.popoverId), this.triggerEl.setAttribute("aria-expanded", String(this.active)), this.triggerEl.setAttribute("aria-haspopup", "dialog"));
+    if (!Boolean(this.triggerEl))
+      return;
+    const m = this.getNativeTriggerElement();
+    m.setAttribute("aria-controls", this.popoverId), m.setAttribute("aria-expanded", String(this.active)), m.setAttribute("aria-haspopup", "dialog");
   }
   updateChildMenuItems() {
     this.childMenuItems = pe(this.el, '[role="menuitem"]');
@@ -1248,15 +1255,15 @@ const Re = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:h
   }
   render() {
     var m, v;
-    const $ = Ee("popover", {
+    const w = Ee("popover", {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--inactive": !this.active
     });
-    return b(ue, { id: this.popoverId, onFocusout: this.onFocusOut }, b("div", { class: $, onKeyDown: this.onKeydown }, b("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", tabindex: "-1", ref: (T) => this.contentContainer = T, style: {
+    return b(ue, { id: this.popoverId, onFocusout: this.onFocusOut }, b("div", { class: w, onKeyDown: this.onKeydown }, b("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", tabindex: "-1", ref: (S) => this.contentContainer = S, style: {
       top: Boolean(this.position) ? `${(m = this.position) === null || m === void 0 ? void 0 : m.y}px` : "",
       left: Boolean(this.position) ? `${(v = this.position) === null || v === void 0 ? void 0 : v.x}px` : ""
-    } }, b("span", { class: "popover__handle" }), b("div", { class: "popover__scroll-container", ref: (T) => this.scrollContainer = T }, b("slot", null))), this.active && b("div", { class: "popover__backdrop", onClick: this.close })));
+    } }, b("span", { class: "popover__handle" }), b("div", { class: "popover__scroll-container", ref: (S) => this.scrollContainer = S }, b("slot", null))), this.active && b("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return Me(this);

package/dist/{flip-description-list-item.entry.f4e6faf7.js → flip-description-list-item.entry.ebdd7136.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s } from "./index.b6e7bb76.js";
+import { r as t, h as i, H as s } from "./index.0ccdd659.js";
 import "react";
 import "react-dom";
 const e = `:host {

package/dist/{flip-description-list.entry.2b1d4579.js → flip-description-list.entry.48a4d48b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as o } from "./index.b6e7bb76.js";
+import { r as i, h as t, H as o } from "./index.0ccdd659.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {

package/dist/{flip-dialog.entry.2bbc3bff.js → flip-dialog.entry.bec58ff3.js}

@@ -1,10 +1,10 @@
-import { r as e, c as t, h as o, H as n } from "./index.b6e7bb76.js";
+import { r as e, c as t, h as o, H as n } from "./index.0ccdd659.js";
 import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as l } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const r = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', d = class {
+const r = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', d = class {
   constructor(i) {
     e(this, i), this.primaryAction = t(this, "primaryAction", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (a) => {
       a.code === "Escape" && this.close();

package/dist/{flip-empty-state.entry.376592fa.js → flip-empty-state.entry.d125feea.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i } from "./index.b6e7bb76.js";
+import { r as e, h as t, H as i } from "./index.0ccdd659.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", l = class {

package/dist/{flip-file-uploader.entry.c0ddf5a7.js → flip-file-uploader.entry.d8919920.js}

@@ -1,9 +1,9 @@
-import { r as s, c as r, h as e, H as d } from "./index.b6e7bb76.js";
+import { r as s, c as r, h as e, H as d } from "./index.0ccdd659.js";
 import { c as p } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const t = ".sc-flip-file-uploader-h{display:block;width:100%}.sc-flip-file-uploader-h *.sc-flip-file-uploader{box-sizing:border-box}.file-uploader.sc-flip-file-uploader{width:100%}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-16);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader:focus-within{border-color:var(--s-focus-default);border-width:0.125rem}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{position:absolute;display:block;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{cursor:default}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-cta.sc-flip-file-uploader,.file-uploader--disabled.sc-flip-file-uploader .file-uploader__drag-drop-label.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-flip-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.file-uploader__description.sc-flip-file-uploader{display:block;margin-top:var(--s-space-4);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-flip-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}.file-uploader__dropzone-cta.sc-flip-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-flip-file-uploader{margin-top:var(--s-space-16)}.file-uploader__input.sc-flip-file-uploader{display:none}", n = class {
+const t = ".sc-flip-file-uploader-h{display:block;width:100%}.sc-flip-file-uploader-h *.sc-flip-file-uploader{box-sizing:border-box}.file-uploader.sc-flip-file-uploader{width:100%}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-16);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{cursor:default}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-cta.sc-flip-file-uploader,.file-uploader--disabled.sc-flip-file-uploader .file-uploader__drag-drop-label.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-flip-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.file-uploader__description.sc-flip-file-uploader{display:block;margin-top:var(--s-space-4);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-flip-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}.file-uploader__dropzone-cta.sc-flip-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-flip-file-uploader{margin-top:var(--s-space-16)}.file-uploader__input.sc-flip-file-uploader{display:none}", n = class {
   constructor(l) {
     s(this, l), this.valueChange = r(this, "valueChange", 7), this.ctaLabel = "Click to upload", this.dragDropLabel = "or drag and drop.", this.showDropzone = !0, this.uploadButtonLabel = "Select file", this.onChange = (i) => {
       const o = i.target.files;