@appkit/dek-lib 0.17.0 → 0.18.0

package/dist/index.umd.js

@@ -1182,7 +1182,7 @@ Check the top-level render call using <` + b + ">.");
 }
 `, $4 = (t2, r4 = false) => t2 === "center" ? "center" : t2 === "left" ? r4 ? "flex-end" : "flex-start" : t2 === "stretch" ? "stretch" : r4 ? "flex-start" : "flex-end", q4 = (t2, r4 = false) => t2 === "center" ? "center" : t2 === "top" ? r4 ? "flex-end" : "flex-start" : r4 ? "flex-start" : "flex-end", E8 = styled.div`
   background-color: ${(t2) => t2.$active ? t2.$backColorActive : t2.$backColor};
-  filter: ${(t2) => t2.$disabled ? `brightness(${b1.button.brightnessDisabled})` : t2.$pressed ? `brightness(${b1.button.brightnessPressed})` : "none"};
+  filter: ${(t2) => t2.$disabled ? `brightness(${I1.button.brightnessDisabled})` : t2.$pressed ? `brightness(${I1.button.brightnessPressed})` : "none"};
   border-radius: ${({ $borderRadius: t2 }) => typeof t2 == "number" ? `${t2}px` : t2};
   width: ${({ $width: t2 }) => typeof t2 == "number" ? `${t2}px` : t2};
   height: ${({ $height: t2 }) => typeof t2 == "number" ? `${t2}px` : t2};
@@ -1233,7 +1233,7 @@ Check the top-level render call using <` + b + ">.");
     }, P = () => {
       r4 || v1();
     };
-    return l2 || (l2 = (K = b1.button[t2]) == null ? void 0 : K.backColor), o10 || (o10 = (l1 = b1.button[t2]) == null ? void 0 : l1.backColorActive), /* @__PURE__ */ C1.jsx(
+    return l2 || (l2 = (K = I1.button[t2]) == null ? void 0 : K.backColor), o10 || (o10 = (l1 = I1.button[t2]) == null ? void 0 : l1.backColorActive), /* @__PURE__ */ C1.jsx(
       E8,
       {
         $pressed: r4 ? false : $,
@@ -24062,7 +24062,7 @@ Check the top-level render call using <` + b + ">.");
     iconPadding: o10 = 2,
     iconBackColor: g = ""
   }) => {
-    const V = r4 ? n4 : h2 || b1.button.normal.color, y2 = g ? l2 - 4 : l2, m = o10, k = g ? 2 : 0;
+    const V = r4 ? n4 : h2 || I1.button.normal.color, y2 = g ? l2 - 4 : l2, m = o10, k = g ? 2 : 0;
     return /* @__PURE__ */ C1.jsxs(
       XD1,
       {
@@ -24085,7 +24085,7 @@ Check the top-level render call using <` + b + ">.");
         ]
       }
     );
