@skyloft/windvane 0.1.12 → 0.1.14

package/dist/windvane.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, createElementBlock as v, openBlock as h, normalizeClass as D, renderSlot as x, computed as A, createCommentVNode as C, normalizeStyle as P, unref as b, toDisplayString as Y, resolveDirective as Ie, withDirectives as J, createBlock as q, createTextVNode as oe, ref as E, watch as j, Fragment as et, renderList as tt, useSlots as Cs, createElementVNode as I, createVNode as N, resolveComponent as he, isRef as xt, provide as Ue, withModifiers as K, watchEffect as $s, Teleport as zt, Transition as Ze, withCtx as B, vShow as nt, useCssVars as Vs, TransitionGroup as _s, inject as lt, vModelText as Fs, vModelDynamic as Ws, onMounted as zs, onBeforeUnmount as Ls, nextTick as As, vModelSelect as Zs, reactive as Sn } from "vue";
+import { defineComponent as $, createElementBlock as v, openBlock as h, normalizeClass as D, renderSlot as x, computed as A, createCommentVNode as C, normalizeStyle as P, unref as b, toDisplayString as Y, resolveDirective as Ie, withDirectives as J, createBlock as q, createTextVNode as oe, ref as E, watch as j, Fragment as et, renderList as tt, useSlots as Cs, createElementVNode as I, createVNode as N, resolveComponent as he, isRef as xt, provide as Ue, withModifiers as K, watchEffect as $s, Teleport as zt, Transition as Ze, withCtx as B, vShow as nt, useCssVars as Vs, TransitionGroup as Fs, inject as lt, vModelText as _s, vModelDynamic as Ws, onMounted as zs, onBeforeUnmount as Ls, nextTick as As, vModelSelect as Zs, reactive as Sn } from "vue";
 const On = /* @__PURE__ */ $({
   __name: "Badge",
   props: {
@@ -58,9 +58,11 @@ const On = /* @__PURE__ */ $({
         type: e.type,
         class: D({
           "relative rounded flex items-center justify-center text-center gap-2 font-medium text-sm": !0,
-          [e.color || "text-white"]: !0,
-          "bg-primary": !e.flat,
-          "bg-transparent": e.flat,
+          color: !0,
+          "bg-primary text-buttons": !e.flat,
+          "bg-transparent text-text": e.flat,
+          "hover:bg-white/10": e.flat,
+          "transition-colors": !0,
           "opacity-70 cursor-not-allowed": e.readonly || e.disable,
           "cursor-pointer": !e.readonly && !e.disable,
           "rounded-full aspect-square p-2": e.round,
@@ -108,17 +110,17 @@ const On = /* @__PURE__ */ $({
       return h(), v("div", {
         class: D({ "flex flex-nowrap": !0, "flex-col": c.vertical })
       }, [
-        (h(!0), v(et, null, tt(c.options, (m, f) => J((h(), v("button", {
+        (h(!0), v(et, null, tt(c.options, (m, d) => J((h(), v("button", {
           key: m.value,
           class: D({
             "relative focus-visible:outline-none transition-all uppercase tracking-wide": !0,
             "font-medium text-sm flex-grow cursor-pointer": !0,
             [b(i)]: !0,
-            [o(f)]: !c.vertical,
-            [l(f)]: !!c.vertical,
+            [o(d)]: !c.vertical,
+            [l(d)]: !!c.vertical,
             [b(a)]: m.value === b(r)
           }),
-          onClick: (F) => u(m.value)
+          onClick: (_) => u(m.value)
         }, [
           oe(Y(m.label), 1)
         ], 10, Us)), [
@@ -239,130 +241,130 @@ class ue extends we {
     super("Zone is an abstract class");
   }
 }
-const d = "numeric", re = "short", G = "long", rt = {
-  year: d,
-  month: d,
-  day: d
+const f = "numeric", re = "short", G = "long", rt = {
+  year: f,
+  month: f,
+  day: f
 }, Mn = {
-  year: d,
+  year: f,
   month: re,
-  day: d
+  day: f
 }, Qs = {
-  year: d,
+  year: f,
   month: re,
-  day: d,
+  day: f,
   weekday: re
 }, Dn = {
-  year: d,
+  year: f,
   month: G,
-  day: d
+  day: f
 }, In = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G
 }, Nn = {
-  hour: d,
-  minute: d
+  hour: f,
+  minute: f
 }, En = {
-  hour: d,
-  minute: d,
-  second: d
+  hour: f,
+  minute: f,
+  second: f
 }, Cn = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: re
 }, $n = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: G
 }, Vn = {
-  hour: d,
-  minute: d,
-  hourCycle: "h23"
-}, _n = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
   hourCycle: "h23"
 }, Fn = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
+  hourCycle: "h23"
+}, _n = {
+  hour: f,
+  minute: f,
+  second: f,
   hourCycle: "h23",
   timeZoneName: re
 }, Wn = {
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   hourCycle: "h23",
   timeZoneName: G
 }, zn = {
-  year: d,
-  month: d,
-  day: d,
-  hour: d,
-  minute: d
+  year: f,
+  month: f,
+  day: f,
+  hour: f,
+  minute: f
 }, Ln = {
-  year: d,
-  month: d,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d
+  year: f,
+  month: f,
+  day: f,
+  hour: f,
+  minute: f,
+  second: f
 }, An = {
-  year: d,
+  year: f,
   month: re,
-  day: d,
-  hour: d,
-  minute: d
+  day: f,
+  hour: f,
+  minute: f
 }, Zn = {
-  year: d,
+  year: f,
   month: re,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d
+  day: f,
+  hour: f,
+  minute: f,
+  second: f
 }, Ks = {
-  year: d,
+  year: f,
   month: re,
-  day: d,
+  day: f,
   weekday: re,
-  hour: d,
-  minute: d
+  hour: f,
+  minute: f
 }, Rn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
-  hour: d,
-  minute: d,
+  day: f,
+  hour: f,
+  minute: f,
   timeZoneName: re
 }, Un = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
-  hour: d,
-  minute: d,
-  second: d,
+  day: f,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: re
 }, Bn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G,
-  hour: d,
-  minute: d,
+  hour: f,
+  minute: f,
   timeZoneName: G
 }, qn = {
-  year: d,
+  year: f,
   month: G,
-  day: d,
+  day: f,
   weekday: G,
-  hour: d,
-  minute: d,
-  second: d,
+  hour: f,
+  minute: f,
+  second: f,
   timeZoneName: G
 };
 class Be {
@@ -646,8 +648,8 @@ class le extends Be {
       millisecond: 0
     });
     let m = +t;
-    const f = m % 1e3;
-    return m -= f >= 0 ? f : 1e3 + f, (y - m) / (60 * 1e3);
+    const d = m % 1e3;
+    return m -= d >= 0 ? d : 1e3 + d, (y - m) / (60 * 1e3);
   }
   /**
    * Return whether this Zone is equal to another zone
@@ -835,7 +837,7 @@ class M {
     );
   }
   static create(e, t, s, r, i = !1) {
-    const a = e || _.defaultLocale, o = a || (i ? "en-US" : ar()), l = t || _.defaultNumberingSystem, u = s || _.defaultOutputCalendar, c = _t(r) || _.defaultWeekSettings;
+    const a = e || F.defaultLocale, o = a || (i ? "en-US" : ar()), l = t || F.defaultNumberingSystem, u = s || F.defaultOutputCalendar, c = Ft(r) || F.defaultWeekSettings;
     return new M(o, l, u, c, a);
   }
   static resetCache() {
@@ -860,7 +862,7 @@ class M {
       e.locale || this.specifiedLocale,
       e.numberingSystem || this.numberingSystem,
       e.outputCalendar || this.outputCalendar,
-      _t(e.weekSettings) || this.weekSettings,
+      Ft(e.weekSettings) || this.weekSettings,
       e.defaultToEN || !1
     );
   }
@@ -1186,7 +1188,7 @@ function te({ numberingSystem: n }, e = "") {
   return r === void 0 && (r = new RegExp(`${Lt[t]}${e}`), s.set(e, r)), r;
 }
 let Gt = () => Date.now(), Jt = "system", jt = null, Qt = null, Kt = null, Xt = 60, en, tn = null;
-class _ {
+class F {
   /**
    * Get the callback for returning the current timestamp.
    * @type {function}
@@ -1282,7 +1284,7 @@ class _ {
    * @param {WeekSettings|null} weekSettings
    */
   static set defaultWeekSettings(e) {
-    tn = _t(e);
+    tn = Ft(e);
   }
   /**
    * Get the cutoff year for whether a 2-digit year string is interpreted in the current or previous century. Numbers higher than the cutoff will be considered to mean 19xx and numbers lower or equal to the cutoff will be considered 20xx.
@@ -1454,7 +1456,7 @@ function xr(n, e) {
 function De(n, e) {
   return Object.prototype.hasOwnProperty.call(n, e);
 }
-function _t(n) {
+function Ft(n) {
   if (n == null)
     return null;
   if (typeof n != "object")
@@ -1525,8 +1527,8 @@ function Re(n, e = 4, t = 1) {
   const s = on(n, e, t), r = on(n + 1, e, t);
   return (xe(n) - s + r) / 7;
 }
-function Ft(n) {
-  return n > 99 ? n : n > _.twoDigitCutoffYear ? 1900 + n : 2e3 + n;
+function _t(n) {
+  return n > 99 ? n : n > F.twoDigitCutoffYear ? 1900 + n : 2e3 + n;
 }
 function ts(n, e, t, s = null) {
   const r = new Date(n), i = {
@@ -1661,10 +1663,10 @@ function us(n) {
 function Vr(n) {
   return ls[n.hour < 12 ? 0 : 1];
 }
-function _r(n, e) {
+function Fr(n, e) {
   return os(e)[n.weekday - 1];
 }
-function Fr(n, e) {
+function _r(n, e) {
   return rs(e)[n.month - 1];
 }
 function Wr(n, e) {
@@ -1711,8 +1713,8 @@ const Lr = {
   ttt: Cn,
   tttt: $n,
   T: Vn,
-  TT: _n,
-  TTT: Fn,
+  TT: Fn,
+  TTT: _n,
   TTTT: Wn,
   f: zn,
   ff: An,
@@ -1767,12 +1769,12 @@ class U {
     return t > 0 && (s.padTo = t), this.loc.numberFormatter(s).format(e);
   }
   formatDateTimeFromString(e, t) {
-    const s = this.loc.listingMode() === "en", r = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", i = (m, f) => this.loc.extract(e, m, f), a = (m) => e.isOffsetFixed && e.offset === 0 && m.allowZ ? "Z" : e.isValid ? e.zone.formatOffset(e.ts, m.format) : "", o = () => s ? Vr(e) : i({ hour: "numeric", hourCycle: "h12" }, "dayperiod"), l = (m, f) => s ? Fr(e, m) : i(f ? { month: m } : { month: m, day: "numeric" }, "month"), u = (m, f) => s ? _r(e, m) : i(
-      f ? { weekday: m } : { weekday: m, month: "long", day: "numeric" },
+    const s = this.loc.listingMode() === "en", r = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", i = (m, d) => this.loc.extract(e, m, d), a = (m) => e.isOffsetFixed && e.offset === 0 && m.allowZ ? "Z" : e.isValid ? e.zone.formatOffset(e.ts, m.format) : "", o = () => s ? Vr(e) : i({ hour: "numeric", hourCycle: "h12" }, "dayperiod"), l = (m, d) => s ? _r(e, m) : i(d ? { month: m } : { month: m, day: "numeric" }, "month"), u = (m, d) => s ? Fr(e, m) : i(
+      d ? { weekday: m } : { weekday: m, month: "long", day: "numeric" },
       "weekday"
     ), c = (m) => {
-      const f = U.macroTokenToFormatOpts(m);
-      return f ? this.formatWithSystemDefault(e, f) : m;
+      const d = U.macroTokenToFormatOpts(m);
+      return d ? this.formatWithSystemDefault(e, d) : m;
     }, p = (m) => s ? Wr(e, m) : i({ era: m }, "era"), y = (m) => {
       switch (m) {
         // ms
@@ -2015,7 +2017,7 @@ function Ye(n, e) {
 }
 const Gr = RegExp(`^T?${Bt.source}$`), Jr = /^-?P(?:(?:(-?\d{1,20}(?:\.\d{1,20})?)Y)?(?:(-?\d{1,20}(?:\.\d{1,20})?)M)?(?:(-?\d{1,20}(?:\.\d{1,20})?)W)?(?:(-?\d{1,20}(?:\.\d{1,20})?)D)?(?:T(?:(-?\d{1,20}(?:\.\d{1,20})?)H)?(?:(-?\d{1,20}(?:\.\d{1,20})?)M)?(?:(-?\d{1,20})(?:[.,](-?\d{1,20}))?S)?)?)$/;
 function jr(n) {
-  const [e, t, s, r, i, a, o, l, u] = n, c = e[0] === "-", p = l && l[0] === "-", y = (m, f = !1) => m !== void 0 && (f || m && c) ? -m : m;
+  const [e, t, s, r, i, a, o, l, u] = n, c = e[0] === "-", p = l && l[0] === "-", y = (m, d = !1) => m !== void 0 && (d || m && c) ? -m : m;
   return [
     {
       years: y(pe(t)),
@@ -2042,7 +2044,7 @@ const Qr = {
 };
 function Ht(n, e, t, s, r, i, a) {
   const o = {
-    year: e.length === 2 ? Ft(de(e)) : de(e),
+    year: e.length === 2 ? _t(de(e)) : de(e),
     month: ss.indexOf(t) + 1,
     day: de(s),
     hour: de(r),
@@ -2233,7 +2235,7 @@ function ce(n, e, t = !1) {
     conversionAccuracy: e.conversionAccuracy || n.conversionAccuracy,
     matrix: e.matrix || n.matrix
   };
-  return new S(s);
+  return new T(s);
 }
 function vs(n, e) {
   let t = e.milliseconds ?? 0;
@@ -2267,7 +2269,7 @@ function xi(n) {
     s !== 0 && (e[t] = s);
   return e;
 }
-class S {
+class T {
   /**
    * @private
    */
@@ -2286,7 +2288,7 @@ class S {
    * @return {Duration}
    */
   static fromMillis(e, t) {
-    return S.fromObject({ milliseconds: e }, t);
+    return T.fromObject({ milliseconds: e }, t);
   }
   /**
    * Create a Duration from a JavaScript object with keys like 'years' and 'hours'.
@@ -2313,8 +2315,8 @@ class S {
       throw new R(
         `Duration.fromObject: argument expected to be an object, got ${e === null ? "null" : typeof e}`
       );
-    return new S({
-      values: ot(e, S.normalizeUnit),
+    return new T({
+      values: ot(e, T.normalizeUnit),
       loc: M.fromObject(t),
       conversionAccuracy: t.conversionAccuracy,
       matrix: t.matrix
@@ -2332,11 +2334,11 @@ class S {
    */
   static fromDurationLike(e) {
     if (me(e))
-      return S.fromMillis(e);
-    if (S.isDuration(e))
+      return T.fromMillis(e);
+    if (T.isDuration(e))
       return e;
     if (typeof e == "object")
-      return S.fromObject(e);
+      return T.fromObject(e);
     throw new R(
       `Unknown duration argument ${e} of type ${typeof e}`
     );
@@ -2357,7 +2359,7 @@ class S {
    */
   static fromISO(e, t) {
     const [s] = pi(e);
-    return s ? S.fromObject(s, t) : S.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
+    return s ? T.fromObject(s, t) : T.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
   }
   /**
    * Create a Duration from an ISO 8601 time string.
@@ -2377,7 +2379,7 @@ class S {
    */
   static fromISOTime(e, t) {
     const [s] = vi(e);
-    return s ? S.fromObject(s, t) : S.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
+    return s ? T.fromObject(s, t) : T.invalid("unparsable", `the input "${e}" can't be parsed as ISO 8601`);
   }
   /**
    * Create an invalid Duration.
@@ -2389,9 +2391,9 @@ class S {
     if (!e)
       throw new R("need to specify a reason the Duration is invalid");
     const s = e instanceof se ? e : new se(e, t);
-    if (_.throwOnInvalid)
+    if (F.throwOnInvalid)
       throw new js(s);
-    return new S({ invalid: s });
+    return new T({ invalid: s });
   }
   /**
    * @private
@@ -2587,7 +2589,7 @@ class S {
    */
   plus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e), s = {};
+    const t = T.fromDurationLike(e), s = {};
     for (const r of ge)
       (De(t.values, r) || De(this.values, r)) && (s[r] = t.get(r) + this.get(r));
     return ce(this, { values: s }, !0);
@@ -2599,7 +2601,7 @@ class S {
    */
   minus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     return this.plus(t.negate());
   }
   /**
@@ -2625,7 +2627,7 @@ class S {
    * @return {number}
    */
   get(e) {
-    return this[S.normalizeUnit(e)];
+    return this[T.normalizeUnit(e)];
   }
   /**
    * "Set" the values of specified units. Return a newly-constructed Duration.
@@ -2636,7 +2638,7 @@ class S {
    */
   set(e) {
     if (!this.isValid) return this;
-    const t = { ...this.values, ...ot(e, S.normalizeUnit) };
+    const t = { ...this.values, ...ot(e, T.normalizeUnit) };
     return ce(this, { values: t });
   }
   /**
@@ -2698,7 +2700,7 @@ class S {
     if (!this.isValid) return this;
     if (e.length === 0)
       return this;
-    e = e.map((a) => S.normalizeUnit(a));
+    e = e.map((a) => T.normalizeUnit(a));
     const t = {}, s = {}, r = this.toObject();
     let i;
     for (const a of ge)
@@ -2871,7 +2873,7 @@ class V {
     if (!e)
       throw new R("need to specify a reason the Interval is invalid");
     const s = e instanceof se ? e : new se(e, t);
-    if (_.throwOnInvalid)
+    if (F.throwOnInvalid)
       throw new Js(s);
     return new V({ invalid: s });
   }
@@ -2882,7 +2884,7 @@ class V {
    * @return {Interval}
    */
   static fromDateTimes(e, t) {
-    const s = Fe(e), r = Fe(t), i = Mi(s, r);
+    const s = _e(e), r = _e(t), i = Mi(s, r);
     return i ?? new V({
       start: s,
       end: r
@@ -2895,7 +2897,7 @@ class V {
    * @return {Interval}
    */
   static after(e, t) {
-    const s = S.fromDurationLike(t), r = Fe(e);
+    const s = T.fromDurationLike(t), r = _e(e);
     return V.fromDateTimes(r, r.plus(s));
   }
   /**
@@ -2905,7 +2907,7 @@ class V {
    * @return {Interval}
    */
   static before(e, t) {
-    const s = S.fromDurationLike(t), r = Fe(e);
+    const s = T.fromDurationLike(t), r = _e(e);
     return V.fromDateTimes(r.minus(s), r);
   }
   /**
@@ -2934,11 +2936,11 @@ class V {
       if (a && l)
         return V.fromDateTimes(i, o);
       if (a) {
-        const u = S.fromISO(r, t);
+        const u = T.fromISO(r, t);
         if (u.isValid)
           return V.after(i, u);
       } else if (l) {
-        const u = S.fromISO(s, t);
+        const u = T.fromISO(s, t);
         if (u.isValid)
           return V.before(o, u);
       }
@@ -3074,7 +3076,7 @@ class V {
    */
   splitAt(...e) {
     if (!this.isValid) return [];
-    const t = e.map(Fe).filter((a) => this.contains(a)).sort((a, o) => a.toMillis() - o.toMillis()), s = [];
+    const t = e.map(_e).filter((a) => this.contains(a)).sort((a, o) => a.toMillis() - o.toMillis()), s = [];
     let { s: r } = this, i = 0;
     for (; r < this.e; ) {
       const a = t[i] || this.e, o = +a > +this.e ? this.e : a;
@@ -3089,7 +3091,7 @@ class V {
    * @return {Array}
    */
   splitBy(e) {
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     if (!this.isValid || !t.isValid || t.as("milliseconds") === 0)
       return [];
     let { s } = this, r = 1, i;
@@ -3300,7 +3302,7 @@ class V {
    * @return {Duration}
    */
   toDuration(e, t) {
-    return this.isValid ? this.e.diff(this.s, e, t) : S.invalid(this.invalidReason);
+    return this.isValid ? this.e.diff(this.s, e, t) : T.invalid(this.invalidReason);
   }
   /**
    * Run mapFn on the interval start and end, returning a new Interval from the resulting DateTimes
@@ -3319,7 +3321,7 @@ class Je {
    * @param {string|Zone} [zone='local'] - Zone to check. Defaults to the environment's local zone.
    * @return {boolean}
    */
-  static hasDST(e = _.defaultZone) {
+  static hasDST(e = F.defaultZone) {
     const t = w.now().setZone(e).set({ month: 12 });
     return !e.isUniversal && t.offset !== t.set({ month: 6 }).offset;
   }
@@ -3346,7 +3348,7 @@ class Je {
    * @return {Zone}
    */
   static normalizeZone(e) {
-    return fe(e, _.defaultZone);
+    return fe(e, F.defaultZone);
   }
   /**
    * Get the weekday on which the week starts according to the given locale.
@@ -3486,7 +3488,7 @@ class Je {
 }
 function fn(n, e) {
   const t = (r) => r.toUTC(0, { keepLocalTime: !0 }).startOf("day").valueOf(), s = t(e) - t(n);
-  return Math.floor(S.fromMillis(s).as("days"));
+  return Math.floor(T.fromMillis(s).as("days"));
 }
 function Di(n, e, t) {
   const s = [
@@ -3513,8 +3515,8 @@ function Ii(n, e, t, s) {
     (p) => ["hours", "minutes", "seconds", "milliseconds"].indexOf(p) >= 0
   );
   u.length === 0 && (a < e && (a = r.plus({ [o]: 1 })), a !== r && (i[o] = (i[o] || 0) + l / (a - r)));
-  const c = S.fromObject(i, s);
-  return u.length > 0 ? S.fromMillis(l, s).shiftTo(...u).plus(c) : c;
+  const c = T.fromObject(i, s);
+  return u.length > 0 ? T.fromMillis(l, s).shiftTo(...u).plus(c) : c;
 }
 const Ni = "missing Intl.DateTimeFormat.formatToParts support";
 function O(n, e = (t) => t) {
@@ -3543,10 +3545,10 @@ function $i(n) {
   return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
 }
 function Vi(n, e) {
-  const t = te(e), s = te(e, "{2}"), r = te(e, "{3}"), i = te(e, "{4}"), a = te(e, "{6}"), o = te(e, "{1,2}"), l = te(e, "{1,3}"), u = te(e, "{1,6}"), c = te(e, "{1,9}"), p = te(e, "{2,4}"), y = te(e, "{4,6}"), m = (T) => ({ regex: RegExp($i(T.val)), deser: ([g]) => g, literal: !0 }), F = ((T) => {
+  const t = te(e), s = te(e, "{2}"), r = te(e, "{3}"), i = te(e, "{4}"), a = te(e, "{6}"), o = te(e, "{1,2}"), l = te(e, "{1,3}"), u = te(e, "{1,6}"), c = te(e, "{1,9}"), p = te(e, "{2,4}"), y = te(e, "{4,6}"), m = (S) => ({ regex: RegExp($i(S.val)), deser: ([g]) => g, literal: !0 }), _ = ((S) => {
     if (n.literal)
-      return m(T);
-    switch (T.val) {
+      return m(S);
+    switch (S.val) {
       // era
       case "G":
         return ne(e.eras("short"), 0);
@@ -3556,7 +3558,7 @@ function Vi(n, e) {
       case "y":
         return O(u);
       case "yy":
-        return O(p, Ft);
+        return O(p, _t);
       case "yyyy":
         return O(i);
       case "yyyyy":
@@ -3628,7 +3630,7 @@ function Vi(n, e) {
       case "kkkk":
         return O(i);
       case "kk":
-        return O(p, Ft);
+        return O(p, _t);
       // weekNumber (W)
       case "W":
         return O(o);
@@ -3661,14 +3663,14 @@ function Vi(n, e) {
       case " ":
         return je(/[^\S\n\r]/);
       default:
-        return m(T);
+        return m(S);
     }
   })(n) || {
     invalidReason: Ni
   };
-  return F.token = n, F;
+  return _.token = n, _;
 }
-const _i = {
+const Fi = {
   year: {
     "2-digit": "yy",
     numeric: "yyyyy"
@@ -3710,7 +3712,7 @@ const _i = {
     short: "ZZZ"
   }
 };
-function Fi(n, e, t) {
+function _i(n, e, t) {
   const { type: s, value: r } = n;
   if (s === "literal") {
     const l = /^\s+$/.test(r);
@@ -3722,7 +3724,7 @@ function Fi(n, e, t) {
   const i = e[s];
   let a = s;
   s === "hour" && (e.hour12 != null ? a = e.hour12 ? "hour12" : "hour24" : e.hourCycle != null ? e.hourCycle === "h11" || e.hourCycle === "h12" ? a = "hour12" : a = "hour24" : a = t.hour12 ? "hour12" : "hour24");
-  let o = _i[a];
+  let o = Fi[a];
   if (typeof o == "object" && (o = o[i]), o)
     return {
       literal: !1,
@@ -3844,7 +3846,7 @@ function Ss(n, e) {
   if (!n)
     return null;
   const s = U.create(e, n).dtFormatter(Ai()), r = s.formatToParts(), i = s.resolvedOptions();
-  return r.map((a) => Fi(a, n, i));
+  return r.map((a) => _i(a, n, i));
 }
 const kt = "Invalid DateTime", pn = 864e13;
 function ze(n) {
@@ -3902,7 +3904,7 @@ function yn(n, e) {
     year: s,
     month: r,
     day: Math.min(n.c.day, at(s, r)) + Math.trunc(e.days) + Math.trunc(e.weeks) * 7
-  }, a = S.fromObject({
+  }, a = T.fromObject({
     years: e.years - Math.trunc(e.years),
     quarters: e.quarters - Math.trunc(e.quarters),
     months: e.months - Math.trunc(e.months),
@@ -4020,20 +4022,20 @@ function gn(n) {
   }
 }
 function Pi(n) {
-  if (Le === void 0 && (Le = _.now()), n.type !== "iana")
+  if (Le === void 0 && (Le = F.now()), n.type !== "iana")
     return n.offset(Le);
   const e = n.name;
   let t = Wt.get(e);
   return t === void 0 && (t = n.offset(Le), Wt.set(e, t)), t;
 }
 function wn(n, e) {
-  const t = fe(e.zone, _.defaultZone);
+  const t = fe(e.zone, F.defaultZone);
   if (!t.isValid)
     return w.invalid(ze(t));
   const s = M.fromObject(e);
   let r, i;
   if (k(n.year))
-    r = _.now();
+    r = F.now();
   else {
     for (const l of Ms)
       k(n[l]) && (n[l] = xs[l]);
@@ -4067,9 +4069,9 @@ class w {
    * @access private
    */
   constructor(e) {
-    const t = e.zone || _.defaultZone;
+    const t = e.zone || F.defaultZone;
     let s = e.invalid || (Number.isNaN(e.ts) ? new se("invalid input") : null) || (t.isValid ? null : ze(t));
-    this.ts = k(e.ts) ? _.now() : e.ts;
+    this.ts = k(e.ts) ? F.now() : e.ts;
     let r = null, i = null;
     if (!s)
       if (e.old && e.old.ts === this.ts && e.old.zone.equals(t))
@@ -4156,7 +4158,7 @@ class w {
     const s = Sr(e) ? e.valueOf() : NaN;
     if (Number.isNaN(s))
       return w.invalid("invalid input");
-    const r = fe(t.zone, _.defaultZone);
+    const r = fe(t.zone, F.defaultZone);
     return r.isValid ? new w({
       ts: s,
       zone: r,
@@ -4178,7 +4180,7 @@ class w {
     if (me(e))
       return e < -pn || e > pn ? w.invalid("Timestamp out of range") : new w({
         ts: e,
-        zone: fe(t.zone, _.defaultZone),
+        zone: fe(t.zone, F.defaultZone),
         loc: M.fromObject(t)
       });
     throw new R(
@@ -4200,7 +4202,7 @@ class w {
     if (me(e))
       return new w({
         ts: e * 1e3,
-        zone: fe(t.zone, _.defaultZone),
+        zone: fe(t.zone, F.defaultZone),
         loc: M.fromObject(t)
       });
     throw new R("fromSeconds requires a numerical input");
@@ -4240,28 +4242,28 @@ class w {
    */
   static fromObject(e, t = {}) {
     e = e || {};
-    const s = fe(t.zone, _.defaultZone);
+    const s = fe(t.zone, F.defaultZone);
     if (!s.isValid)
       return w.invalid(ze(s));
-    const r = M.fromObject(t), i = ot(e, gn), { minDaysInFirstWeek: a, startOfWeek: o } = rn(i, r), l = _.now(), u = k(t.specificOffset) ? s.offset(l) : t.specificOffset, c = !k(i.ordinal), p = !k(i.year), y = !k(i.month) || !k(i.day), m = p || y, f = i.weekYear || i.weekNumber;
-    if ((m || c) && f)
+    const r = M.fromObject(t), i = ot(e, gn), { minDaysInFirstWeek: a, startOfWeek: o } = rn(i, r), l = F.now(), u = k(t.specificOffset) ? s.offset(l) : t.specificOffset, c = !k(i.ordinal), p = !k(i.year), y = !k(i.month) || !k(i.day), m = p || y, d = i.weekYear || i.weekNumber;
+    if ((m || c) && d)
       throw new Oe(
         "Can't mix weekYear/weekNumber units with year/month/day or ordinals"
       );
     if (y && c)
       throw new Oe("Can't mix ordinal dates with month/day");
-    const F = f || i.weekday && !m;
-    let T, g, W = Qe(l, u);
-    F ? (T = qi, g = Ui, W = it(W, a, o)) : c ? (T = Hi, g = Bi, W = gt(W)) : (T = Ms, g = xs);
+    const _ = d || i.weekday && !m;
+    let S, g, W = Qe(l, u);
+    _ ? (S = qi, g = Ui, W = it(W, a, o)) : c ? (S = Hi, g = Bi, W = gt(W)) : (S = Ms, g = xs);
     let Z = !1;
-    for (const _e of T) {
-      const Es = i[_e];
-      k(Es) ? Z ? i[_e] = g[_e] : i[_e] = W[_e] : Z = !0;
+    for (const Fe of S) {
+      const Es = i[Fe];
+      k(Es) ? Z ? i[Fe] = g[Fe] : i[Fe] = W[Fe] : Z = !0;
     }
-    const ke = F ? kr(i, a, o) : c ? br(i) : Qn(i), z = ke || Kn(i);
+    const ke = _ ? kr(i, a, o) : c ? br(i) : Qn(i), z = ke || Kn(i);
     if (z)
       return w.invalid(z);
-    const Pe = F ? nn(i, a, o) : c ? sn(i) : i, [Is, Ns] = Xe(Pe, u, s), Ve = new w({
+    const Pe = _ ? nn(i, a, o) : c ? sn(i) : i, [Is, Ns] = Xe(Pe, u, s), Ve = new w({
       ts: Is,
       zone: s,
       o: Ns,
@@ -4397,7 +4399,7 @@ class w {
     if (!e)
       throw new R("need to specify a reason the DateTime is invalid");
     const s = e instanceof se ? e : new se(e, t);
-    if (_.throwOnInvalid)
+    if (F.throwOnInvalid)
       throw new Gs(s);
     return new w({ invalid: s });
   }
@@ -4816,7 +4818,7 @@ class w {
    * @return {DateTime}
    */
   toLocal() {
-    return this.setZone(_.defaultZone);
+    return this.setZone(F.defaultZone);
   }
   /**
    * "Set" the DateTime's zone to specified zone. Returns a newly-constructed DateTime.
@@ -4828,7 +4830,7 @@ class w {
    * @return {DateTime}
    */
   setZone(e, { keepLocalTime: t = !1, keepCalendarTime: s = !1 } = {}) {
-    if (e = fe(e, _.defaultZone), e.equals(this.zone))
+    if (e = fe(e, F.defaultZone), e.equals(this.zone))
       return this;
     if (e.isValid) {
       let r = this.ts;
@@ -4905,7 +4907,7 @@ class w {
    */
   plus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e);
+    const t = T.fromDurationLike(e);
     return ye(this, yn(this, t));
   }
   /**
@@ -4916,7 +4918,7 @@ class w {
    */
   minus(e) {
     if (!this.isValid) return this;
-    const t = S.fromDurationLike(e).negate();
+    const t = T.fromDurationLike(e).negate();
     return ye(this, yn(this, t));
   }
   /**
@@ -4933,7 +4935,7 @@ class w {
    */
   startOf(e, { useLocaleWeeks: t = !1 } = {}) {
     if (!this.isValid) return this;
-    const s = {}, r = S.normalizeUnit(e);
+    const s = {}, r = T.normalizeUnit(e);
     switch (r) {
       case "years":
         s.month = 1;
@@ -5267,8 +5269,8 @@ class w {
    */
   diff(e, t = "milliseconds", s = {}) {
     if (!this.isValid || !e.isValid)
-      return S.invalid("created by diffing an invalid DateTime");
-    const r = { locale: this.locale, numberingSystem: this.numberingSystem, ...s }, i = Or(t).map(S.normalizeUnit), a = e.valueOf() > this.valueOf(), o = a ? this : e, l = a ? e : this, u = Ii(o, l, i, r);
+      return T.invalid("created by diffing an invalid DateTime");
+    const r = { locale: this.locale, numberingSystem: this.numberingSystem, ...s }, i = Or(t).map(T.normalizeUnit), a = e.valueOf() > this.valueOf(), o = a ? this : e, l = a ? e : this, u = Ii(o, l, i, r);
     return a ? u.negate() : u;
   }
   /**
@@ -5538,14 +5540,14 @@ class w {
    * @type {Object}
    */
   static get TIME_24_WITH_SECONDS() {
-    return _n;
+    return Fn;
   }
   /**
    * {@link DateTime#toLocaleString} format like '09:30:23 EDT', always 24-hour.
    * @type {Object}
    */
   static get TIME_24_WITH_SHORT_OFFSET() {
-    return Fn;
+    return _n;
   }
   /**
    * {@link DateTime#toLocaleString} format like '09:30:23 Eastern Daylight Time', always 24-hour.
@@ -5618,7 +5620,7 @@ class w {
     return qn;
   }
 }
-function Fe(n) {
+function _e(n) {
   if (w.isDateTime(n))
     return n;
   if (n && n.valueOf && me(n.valueOf()))
@@ -5666,17 +5668,17 @@ const Tn = {
       { value: 11, label: "November" },
       { value: 12, label: "December" }
     ]), p = A(() => {
-      const T = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-      return T.map((g, W) => {
+      const S = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+      return S.map((g, W) => {
         const Z = (W + t.firstDayOfWeek) % 7;
-        return T[Z];
+        return S[Z];
       });
     }), y = A(() => {
-      const T = new Date(u.value, l.value - 1, 1), g = new Date(u.value, l.value, 0);
-      if (!T || !g)
+      const S = new Date(u.value, l.value - 1, 1), g = new Date(u.value, l.value, 0);
+      if (!S || !g)
         return [];
       const W = [];
-      let Z = T;
+      let Z = S;
       for (; Z <= g; ) {
         const ke = Tn.formatDate(Z, "yyyy/MM/dd"), Pe = t.events?.(ke) || !1 ? t.eventColor?.(ke) : null;
         W.push({
@@ -5686,16 +5688,16 @@ const Tn = {
         }), Z.setDate(Z.getDate() + 1);
       }
       return W;
-    }), m = (T) => {
-      const g = new Date(T);
+    }), m = (S) => {
+      const g = new Date(S);
       return g.getDate() === i.getDate() && g.getMonth() === i.getMonth() && g.getFullYear() === i.getFullYear();
-    }, f = (T) => r.value?.getTime() === T, F = (T) => {
+    }, d = (S) => r.value?.getTime() === S, _ = (S) => {
       if (t.readonly)
         return;
-      const g = new Date(T);
+      const g = new Date(S);
       o.value = g.getDate(), l.value = g.getMonth() + 1, u.value = g.getFullYear(), r.value = g, s("update:modelValue", g);
     };
-    return (T, g) => {
+    return (S, g) => {
       const W = he("Select"), Z = he("Input"), ke = Ie("ripple");
       return h(), v("div", Gi, [
         I("div", Ji, [
@@ -5717,16 +5719,17 @@ const Tn = {
           }, Y(z), 1))), 128)),
           (h(!0), v(et, null, tt(b(y), (z) => J((h(), v("button", {
             key: z.unixDate,
-            disable: T.readonly,
+            disable: S.readonly,
+            type: "button",
             class: D({
               "text-center rounded py-2 relative": !0,
-              "cursor-pointer": !T.readonly,
+              "cursor-pointer": !S.readonly,
               "border border-white/25": m(z.unixDate),
-              "bg-primary": f(z.unixDate),
-              [`bg-${z.color}`]: !!z.color && !f(z.unixDate)
+              "bg-primary": d(z.unixDate),
+              [`bg-${z.color}`]: !!z.color && !d(z.unixDate)
             }),
             style: P(`grid-column-start: ${z.dayOfWeek};`),
-            onClick: (Pe) => F(z.unixDate)
+            onClick: (Pe) => _(z.unixDate)
           }, [
             oe(Y(b(Tn).formatDate(z.unixDate, "dd")), 1)
           ], 14, Qi)), [
@@ -5985,7 +5988,7 @@ const oa = /* @__PURE__ */ ie(sa, [["render", aa]]), la = { key: 0 }, ua = /* @_
       "031b5692": s.value
     }));
     const e = n, t = A(() => e.invert ? "-20px" : "20px"), s = A(() => e.grow ? "0.8" : "1"), r = A(() => e.vertical ? "fade-slide-vertical" : "fade-slide");
-    return (i, a) => (h(), q(_s, { name: r.value }, {
+    return (i, a) => (h(), q(Fs, { name: r.value }, {
       default: B(() => [
         x(i.$slots, "default")
       ]),
@@ -6105,7 +6108,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
     let u;
     const c = A(() => ({
       [s.inputClass || ""]: !0,
-      "border-b-2 bg-black/20 rounded-t p-2 pt-4 outline-none w-full h-full text-base": !0,
+      "border-b-2 bg-bg rounded-t p-2 pt-4 outline-none w-full h-full text-base": !0,
       "read-only:border-gray-400 read-only:border-dashed read-only:border-b": !0,
       "border-gray-700": !a.value,
       "border-red-500": !!a.value,
@@ -6117,15 +6120,15 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       l.value?.focus();
     }, m = () => {
       l.value?.blur();
-    }, f = () => {
+    }, d = () => {
       clearTimeout(u), p(), i("blur");
-    }, F = () => {
+    }, _ = () => {
       i("focus");
-    }, T = () => {
+    }, S = () => {
       const g = s.rules?.map((W) => W(o.value)).find((W) => W !== !0);
       return g !== !1 && g && (a.value = g), !g;
     };
-    return r.push(T), j(
+    return r.push(S), j(
       () => s.modelValue,
       () => o.value = s.modelValue
     ), j(
@@ -6135,7 +6138,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       }
     ), e({
       focus: y,
-      validate: T,
+      validate: S,
       blur: m
     }), (g, W) => (h(), v("div", {
       class: D({ "relative input-container w-full": !0, "has-value": o.value != null && o.value !== "" })
@@ -6156,11 +6159,11 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         type: g.type,
         name: g.name,
         class: D(c.value),
-        onBlur: f,
-        onFocus: F
+        onBlur: d,
+        onFocus: _
       }, "            " + Y(o.value) + `
         `, 43, ka)), [
-        [Fs, o.value]
+        [_s, o.value]
       ]) : J((h(), v("input", {
         key: 2,
         "onUpdate:modelValue": W[1] || (W[1] = (Z) => o.value = Z),
@@ -6172,8 +6175,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         type: g.type,
         name: g.name,
         class: D(c.value),
-        onBlur: f,
-        onFocus: F
+        onBlur: d,
+        onFocus: _
       }, null, 42, ba)), [
         [Ws, o.value]
       ]),
@@ -6196,7 +6199,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ])
     ], 2));
   }
-}), Ds = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-b1a6cbde"]]), Oa = {
+}), Ds = /* @__PURE__ */ ie(Sa, [["__scopeId", "data-v-b66a1b92"]]), Oa = {
   class: "full-width flex items-center justify-center",
   style: { gap: "6px" }
 }, ve = "20px", xa = /* @__PURE__ */ $({
@@ -6215,8 +6218,8 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
     const l = async (p) => {
       const y = t.value?.getElementsByTagName("input")[0];
       if (y?.selectionStart != null) {
-        const m = y.selectionStart, f = y.value;
-        y.value = `${f.substring(0, m)}${p}${f.substring(m)}`, await As(), y.setSelectionRange(m + 1, m + 1);
+        const m = y.selectionStart, d = y.value;
+        y.value = `${d.substring(0, m)}${p}${d.substring(m)}`, await As(), y.setSelectionRange(m + 1, m + 1);
       } else y && (y.value += p);
     }, u = () => {
       s.value = !0;
@@ -6248,49 +6251,49 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "+",
-                onTouchstart: y[0] || (y[0] = K((f) => l("+"), ["prevent"]))
+                onTouchstart: y[0] || (y[0] = K((d) => l("+"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "-",
-                onTouchstart: y[1] || (y[1] = K((f) => l("-"), ["prevent"]))
+                onTouchstart: y[1] || (y[1] = K((d) => l("-"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "/",
-                onTouchstart: y[2] || (y[2] = K((f) => l("/"), ["prevent"]))
+                onTouchstart: y[2] || (y[2] = K((d) => l("/"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "*",
-                onTouchstart: y[3] || (y[3] = K((f) => l("*"), ["prevent"]))
+                onTouchstart: y[3] || (y[3] = K((d) => l("*"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: "(",
-                onTouchstart: y[4] || (y[4] = K((f) => l("("), ["prevent"]))
+                onTouchstart: y[4] || (y[4] = K((d) => l("("), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: ")",
-                onTouchstart: y[5] || (y[5] = K((f) => l(")"), ["prevent"]))
+                onTouchstart: y[5] || (y[5] = K((d) => l(")"), ["prevent"]))
               }),
               N(m, {
                 size: ve,
                 style: { "flex-grow": "1" },
                 color: "primary",
                 label: ".",
-                onTouchstart: y[6] || (y[6] = K((f) => l("."), ["prevent"]))
+                onTouchstart: y[6] || (y[6] = K((d) => l("."), ["prevent"]))
               })
             ])
           ], 4)
@@ -6420,7 +6423,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
       ], 6)
     ], 2));
   }
-}), $a = /* @__PURE__ */ ie(Ca, [["__scopeId", "data-v-70111b6e"]]), Va = ["for"], _a = ["readonly"], Fa = ["value"], Wa = /* @__PURE__ */ $({
+}), $a = /* @__PURE__ */ ie(Ca, [["__scopeId", "data-v-70111b6e"]]), Va = ["for"], Fa = ["readonly"], _a = ["value"], Wa = /* @__PURE__ */ $({
   __name: "Select",
   props: {
     id: { default: "v-input-" + Math.floor(Math.random() * 1e6) },
@@ -6447,7 +6450,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         "onUpdate:modelValue": o[0] || (o[0] = (l) => xt(r) ? r.value = l : null),
         readonly: a.readonly,
         class: D({
-          "border-b-2 border-primary bg-black/20 rounded-t p-1 pb-2 pt-4 outline-none w-full text-base h-[50px]": !0,
+          "border-b-2 border-primary bg-bg rounded-t p-1 pb-2 pt-4 outline-none w-full text-base h-[50px]": !0,
           // 'read-only:border-gray-400 read-only:border-dashed read-only:border-b': true,
           "border-red-500": !!b(i),
           "transition-colors": !0
@@ -6456,13 +6459,13 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         (h(!0), v(et, null, tt(a.options, (l, u) => (h(), v("option", {
           key: l.value ?? u,
           value: l.value
-        }, Y(l.label), 9, Fa))), 128))
-      ], 10, _a), [
+        }, Y(l.label), 9, _a))), 128))
+      ], 10, Fa), [
         [Zs, b(r)]
       ])
     ], 2));
   }
-}), za = /* @__PURE__ */ ie(Wa, [["__scopeId", "data-v-e4045f20"]]), La = /* @__PURE__ */ $({
+}), za = /* @__PURE__ */ ie(Wa, [["__scopeId", "data-v-647bc684"]]), La = /* @__PURE__ */ $({
   __name: "SlideItem",
   props: {
     leftColor: {},
@@ -6470,25 +6473,25 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
   },
   emits: ["left", "right"],
   setup(n, { emit: e }) {
-    const t = e, s = E(0), r = E(null), i = E("unknown"), a = E(null), o = A(() => Math.max(0, Math.min(1, s.value / 75))), l = A(() => Math.max(0, Math.min(1, -s.value / 75))), u = (f) => "touches" in f ? f.touches[0] : f, c = (f) => {
-      r.value = u(f);
-    }, p = (f) => {
+    const t = e, s = E(0), r = E(null), i = E("unknown"), a = E(null), o = A(() => Math.max(0, Math.min(1, s.value / 75))), l = A(() => Math.max(0, Math.min(1, -s.value / 75))), u = (d) => "touches" in d ? d.touches[0] : d, c = (d) => {
+      r.value = u(d);
+    }, p = (d) => {
       if (r.value !== null) {
-        const F = u(f), T = F.clientX - r.value.clientX, g = F.clientY - r.value.clientY;
-        if (i.value === "unknown" && (Math.abs(T) > Math.abs(g) && (i.value = !0), Math.abs(g) > Math.abs(T) && (i.value = !1)), (i.value === !0 || i.value === "unknown") && f.preventDefault(), i.value !== !0) {
+        const _ = u(d), S = _.clientX - r.value.clientX, g = _.clientY - r.value.clientY;
+        if (i.value === "unknown" && (Math.abs(S) > Math.abs(g) && (i.value = !0), Math.abs(g) > Math.abs(S) && (i.value = !1)), (i.value === !0 || i.value === "unknown") && d.preventDefault(), i.value !== !0) {
           y();
           return;
         }
-        s.value = T;
+        s.value = S;
       }
     }, y = () => {
       s.value = 0;
     }, m = () => {
       r.value = null, i.value = "unknown";
-      const f = a.value?.clientWidth || 0;
-      l.value === 1 ? (s.value = -f || -1e3, t("right", { reset: y })) : o.value === 1 ? (s.value = f || 1e3, t("left", { reset: y })) : y();
+      const d = a.value?.clientWidth || 0;
+      l.value === 1 ? (s.value = -d || -1e3, t("right", { reset: y })) : o.value === 1 ? (s.value = d || 1e3, t("left", { reset: y })) : y();
     };
-    return (f, F) => (h(), v("div", {
+    return (d, _) => (h(), v("div", {
       ref_key: "slideItem",
       ref: a,
       class: D({
@@ -6508,28 +6511,28 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         style: P("visibility: " + (b(s) > 0 ? "visible" : "hidden")),
         class: D({
           "px-2 pt-1 h-full w-full justify-start absolute overflow-hidden flex items-center ": !0,
-          [f.leftColor || ""]: !0
+          [d.leftColor || ""]: !0
         })
       }, [
         I("div", {
           class: "",
           style: P(`transform: scale(${b(o)})`)
         }, [
-          x(f.$slots, "left")
+          x(d.$slots, "left")
         ], 4)
       ], 6),
       I("div", {
         style: P("visibility: " + (b(s) < 0 ? "visible" : "hidden")),
         class: D({
           "px-2 pt-1 h-full w-full justify-end absolute overflow-hidden flex items-center": !0,
-          [f.rightColor || ""]: !0
+          [d.rightColor || ""]: !0
         })
       }, [
         I("div", {
           class: "",
           style: P(`transform: scale(${b(l)})`)
         }, [
-          x(f.$slots, "right")
+          x(d.$slots, "right")
         ], 4)
       ], 6),
       I("div", {
@@ -6539,7 +6542,7 @@ const ga = /* @__PURE__ */ ie(pa, [["render", va], ["__scopeId", "data-v-37ec0c1
         }),
         style: P(`transform: translateX(${b(s)}px)`)
       }, [
-        x(f.$slots, "default")
+        x(d.$slots, "default")
       ], 6)
     ], 34));
   }
@@ -6683,7 +6686,7 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
   },
   emits: ["update:modelValue"],
   setup(n, { emit: e }) {
-    const t = n, s = e, r = E(null), i = A(() => t.displayFormatter ? t.displayFormatter(r.value) : r.value), a = (f) => f == null ? 0 : Number(f) * 100 / 100, o = A(() => a(t.modelValue).toString());
+    const t = n, s = e, r = E(null), i = A(() => t.displayFormatter ? t.displayFormatter(r.value) : r.value), a = (d) => d == null ? 0 : Number(d) * 100 / 100, o = A(() => a(t.modelValue).toString());
     j(
       () => t.modelValue,
       () => {
@@ -6696,39 +6699,41 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
         r.value !== o.value && s("update:modelValue", a(r.value));
       }
     );
-    const l = () => y(Number(r.value) + t.stepValue), u = () => y(Number(r.value) - t.stepValue), c = () => y(Number(r.value) + 0.1), p = () => y(Number(r.value) - 0.1), y = (f) => {
-      if (t.max != null && f > t.max)
+    const l = () => y(Number(r.value) + t.stepValue), u = () => y(Number(r.value) - t.stepValue), c = () => y(Number(r.value) + 0.1), p = () => y(Number(r.value) - 0.1), y = (d) => {
+      if (t.max != null && d > t.max)
         if (t.wrapAround && t.min != null)
-          f = t.min;
+          d = t.min;
         else
           return;
-      if (t.min != null && f < t.min)
+      if (t.min != null && d < t.min)
         if (t.wrapAround && t.max != null)
-          f = t.max;
+          d = t.max;
         else
           return;
-      r.value = f.toFixed(1);
-    }, m = (f) => {
-      r.value = f?.toString() || null;
+      r.value = d.toFixed(1);
+    }, m = (d) => {
+      r.value = d?.toString() || null;
     };
-    return (f, F) => (h(), v("div", Qa, [
-      f.disallowDecimals ? C("", !0) : (h(), v("div", Ka, [
+    return (d, _) => (h(), v("div", Qa, [
+      d.disallowDecimals ? C("", !0) : (h(), v("div", Ka, [
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_less",
           "icon-size": "24px",
           class: "buttons border border-slate-600 left top",
           style: { "flex-grow": "1" },
           onClick: l
-        }),
+        }, null, 8, ["readonly"]),
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_more",
           "icon-size": "24px",
           class: "buttons border border-slate-600 left bottom",
           style: { "flex-grow": "1" },
           onClick: u
-        })
+        }, null, 8, ["readonly"])
       ])),
       I("div", null, [
         N(Ds, {
@@ -6737,40 +6742,42 @@ const ja = /* @__PURE__ */ ie(Ga, [["render", Ja]]), Qa = { class: "container fl
           square: "",
           type: "tel",
           "model-value": i.value,
-          readonly: f.onlyAllowEditWithButtons,
+          readonly: d.onlyAllowEditWithButtons,
           "input-class": "text-center",
           "onUpdate:modelValue": m
         }, {
           prepend: B(() => [
-            x(f.$slots, "prepend", {}, void 0, !0)
+            x(d.$slots, "prepend", {}, void 0, !0)
           ]),
           append: B(() => [
-            x(f.$slots, "append", {}, void 0, !0)
+            x(d.$slots, "append", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["model-value", "readonly"])
       ]),
       I("div", Xa, [
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_less",
           "icon-size": "24px",
           class: "buttons border border-slate-600 right top",
           style: { "flex-grow": "1" },
-          onClick: F[0] || (F[0] = (T) => f.disallowDecimals ? l() : c())
-        }),
+          onClick: _[0] || (_[0] = () => d.disallowDecimals ? l() : c())
+        }, null, 8, ["readonly"]),
         N(ae, {
+          readonly: d.readonly,
           flat: "",
           icon: "expand_more",
           "icon-size": "24px",
           class: "buttons border border-slate-600 right bottom",
           style: { "flex-grow": "1" },
-          onClick: F[1] || (F[1] = (T) => f.disallowDecimals ? u() : p())
-        })
+          onClick: _[1] || (_[1] = () => d.disallowDecimals ? u() : p())
+        }, null, 8, ["readonly"])
       ])
     ]));
   }
-}), to = /* @__PURE__ */ ie(eo, [["__scopeId", "data-v-4e247146"]]), no = () => {
+}), to = /* @__PURE__ */ ie(eo, [["__scopeId", "data-v-514c9421"]]), no = () => {
   if (!document.getElementById("ripple-style")) {
     const n = `
           [data-has-ripple] {