jcicl 0.0.63 → 0.0.65

package/base/ScrollContainer/ScrollContainer.d.ts

@@ -2,7 +2,7 @@ export interface ScrollContainerProps {
     width?: string;
     height?: string;
     /** Defines which direction scrolling is enabled for */
-    direction?: 'vertical' | 'horizontal' | 'all';
+    direction?: 'vertical' | 'horizontal' | 'all' | 'none';
     styles?: React.CSSProperties;
 }
 declare const ScrollContainer: React.FC<ScrollContainerProps & {

package/base/ScrollContainer/ScrollContainer.js

@@ -30,7 +30,7 @@ function K(t, n) {
   else t && K(Object.keys(t), (e) => n(t[e], e, t));
   return t;
 }
-const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n, e) => (!en(n) && le(n) ? Array.prototype.push.apply(t, n) : t.push(n), t), Rt = (t) => Array.from(t || []), ie = (t) => $t(t) ? t : !en(t) && le(t) ? Rt(t) : [t], qn = (t) => !!t && !t.length, Wn = (t) => Rt(new Set(t)), vt = (t, n, e) => {
+const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n, e) => (!en(n) && le(n) ? Array.prototype.push.apply(t, n) : t.push(n), t), Rt = (t) => Array.from(t || []), ie = (t) => $t(t) ? t : !en(t) && le(t) ? Rt(t) : [t], qn = (t) => !!t && !t.length, Wn = (t) => Rt(new Set(t)), mt = (t, n, e) => {
   K(t, (s) => s ? s.apply(void 0, n || []) : !0), !e && (t.length = 0);
 }, qe = "paddingTop", We = "paddingRight", Ze = "paddingLeft", Ke = "paddingBottom", Ye = "marginLeft", Xe = "marginRight", Ge = "marginBottom", Je = "overflowX", Qe = "overflowY", Mn = "width", Dn = "height", Dt = "visible", _t = "hidden", Ut = "scroll", Uo = (t) => {
   const n = String(t || "");
@@ -44,7 +44,7 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
     }), s;
   }
   return !1;
-}, to = (t, n) => kn(t, n, ["w", "h"]), vn = (t, n) => kn(t, n, ["x", "y"]), qo = (t, n) => kn(t, n, ["t", "r", "b", "l"]), zt = () => {
+}, to = (t, n) => kn(t, n, ["w", "h"]), mn = (t, n) => kn(t, n, ["x", "y"]), qo = (t, n) => kn(t, n, ["t", "r", "b", "l"]), zt = () => {
 }, D = (t, ...n) => t.bind(0, ...n), Nt = (t) => {
   let n;
   const e = t ? wn : se, o = t ? Un : Be;
@@ -62,8 +62,8 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
     const H = Rt(arguments), E = gt(e) ? e() : e;
     if (Ot(E) && E >= 0) {
       const j = gt(o) ? o() : o, S = Ot(j) && j >= 0, T = E > 0 ? wn : se, M = E > 0 ? Un : Be, P = g(H) || H, k = d.bind(0, P);
-      let m;
-      l(), s && !a ? (k(), a = !0, m = T(() => a = void 0, E)) : (m = T(k, E), S && !r && (r = wn(x, j))), l = () => M(m), u = i = P;
+      let v;
+      l(), s && !a ? (k(), a = !0, v = T(() => a = void 0, E)) : (v = T(k, E), S && !r && (r = wn(x, j))), l = () => M(v), u = i = P;
     } else
       d(H);
   };
@@ -186,13 +186,13 @@ const Ee = (t, n, e) => {
     passive: c,
     capture: r
   };