-  }, b1 = {
+  }, I1 = {
     text: {
       size: {
         xxsmall: 10,
@@ -24175,15 +24175,15 @@ Check the top-level render call using <` + b + ">.");
   function vt(t2) {
     switch (t2) {
       case "xxsubtle":
-        return b1.text.color.xxsubtle;
+        return I1.text.color.xxsubtle;
       case "xsubtle":
-        return b1.text.color.xsubtle;
+        return I1.text.color.xsubtle;
       case "subtle":
-        return b1.text.color.subtle;
+        return I1.text.color.subtle;
       case "tint":
-        return b1.text.color.tint;
+        return I1.text.color.tint;
       case "normal":
-        return b1.text.color.normal;
+        return I1.text.color.normal;
       default:
         return t2;
     }
@@ -24191,97 +24191,97 @@ Check the top-level render call using <` + b + ">.");
   function Et(t2) {
     switch (t2) {
       case "normal":
-        return b1.text.family.normal;
+        return I1.text.family.normal;
       case "condensed":
-        return b1.text.family.condensed;
+        return I1.text.family.condensed;
       case "mono":
-        return b1.text.family.mono;
+        return I1.text.family.mono;
       case "slab":
-        return b1.text.family.slab;
+        return I1.text.family.slab;
       case "flex":
-        return b1.text.family.flex;
+        return I1.text.family.flex;
       case "heading":
-        return b1.text.family.heading;
+        return I1.text.family.heading;
       default:
         return t2;
     }
   }
   function Y4(t2) {
     if (t2 === void 0)
-      return b1.text.size.normal;
+      return I1.text.size.normal;
     if (typeof t2 == "number")
       return t2;
     switch (t2) {
       case "xxsmall":
-        return b1.text.size.xxsmall;
+        return I1.text.size.xxsmall;
       case "xsmall":
-        return b1.text.size.xsmall;
+        return I1.text.size.xsmall;
       case "small":
-        return b1.text.size.small;
+        return I1.text.size.small;
       case "normal":
-        return b1.text.size.normal;
+        return I1.text.size.normal;
       case "large":
-        return b1.text.size.large;
+        return I1.text.size.large;
       case "xlarge":
-        return b1.text.size.xlarge;
+        return I1.text.size.xlarge;
       case "xxlarge":
-        return b1.text.size.xxlarge;
+        return I1.text.size.xxlarge;
       case "heading":
-        return b1.text.size.heading;
+        return I1.text.size.heading;
     }
   }
   function aa(t2) {
     if (t2 === void 0)
-      return b1.text.height.normal;
+      return I1.text.height.normal;
     if (typeof t2 == "number")
       return t2 + 5;
     switch (t2) {
       case "xxsmall":
-        return b1.text.height.xxsmall;
+        return I1.text.height.xxsmall;
       case "xsmall":
-        return b1.text.height.xsmall;
+        return I1.text.height.xsmall;
       case "small":
-        return b1.text.height.small;
+        return I1.text.height.small;
       case "normal":
-        return b1.text.height.normal;
+        return I1.text.height.normal;
       case "large":
-        return b1.text.height.large;
+        return I1.text.height.large;
       case "xlarge":
-        return b1.text.height.xlarge;
+        return I1.text.height.xlarge;
       case "xxlarge":
-        return b1.text.height.xxlarge;
+        return I1.text.height.xxlarge;
       case "heading":
-        return b1.text.height.heading;
+        return I1.text.height.heading;
     }
   }
   function ot(t2) {
     if (t2 === void 0)
-      return b1.text.weight.normal;
+      return I1.text.weight.normal;
     if (typeof t2 == "number")
       return t2;
     switch (t2) {
       case "xxthin":
-        return b1.text.weight.xxthin;
+        return I1.text.weight.xxthin;
       case "xthin":
-        return b1.text.weight.xthin;
+        return I1.text.weight.xthin;
       case "thin":
-        return b1.text.weight.thin;
+        return I1.text.weight.thin;
       case "normal":
-        return b1.text.weight.normal;
+        return I1.text.weight.normal;
       case "bold":
-        return b1.text.weight.bold;
+        return I1.text.weight.bold;
       case "xbold":
-        return b1.text.weight.xbold;
+        return I1.text.weight.xbold;
       case "xxbold":
-        return b1.text.weight.xxbold;
+        return I1.text.weight.xxbold;
       case "heavy":
-        return b1.text.weight.heavy;
+        return I1.text.weight.heavy;
       case "xheavy":
-        return b1.text.weight.xheavy;
+        return I1.text.weight.xheavy;
       case "xxheavy":
-        return b1.text.weight.xxheavy;
+        return I1.text.weight.xxheavy;
       case "heading":
-        return b1.text.weight.heading;
+        return I1.text.weight.heading;
     }
   }
   const aF1 = styled.div`
@@ -24399,22 +24399,22 @@ Check the top-level render call using <` + b + ">.");
     }, i1 = t2.variant === "clear" || t2.variant === "toggle" ? t2.variant : "normal", v1 = {
       ...t2,
       pressed: r4,
-      color: T || ((c1 = b1.button[i1]) == null ? void 0 : c1.color),
-      colorActive: U || ((o1 = b1.button[i1]) == null ? void 0 : o1.colorActive),
+      color: T || ((c1 = I1.button[i1]) == null ? void 0 : c1.color),
+      colorActive: U || ((o1 = I1.button[i1]) == null ? void 0 : o1.colorActive),
       textStyle: {},
       label: "button-text"
     }, P1 = {
       ...t2,
       pressed: r4,
-      iconColor: l2 || T || ((P = b1.button[i1]) == null ? void 0 : P.color),
-      iconColorActive: q || U || ((K = b1.button[i1]) == null ? void 0 : K.colorActive),
+      iconColor: l2 || T || ((P = I1.button[i1]) == null ? void 0 : P.color),
+      iconColorActive: q || U || ((K = I1.button[i1]) == null ? void 0 : K.colorActive),
       label: "button-icon"
     }, r1 = {
       ...t2,
       variant: i1,
       paddingVert: k === void 0 && y2 === void 0 && m === void 0 && V === void 0 ? 12 : V,
       // if only backColor is set, use it for backColorActive (except for toggle variants)
-      backColorActive: g || (i1 !== "toggle" ? o10 || ((l1 = b1.button[i1]) == null ? void 0 : l1.backColor) : void 0)
+      backColorActive: g || (i1 !== "toggle" ? o10 || ((l1 = I1.button[i1]) == null ? void 0 : l1.backColor) : void 0)
     };
     let $ = null;
     return D ? $ = D : n4 === "none" ? (v1.textStyle.margin = "4px 4px 0 4px", $ = /* @__PURE__ */ C1.jsx(h6, { ...v1 })) : (n4 === "top" ? (r1.direction = "vert", v1.textStyle.margin = "0 4px") : n4 === "right" ? (r1.direction = "horz-reverse", v1.textStyle.margin = "4px 4px 0 4px") : n4 === "bottom" ? (r1.direction = "vert-reverse", v1.textStyle.margin = "0 4px") : n4 === "left" && (r1.direction = "horz", v1.textStyle.margin = "4px 4px 0 4px"), $ = /* @__PURE__ */ C1.jsxs(C1.Fragment, { children: [
@@ -24476,21 +24476,21 @@ Check the top-level render call using <` + b + ">.");
   function qt(t2) {
     switch (t2) {
       case "subtle":
-        return console.error("subtle view backColor is deprecated"), b1.text.color.subtle;
+        return console.error("subtle view backColor is deprecated"), I1.text.color.subtle;
       case "tile":
-        return b1.view.backColor.tile;
+        return I1.view.backColor.tile;
       case "light":
-        return b1.view.backColor.light;
+        return I1.view.backColor.light;
       case "lighter":
-        return b1.view.backColor.lighter;
+        return I1.view.backColor.lighter;
       case "lightest":
-        return b1.view.backColor.lightest;
+        return I1.view.backColor.lightest;
       case "dark":
-        return b1.view.backColor.dark;
+        return I1.view.backColor.dark;
       case "darker":
-        return b1.view.backColor.darker;
+        return I1.view.backColor.darker;
       case "darkest":
-        return b1.view.backColor.darkest;
+        return I1.view.backColor.darkest;
       case "none":
         return "transparent";
       default:
@@ -24508,7 +24508,7 @@ Check the top-level render call using <` + b + ">.");
   }};
   ${({ $fixed: t2 }) => t2 === "none" ? "" : t2 === "top" ? "position: absolute; top: 0; left: 0; right: 0;" : "position: absolute; bottom: 0; left: 0; right: 0;"}
   width: ${({ $width: t2 }) => typeof t2 == "number" ? `${t2}px` : t2};
-  color: ${() => b1.text.color.normal};
+  color: ${() => I1.text.color.normal};
   border-radius: ${(t2) => t2.$borderRadius}px;
   overflow-y: ${({ $vscroll: t2 }) => Yt(t2)};
   overflow-x: ${({ $hscroll: t2 }) => Yt(t2)};
@@ -24642,7 +24642,7 @@ Check the top-level render call using <` + b + ">.");
     iconPadding: l2 = 2,
     iconBackColor: o10 = "transparent"
   }) => {
-    const g = r4 ? "#888" : h2 === void 0 ? b1.text.color.normal : h2;
+    const g = r4 ? "#888" : h2 === void 0 ? I1.text.color.normal : h2;
     return /* @__PURE__ */ C1.jsxs(
       iF1,
       {
@@ -34554,7 +34554,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
     ) });
   }, cU1 = styled.div`
   position: relative;
-  background-color: ${(t2) => t2.$pressed ? b1.view.backColor.lighter : qt(t2.$backColor)};
+  background-color: ${(t2) => t2.$pressed ? I1.view.backColor.lighter : qt(t2.$backColor)};
   border-radius: 10px;
   padding: 16px;
   padding-top: 8px;
@@ -34564,19 +34564,19 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
 
   ${X6};
 `, lU1 = styled.div`
-  font-size: ${() => b1.text.size.xsmall}px;
-  color: ${() => b1.text.color.tint};
+  font-size: ${() => I1.text.size.xsmall}px;
+  color: ${() => I1.text.color.tint};
   padding: 0;
   padding-top: 8px;
   margin-left: 4px;
   margin-bottom: -4px;
   text-transform: uppercase;
 `, vU1 = styled.div`
-  font-family: ${() => b1.text.family.heading};
-  font-size: ${() => b1.text.size.heading}px;
-  line-height: ${() => b1.text.height.heading}px;
-  font-weight: ${() => b1.text.weight.heading};
-  color: ${() => b1.text.color.normal};
+  font-family: ${() => I1.text.family.heading};
+  font-size: ${() => I1.text.size.heading}px;
+  line-height: ${() => I1.text.height.heading}px;
+  font-weight: ${() => I1.text.weight.heading};
+  color: ${() => I1.text.color.normal};
   margin: 4px;
   margin-bottom: 1px;
 `, oU1 = styled.div`
@@ -34585,8 +34585,8 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
   padding: 6px 6px 6px 4px;
   padding-top: 4px;
 `, dU1 = styled.div`
-  font-size: ${() => b1.text.size.normal}px;
-  color: ${() => b1.text.color.xsubtle};
+  font-size: ${() => I1.text.size.normal}px;
+  color: ${() => I1.text.color.xsubtle};
   margin-top: -1px;
   padding-left: ${(t2) => t2.$hasIcon ? "6px" : "0px"};
 `, gU1 = styled.div`
@@ -34631,7 +34631,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
               {
                 name: n4,
                 size: 18,
-                color: b1.text.color.xsubtle
+                color: I1.text.color.xsubtle
               }
             ) }),
             /* @__PURE__ */ C1.jsx(dU1, { $hasIcon: !!n4, children: e4 })
