@getflip/swirl-components-react 0.9.0 → 0.11.0

package/dist/{flip-date-picker_2.entry.e34761be.js → swirl-date-picker_2.entry.e9905308.js}

@@ -1,10 +1,11 @@
-import { r as le, c as we, h as x, H as be, F as te } from "./index.bf386a84.js";
+import { r as le, c as we, h as x, H as be, F as te } from "./index.9489626d.js";
 import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
+import { c as _e } from "./index-c3028f7d.557956d2.js";
 import "react";
 import "react-dom";
-var _e = de(function(D, b) {
+var Me = de(function(y, f) {
   (function(F, W) {
-    D.exports = W();
+    y.exports = W();
   })(Ce, function() {
     return function() {
       var F = { d: function(r, e) {
@@ -17,7 +18,7 @@ var _e = de(function(D, b) {
         return H;
       } });
       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-" }, ie = { 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 f(r) {
+      function w(r) {
         let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : document;
         return typeof r == "string" ? e.querySelector(r) : r;
       }
@@ -56,7 +57,7 @@ var _e = de(function(D, b) {
             a && r.push(a);
         }), r.join(" ");
       }
-      function y(r, e) {
+      function D(r, e) {
         let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : l.days;
         if (!r || !e)
           return !1;
@@ -82,8 +83,8 @@ var _e = de(function(D, b) {
           i.addEventListener(e, t);
         }) : r.addEventListener(e, t);
       }
-      function z(r, e) {
-        return !(!r || r === document || r instanceof DocumentFragment) && (r.matches(e) ? r : z(r.parentNode, e));
+      function j(r, e) {
+        return !(!r || r === document || r instanceof DocumentFragment) && (r.matches(e) ? r : j(r.parentNode, e));
       }
       function R(r, e, t) {
         return r > t ? t : r < e ? e : r;
@@ -127,7 +128,7 @@ var _e = de(function(D, b) {
           }), L(this, "onChangeFocusDate", (s) => {
             if (!s)
               return void (this.focused && this.removeFocus());
-            let o = y(s, this.date, this.type);
+            let o = D(s, this.date, this.type);
             o ? this.focus() : !o && this.focused && this.removeFocus(), this.opts.range && this._handleRangeStatus();
           }), L(this, "render", () => (this.$cell.innerHTML = this._getHtml(), this.$cell.adpCell = this, this.$cell)), this.type = e, this.singleType = this.type.slice(0, -1), this.date = t, this.dp = i, this.opts = a, this.body = n, this.customData = !1, this.init();
         }
@@ -148,7 +149,7 @@ var _e = de(function(D, b) {
         }
         _getClassName() {
           var e, t;
-          let i = new Date(), { selectOtherMonths: a, selectOtherYears: n } = this.opts, { minDate: s, maxDate: o } = this.dp, { day: h } = v(this.date), d = this._isOutOfMinMaxRange(), c = (e = this.customData) === null || e === void 0 ? void 0 : e.disabled, u = S("air-datepicker-cell", "-".concat(this.singleType, "-"), { "-current-": y(i, this.date, this.type), "-min-date-": s && y(s, this.date, this.type), "-max-date-": o && y(o, this.date, this.type) }), p = "";
+          let i = new Date(), { selectOtherMonths: a, selectOtherYears: n } = this.opts, { minDate: s, maxDate: o } = this.dp, { day: h } = v(this.date), d = this._isOutOfMinMaxRange(), c = (e = this.customData) === null || e === void 0 ? void 0 : e.disabled, u = S("air-datepicker-cell", "-".concat(this.singleType, "-"), { "-current-": D(i, this.date, this.type), "-min-date-": s && D(s, this.date, this.type), "-max-date-": o && D(o, this.date, this.type) }), p = "";
           switch (this.type) {
             case l.days:
               p = S({ "-weekend-": this.dp.isWeekend(h), "-other-month-": this.isOtherMonth, "-disabled-": this.isOtherMonth && !a || d || c });
@@ -183,7 +184,7 @@ var _e = de(function(D, b) {
           this.unbindDatepickerEvents();
         }
         _handleRangeStatus() {
-          let { rangeDateFrom: e, rangeDateTo: t } = this.dp, i = S({ "-in-range-": e && t && (a = this.date, n = e, s = t, T(a, n) && P(a, s)), "-range-from-": e && y(this.date, e, this.type), "-range-to-": t && y(this.date, t, this.type) });
+          let { rangeDateFrom: e, rangeDateTo: t } = this.dp, i = S({ "-in-range-": e && t && (a = this.date, n = e, s = t, T(a, n) && P(a, s)), "-range-from-": e && D(this.date, e, this.type), "-range-to-": t && D(this.date, t, this.type) });
           var a, n, s;
           this.$cell.classList.remove("-range-from-", "-range-to-", "-in-range-"), i && this.$cell.classList.add(...i.split(" "));
         }
@@ -192,7 +193,7 @@ var _e = de(function(D, b) {
           e ? this.select() : !e && this.selected && this.removeSelect();
         }
         _handleInitialFocusStatus() {
-          y(this.dp.focusDate, this.date, this.type) && this.focus();
+          D(this.dp.focusDate, this.date, this.type) && this.focus();
         }
         get isDisabled() {
           return this.$cell.matches(".-disabled-");
@@ -226,7 +227,7 @@ var _e = de(function(D, b) {
           }), _(this, "onChangeCurrentView", (n) => {
             n !== this.type ? this.hide() : (this.show(), this.render());
           }), _(this, "onMouseOverCell", (n) => {
-            let s = z(n.target, K);
+            let s = j(n.target, K);
             this.dp.setFocusDate(!!s && s.adpCell.date);
           }), _(this, "onMouseOutCell", () => {
             this.dp.setFocusDate(!1);
@@ -235,13 +236,13 @@ var _e = de(function(D, b) {
             o.closest(K) && this.handleClick(n), s && o.closest(".air-datepicker-body--day-name") && this.handleDayNameClick(n);
           }), _(this, "onMouseDown", (n) => {
             this.pressed = !0;
-            let s = z(n.target, K), o = s && s.adpCell;
-            y(o.date, this.dp.rangeDateFrom) && (this.rangeFromFocused = !0), y(o.date, this.dp.rangeDateTo) && (this.rangeToFocused = !0);
+            let s = j(n.target, K), o = s && s.adpCell;
+            D(o.date, this.dp.rangeDateFrom) && (this.rangeFromFocused = !0), D(o.date, this.dp.rangeDateTo) && (this.rangeToFocused = !0);
           }), _(this, "onMouseMove", (n) => {
             if (!this.pressed || !this.dp.isMinViewReached)
               return;
             n.preventDefault();
-            let s = z(n.target, K), o = s && s.adpCell, { selectedDates: h, rangeDateTo: d, rangeDateFrom: c } = this.dp;
+            let s = j(n.target, K), o = s && s.adpCell, { selectedDates: h, rangeDateTo: d, rangeDateFrom: c } = this.dp;
             if (!o || o.isDisabled)
               return;
             let { date: u } = o;
@@ -263,11 +264,11 @@ var _e = de(function(D, b) {
             let o = O(n), h = O(s);
             switch (this.dp.currentView) {
               case l.days:
-                if (y(n, s, l.months))
+                if (D(n, s, l.months))
                   return;
                 break;
               case l.months:
-                if (y(n, s, l.years))
+                if (D(n, s, l.years))
                   return;
                 break;
               case l.years:
@@ -292,7 +293,7 @@ var _e = de(function(D, b) {
           this.dp.on(l.eventChangeViewDate, this.onChangeViewDate), this.dp.on(l.eventChangeCurrentView, this.onChangeCurrentView);
         }
         _buildBaseHtml() {
-          this.$el = k({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: pe[this.type] }), this.$names = f(".air-datepicker-body--day-names", this.$el), this.$cells = f(".air-datepicker-body--cells", this.$el);
+          this.$el = k({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: pe[this.type] }), this.$names = w(".air-datepicker-body--day-names", this.$el), this.$cells = w(".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;
@@ -305,13 +306,13 @@ var _e = de(function(D, b) {
         _getDaysCells() {
           let { viewDate: e, locale: { firstDay: t } } = this.dp, i = se(e), { year: a, month: n } = v(e), s = new Date(a, n, 1), o = new Date(a, n, i), h = s.getDay() - t, d = 6 - o.getDay() + t;
           h = h < 0 ? h + 7 : h, d = d > 6 ? d - 7 : d;
-          let c = function(B, U) {
-            let { year: Y, month: j, date: q } = v(B);
-            return new Date(Y, j, q - U);
-          }(s, h), u = i + h + d, p = c.getDate(), { year: g, month: w } = v(c), $ = 0;
+          let c = function(z, U) {
+            let { year: Y, month: B, date: q } = v(z);
+            return new Date(Y, B, q - U);
+          }(s, h), u = i + h + d, p = c.getDate(), { year: g, month: b } = v(c), $ = 0;
           for (; $ < u; ) {
-            let B = new Date(g, w, p + $);
-            this._generateCell(B), $++;
+            let z = new Date(g, b, p + $);
+            this._generateCell(z), $++;
           }
         }
         _generateCell(e) {
@@ -366,7 +367,7 @@ var _e = de(function(D, b) {
         constructor(e) {
           let { dp: t, opts: i } = e;
           E(this, "onClickNav", (a) => {
-            let n = z(a.target, ".air-datepicker-nav--action");
+            let n = j(a.target, ".air-datepicker-nav--action");
             if (!n)
               return;
             let s = n.dataset.action;
@@ -393,7 +394,7 @@ var _e = de(function(D, b) {
           this._createElement(), this._buildBaseHtml(), this._defineDOM(), this.render(), this.handleNavStatus(), this._bindEvents(), this._bindDatepickerEvents();
         }
         _defineDOM() {
-          this.$title = f(".air-datepicker-nav--title", this.$el), this.$prev = f('[data-action="prev"]', this.$el), this.$next = f('[data-action="next"]', this.$el);
+          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);
         }
         _bindEvents() {
           this.$el.addEventListener("click", this.onClickNav), this.$title.addEventListener("click", this.onClickNavTitle);
@@ -431,7 +432,7 @@ var _e = de(function(D, b) {
           }
         }
         _disableNav(e) {
-          f('[data-action="' + e + '"]', this.$el).classList.add("-disabled-");
+          w('[data-action="' + e + '"]', this.$el).classList.add("-disabled-");
         }
         _resetNavStatus() {
           (function(e) {
@@ -539,7 +540,7 @@ var _e = de(function(D, b) {
           this.$el.innerHTML = '<div class="air-datepicker-time--current">' + '   <span class="air-datepicker-time--current-hours">'.concat(I(i), "</span>") + '   <span class="air-datepicker-time--current-colon">:</span>' + '   <span class="air-datepicker-time--current-minutes">'.concat(I(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(u, '"/>') + "   </div></div>";
         }
         defineDOM() {
-          let e = (t) => f(t, this.$el);
+          let e = (t) => w(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) {
@@ -551,7 +552,7 @@ var _e = de(function(D, b) {
         setMinMaxTime(e) {
           if (this.setMinMaxTimeFromOptions(), e) {
             let { minDate: t, maxDate: i } = this.dp;
-            t && y(e, t) && this.setMinTimeFromMinDate(t), i && y(e, i) && this.setMaxTimeFromMaxDate(i);
+            t && D(e, t) && this.setMinTimeFromMinDate(t), i && D(e, i) && this.setMaxTimeFromMaxDate(i);
           }
         }
         setCurrentTime(e) {
@@ -753,26 +754,26 @@ var _e = de(function(D, b) {
             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, u = i.$el.getBoundingClientRect(), p = i.$el.getBoundingClientRect(), g = i.$datepicker.offsetParent, w = i.$el.offsetParent, $ = i.$datepicker.getBoundingClientRect(), B = s.split(" "), U = window.scrollY, Y = window.scrollX, j = i.opts.offset, q = B[0], fe = B[1];
+            let h, d, { isMobile: c } = i.opts, u = i.$el.getBoundingClientRect(), p = i.$el.getBoundingClientRect(), g = i.$datepicker.offsetParent, b = i.$el.offsetParent, $ = i.$datepicker.getBoundingClientRect(), z = s.split(" "), U = window.scrollY, Y = window.scrollX, B = i.opts.offset, q = z[0], fe = z[1];
             if (c)
               i.$datepicker.style.cssText = "left: 50%; top: 50%";
             else {
-              if (g === w && g !== document.body && (p = { top: i.$el.offsetTop, left: i.$el.offsetLeft, width: u.width, height: i.$el.offsetHeight }, U = 0, Y = 0), g !== w && g !== document.body) {
+              if (g === b && g !== document.body && (p = { top: i.$el.offsetTop, left: i.$el.offsetLeft, width: u.width, height: i.$el.offsetHeight }, U = 0, Y = 0), g !== b && g !== document.body) {
                 let he = g.getBoundingClientRect();
                 p = { top: u.top - he.top, left: u.left - he.left, width: u.width, height: u.height }, U = 0, Y = 0;
               }
               switch (q) {
                 case "top":
-                  h = p.top - $.height - j;
+                  h = p.top - $.height - B;
                   break;
                 case "right":
-                  d = p.left + p.width + j;
+                  d = p.left + p.width + B;
                   break;
                 case "bottom":
-                  h = p.top + p.height + j;
+                  h = p.top + p.height + B;
                   break;
                 case "left":
-                  d = p.left - $.width - j;
+                  d = p.left - $.width - B;
               }
               switch (fe) {
                 case "top":
@@ -804,7 +805,7 @@ var _e = de(function(D, b) {
           }), m(this, "_checkIfDateIsSelected", function(s) {
             let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : l.days, h = !1;
             return i.selectedDates.some((d) => {
-              let c = y(s, d, o);
+              let c = D(s, d, o);
               return h = c && d, c;
             }), h;
           }), m(this, "_scheduleCallAfterTransition", (s) => {
@@ -814,7 +815,7 @@ var _e = de(function(D, b) {
           }), m(this, "_cancelScheduledCall", () => {
             this.$datepicker.removeEventListener("transitionend", this._onTransitionEnd);
           }), m(this, "setViewDate", (s) => {
-            if (!((s = M(s)) instanceof Date) || y(s, this.viewDate))
+            if (!((s = M(s)) instanceof Date) || D(s, this.viewDate))
               return;
             let o = this.viewDate;
             this.viewDate = s;
@@ -868,8 +869,8 @@ var _e = de(function(D, b) {
           }), m(this, "_onChangeTime", (s) => {
             let { hours: o, minutes: h } = s, d = new Date(), { lastSelectedDate: c, opts: { onSelect: u } } = this, p = c;
             c || (p = d);
-            let g = this.getCell(p, this.currentViewSingular), w = g && g.adpCell;
-            w && w.isDisabled || (p.setHours(o), p.setMinutes(h), c ? (this._setInputValue(), u && this._triggerOnSelect()) : this.selectDate(p));
+            let g = this.getCell(p, this.currentViewSingular), b = g && g.adpCell;
+            b && b.isDisabled || (p.setHours(o), p.setMinutes(h), c ? (this._setInputValue(), u && this._triggerOnSelect()) : this.selectDate(p));
           }), m(this, "_onFocus", (s) => {
             this.visible || this.show();
           }), m(this, "_onBlur", (s) => {
@@ -885,9 +886,9 @@ var _e = de(function(D, b) {
           }), m(this, "isWeekend", (s) => this.opts.weekends.includes(s)), m(this, "getClampedDate", (s) => {
             let { minDate: o, maxDate: h } = this, d = s;
             return h && T(s, h) ? d = h : o && P(s, o) && (d = o), d;
-          }), this.$el = f(e), !this.$el)
+          }), this.$el = w(e), !this.$el)
             return;
-          this.$datepicker = k({ className: "air-datepicker" }), this.opts = Z({}, ie, t), this.$customContainer = !!this.opts.container && f(this.opts.container), this.$altField = f(this.opts.altField || !1), ee || (ee = f("body"));
+          this.$datepicker = k({ className: "air-datepicker" }), this.opts = Z({}, ie, t), this.$customContainer = !!this.opts.container && w(this.opts.container), this.$altField = w(this.opts.altField || !1), ee || (ee = w("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 = M(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();
         }
@@ -930,7 +931,7 @@ var _e = de(function(D, b) {
         _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 = f(".air-datepicker--content", this.$datepicker), this.$pointer = f(".air-datepicker--pointer", this.$datepicker), this.$nav = f(".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 = w(".air-datepicker--content", this.$datepicker), this.$pointer = w(".air-datepicker--pointer", this.$datepicker), this.$nav = w(".air-datepicker--navigation", this.$datepicker);
         }
         _handleLocale() {
           let { locale: e, dateFormat: t, firstDay: i, timepicker: a, onlyTimepicker: n, timeFormat: s, dateTimeSeparator: o } = this.opts;
@@ -976,10 +977,10 @@ var _e = de(function(D, b) {
         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: u, autoClose: p } = this.opts, g = s.length;
           if (Array.isArray(e))
-            return e.forEach((w) => {
-              this.selectDate(w, i);
-            }), new Promise((w) => {
-              setTimeout(w);
+            return e.forEach((b) => {
+              this.selectDate(b, i);
+            }), new Promise((b) => {
+              setTimeout(b);
             });
           if ((e = M(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 && !u) {
@@ -999,8 +1000,8 @@ var _e = de(function(D, b) {
               }
             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), p && !this.timepickerIsActive && this.visible && (c || u ? u && g === 1 && this.hide() : this.hide()), new Promise((w) => {
-              setTimeout(w);
+            return this.trigger(l.eventChangeSelectedDate, { action: l.actionSelectDate, silent: i == null ? void 0 : i.silent, date: e, updateTime: o }), this._updateLastSelectedDate(e), p && !this.timepickerIsActive && this.visible && (c || u ? u && g === 1 && this.hide() : this.hide()), new Promise((b) => {
+              setTimeout(b);
             });
           }
         }
@@ -1008,13 +1009,13 @@ var _e = de(function(D, b) {
           let t = this.selectedDates, i = this;
           if ((e = M(e)) instanceof Date)
             return t.some((a, n) => {
-              if (y(a, e))
+              if (D(a, e))
                 return t.splice(n, 1), i.selectedDates.length ? i._updateLastSelectedDate(i.selectedDates[i.selectedDates.length - 1]) : (i.rangeDateFrom = "", i.rangeDateTo = "", i._updateLastSelectedDate(!1)), this.trigger(l.eventChangeSelectedDate, { action: l.actionUnselectDate, date: e }), !0;
             });
         }
         replaceDate(e, t) {
-          let i = this.selectedDates.find((n) => y(n, e, this.currentView)), a = this.selectedDates.indexOf(i);
-          a < 0 || y(this.selectedDates[a], t, this.currentView) || (this.selectedDates[a] = t, this.trigger(l.eventChangeSelectedDate, { action: l.actionSelectDate, date: t, updateTime: !0 }), this._updateLastSelectedDate(t));
+          let i = this.selectedDates.find((n) => D(n, e, this.currentView)), a = this.selectedDates.indexOf(i);
+          a < 0 || D(this.selectedDates[a], t, this.currentView) || (this.selectedDates[a] = t, this.trigger(l.eventChangeSelectedDate, { action: l.actionSelectDate, date: t, updateTime: !0 }), this._updateLastSelectedDate(t));
         }
         clear() {
           let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -1099,10 +1100,10 @@ var _e = de(function(D, b) {
       return m(H, "defaults", ie), m(H, "version", "3.3.0"), m(H, "defaultContainerId", "air-datepicker-global-container"), oe = H.prototype, Object.assign(oe, De), W.default;
     }();
   });
-}), Me = de(function(D, b) {
-  Object.defineProperty(b, "__esModule", {
+}), $e = de(function(y, f) {
+  Object.defineProperty(f, "__esModule", {
     value: !0
-  }), b.default = void 0;
+  }), f.default = void 0;
   var F = {
     days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
     daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -1115,12 +1116,12 @@ var _e = de(function(D, b) {
     timeFormat: "hh:mm aa",
     firstDay: 0
   };
-  b.default = F;
+  f.default = F;
 });
-const $e = /* @__PURE__ */ ke(Me), Se = ':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}', Te = class {
-  constructor(D) {
-    le(this, D), this.valueChange = we(this, "valueChange", 3), this.locale = $e, this.onClick = (b) => {
-      b.stopPropagation(), b.preventDefault();
+const Se = /* @__PURE__ */ ke($e), Te = ':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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.air-datepicker-nav--title{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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}', Ve = class {
+  constructor(y) {
+    le(this, y), this.valueChange = we(this, "valueChange", 3), this.locale = Se, this.onClick = (f) => {
+      f.stopPropagation(), f.preventDefault();
     };
   }
   watchProps() {
@@ -1130,34 +1131,34 @@ const $e = /* @__PURE__ */ ke(Me), Se = ':host{display:block}:host *{box-sizing:
     this.init();
   }
   disconnectedCallback() {
-    var D;
-    (D = this.picker) === null || D === void 0 || D.destroy();
+    var y;
+    (y = this.picker) === null || y === void 0 || y.destroy();
   }
   init() {
-    var D;
-    (D = this.picker) === null || D === void 0 || D.destroy();
-    let b;
-    this.value === void 0 ? b = void 0 : Array.isArray(this.value) ? b = this.value : b = [this.value], this.picker = new _e(this.containerEl, {
+    var y;
+    (y = this.picker) === null || y === void 0 || y.destroy();
+    let f;
+    this.value === void 0 ? f = void 0 : Array.isArray(this.value) ? f = this.value : f = [this.value], this.picker = new Me(this.containerEl, {
       classes: "date-picker",
       inline: !0,
       locale: this.locale,
       maxDate: this.maxDate,
       minDate: this.minDate,
       minView: "days",
-      nextHtml: "<flip-icon-chevron-right></flip-icon-chevron-right>",
+      nextHtml: "<swirl-icon-chevron-right></swirl-icon-chevron-right>",
       onSelect: ({ date: F }) => {
         this.valueChange.emit(F);
       },
-      prevHtml: "<flip-icon-chevron-left></flip-icon-chevron-left>",
+      prevHtml: "<swirl-icon-chevron-left></swirl-icon-chevron-left>",
       range: this.range,
-      selectedDates: b,
+      selectedDates: f,
       startDate: this.startDate,
       toggleSelected: !this.range,
       view: "days"
     });
   }
   render() {
-    return x(be, { onClick: this.onClick }, x("div", { ref: (D) => this.containerEl = D }));
+    return x(be, { onClick: this.onClick }, x("div", { ref: (y) => this.containerEl = y }));
   }
   static get watchers() {
     return {
@@ -1170,17 +1171,18 @@ const $e = /* @__PURE__ */ ke(Me), Se = ':host{display:block}:host *{box-sizing:
     };
   }
 };
-Te.style = Se;
-const Ve = ":host{display:inline-flex}", xe = class {
-  constructor(D) {
-    le(this, D), this.size = 24;
+Ve.style = Te;
+const xe = ":host{display:inline-flex}", Fe = class {
+  constructor(y) {
+    le(this, y), this.size = 24;
   }
   render() {
-    return x("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && x(te, null, x("path", { d: "M6 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z", fill: "currentColor" })), this.size === 24 && x(te, null, x("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" })), this.size === 28 && x(te, null, x("path", { d: "M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z", fill: "currentColor" })));
+    const y = this.size === 20 ? 24 : this.size, f = _e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return x("svg", { class: f, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${y} ${y}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && x(te, null, x("path", { d: "M6 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && x(te, null, x("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" })), this.size === 28 && x(te, null, x("path", { d: "M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z", fill: "currentColor" })));
   }
 };
-xe.style = Ve;
+Fe.style = xe;
 export {
-  Te as flip_date_picker,
-  xe as flip_icon_today
+  Ve as swirl_date_picker,
+  Fe as swirl_icon_today
 };

package/dist/{flip-description-list-item.entry.2038c81f.js → swirl-description-list-item.entry.e5e7327a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s } from "./index.bf386a84.js";
+import { r as t, h as i, H as s } from "./index.9489626d.js";
 import "react";
 import "react-dom";
 const e = `:host {
@@ -16,12 +16,27 @@ const e = `:host {
   line-height: var(--s-line-height-base);
 }
 
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+
+.description-list-item {
+    font-size: var(--s-font-size-sm);
+    line-height: var(--s-line-height-sm)
+}
+  }
+
 .description-list-item__term {
   display: block;
   margin-bottom: var(--s-space-4);
   font-weight: var(--s-font-weight-semibold);
 }
 
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+
+.description-list-item__term {
+    margin-bottom: var(--s-space-2)
+}
+  }
+
 .description-list-item__description {
   display: block;
   max-width: 40rem;
@@ -71,10 +86,10 @@ const e = `:host {
     t(this, n);
   }
   render() {
-    return i(s, null, i("div", { class: "description-list-item" }, i("dt", { class: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
+    return i(s, null, i("div", { class: "description-list-item", part: "description-list-item" }, i("dt", { class: "description-list-item__term", part: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
   }
 };
 r.style = e;
 export {
-  r as flip_description_list_item
+  r as swirl_description_list_item
 };

package/dist/{flip-description-list.entry.1fd450a5.js → swirl-description-list.entry.b451e1b2.js}

@@ -1,15 +1,15 @@
-import { r as i, h as t, H as o } from "./index.bf386a84.js";
+import { r as i, h as s, H as o } from "./index.9489626d.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 {
-  constructor(s) {
-    i(this, s);
+  constructor(t) {
+    i(this, t);
   }
   render() {
-    return t(o, null, t("dl", { class: "description-list" }, t("slot", null)));
+    return s(o, null, s("dl", { class: "description-list" }, s("slot", null)));
   }
 };
 e.style = r;
 export {
-  e as flip_description_list
+  e as swirl_description_list
 };

package/dist/swirl-dialog.entry.27d08ab3.js

@@ -0,0 +1,45 @@
+import { r as e, c as t, h as o, H as n } from "./index.9489626d.js";
+import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { c as r } from "./index-c3028f7d.557956d2.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const d = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-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:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.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)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@-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}}', l = 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();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (a) => {
+      this.primaryAction.emit(a), this.close();
+    }, this.onSecondaryAction = (a) => {
+      this.secondaryAction.emit(a), this.close();
+    };
+  }
+  componentDidLoad() {
+    this.dialog = new s(this.dialogEl), this.dialog.on("show", () => {
+      var i;
+      (i = this.controlsContainerEl.querySelector("swirl-button button")) === null || i === void 0 || i.focus();
+    });
+  }
+  disconnectedCallback() {
+    var i;
+    (i = this.dialog) === null || i === void 0 || i.destroy();
+  }
+  async open() {
+    this.dialog.show();
+  }
+  async close() {
+    this.closing || (this.closing = !0, setTimeout(() => {
+      this.dialog.hide(), this.closing = !1;
+    }, 150));
+  }
+  render() {
+    const i = r("dialog", { "dialog--closing": this.closing });
+    return o(n, null, o("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, "aria-modal": "true", class: i, onKeyDown: this.onKeyDown, ref: (a) => this.dialogEl = a, role: "alertdialog" }, o("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), o("div", { class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && o("h2", { class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label), o("div", { class: "dialog__content", part: "dialog__content", id: "content" }, o("slot", null)), o("swirl-button-group", { class: "dialog__controls", ref: (a) => this.controlsContainerEl = a, stretch: !0, wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
+  }
+};
+l.style = d;
+export {
+  l as swirl_dialog
+};

package/dist/swirl-file-uploader.entry.6c075751.js

@@ -0,0 +1,32 @@
+import { r, c as o, h as e, H as d } from "./index.9489626d.js";
+import { c as t } from "./index-c3028f7d.557956d2.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const p = ".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-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-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}", n = class {
+  constructor(i) {
+    r(this, i), this.valueChange = o(this, "valueChange", 7), this.ctaLabel = "Click to upload", this.dragDropLabel = "or drag and drop.", this.showDropzone = !0, this.uploadButtonLabel = "Select file", this.onChange = (l) => {
+      const a = l.target.files;
+      this.valueChange.emit(a);
+    }, this.onUploadButtonClick = () => {
+      this.inputEl.click();
+    };
+  }
+  async reset() {
+    this.inputEl.value = "";
+  }
+  render() {
+    const i = Boolean(this.description) ? `${this.inputId}-description ${this.inputId}-additional-label` : `${this.inputId}-additional-label`, l = this.showDropzone ? 0 : -1, a = t("file-uploader", {
+      "file-uploader--disabled": this.disabled,
+      "file-uploader--show-dropzone": this.showDropzone
+    });
+    return e(d, null, e("div", { class: a }, e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputEl}-label` }, this.label), this.description && e("span", { class: "file-uploader__description", id: `${this.inputId}-description` }, this.description), e("div", { class: "file-uploader__dropzone" }, this.showDropzone ? [
+      e("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
+      e("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, e("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", e("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))
+    ] : e("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, swirlAriaDescribedby: i, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, variant: "flat" }), e("input", { accept: this.accept, "aria-describedby": i, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (s) => this.inputEl = s, tabIndex: l, type: "file" }))));
+  }
+};
+n.style = p;
+export {
+  n as swirl_file_uploader
+};