-  return D(vt, Pt(n).map((a) => {
+  return D(mt, Pt(n).map((a) => {
     const l = u ? (d) => {
       He(t, a, l, r), e && e(d);
     } : e;
     return t && t.addEventListener(a, l, i), D(He, t, a, l, r);
   }));
-}, ho = (t) => t.stopPropagation(), Qn = (t) => t.preventDefault(), vo = (t) => ho(t) || Qn(t), xt = (t, n) => {
+}, ho = (t) => t.stopPropagation(), Qn = (t) => t.preventDefault(), mo = (t) => ho(t) || Qn(t), xt = (t, n) => {
   const { x: e, y: o } = Ot(n) ? {
     x: n,
     y: n
@@ -201,7 +201,7 @@ const Ee = (t, n, e) => {
 }, ht = (t) => ({
   x: t.scrollLeft,
   y: t.scrollTop
-}), mo = () => ({
+}), vo = () => ({
   D: {
     x: 0,
     y: 0
@@ -270,7 +270,7 @@ const Ee = (t, n, e) => {
     return K(u, (a) => {
       const l = c[a];
       l && tt(i, o(a, l));
-    }), D(vt, i);
+    }), D(mt, i);
   }, s = (c, r) => {
     K(Rt(n.get(c)), (u) => {
       r && !qn(r) ? u.apply(0, r) : u();
@@ -320,7 +320,7 @@ const Ee = (t, n, e) => {
       u && (e[s] = r);
     }
   }), e;
-}, Ie = (t, n, e) => (o) => [Re(t, o), e || Re(n, o) !== void 0], Zt = "data-overlayscrollbars", mn = "os-environment", yn = `${mn}-scrollbar-hidden`, Vn = `${Zt}-initialize`, gn = "noClipping", _e = `${Zt}-body`, kt = Zt, ns = "host", Ht = `${Zt}-viewport`, es = Je, os = Qe, ss = "arrange", bo = "measuring", cs = "scrolling", wo = "scrollbarHidden", rs = "noContent", ee = `${Zt}-padding`, ze = `${Zt}-content`, he = "os-size-observer", ls = `${he}-appear`, is = `${he}-listener`, as = "os-trinsic-observer", us = "os-theme-none", mt = "os-scrollbar", ds = `${mt}-rtl`, fs = `${mt}-horizontal`, ps = `${mt}-vertical`, So = `${mt}-track`, ve = `${mt}-handle`, ys = `${mt}-visible`, hs = `${mt}-cornerless`, Pe = `${mt}-interaction`, Le = `${mt}-unusable`, oe = `${mt}-auto-hide`, Fe = `${oe}-hidden`, Ne = `${mt}-wheel`, vs = `${So}-interactive`, ms = `${ve}-interactive`;
+}, Ie = (t, n, e) => (o) => [Re(t, o), e || Re(n, o) !== void 0], Zt = "data-overlayscrollbars", vn = "os-environment", yn = `${vn}-scrollbar-hidden`, Vn = `${Zt}-initialize`, gn = "noClipping", _e = `${Zt}-body`, kt = Zt, ns = "host", Ht = `${Zt}-viewport`, es = Je, os = Qe, ss = "arrange", bo = "measuring", cs = "scrolling", wo = "scrollbarHidden", rs = "noContent", ee = `${Zt}-padding`, ze = `${Zt}-content`, he = "os-size-observer", ls = `${he}-appear`, is = `${he}-listener`, as = "os-trinsic-observer", us = "os-theme-none", vt = "os-scrollbar", ds = `${vt}-rtl`, fs = `${vt}-horizontal`, ps = `${vt}-vertical`, So = `${vt}-track`, me = `${vt}-handle`, ys = `${vt}-visible`, hs = `${vt}-cornerless`, Pe = `${vt}-interaction`, Le = `${vt}-unusable`, oe = `${vt}-auto-hide`, Fe = `${oe}-hidden`, Ne = `${vt}-wheel`, ms = `${So}-interactive`, vs = `${me}-interactive`;
 let xo;
 const gs = () => xo, bs = (t) => {
   xo = t;
@@ -342,11 +342,11 @@ const ws = () => {
     } catch {
     }
     return M(), T;
-  }, e = `.${mn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${mn} div{width:200%;height:200%;margin:10px 0}.${yn}{scrollbar-width:none!important}.${yn}::-webkit-scrollbar,.${yn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`, s = ao(`<div class="${mn}"><div></div><style>${e}</style></div>`)[0], c = s.firstChild, r = s.lastChild, u = gs();
+  }, e = `.${vn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${vn} div{width:200%;height:200%;margin:10px 0}.${yn}{scrollbar-width:none!important}.${yn}::-webkit-scrollbar,.${yn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`, s = ao(`<div class="${vn}"><div></div><style>${e}</style></div>`)[0], c = s.firstChild, r = s.lastChild, u = gs();
   u && (r.nonce = u);
   const [i, , a] = ne(), [l, d] = pt({
     o: t(s, c),
-    i: vn
+    i: mn
   }, D(t, s, c, !0)), [g] = d(), x = n(s), p = {
     x: g.x === 0,
     y: g.y === 0
@@ -403,11 +403,11 @@ const ws = () => {
 }, xs = (t, n) => {
   const { nativeScrollbarsOverlaid: e, body: o } = n || {}, { k: s, R: c, U: r } = At(), { nativeScrollbarsOverlaid: u, body: i } = r().cancel, a = e ?? u, l = ce(o) ? i : o, d = (s.x || s.y) && a, g = t && (Hn(l) ? !c : l);
   return !!d || !!g;
-}, me = /* @__PURE__ */ new WeakMap(), Cs = (t, n) => {
-  me.set(t, n);
+}, ve = /* @__PURE__ */ new WeakMap(), Cs = (t, n) => {
+  ve.set(t, n);
 }, Os = (t) => {
-  me.delete(t);
-}, $o = (t) => me.get(t), $s = (t, n, e) => {
+  ve.delete(t);
+}, $o = (t) => ve.get(t), $s = (t, n, e) => {
   let o = !1;
   const s = e ? /* @__PURE__ */ new WeakMap() : !1, c = () => {
     o = !0;
@@ -425,7 +425,7 @@ const ws = () => {
           });
           s.set(l, tt(g, p));
         } else
-          vt(g), s.delete(l);
+          mt(g), s.delete(l);
       }));
     }
   };
@@ -438,19 +438,19 @@ const ws = () => {
   }), [g, x] = $s(t, d, u), p = c || [], w = r || [], H = Qt(p, w), E = (j, S) => {
     if (!qn(S)) {
       const T = a || zt, M = l || zt, I = [], P = [];
-      let k = !1, m = !1;
-      if (K(S, (v) => {
-        const { attributeName: R, target: _, type: N, oldValue: B, addedNodes: V, removedNodes: W } = v, Z = N === "attributes", U = N === "childList", nt = t === _, y = Z && R, h = y && ue(_, R || ""), b = en(h) ? h : null, C = y && B !== b, f = Ue(w, R) && C;
+      let k = !1, v = !1;
+      if (K(S, (m) => {
+        const { attributeName: R, target: _, type: N, oldValue: B, addedNodes: V, removedNodes: W } = m, Z = N === "attributes", U = N === "childList", nt = t === _, y = Z && R, h = y && ue(_, R || ""), b = en(h) ? h : null, C = y && B !== b, f = Ue(w, R) && C;
         if (n && (U || !nt)) {
-          const $ = Z && C, O = $ && i && Kn(_, i), F = (O ? !T(_, R, B, b) : !Z || $) && !M(v, !!O, t, o);
-          K(V, (Y) => tt(I, Y)), K(W, (Y) => tt(I, Y)), m = m || F;
+          const $ = Z && C, O = $ && i && Kn(_, i), F = (O ? !T(_, R, B, b) : !Z || $) && !M(m, !!O, t, o);
+          K(V, (Y) => tt(I, Y)), K(W, (Y) => tt(I, Y)), v = v || F;
         }
         !n && nt && C && !T(_, R, B, b) && (tt(P, R), k = k || f);
-      }), x((v) => Wn(I).reduce((R, _) => (tt(R, lo(v, _)), Kn(_, v) ? tt(R, _) : R), [])), n)
-        return !j && m && e(!1), [!1];
+      }), x((m) => Wn(I).reduce((R, _) => (tt(R, lo(m, _)), Kn(_, m) ? tt(R, _) : R), [])), n)
+        return !j && v && e(!1), [!1];
       if (!qn(P) || k) {
-        const v = [Wn(P), k];
-        return !j && e.apply(0, v), v;
+        const m = [Wn(P), k];
+        return !j && e.apply(0, m), m;
       }
     }
   }, L = new Bo(D(E, !1));