@@ -34706,7 +34706,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
   //! license : MIT
   //! momentjs.com
   var Na;
-  function I1() {
+  function b1() {
     return Na.apply(null, arguments);
   }
   function uU1(t2) {
@@ -34800,7 +34800,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
     var r4 = Q0(NaN);
     return t2 != null ? p4(K1(r4), t2) : K1(r4).userInvalidated = true, r4;
   }
-  var $6 = I1.momentProperties = [], G5 = false;
+  var $6 = b1.momentProperties = [], G5 = false;
   function T3(t2, r4) {
     var e4, h2, n4, l2 = $6.length;
     if (n0(r4._isAMomentObject) || (t2._isAMomentObject = r4._isAMomentObject), n0(r4._i) || (t2._i = r4._i), n0(r4._f) || (t2._f = r4._f), n0(r4._l) || (t2._l = r4._l), n0(r4._strict) || (t2._strict = r4._strict), n0(r4._tzm) || (t2._tzm = r4._tzm), n0(r4._isUTC) || (t2._isUTC = r4._isUTC), n0(r4._offset) || (t2._offset = r4._offset), n0(r4._pf) || (t2._pf = K1(r4)), n0(r4._locale) || (t2._locale = r4._locale), l2 > 0)
@@ -34809,18 +34809,18 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
     return t2;
   }
   function xt(t2) {
-    T3(this, t2), this._d = new Date(t2._d != null ? t2._d.getTime() : NaN), this.isValid() || (this._d = /* @__PURE__ */ new Date(NaN)), G5 === false && (G5 = true, I1.updateOffset(this), G5 = false);
+    T3(this, t2), this._d = new Date(t2._d != null ? t2._d.getTime() : NaN), this.isValid() || (this._d = /* @__PURE__ */ new Date(NaN)), G5 === false && (G5 = true, b1.updateOffset(this), G5 = false);
   }
   function F0(t2) {
     return t2 instanceof xt || t2 != null && t2._isAMomentObject != null;
   }
   function $a(t2) {
-    I1.suppressDeprecationWarnings === false && typeof console < "u" && console.warn && console.warn("Deprecation warning: " + t2);
+    b1.suppressDeprecationWarnings === false && typeof console < "u" && console.warn && console.warn("Deprecation warning: " + t2);
   }
   function k0(t2, r4) {
     var e4 = true;
     return p4(function() {
-      if (I1.deprecationHandler != null && I1.deprecationHandler(null, t2), e4) {
+      if (b1.deprecationHandler != null && b1.deprecationHandler(null, t2), e4) {
         var h2 = [], n4, l2, o10, g = arguments.length;
         for (l2 = 0; l2 < g; l2++) {
           if (n4 = "", typeof arguments[l2] == "object") {
@@ -34844,10 +34844,10 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   var q6 = {};
   function qa(t2, r4) {
-    I1.deprecationHandler != null && I1.deprecationHandler(t2, r4), q6[t2] || ($a(r4), q6[t2] = true);
+    b1.deprecationHandler != null && b1.deprecationHandler(t2, r4), q6[t2] || ($a(r4), q6[t2] = true);
   }
-  I1.suppressDeprecationWarnings = false;
-  I1.deprecationHandler = null;
+  b1.suppressDeprecationWarnings = false;
+  b1.deprecationHandler = null;
   function J0(t2) {
     return typeof Function < "u" && t2 instanceof Function || Object.prototype.toString.call(t2) === "[object Function]";
   }
@@ -35022,7 +35022,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function et(t2, r4) {
     return function(e4) {
-      return e4 != null ? (Ka(this, t2, e4), I1.updateOffset(this, r4), this) : Qt(this, t2);
+      return e4 != null ? (Ka(this, t2, e4), b1.updateOffset(this, r4), this) : Qt(this, t2);
     };
   }
   function Qt(t2, r4) {
@@ -35182,7 +35182,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     return e4 = Math.min(t2.date(), z5(t2.year(), r4)), t2._d["set" + (t2._isUTC ? "UTC" : "") + "Month"](r4, e4), t2;
   }
   function e8(t2) {
-    return t2 != null ? (r8(this, t2), I1.updateOffset(this, true), this) : Qt(this, "Month");
+    return t2 != null ? (r8(this, t2), b1.updateOffset(this, true), this) : Qt(this, "Month");
   }
   function KU1() {
     return z5(this.year(), this.month());
@@ -35231,10 +35231,10 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   T1("YYYYYY", g5, o5);
   u2(["YYYYY", "YYYYYY"], G2);
   u2("YYYY", function(t2, r4) {
-    r4[G2] = t2.length === 2 ? I1.parseTwoDigitYear(t2) : Z1(t2);
+    r4[G2] = t2.length === 2 ? b1.parseTwoDigitYear(t2) : Z1(t2);
   });
   u2("YY", function(t2, r4) {
-    r4[G2] = I1.parseTwoDigitYear(t2);
+    r4[G2] = b1.parseTwoDigitYear(t2);
   });
   u2("Y", function(t2, r4) {
     r4[G2] = parseInt(t2, 10);
@@ -35242,7 +35242,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   function st(t2) {
     return v5(t2) ? 366 : 365;
   }
-  I1.parseTwoDigitYear = function(t2) {
+  b1.parseTwoDigitYear = function(t2) {
     return Z1(t2) + (Z1(t2) > 68 ? 1900 : 2e3);
   };
   var n8 = et("FullYear", true);
@@ -35791,9 +35791,9 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
       delete t2._isValid;
     else
       return;
-    t2._strict ? t2._isValid = false : I1.createFromInputFallback(t2);
+    t2._strict ? t2._isValid = false : b1.createFromInputFallback(t2);
   }
-  I1.createFromInputFallback = k0(
+  b1.createFromInputFallback = k0(
     "value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",
     function(t2) {
       t2._d = /* @__PURE__ */ new Date(t2._i + (t2._useUTC ? " UTC" : ""));
@@ -35803,7 +35803,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     return t2 ?? r4 ?? e4;
   }
   function q$1(t2) {
-    var r4 = new Date(I1.now());
+    var r4 = new Date(b1.now());
     return t2._useUTC ? [
       r4.getUTCFullYear(),
       r4.getUTCMonth(),
@@ -35831,16 +35831,16 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
       ft(V2(), 1, 4).year
     ), h2 = U4(r4.W, 1), n4 = U4(r4.E, 1), (n4 < 1 || n4 > 7) && (V = true)) : (l2 = t2._locale._week.dow, o10 = t2._locale._week.doy, y2 = ft(V2(), l2, o10), e4 = U4(r4.gg, t2._a[G2], y2.year), h2 = U4(r4.w, y2.week), r4.d != null ? (n4 = r4.d, (n4 < 0 || n4 > 6) && (V = true)) : r4.e != null ? (n4 = r4.e + l2, (r4.e < 0 || r4.e > 6) && (V = true)) : n4 = l2), h2 < 1 || h2 > g4(e4, l2, o10) ? K1(t2)._overflowWeeks = true : V != null ? K1(t2)._overflowWeekday = true : (g = i8(e4, h2, n4, l2, o10), t2._a[G2] = g.year, t2._dayOfYear = g.dayOfYear);
   }
-  I1.ISO_8601 = function() {
+  b1.ISO_8601 = function() {
   };
-  I1.RFC_2822 = function() {
+  b1.RFC_2822 = function() {
   };
   function Q3(t2) {
-    if (t2._f === I1.ISO_8601) {
+    if (t2._f === b1.ISO_8601) {
       d8(t2);
       return;
     }
-    if (t2._f === I1.RFC_2822) {
+    if (t2._f === b1.RFC_2822) {
       g8(t2);
       return;
     }
@@ -35891,9 +35891,9 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function X$1(t2) {
     var r4 = t2._i;
-    n0(r4) ? t2._d = new Date(I1.now()) : Lt(r4) ? t2._d = new Date(r4.valueOf()) : typeof r4 == "string" ? $$1(t2) : D0(r4) ? (t2._a = Ua(r4.slice(0), function(e4) {
+    n0(r4) ? t2._d = new Date(b1.now()) : Lt(r4) ? t2._d = new Date(r4.valueOf()) : typeof r4 == "string" ? $$1(t2) : D0(r4) ? (t2._a = Ua(r4.slice(0), function(e4) {
       return parseInt(e4, 10);
-    }), K3(t2)) : E4(r4) ? Q$1(t2) : s4(r4) ? t2._d = new Date(r4) : I1.createFromInputFallback(t2);
+    }), K3(t2)) : E4(r4) ? Q$1(t2) : s4(r4) ? t2._d = new Date(r4) : b1.createFromInputFallback(t2);
   }
   function u8(t2, r4, e4, h2, n4) {
     var l2 = {};
@@ -36001,12 +36001,12 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function X3(t2, r4) {
     var e4, h2;
-    return r4._isUTC ? (e4 = r4.clone(), h2 = (F0(t2) || Lt(t2) ? t2.valueOf() : V2(t2).valueOf()) - e4.valueOf(), e4._d.setTime(e4._d.valueOf() + h2), I1.updateOffset(e4, false), e4) : V2(t2).local();
+    return r4._isUTC ? (e4 = r4.clone(), h2 = (F0(t2) || Lt(t2) ? t2.valueOf() : V2(t2).valueOf()) - e4.valueOf(), e4._d.setTime(e4._d.valueOf() + h2), b1.updateOffset(e4, false), e4) : V2(t2).local();
   }
   function H3(t2) {
     return -Math.round(t2._d.getTimezoneOffset());
   }
-  I1.updateOffset = function() {
+  b1.updateOffset = function() {
   };
   function vq1(t2, r4, e4) {
     var h2 = this._offset || 0, n4;
@@ -36023,7 +36023,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
         j0(t2 - h2, "m"),
         1,
         false
-      ) : this._changeInProgress || (this._changeInProgress = true, I1.updateOffset(this, true), this._changeInProgress = null)), this;
+      ) : this._changeInProgress || (this._changeInProgress = true, b1.updateOffset(this, true), this._changeInProgress = null)), this;
     } else
       return this._isUTC ? h2 : H3(this);
   }
@@ -36119,7 +36119,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function H8(t2, r4, e4, h2) {
     var n4 = r4._milliseconds, l2 = p3(r4._days), o10 = p3(r4._months);
-    t2.isValid() && (h2 = h2 ?? true, o10 && r8(t2, Qt(t2, "Month") + o10 * e4), l2 && Ka(t2, "Date", Qt(t2, "Date") + l2 * e4), n4 && t2._d.setTime(t2._d.valueOf() + n4 * e4), h2 && I1.updateOffset(t2, l2 || o10));
+    t2.isValid() && (h2 = h2 ?? true, o10 && r8(t2, Qt(t2, "Month") + o10 * e4), l2 && Ka(t2, "Date", Qt(t2, "Date") + l2 * e4), n4 && t2._d.setTime(t2._d.valueOf() + n4 * e4), h2 && b1.updateOffset(t2, l2 || o10));
   }
   var Lq1 = p8(1, "add"), xq1 = p8(-1, "subtract");
   function m8(t2) {
@@ -36184,7 +36184,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function Oq1(t2, r4) {
     arguments.length === 1 && (arguments[0] ? wq1(arguments[0]) ? (t2 = arguments[0], r4 = void 0) : yq1(arguments[0]) && (r4 = arguments[0], t2 = void 0) : (t2 = void 0, r4 = void 0));
-    var e4 = t2 || V2(), h2 = X3(e4, this).startOf("day"), n4 = I1.calendarFormat(this, h2) || "sameElse", l2 = r4 && (J0(r4[n4]) ? r4[n4].call(this, e4) : r4[n4]);
+    var e4 = t2 || V2(), h2 = X3(e4, this).startOf("day"), n4 = b1.calendarFormat(this, h2) || "sameElse", l2 = r4 && (J0(r4[n4]) ? r4[n4].call(this, e4) : r4[n4]);
     return this.format(
       l2 || this.localeData().calendar(n4, this, V2(e4))
     );
@@ -36256,8 +36256,8 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     var e4 = (r4.year() - t2.year()) * 12 + (r4.month() - t2.month()), h2 = t2.clone().add(e4, "months"), n4, l2;
     return r4 - h2 < 0 ? (n4 = t2.clone().add(e4 - 1, "months"), l2 = (r4 - h2) / (h2 - n4)) : (n4 = t2.clone().add(e4 + 1, "months"), l2 = (r4 - h2) / (n4 - h2)), -(e4 + l2) || 0;
   }
-  I1.defaultFormat = "YYYY-MM-DDTHH:mm:ssZ";
-  I1.defaultFormatUtc = "YYYY-MM-DDTHH:mm:ss[Z]";
+  b1.defaultFormat = "YYYY-MM-DDTHH:mm:ssZ";
+  b1.defaultFormatUtc = "YYYY-MM-DDTHH:mm:ss[Z]";
   function Tq1() {
     return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ");
   }
@@ -36280,7 +36280,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     return this.isLocal() || (t2 = this.utcOffset() === 0 ? "moment.utc" : "moment.parseZone", r4 = "Z"), e4 = "[" + t2 + '("]', h2 = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY", n4 = "-MM-DD[T]HH:mm:ss.SSS", l2 = r4 + '[")]', this.format(e4 + h2 + n4 + l2);
   }
   function Fq1(t2) {
-    t2 || (t2 = this.isUtc() ? I1.defaultFormatUtc : I1.defaultFormat);
+    t2 || (t2 = this.isUtc() ? b1.defaultFormatUtc : b1.defaultFormat);
     var r4 = Nt(this, t2);
     return this.localeData().postformat(r4);
   }
@@ -36368,7 +36368,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
         r4 = this._d.valueOf(), r4 -= J4(r4, Zt);
         break;
     }
-    return this._d.setTime(r4), I1.updateOffset(this, true), this;
+    return this._d.setTime(r4), b1.updateOffset(this, true), this;
   }
   function Yq1(t2) {
     var r4, e4;
@@ -36419,7 +36419,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
         r4 = this._d.valueOf(), r4 += Zt - J4(r4, Zt) - 1;
         break;
     }
-    return this._d.setTime(r4), I1.updateOffset(this, true), this;
+    return this._d.setTime(r4), b1.updateOffset(this, true), this;
   }
   function Gq1() {
     return this._d.valueOf() - (this._offset || 0) * 6e4;
@@ -36511,7 +36511,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     for (e4 = 0, h2 = l2.length; e4 < h2; ++e4) {
       switch (typeof l2[e4].since) {
         case "string":
-          n4 = I1(l2[e4].since).startOf("day"), l2[e4].since = n4.valueOf();
+          n4 = b1(l2[e4].since).startOf("day"), l2[e4].since = n4.valueOf();
           break;
       }
       switch (typeof l2[e4].until) {
@@ -36519,7 +36519,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
           l2[e4].until = 1 / 0;
           break;
         case "string":
-          n4 = I1(l2[e4].until).startOf("day").valueOf(), l2[e4].until = n4.valueOf();
+          n4 = b1(l2[e4].until).startOf("day").valueOf(), l2[e4].until = n4.valueOf();
           break;
       }
     }
@@ -36550,7 +36550,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   function iY1(t2, r4) {
     var e4 = t2.since <= t2.until ? 1 : -1;
-    return r4 === void 0 ? I1(t2.since).year() : I1(t2.since).year() + (r4 - t2.offset) * e4;
+    return r4 === void 0 ? b1(t2.since).year() : b1(t2.since).year() + (r4 - t2.offset) * e4;
   }
   function cY1() {
     var t2, r4, e4, h2 = this.localeData().eras();
@@ -36577,7 +36577,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     var t2, r4, e4, h2, n4 = this.localeData().eras();
     for (t2 = 0, r4 = n4.length; t2 < r4; ++t2)
       if (e4 = n4[t2].since <= n4[t2].until ? 1 : -1, h2 = this.clone().startOf("day").valueOf(), n4[t2].since <= h2 && h2 <= n4[t2].until || n4[t2].until <= h2 && h2 <= n4[t2].since)
-        return (this.year() - I1(n4[t2].since).year()) * e4 + n4[t2].offset;
+        return (this.year() - b1(n4[t2].since).year()) * e4 + n4[t2].offset;
     return this.year();
   }
   function dY1(t2) {
@@ -36642,7 +36642,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     }
   );
   Bt(["gg", "GG"], function(t2, r4, e4, h2) {
-    r4[h2] = I1.parseTwoDigitYear(t2);
+    r4[h2] = b1.parseTwoDigitYear(t2);
   });
   function fY1(t2) {
     return y8.call(
@@ -36987,11 +36987,11 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
       return t2 + e4;
     }
   });
-  I1.lang = k0(
+  b1.lang = k0(
     "moment.lang is deprecated. Use moment.locale instead.",
     V4
   );
-  I1.langData = k0(
+  b1.langData = k0(
     "moment.langData is deprecated. Use moment.localeData instead.",
     z4
   );
@@ -37172,36 +37172,36 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     e4._d = new Date(Z1(t2));
   });
   //! moment.js
-  I1.version = "2.29.4";
+  b1.version = "2.29.4";
   uU1(V2);
-  I1.fn = m1;
-  I1.min = aq1;
-  I1.max = rq1;
-  I1.now = eq1;
-  I1.utc = Q0;
-  I1.unix = AY1;
-  I1.months = IY1;
-  I1.isDate = Lt;
-  I1.locale = V4;
-  I1.invalid = l5;
-  I1.duration = j0;
-  I1.isMoment = F0;
-  I1.weekdays = PY1;
-  I1.parseZone = bY1;
-  I1.localeData = z4;
-  I1.isDuration = Ut;
-  I1.monthsShort = _Y1;
-  I1.weekdaysMin = RY1;
-  I1.defineLocale = Y3;
-  I1.updateLocale = b$1;
-  I1.locales = I$1;
-  I1.weekdaysShort = WY1;
-  I1.normalizeUnits = O0;
-  I1.relativeTimeRounding = dG1;
-  I1.relativeTimeThreshold = gG1;
-  I1.calendarFormat = kq1;
-  I1.prototype = m1;
-  I1.HTML5_FMT = {
+  b1.fn = m1;
+  b1.min = aq1;
+  b1.max = rq1;
+  b1.now = eq1;
+  b1.utc = Q0;
+  b1.unix = AY1;
+  b1.months = IY1;
+  b1.isDate = Lt;
+  b1.locale = V4;
+  b1.invalid = l5;
+  b1.duration = j0;
+  b1.isMoment = F0;
+  b1.weekdays = PY1;
+  b1.parseZone = bY1;
+  b1.localeData = z4;
+  b1.isDuration = Ut;
+  b1.monthsShort = _Y1;
+  b1.weekdaysMin = RY1;
+  b1.defineLocale = Y3;
+  b1.updateLocale = b$1;
+  b1.locales = I$1;
+  b1.weekdaysShort = WY1;
+  b1.normalizeUnits = O0;
+  b1.relativeTimeRounding = dG1;
+  b1.relativeTimeThreshold = gG1;
+  b1.calendarFormat = kq1;
+  b1.prototype = m1;
+  b1.HTML5_FMT = {
     DATETIME_LOCAL: "YYYY-MM-DDTHH:mm",
     // <input type="datetime-local" />
     DATETIME_LOCAL_SECONDS: "YYYY-MM-DDTHH:mm:ss",
@@ -37222,7 +37222,10 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     // <input type="month" />
   };
   function TG1(t2 = "ddd, MMM D h:mma", r4 = /* @__PURE__ */ new Date()) {
-    return I1(r4).format(t2);
+    return b1(r4).format(t2);
+  }
+  function EG1(t2 = /* @__PURE__ */ new Date()) {
+    return b1(t2).fromNow();
   }
   const dekUiModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
@@ -37253,7 +37256,8 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     TitleBar: PG1,
     View: x0,
     formatDateTime: TG1,
-    theme: b1,
+    formatFromNow: EG1,
+    theme: I1,
     useDateTime: RG1,
     useInterval: WG1
   }, Symbol.toStringTag, { value: "Module" }));
@@ -58344,7 +58348,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     result.integrations.push({
       key: "base",
       pluginName: "base",
-      pluginVersion: "0.17.0",
+      pluginVersion: "0.18.0",
       pluginConfig: []
     });
     return result;
@@ -58519,7 +58523,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   };
   const About = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(x0, { padding: 20, direction: "vert", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.17.0"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.18.0"}` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(X4, { children: "From Appkit" })
     ] });
   };
@@ -58738,7 +58742,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
               width: "100%",
               maxWidth: 400,
               height: 150,
-              color: themeState["tile-bg"] || b1.view.backColor.tile,
+              color: themeState["tile-bg"] || I1.view.backColor.tile,
               onChange: (color) => {
                 themeState["tile-bg"] = color;
                 setThemeState(themeState);
@@ -95242,7 +95246,7 @@ body {
   const BoardProvider = ({ email, password, plugin, pluginConfig }) => {
     const config2 = useUserConfig(email, password, plugin, pluginConfig);
     console.log("### LOADED", config2);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(styled.ThemeProvider, { theme: b1, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(styled.ThemeProvider, { theme: I1, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(BoardStyles, { transitionDelay }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Background, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Router, { userConfig: config2, transitionDelay }),