@appkit/dek-lib 0.17.0 → 0.18.0

package/dist/index.es.js

@@ -1165,7 +1165,7 @@ const c0 = () => 0, X6 = `
 }
 `, $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};
@@ -1216,7 +1216,7 @@ const c0 = () => 0, X6 = `
   }, 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 : $,
@@ -24045,7 +24045,7 @@ const JD1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   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,
     {
@@ -24068,7 +24068,7 @@ const JD1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
       ]
     }
   );
-}, b1 = {
+}, I1 = {
   text: {
     size: {
       xxsmall: 10,
@@ -24158,15 +24158,15 @@ const JD1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
 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;
   }
@@ -24174,97 +24174,97 @@ function vt(t2) {
 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`
@@ -24382,22 +24382,22 @@ const aF1 = styled.div`
   }, 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: [
@@ -24459,21 +24459,21 @@ const aF1 = styled.div`
 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:
@@ -24491,7 +24491,7 @@ const Yt = (t2) => t2 === "always" ? "scroll" : t2 === "auto" ? "auto" : t2 ===
 }};
   ${({ $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)};
@@ -24625,7 +24625,7 @@ const Yt = (t2) => t2 === "always" ? "scroll" : t2 === "auto" ? "auto" : t2 ===
   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,
     {
@@ -34537,7 +34537,7 @@ const IG1 = ({
   ) });
 }, 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;
@@ -34547,19 +34547,19 @@ const IG1 = ({
 
   ${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`
@@ -34568,8 +34568,8 @@ const IG1 = ({
   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`
@@ -34614,7 +34614,7 @@ const IG1 = ({
             {
               name: n4,
               size: 18,
-              color: b1.text.color.xsubtle
+              color: I1.text.color.xsubtle
             }
           ) }),
           /* @__PURE__ */ C1.jsx(dU1, { $hasIcon: !!n4, children: e4 })
@@ -34689,7 +34689,7 @@ function RG1(t2 = 1e3) {
 //! license : MIT
 //! momentjs.com
 var Na;
-function I1() {
+function b1() {
   return Na.apply(null, arguments);
 }
 function uU1(t2) {
@@ -34783,7 +34783,7 @@ function l5(t2) {
   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)
@@ -34792,18 +34792,18 @@ function T3(t2, r4) {
   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") {
@@ -34827,10 +34827,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]";
 }
@@ -35005,7 +35005,7 @@ function Z1(t2) {
 }
 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) {
@@ -35165,7 +35165,7 @@ function r8(t2, r4) {
   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());
@@ -35214,10 +35214,10 @@ T1("YYYYY", g5, o5);
 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);
@@ -35225,7 +35225,7 @@ u2("Y", function(t2, r4) {
 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);
@@ -35774,9 +35774,9 @@ function $$1(t2) {
     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" : ""));
@@ -35786,7 +35786,7 @@ function U4(t2, r4, e4) {
   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(),
@@ -35814,16 +35814,16 @@ function Y$1(t2) {
     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;
   }
@@ -35874,9 +35874,9 @@ function s8(t2) {
 }
 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 = {};
@@ -35984,12 +35984,12 @@ function J3(t2, r4) {
 }
 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;
@@ -36006,7 +36006,7 @@ function vq1(t2, r4, e4) {
       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);
 }
@@ -36102,7 +36102,7 @@ function p8(t2, r4) {
 }
 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) {
@@ -36167,7 +36167,7 @@ function kq1(t2, r4) {
 }
 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))
   );
@@ -36239,8 +36239,8 @@ function $t(t2, r4) {
   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");
 }
@@ -36263,7 +36263,7 @@ function Dq1() {
   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);
 }
@@ -36351,7 +36351,7 @@ function qq1(t2) {
       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;
@@ -36402,7 +36402,7 @@ function Yq1(t2) {
       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;
@@ -36494,7 +36494,7 @@ function hY1(t2, r4) {
   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) {
@@ -36502,7 +36502,7 @@ function hY1(t2, r4) {
         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;
     }
   }
@@ -36533,7 +36533,7 @@ function nY1(t2, r4, e4) {
 }
 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();
@@ -36560,7 +36560,7 @@ function oY1() {
   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) {
@@ -36625,7 +36625,7 @@ Bt(
   }
 );
 Bt(["gg", "GG"], function(t2, r4, e4, h2) {
-  r4[h2] = I1.parseTwoDigitYear(t2);
+  r4[h2] = b1.parseTwoDigitYear(t2);
 });
 function fY1(t2) {
   return y8.call(
@@ -36970,11 +36970,11 @@ V4("en", {
     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
 );
@@ -37155,36 +37155,36 @@ u2("x", function(t2, r4, e4) {
   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",
@@ -37205,7 +37205,10 @@ I1.HTML5_FMT = {
   // <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,
@@ -37236,7 +37239,8 @@ const dekUiModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   TitleBar: PG1,
   View: x0,
   formatDateTime: TG1,
-  theme: b1,
+  formatFromNow: EG1,
+  theme: I1,
   useDateTime: RG1,
   useInterval: WG1
 }, Symbol.toStringTag, { value: "Module" }));
@@ -58327,7 +58331,7 @@ async function fetchUserPlugins(email, password) {
   result.integrations.push({
     key: "base",
     pluginName: "base",
-    pluginVersion: "0.17.0",
+    pluginVersion: "0.18.0",
     pluginConfig: []
   });
   return result;
@@ -58502,7 +58506,7 @@ const Header = ({ height = 70 }) => {
 };
 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" })
   ] });
 };
@@ -58721,7 +58725,7 @@ const Theme = ({ api: api2 }) => {
             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);
@@ -95225,7 +95229,7 @@ const transitionDelay = 0;
 const BoardProvider = ({ email, password, plugin, pluginConfig }) => {
   const config2 = useUserConfig(email, password, plugin, pluginConfig);
   console.log("### LOADED", config2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: b1, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: I1, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(BoardStyles, { transitionDelay }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Background, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Router, { userConfig: config2, transitionDelay }),