@@ -524,7 +524,7 @@ const ws = () => {
       tt(r, Qt([pe(i, ls), G(i, "animationstart", d)], g));
     } else
       return zt;
-    return D(vt, tt(r, yt(t, i)));
+    return D(mt, tt(r, yt(t, i)));
   };
 }, ks = (t, n) => {
   let e;
@@ -551,21 +551,21 @@ const ws = () => {
       };
       tt(i, Mo(s, a)()), a();
     }
-    return D(vt, tt(i, yt(t, s)));
+    return D(mt, tt(i, yt(t, s)));
   }, () => e && u(!0, e.takeRecords())];
 }, Rs = (t, n, e, o) => {
   let s, c, r, u, i, a;
   const l = `[${kt}]`, d = `[${Ht}]`, g = ["id", "class", "style", "open", "wrap", "cols", "rows"], { vt: x, ht: p, ot: w, gt: H, bt: E, nt: L, wt: j, yt: S, St: T, Ot: M } = t, I = (f) => Tt(f, "direction") === "rtl", P = {
     $t: !1,
     ct: I(x)
-  }, k = At(), m = on(To), [v] = pt({
+  }, k = At(), v = on(To), [m] = pt({
     i: to,
     o: {
       w: 0,
       h: 0
     }
   }, () => {
-    const f = m && m.tt(t, n, P, k, e).ut, O = !(j && L) && fe(p, kt, gn), A = !L && S(ss), F = A && ht(H), Y = F && M(), ot = T(bo, O), J = A && f && f()[0], lt = An(w), z = ye(w);
+    const f = v && v.tt(t, n, P, k, e).ut, O = !(j && L) && fe(p, kt, gn), A = !L && S(ss), F = A && ht(H), Y = F && M(), ot = T(bo, O), J = A && f && f()[0], lt = An(w), z = ye(w);
     return J && J(), xt(H, F), Y && Y(), O && ot(), {
       w: lt.w + z.w,
       h: lt.h + z.h
@@ -598,7 +598,7 @@ const ws = () => {
     };
     _(F), A(F);
   }, V = (f, $) => {
-    const [, O] = v(), A = {
+    const [, O] = m(), A = {
       Ht: O
     };
     return _(A), O && !$ && (f ? o : R)(A), A;
@@ -619,7 +619,7 @@ const ws = () => {
       dt: yo($, i)
     }), i = $;
   }), C = Zn(() => {
-    const [, f] = v();
+    const [, f] = m();
     o({
       Ht: f
     });
@@ -647,7 +647,7 @@ const ws = () => {
         W: l,
         G: (X, Q) => {
           const { target: rt, attributeName: dt } = X;
-          return (!Q && dt && !L ? Zo(rt, l, d) : !1) || !!Vt(rt, `.${mt}`) || !!at(X);
+          return (!Q && dt && !L ? Zo(rt, l, d) : !1) || !!Vt(rt, `.${vt}`) || !!at(X);
         }
       });
       u = et(), r = st;
@@ -691,36 +691,36 @@ const ws = () => {
       x: b(h.x, y.x),
       y: b(h.y, y.y)
     };
-  }, m = (y, h, b) => {
+  }, v = (y, h, b) => {
     const C = b ? pe : ro;
     K(y, (f) => {
       C(f.Tt, h);
     });
-  }, v = (y, h) => {
+  }, m = (y, h) => {
     K(y, (b) => {
       const [C, f] = h(b);
       nn(C, f);
     });
   }, R = (y, h, b) => {
     const C = re(b), f = C ? b : !0, $ = C ? !b : !0;
-    f && m(S, y, h), $ && m(T, y, h);
+    f && v(S, y, h), $ && v(T, y, h);
   }, _ = () => {
     const y = k(), h = (b) => (C) => [C.Tt, {
       [s]: Gn(b) + ""
     }];
-    v(S, h(y.x)), v(T, h(y.y));
+    m(S, h(y.x)), m(T, h(y.y));
   }, N = () => {
     if (!hn) {
       const { Lt: y } = e, h = Me(y, ht(p)), b = (C) => (f) => [f.Tt, {
         [c]: Gn(C) + ""
       }];
-      v(S, b(h.x)), v(T, b(h.y));
+      m(S, b(h.x)), m(T, b(h.y));
     }
   }, B = () => {
     const { Lt: y } = e, h = Te(y), b = (C) => (f) => [f.Tt, {
       [r]: C ? "0" : "1"
     }];
-    v(S, b(h.x)), v(T, b(h.y));
+    m(S, b(h.x)), m(T, b(h.y));
   }, V = () => {
     if (H && !w) {
       const { Rt: y, Lt: h } = e, b = Te(h), C = Me(h, ht(p)), f = ($) => {
@@ -735,16 +735,16 @@ const ws = () => {
           })
         }];
       };
-      v(S, f), v(T, f);
+      m(S, f), m(T, f);
     }
   }, W = (y) => {
-    const h = y ? "x" : "y", C = jt(`${mt} ${y ? fs : ps}`), f = jt(So), $ = jt(ve), O = {
+    const h = y ? "x" : "y", C = jt(`${vt} ${y ? fs : ps}`), f = jt(So), $ = jt(me), O = {
       Tt: C,
       Ut: f,
       Pt: $
     }, A = P[h];
     return tt(y ? S : T, O), tt(j, [yt(C, f), yt(f, $), D(qt, C), A && A.kt(O), o(O, R, y)]), O;
-  }, Z = D(W, !0), U = D(W, !1), nt = () => (yt(M, S[0].Tt), yt(M, T[0].Tt), D(vt, j));
+  }, Z = D(W, !0), U = D(W, !1), nt = () => (yt(M, S[0].Tt), yt(M, T[0].Tt), D(mt, j));
   return Z(), U(), [{
     Nt: _,
     qt: N,
@@ -754,12 +754,12 @@ const ws = () => {
     Xt: {
       Yt: S,
       Wt: Z,
-      Jt: D(v, S)
+      Jt: D(m, S)
     },
     Gt: {
       Yt: T,
       Wt: U,
-      Jt: D(v, T)
+      Jt: D(m, T)
     }
   }, nt];
 }, _s = (t, n, e, o) => (s, c, r) => {
@@ -770,18 +770,18 @@ const ws = () => {
       top: I.y
     });
   }, T = () => {
-    const I = "pointerup pointercancel lostpointercapture", P = `client${r ? "X" : "Y"}`, k = r ? Mn : Dn, m = r ? "left" : "top", v = r ? "w" : "h", R = r ? "x" : "y", _ = (B, V) => (W) => {
-      const { Rt: Z } = e, U = Bt(p)[v] - Bt(w)[v], y = V * W / U * Z[R];
+    const I = "pointerup pointercancel lostpointercapture", P = `client${r ? "X" : "Y"}`, k = r ? Mn : Dn, v = r ? "left" : "top", m = r ? "w" : "h", R = r ? "x" : "y", _ = (B, V) => (W) => {
+      const { Rt: Z } = e, U = Bt(p)[m] - Bt(w)[m], y = V * W / U * Z[R];
       xt(l, {
         [R]: B + y
       });
     }, N = [];
     return G(p, "pointerdown", (B) => {
-      const V = Vt(B.target, `.${ve}`) === w, W = V ? w : p, Z = t.scrollbars, U = Z[V ? "dragScroll" : "clickScroll"], { button: nt, isPrimary: y, pointerType: h } = B, { pointers: b } = Z;
+      const V = Vt(B.target, `.${me}`) === w, W = V ? w : p, Z = t.scrollbars, U = Z[V ? "dragScroll" : "clickScroll"], { button: nt, isPrimary: y, pointerType: h } = B, { pointers: b } = Z;
       if (nt === 0 && y && U && (b || []).includes(h)) {
-        vt(N), j();
-        const f = !V && (B.shiftKey || U === "instant"), $ = D(Nn, w), O = D(Nn, p), A = (Q, rt) => (Q || $())[m] - (rt || O())[m], F = Bn(Nn(l)[k]) / Bt(l)[v] || 1, Y = _(ht(l)[R], 1 / F), ot = B[P], J = $(), lt = O(), z = J[k], it = A(J, lt) + z / 2, ut = ot - lt[m], ct = V ? 0 : ut - it, at = (Q) => {
-          vt(X), W.releasePointerCapture(Q.pointerId);
+        mt(N), j();
+        const f = !V && (B.shiftKey || U === "instant"), $ = D(Nn, w), O = D(Nn, p), A = (Q, rt) => (Q || $())[v] - (rt || O())[v], F = Bn(Nn(l)[k]) / Bt(l)[m] || 1, Y = _(ht(l)[R], 1 / F), ot = B[P], J = $(), lt = O(), z = J[k], it = A(J, lt) + z / 2, ut = ot - lt[v], ct = V ? 0 : ut - it, at = (Q) => {
+          mt(X), W.releasePointerCapture(Q.pointerId);
         }, et = V || f, st = g(), X = [G(d, I, at), G(d, "selectstart", (Q) => Qn(Q), {
           H: !1
         }), G(p, I, at), et && G(p, "pointermove", (Q) => Y(ct + (Q[P] - ot))), et && (() => {
@@ -808,7 +808,7 @@ const ws = () => {
     });
   };
   let M = !0;
-  return D(vt, [G(w, "pointermove pointerleave", o), G(x, "pointerenter", () => {
+  return D(mt, [G(w, "pointermove pointerleave", o), G(x, "pointerenter", () => {
     c(Pe, !0);
   }), G(x, "pointerleave pointercancel", () => {
     c(Pe, !1);
@@ -816,8 +816,8 @@ const ws = () => {
     const I = Xn();
     ($e(I, Ht) || $e(I, kt) || I === document.body) && wn(D(te, i), 25);
   }), G(x, "wheel", (I) => {
-    const { deltaX: P, deltaY: k, deltaMode: m } = I;
-    M && m === 0 && tn(x) === u && S({
+    const { deltaX: P, deltaY: k, deltaMode: v } = I;
+    M && v === 0 && tn(x) === u && S({
       x: P,
       y: k
     }), M = !1, c(Ne, !0), H(() => {
@@ -826,7 +826,7 @@ const ws = () => {
   }, {
     H: !1,
     I: !0
-  }), G(x, "pointerdown", D(G, d, "click", vo, {
+  }), G(x, "pointerdown", D(G, d, "click", mo, {
     A: !0,
     I: !0,
     H: !1
@@ -835,11 +835,11 @@ const ws = () => {
   }), T(), E, j]);
 }, zs = (t, n, e, o, s, c) => {
   let r, u, i, a, l, d = zt, g = 0;
-  const x = (y) => y.pointerType === "mouse", [p, w] = Nt(), [H, E] = Nt(100), [L, j] = Nt(100), [S, T] = Nt(() => g), [M, I] = Is(t, s, o, _s(n, s, o, (y) => x(y) && W())), { ht: P, Qt: k, wt: m } = s, { jt: v, Nt: R, qt: _, Bt: N, Ft: B } = M, V = (y, h) => {
+  const x = (y) => y.pointerType === "mouse", [p, w] = Nt(), [H, E] = Nt(100), [L, j] = Nt(100), [S, T] = Nt(() => g), [M, I] = Is(t, s, o, _s(n, s, o, (y) => x(y) && W())), { ht: P, Qt: k, wt: v } = s, { jt: m, Nt: R, qt: _, Bt: N, Ft: B } = M, V = (y, h) => {
     if (T(), y)
-      v(Fe);
+      m(Fe);
     else {
-      const b = D(v, Fe, !0);
+      const b = D(m, Fe, !0);
       g > 0 && !h ? S(b) : b();
     }
   }, W = () => {
@@ -847,7 +847,7 @@ const ws = () => {
       V(!1);
     }));
   }, Z = (y) => {
-    v(oe, y, !0), v(oe, y, !1);
+    m(oe, y, !0), m(oe, y, !1);
   }, U = (y) => {
     x(y) && (r = i, i && V(!0));
   }, nt = [T, E, j, w, () => d(), G(P, "pointerover", U, {
@@ -861,38 +861,38 @@ const ws = () => {
       _(), W();
     }), c(y), B();
   })];
-  return [() => D(vt, tt(nt, I())), ({ It: y, Dt: h, Zt: b, tn: C }) => {
+  return [() => D(mt, tt(nt, I())), ({ It: y, Dt: h, Zt: b, tn: C }) => {
     const { nn: f, sn: $, en: O, cn: A } = C || {}, { Ct: F, dt: Y } = b || {}, { ct: ot } = e, { k: J } = At(), { K: lt, rn: z } = o, [it, ut] = y("showNativeOverlaidScrollbars"), [ct, at] = y("scrollbars.theme"), [et, st] = y("scrollbars.visibility"), [X, Q] = y("scrollbars.autoHide"), [rt, dt] = y("scrollbars.autoHideSuspend"), [Kt] = y("scrollbars.autoHideDelay"), [sn, cn] = y("scrollbars.dragScroll"), [rn, It] = y("scrollbars.clickScroll"), [Lt, _n] = y("overflow"), zn = Y && !h, Pn = z.x || z.y, Ln = f || $ || A || F || h, wt = O || st || _n, Fn = it && J.x && J.y, Yt = (Xt, Mt, ln) => {
       const Gt = Xt.includes(Ut) && (et === Dt || et === "auto" && Mt === Ut);
-      return v(ys, Gt, ln), Gt;
+      return m(ys, Gt, ln), Gt;
     };
     if (g = Kt, zn && (rt && Pn ? (Z(!1), d(), L(() => {
       d = G(k, "scroll", D(Z, !0), {
         A: !0
       });
-    })) : Z(!0)), ut && v(us, Fn), at && (v(l), v(ct, !0), l = ct), dt && !rt && Z(!0), Q && (u = X === "move", i = X === "leave", a = X === "never", V(a, !0)), cn && v(ms, sn), It && v(vs, !!rn), wt) {
+    })) : Z(!0)), ut && m(us, Fn), at && (m(l), m(ct, !0), l = ct), dt && !rt && Z(!0), Q && (u = X === "move", i = X === "leave", a = X === "never", V(a, !0)), cn && m(vs, sn), It && m(ms, !!rn), wt) {
       const Xt = Yt(Lt.x, lt.x, !0), Mt = Yt(Lt.y, lt.y, !1);
-      v(hs, !(Xt && Mt));
+      m(hs, !(Xt && Mt));
     }
-    Ln && (_(), R(), B(), A && N(), v(Le, !z.x, !0), v(Le, !z.y, !1), v(ds, ot && !m));
+    Ln && (_(), R(), B(), A && N(), m(Le, !z.x, !0), m(Le, !z.y, !1), m(ds, ot && !v));
   }, {}, M];
 }, Ps = (t) => {
   const n = At(), { U: e, R: o } = n, { elements: s } = e(), { padding: c, viewport: r, content: u } = s, i = On(t), a = i ? {} : t, { elements: l } = a, { padding: d, viewport: g, content: x } = l || {}, p = i ? t : a.target, w = io(p), H = p.ownerDocument, E = H.documentElement, L = () => H.defaultView || ft, j = D(Ss, [p]), S = D(Oo, [p]), T = D(jt, ""), M = D(j, T, r), I = D(S, T, u), P = (z) => {
     const it = Bt(z), ut = An(z), ct = Tt(z, Je), at = Tt(z, Qe);
     return ut.w - it.w > 0 && !Wt(ct) || ut.h - it.h > 0 && !Wt(at);
-  }, k = M(g), m = k === p, v = m && w, R = !m && I(x), _ = !m && k === R, N = v ? E : k, B = v ? N : p, V = !m && S(T, c, d), W = !_ && R, Z = [W, N, V, B].map((z) => On(z) && !tn(z) && z), U = (z) => z && Ue(Z, z), nt = !U(N) && P(N) ? N : p, y = v ? E : N, b = {
+  }, k = M(g), v = k === p, m = v && w, R = !v && I(x), _ = !v && k === R, N = m ? E : k, B = m ? N : p, V = !v && S(T, c, d), W = !_ && R, Z = [W, N, V, B].map((z) => On(z) && !tn(z) && z), U = (z) => z && Ue(Z, z), nt = !U(N) && P(N) ? N : p, y = m ? E : N, b = {
     vt: p,
     ht: B,
     ot: N,
     ln: V,
     bt: W,
     gt: y,
-    Qt: v ? H : N,
+    Qt: m ? H : N,
     an: w ? E : nt,
     Kt: H,
     wt: w,
     Mt: i,
-    nt: m,
+    nt: v,
     un: L,
     yt: (z) => fe(N, Ht, z),
     St: (z, it) => $n(N, Ht, z, it),
@@ -901,18 +901,18 @@ const ws = () => {
     St(f, [kt, Vn]), St(C, Vn), w && St(E, [Vn, kt]);
   }];
   let Y = Yn([A, O, $, f, C].find((z) => z && !U(z)));
-  const ot = v ? C : A || O, J = D(vt, F);
+  const ot = m ? C : A || O, J = D(mt, F);
   return [b, () => {
     const z = L(), it = Xn(), ut = (X) => {
       yt(tn(X), Yn(X)), qt(X);
-    }, ct = (X) => G(X, "focusin focusout focus blur", vo, {
+    }, ct = (X) => G(X, "focusin focusout focus blur", mo, {
       I: !0,
       H: !1
     }), at = "tabindex", et = ue(O, at), st = ct(it);
-    return Et(f, kt, m ? "" : ns), Et($, ee, ""), Et(O, Ht, ""), Et(A, ze, ""), m || (Et(O, at, et || "-1"), w && Et(E, _e, "")), yt(ot, Y), yt(f, $), yt($ || f, !m && O), yt(O, A), tt(F, [st, () => {
+    return Et(f, kt, v ? "" : ns), Et($, ee, ""), Et(O, Ht, ""), Et(A, ze, ""), v || (Et(O, at, et || "-1"), w && Et(E, _e, "")), yt(ot, Y), yt(f, $), yt($ || f, !v && O), yt(O, A), tt(F, [st, () => {
       const X = Xn(), Q = U(O), rt = Q && X === O ? C : X, dt = ct(rt);
       St($, ee), St(A, ze), St(O, Ht), w && St(E, _e), et ? Et(O, at, et) : St(O, at), U(A) && ut(A), Q && ut(O), U($) && ut($), te(rt), dt();
-    }]), o && !m && (de(O, Ht, wo), tt(F, D(St, O, Ht))), te(!m && w && it === C && z.top === z ? O : it), st(), Y = 0, J;
+    }]), o && !v && (de(O, Ht, wo), tt(F, D(St, O, Ht))), te(!v && w && it === C && z.top === z ? O : it), st(), Y = 0, J;
   }, J];
 }, Ls = ({ bt: t }) => ({ Zt: n, _n: e, Dt: o }) => {
   const { xt: s } = n || {}, { $t: c } = e;
@@ -938,16 +938,16 @@ const ws = () => {
         right: M ? E ? -d.r : "auto" : 0,
         left: M ? E ? "auto" : -d.l : 0,
         [Mn]: M && `calc(100% + ${I}px)`
-      }, m = {
+      }, v = {
         [qe]: M ? d.t : 0,
         [We]: M ? d.r : 0,
         [Ke]: M ? d.b : 0,
         [Ze]: M ? d.l : 0
       };
-      nn(n || e, k), nn(e, m), q(s, {
+      nn(n || e, k), nn(e, v), q(s, {
         ln: d,
         dn: !M,
-        rt: n ? m : q({}, k, m)
+        rt: n ? v : q({}, k, v)
       });
     }
     return {
@@ -967,7 +967,7 @@ const ws = () => {
       h: 0
     }
   }, L = {
-    i: vn,
+    i: mn,
     o: {}
   }, j = (h) => {
     l(bo, !x && h);
@@ -1022,19 +1022,19 @@ const ws = () => {
       w: f.w > C ? f.w : 0,
       h: f.h > C ? f.h : 0
     };
-  }, [M, I] = pt(E, D(ye, c)), [P, k] = pt(E, D(An, c)), [m, v] = pt(E), [R] = pt(L), [_, N] = pt(E), [B] = pt(L), [V] = pt({
+  }, [M, I] = pt(E, D(ye, c)), [P, k] = pt(E, D(An, c)), [v, m] = pt(E), [R] = pt(L), [_, N] = pt(E), [B] = pt(L), [V] = pt({
     i: (h, b) => kn(h, b, H),
     o: {}
   }, () => Jo(c) ? Tt(c, H) : {}), [W, Z] = pt({
-    i: (h, b) => vn(h.D, b.D) && vn(h.M, b.M),
-    o: mo()
+    i: (h, b) => mn(h.D, b.D) && mn(h.M, b.M),
+    o: vo()
   }), U = on(To), nt = (h, b) => `${b ? es : os}${Uo(h)}`, y = (h) => {
     const b = (f) => [Dt, _t, Ut].map(($) => nt($, f)), C = b(!0).concat(b()).join(" ");
     l(C), l(bt(h).map((f) => nt(h[f], f === "x")).join(" "), !0);
   };
   return ({ It: h, Zt: b, _n: C, Dt: f }, { fn: $ }) => {
     const { ft: O, Ht: A, Ct: F, dt: Y, zt: ot } = b || {}, J = U && U.tt(t, n, C, e, h), { it: lt, ut: z, _t: it } = J || {}, [ut, ct] = Ts(h, e), [at, et] = h("overflow"), st = Wt(at.x), X = Wt(at.y), Q = !0;
-    let rt = I(f), dt = k(f), Kt = v(f), sn = N(f);
+    let rt = I(f), dt = k(f), Kt = m(f), sn = N(f);
     ct && g && l(wo, !ut);
     {
       fe(o, kt, gn) && j(!0);
@@ -1045,7 +1045,7 @@ const ws = () => {
         w: p((fn ? fn.w : dn.w + p(dn.w - un.w)) + an.w),
         h: p((fn ? fn.h : dn.h + p(dn.h - un.h)) + an.h)
       };
-      be && be(), sn = _(we), Kt = m(T(_o, we), f);
+      be && be(), sn = _(we), Kt = v(T(_o, we), f);
     }
     const [cn, rn] = sn, [It, Lt] = Kt, [_n, zn] = dt, [Pn, Ln] = rt, [wt, Fn] = R({
       x: It.w > 0,
@@ -1105,7 +1105,7 @@ const ws = () => {
       x: !1,
       y: !1
     },
-    Lt: mo()
+    Lt: vo()
   }, { vt: c, gt: r, nt: u, Ot: i } = n, { R: a, k: l } = At(), d = !a && (l.x || l.y), g = [Ls(n), Fs(n, s), Ns(n, s)];
   return [e, (x) => {
     const p = {}, H = d && ht(r), E = H && i();
@@ -1120,10 +1120,10 @@ const ws = () => {
   }), [w, H, , E] = zs(t, n, p, a, l, s), L = (S) => bt(S).some((T) => !!S[T]), j = (S, T) => {
     if (e())
       return !1;
-    const { pn: M, Dt: I, At: P, hn: k } = S, m = M || {}, v = !!I || !c, R = {
-      It: Ie(n, m, v),
-      pn: m,
-      Dt: v
+    const { pn: M, Dt: I, At: P, hn: k } = S, v = M || {}, m = !!I || !c, R = {
+      It: Ie(n, v, m),
+      pn: v,
+      Dt: m
     };
     if (k)
       return H(R), !1;
@@ -1137,7 +1137,7 @@ const ws = () => {
       Zt: _,
       tn: N
     }));
-    const B = L(_), V = L(N), W = B || V || !ae(m) || v;
+    const B = L(_), V = L(N), W = B || V || !ae(v) || m;
     return c = !0, W && o(S, {
       Zt: _,
       tn: N
@@ -1145,7 +1145,7 @@ const ws = () => {
   };
   return [() => {
     const { an: S, gt: T, Ot: M } = l, I = ht(S), P = [g(), u(), w()], k = M();
-    return xt(T, I), k(), D(vt, P);
+    return xt(T, I), k(), D(mt, P);
   }, j, () => ({
     gn: p,
     bn: a
@@ -1157,12 +1157,12 @@ const ws = () => {
   const { N: o } = At(), s = On(t), c = s ? t : t.target, r = $o(c);
   if (n && !r) {
     let u = !1;
-    const i = [], a = {}, l = (m) => {
-      const v = eo(m), R = on(Es);
-      return R ? R(v, !0) : v;
-    }, d = q({}, o(), l(n)), [g, x, p] = ne(), [w, H, E] = ne(e), L = (m, v) => {
-      E(m, v), p(m, v);
-    }, [j, S, T, M, I] = js(t, d, () => u, ({ pn: m, Dt: v }, { Zt: R, tn: _ }) => {
+    const i = [], a = {}, l = (v) => {
+      const m = eo(v), R = on(Es);
+      return R ? R(m, !0) : m;
+    }, d = q({}, o(), l(n)), [g, x, p] = ne(), [w, H, E] = ne(e), L = (v, m) => {
+      E(v, m), p(v, m);
+    }, [j, S, T, M, I] = js(t, d, () => u, ({ pn: v, Dt: m }, { Zt: R, tn: _ }) => {
       const { ft: N, Ct: B, xt: V, Ht: W, Et: Z, dt: U } = R, { nn: nt, sn: y, en: h, cn: b } = _;
       L("updated", [k, {
         updateHints: {
@@ -1177,15 +1177,15 @@ const ws = () => {
           hostMutation: !!Z,
           appear: !!U
         },
-        changedOptions: m || {},
-        force: !!v
+        changedOptions: v || {},
+        force: !!m
       }]);
-    }, (m) => L("scroll", [k, m])), P = (m) => {
-      Os(c), vt(i), u = !0, L("destroyed", [k, m]), x(), H();
+    }, (v) => L("scroll", [k, v])), P = (v) => {
+      Os(c), mt(i), u = !0, L("destroyed", [k, v]), x(), H();
     }, k = {
-      options(m, v) {
-        if (m) {
-          const R = v ? o() : {}, _ = go(d, q(R, l(m)));
+      options(v, m) {
+        if (v) {
+          const R = m ? o() : {}, _ = go(d, q(R, l(v)));
           ae(_) || (q(d, _), S({
             pn: _
           }));
@@ -1193,11 +1193,11 @@ const ws = () => {
         return q({}, d);
       },
       on: w,
-      off: (m, v) => {
-        m && v && H(m, v);
+      off: (v, m) => {
+        v && m && H(v, m);
       },
       state() {
-        const { gn: m, bn: v } = T(), { ct: R } = m, { Vt: _, Rt: N, K: B, rn: V, ln: W, dn: Z, Lt: U } = v;
+        const { gn: v, bn: m } = T(), { ct: R } = v, { Vt: _, Rt: N, K: B, rn: V, ln: W, dn: Z, Lt: U } = m;
         return q({}, {
           overflowEdge: _,
           overflowAmount: N,
@@ -1214,7 +1214,7 @@ const ws = () => {
         });
       },
       elements() {
-        const { vt: m, ht: v, ln: R, ot: _, bt: N, gt: B, Qt: V } = M.wn, { Xt: W, Gt: Z } = M.yn, U = (y) => {
+        const { vt: v, ht: m, ln: R, ot: _, bt: N, gt: B, Qt: V } = M.wn, { Xt: W, Gt: Z } = M.yn, U = (y) => {
           const { Pt: h, Ut: b, Tt: C } = y;
           return {
             scrollbar: C,
@@ -1233,8 +1233,8 @@ const ws = () => {
           });
         };
         return q({}, {
-          target: m,
-          host: v,
+          target: v,
+          host: m,
           padding: R || _,
           viewport: _,
           content: N || _,
@@ -1244,12 +1244,12 @@ const ws = () => {
           scrollbarVertical: nt(Z)
         });
       },
-      update: (m) => S({
-        Dt: m,
+      update: (v) => S({
+        Dt: v,
         At: !0
       }),
       destroy: D(P, !1),
-      plugin: (m) => a[bt(m)[0]]
+      plugin: (v) => a[bt(v)[0]]
     };
     return tt(i, [I]), Cs(c, k), Ho(Ao, Ct, [k, g, a]), xs(M.wn.wt, !s && t.cancel) ? (P(!0), k) : (tt(i, j()), L("initialized", [k]), k.update(), k);
   }
@@ -1368,10 +1368,10 @@ const Bs = () => {
   }
 }), Js = ({
   children: t,
-  width: n,
-  height: e,
+  width: n = "100%",
+  height: e = "100%",
   styles: o,
-  direction: s = "vertical"
+  direction: s = "all"
 }) => {
   const a = { style: {
     width: n,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.63",
+  "version": "0.0.65",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",

package/supercomposite/Nav/Nav.js

@@ -3,8 +3,8 @@ import { useState as u } from "react";
 import { n as a, i as x } from "../../.chunks/emotion-styled.browser.esm.js";
 import o from "../../theme.js";
 import g from "../../base/ScrollContainer/ScrollContainer.js";
-import { B as C } from "../../.chunks/ButtonBase.js";
-const k = a(C, {
+import { B as v } from "../../.chunks/ButtonBase.js";
+const C = a(v, {
   shouldForwardProp: (t) => x(t)
 })(({ active: t }) => ({
   display: "flex",
@@ -39,7 +39,7 @@ const k = a(C, {
     color: o.colors.darkGreen,
     textAlign: "center"
   }
-})), v = a("div")(({ navWidth: t }) => ({
+})), k = a("div")(({ navWidth: t }) => ({
   display: "flex",
   flexDirection: "column",
   backgroundColor: "transparent",
@@ -60,11 +60,12 @@ const k = a(C, {
   return /* @__PURE__ */ i(
     g,
     {
+      direction: "vertical",
       height: `calc(100vh - ${o.constants.appHeaderHeight}px - 8px)`,
       width: e,
       styles: { minWidth: e },
-      children: /* @__PURE__ */ i(v, { ...p, children: t.map(({ icon: r, label: n = "", onClick: m = () => {
-      }, ...f }) => /* @__PURE__ */ h(k, { ...f, active: s ? s === n : l === n, onClick: () => d(n, m), children: [
+      children: /* @__PURE__ */ i(k, { ...p, children: t.map(({ icon: r, label: n = "", onClick: m = () => {
+      }, ...f }) => /* @__PURE__ */ h(C, { ...f, active: s ? s === n : l === n, onClick: () => d(n, m), children: [
         r,
         /* @__PURE__ */ i("span", { children: n })
       ] }, n)) })

package/templates/AppContainer/AppContainer.js

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import x from "../../supercomposite/AppHeader/AppHeader.js";
-import { Nav as f } from "../../supercomposite/Nav/Nav.js";
-import m from "../../base/ScrollContainer/ScrollContainer.js";
+import f from "../../supercomposite/AppHeader/AppHeader.js";
+import { Nav as h } from "../../supercomposite/Nav/Nav.js";
+import l from "../../base/ScrollContainer/ScrollContainer.js";
 import { n as t } from "../../.chunks/emotion-styled.browser.esm.js";
 import o from "../../theme.js";
-const h = t("div")({
+const m = t("div")({
   display: "flex",
   flexDirection: "column",
   width: "100%",
@@ -57,15 +57,15 @@ const h = t("div")({
   appHeaderProps: p,
   actionsPanelContent: i,
   navWidth: d = o.constants.navDefaultWidth,
-  children: l
+  children: s
 }) => {
-  const n = i != null, s = { ...p, navWidth: d }, c = { ...r, navWidth: `${d}px` };
-  return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(x, { ...s }),
+  const n = i != null, c = { ...p, navWidth: d }, x = { ...r, navWidth: `${d}px` };
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(f, { ...c }),
     /* @__PURE__ */ a(g, { children: [
-      /* @__PURE__ */ e(f, { ...c }),
-      /* @__PURE__ */ e(u, { withActionsPanel: n, children: /* @__PURE__ */ e(m, { children: i && i }) }),
-      /* @__PURE__ */ e(b, { withActionsPanel: n, children: l })
+      /* @__PURE__ */ e(h, { ...x }),
+      /* @__PURE__ */ e(u, { withActionsPanel: n, children: /* @__PURE__ */ e(l, { direction: "vertical", children: i && i }) }),
+      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, { withActionsPanel: n, children: s }) })
     ] })
   ] });
 };