jcicl 0.0.65 → 0.0.67

package/base/ScrollContainer/ScrollContainer.js

@@ -1,4 +1,4 @@
-import { jsx as zo } from "react/jsx-runtime";
+import { jsx as _o } from "react/jsx-runtime";
 import Se, { forwardRef as Po, useRef as Ft, useEffect as Jt, useImperativeHandle as Lo, useMemo as xe } from "react";
 import { n as Fo } from "../../.chunks/emotion-styled.browser.esm.js";
 import No from "../../theme.js";
@@ -32,7 +32,7 @@ function K(t, n) {
 }
 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) => {
+}, qe = "paddingTop", We = "paddingRight", Ze = "paddingLeft", Ke = "paddingBottom", Ye = "marginLeft", Xe = "marginRight", Ge = "marginBottom", Je = "overflowX", Qe = "overflowY", Mn = "width", Dn = "height", Dt = "visible", zt = "hidden", Ut = "scroll", Uo = (t) => {
   const n = String(t || "");
   return n ? n[0].toUpperCase() + n.slice(1) : "";
 }, kn = (t, n, e, o) => {
@@ -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"]), mn = (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"]), _t = () => {
 }, D = (t, ...n) => t.bind(0, ...n), Nt = (t) => {
   let n;
   const e = t ? wn : se, o = t ? Un : Be;
@@ -53,11 +53,11 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
   }, () => o(n)];
 }, Zn = (t, n) => {
   const { _: e, v: o, p: s, S: c } = n || {};
-  let r, u, i, a, l = zt;
+  let r, u, i, a, l = _t;
   const d = function(H) {
-    l(), Un(r), a = r = u = void 0, l = zt, t.apply(this, H);
+    l(), Un(r), a = r = u = void 0, l = _t, t.apply(this, H);
   }, g = (w) => c && u ? c(u, w) : w, x = () => {
-    l !== zt && d(g(i) || i);
+    l !== _t && d(g(i) || i);
   }, p = function() {
     const H = Rt(arguments), E = gt(e) ? e() : e;
     if (Ot(E) && E >= 0) {
@@ -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", 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`;
+}, 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", ze = `${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`, _e = `${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;
@@ -437,16 +437,16 @@ const ws = () => {
     v: 99
   }), [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 = [];
+      const T = a || _t, M = l || _t, I = [], P = [];
       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;
+        const { attributeName: R, target: z, type: N, oldValue: B, addedNodes: V, removedNodes: W } = m, Z = N === "attributes", U = N === "childList", nt = t === z, y = Z && R, h = y && ue(z, 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(m, !!O, t, o);
+          const $ = Z && C, O = $ && i && Kn(z, i), F = (O ? !T(z, 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((m) => Wn(I).reduce((R, _) => (tt(R, lo(m, _)), Kn(_, m) ? tt(R, _) : R), [])), n)
+        !n && nt && C && !T(z, R, B, b) && (tt(P, R), k = k || f);
+      }), x((m) => Wn(I).reduce((R, z) => (tt(R, lo(m, z)), Kn(z, m) ? tt(R, z) : R), [])), n)
         return !j && v && e(!1), [!1];
       if (!qn(P) || k) {
         const m = [Wn(P), k];
@@ -482,8 +482,8 @@ const ws = () => {
   return [o && e.x && e.y, s];
 }, Wt = (t) => t.indexOf(Dt) === 0, Ms = (t, n) => {
   const e = (s, c, r, u) => {
-    const i = s === Dt ? _t : s.replace(`${Dt}-`, ""), a = Wt(s), l = Wt(r);
-    return !c && !u ? _t : a && l ? Dt : a ? c && u ? i : c ? Dt : _t : c ? i : l && u ? Dt : _t;
+    const i = s === Dt ? zt : s.replace(`${Dt}-`, ""), a = Wt(s), l = Wt(r);
+    return !c && !u ? zt : a && l ? Dt : a ? c && u ? i : c ? Dt : zt : c ? i : l && u ? Dt : zt;
   }, o = {
     x: e(n.x, t.x, n.y, t.y),
     y: e(n.y, t.y, n.x, t.x)
@@ -523,7 +523,7 @@ const ws = () => {
       const [d, g] = s(a, l, o);
       tt(r, Qt([pe(i, ls), G(i, "animationstart", d)], g));
     } else
-      return zt;
+      return _t;
     return D(mt, tt(r, yt(t, i)));
   };
 }, ks = (t, n) => {
@@ -565,10 +565,10 @@ const ws = () => {
       h: 0
     }
   }, () => {
-    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);
+    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), _ = ye(w);
     return J && J(), xt(H, F), Y && Y(), O && ot(), {
-      w: lt.w + z.w,
-      h: lt.h + z.h
+      w: lt.w + _.w,
+      h: lt.h + _.h
     };
   }), R = Zn(o, {
     _: () => s,
@@ -577,7 +577,7 @@ const ws = () => {
       const [O] = f, [A] = $;
       return [Qt(bt(O), bt(A)).reduce((F, Y) => (F[Y] = O[Y] || A[Y], F), {})];
     }
-  }), _ = (f) => {
+  }), z = (f) => {
     const $ = I(x);
     q(f, {
       Ct: a !== $
@@ -596,17 +596,17 @@ const ws = () => {
       ft: f || $,
       dt: $
     };
-    _(F), A(F);
+    z(F), A(F);
   }, V = (f, $) => {
     const [, O] = m(), A = {
       Ht: O
     };
-    return _(A), O && !$ && (f ? o : R)(A), A;
+    return z(A), O && !$ && (f ? o : R)(A), A;
   }, W = (f, $, O) => {
     const A = {
       Et: $
     };
-    return _(A), $ && !O && R(A), A;
+    return z(A), $ && !O && R(A), A;
   }, [Z, U] = E ? ks(p, N) : [], nt = !L && Mo(p, B, {
     dt: !0
   }), [y, h] = Ve(p, !1, W, {
@@ -638,7 +638,7 @@ const ws = () => {
       b && b.disconnect(), f && f(), $ && $(), u && u(), O(), A();
     };
   }, ({ It: f, At: $, Dt: O }) => {
-    const A = {}, [F] = f("update.ignoreMutation"), [Y, ot] = f("update.attributes"), [J, lt] = f("update.elementEvents"), [z, it] = f("update.debounce"), ut = lt || ot, ct = $ || O, at = (et) => gt(F) && F(et);
+    const A = {}, [F] = f("update.ignoreMutation"), [Y, ot] = f("update.attributes"), [J, lt] = f("update.elementEvents"), [_, it] = f("update.debounce"), ut = lt || ot, ct = $ || O, at = (et) => gt(F) && F(et);
     if (ut) {
       r && r(), u && u();
       const [et, st] = Ve(E || w, !0, V, {
@@ -653,15 +653,15 @@ const ws = () => {
       u = et(), r = st;
     }
     if (it)
-      if (R.m(), $t(z)) {
-        const et = z[0], st = z[1];
+      if (R.m(), $t(_)) {
+        const et = _[0], st = _[1];
         s = Ot(et) && et, c = Ot(st) && st;
-      } else Ot(z) ? (s = z, c = !1) : (s = !1, c = !1);
+      } else Ot(_) ? (s = _, c = !1) : (s = !1, c = !1);
     if (ct) {
       const et = h(), st = U && U(), X = r && r();
       et && q(A, W(et[0], et[1], ct)), st && q(A, N(st[0], ct)), X && q(A, V(X[0], ct));
     }
-    return _(A), A;
+    return z(A), A;
   }, P];
 }, Is = (t, n, e, o) => {
   const s = "--os-viewport-percent", c = "--os-scroll-percent", r = "--os-scroll-direction", { U: u } = At(), { scrollbars: i } = u(), { slot: a } = i, { vt: l, ht: d, ot: g, Mt: x, gt: p, wt: w, nt: H } = n, { scrollbars: E } = x ? {} : t, { slot: L } = E || {}, j = [], S = [], T = [], M = Oo([l, d, g], () => H && w ? l : d, a, L), I = (y) => {
@@ -704,7 +704,7 @@ const ws = () => {
   }, R = (y, h, b) => {
     const C = re(b), f = C ? b : !0, $ = C ? !b : !0;
     f && v(S, y, h), $ && v(T, y, h);
-  }, _ = () => {
+  }, z = () => {
     const y = k(), h = (b) => (C) => [C.Tt, {
       [s]: Gn(b) + ""
     }];
@@ -746,7 +746,7 @@ const ws = () => {
     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(mt, j));
   return Z(), U(), [{
-    Nt: _,
+    Nt: z,
     qt: N,
     Bt: B,
     Ft: V,
@@ -762,7 +762,7 @@ const ws = () => {
       Jt: D(m, T)
     }
   }, nt];
-}, _s = (t, n, e, o) => (s, c, r) => {
+}, zs = (t, n, e, o) => (s, c, r) => {
   const { ht: u, ot: i, nt: a, gt: l, Kt: d, Ot: g } = n, { Tt: x, Ut: p, Pt: w } = s, [H, E] = Nt(333), [L, j] = Nt(444), S = (I) => {
     gt(l.scrollBy) && l.scrollBy({
       behavior: "smooth",
@@ -770,7 +770,7 @@ const ws = () => {
       top: I.y
     });
   }, T = () => {
-    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 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", z = (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
@@ -780,7 +780,7 @@ const ws = () => {
       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)) {
         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) => {
+        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 = z(ht(l)[R], 1 / F), ot = B[P], J = $(), lt = O(), _ = J[k], it = A(J, lt) + _ / 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
@@ -798,7 +798,7 @@ const ws = () => {
         else if (!V) {
           const Q = on(Ds);
           if (Q) {
-            const rt = Q(Y, ct, z, (dt) => {
+            const rt = Q(Y, ct, _, (dt) => {
               dt ? st() : tt(X, st);
             });
             tt(X, rt), tt(N, D(rt, !0));
@@ -833,9 +833,9 @@ const ws = () => {
   }), {
     I: !0
   }), 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: v } = s, { jt: m, Nt: R, qt: _, Bt: N, Ft: B } = M, V = (y, h) => {
+}, _s = (t, n, e, o, s, c) => {
+  let r, u, i, a, l, d = _t, 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, zs(n, s, o, (y) => x(y) && W())), { ht: P, Qt: k, wt: v } = s, { jt: m, Nt: R, qt: z, Bt: N, Ft: B } = M, V = (y, h) => {
     if (T(), y)
       m(Fe);
     else {
@@ -858,15 +858,15 @@ const ws = () => {
     x(y) && u && W();
   }), G(k, "scroll", (y) => {
     p(() => {
-      _(), W();
+      z(), W();
     }), c(y), B();
   })];
   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 { nn: f, sn: $, en: O, cn: A } = C || {}, { Ct: F, dt: Y } = b || {}, { ct: ot } = e, { k: J } = At(), { K: lt, rn: _ } = 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, zn] = y("overflow"), _n = Y && !h, Pn = _.x || _.y, Ln = f || $ || A || F || h, wt = O || st || zn, Fn = it && J.x && J.y, Yt = (Xt, Mt, ln) => {
       const Gt = Xt.includes(Ut) && (et === Dt || et === "auto" && Mt === Ut);
       return m(ys, Gt, ln), Gt;
     };
-    if (g = Kt, zn && (rt && Pn ? (Z(!1), d(), L(() => {
+    if (g = Kt, _n && (rt && Pn ? (Z(!1), d(), L(() => {
       d = G(k, "scroll", D(Z, !0), {
         A: !0
       });
@@ -874,13 +874,13 @@ const ws = () => {
       const Xt = Yt(Lt.x, lt.x, !0), Mt = Yt(Lt.y, lt.y, !1);
       m(hs, !(Xt && Mt));
     }
-    Ln && (_(), R(), B(), A && N(), m(Le, !z.x, !0), m(Le, !z.y, !1), m(ds, ot && !v));
+    Ln && (z(), R(), B(), A && N(), m(Le, !_.x, !0), m(Le, !_.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);
+  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 = (_) => {
+    const it = Bt(_), ut = An(_), ct = Tt(_, Je), at = Tt(_, Qe);
     return ut.w - it.w > 0 && !Wt(ct) || ut.h - it.h > 0 && !Wt(at);
-  }, 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 = {
+  }, k = M(g), v = k === p, m = v && w, R = !v && I(x), z = !v && k === R, N = m ? E : k, B = m ? N : p, V = !v && S(T, c, d), W = !z && R, Z = [W, N, V, B].map((_) => On(_) && !tn(_) && _), U = (_) => _ && Ue(Z, _), nt = !U(N) && P(N) ? N : p, y = m ? E : N, b = {
     vt: p,
     ht: B,
     ot: N,
@@ -894,25 +894,25 @@ const ws = () => {
     Mt: i,
     nt: v,
     un: L,
-    yt: (z) => fe(N, Ht, z),
-    St: (z, it) => $n(N, Ht, z, it),
+    yt: (_) => fe(N, Ht, _),
+    St: (_, it) => $n(N, Ht, _, it),
     Ot: () => $n(y, Ht, cs, !0)
   }, { vt: C, ht: f, ln: $, ot: O, bt: A } = b, F = [() => {
     St(f, [kt, Vn]), St(C, Vn), w && St(E, [Vn, kt]);
   }];
-  let Y = Yn([A, O, $, f, C].find((z) => z && !U(z)));
+  let Y = Yn([A, O, $, f, C].find((_) => _ && !U(_)));
   const ot = m ? C : A || O, J = D(mt, F);
   return [b, () => {
-    const z = L(), it = Xn(), ut = (X) => {
+    const _ = L(), it = Xn(), ut = (X) => {
       yt(tn(X), Yn(X)), qt(X);
     }, 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, 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, () => {
+    return Et(f, kt, v ? "" : ns), Et($, ee, ""), Et(O, Ht, ""), Et(A, _e, ""), v || (Et(O, at, et || "-1"), w && Et(E, ze, "")), 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 && !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;
+      St($, ee), St(A, _e), St(O, Ht), w && St(E, ze), et ? Et(O, at, et) : St(O, at), U(A) && ut(A), Q && ut(O), U($) && ut($), te(rt), dt();
+    }]), o && !v && (de(O, Ht, wo), tt(F, D(St, O, Ht))), te(!v && w && it === C && _.top === _ ? O : it), st(), Y = 0, J;
   }, J];
 }, Ls = ({ bt: t }) => ({ Zt: n, _n: e, Dt: o }) => {
   const { xt: s } = n || {}, { $t: c } = e;
@@ -1022,36 +1022,36 @@ 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)), [v, m] = 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), [z, 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) => 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(" ");
+    const b = (f) => [Dt, zt, 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;
+    const { ft: O, Ht: A, Ct: F, dt: Y, zt: ot } = b || {}, J = U && U.tt(t, n, C, e, h), { it: lt, ut: _, _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 = m(f), sn = N(f);
     ct && g && l(wo, !ut);
     {
       fe(o, kt, gn) && j(!0);
-      const [be] = z ? z() : [], [an] = rt = M(f), [un] = dt = P(f), dn = po(c), fn = x && Go(d()), _o = {
+      const [be] = _ ? _() : [], [an] = rt = M(f), [un] = dt = P(f), dn = po(c), fn = x && Go(d()), zo = {
         w: p(un.w + an.w),
         h: p(un.h + an.h)
       }, we = {
         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 = v(T(_o, we), f);
+      be && be(), sn = z(we), Kt = v(T(zo, we), f);
     }
-    const [cn, rn] = sn, [It, Lt] = Kt, [_n, zn] = dt, [Pn, Ln] = rt, [wt, Fn] = R({
+    const [cn, rn] = sn, [It, Lt] = Kt, [zn, _n] = dt, [Pn, Ln] = rt, [wt, Fn] = R({
       x: It.w > 0,
       y: It.h > 0
-    }), Yt = st && X && (wt.x || wt.y) || st && wt.x && !wt.y || X && wt.y && !wt.x, Xt = $ || F || ot || Ln || zn || rn || Lt || et || ct || Q, Mt = Ms(wt, at), [ln, Gt] = B(Mt.K), [Do, ko] = V(f), ge = F || Y || ko || Fn || f, [Ro, Io] = ge ? W(S(Do), f) : Z();
-    return Xt && (Gt && y(Mt.K), it && lt && nn(c, it(Mt, C, lt(Mt, _n, Pn)))), j(!1), $n(o, kt, gn, Yt), $n(s, ee, gn, Yt), q(n, {
+    }), Yt = st && X && (wt.x || wt.y) || st && wt.x && !wt.y || X && wt.y && !wt.x, Xt = $ || F || ot || Ln || _n || rn || Lt || et || ct || Q, Mt = Ms(wt, at), [ln, Gt] = B(Mt.K), [Do, ko] = V(f), ge = F || Y || ko || Fn || f, [Ro, Io] = ge ? W(S(Do), f) : Z();
+    return Xt && (Gt && y(Mt.K), it && lt && nn(c, it(Mt, C, lt(Mt, zn, Pn)))), j(!1), $n(o, kt, gn, Yt), $n(s, ee, gn, Yt), q(n, {
       K: ln,
       Vt: {
         x: cn.w,
@@ -1098,8 +1098,8 @@ const ws = () => {
       y: 0
     },
     K: {
-      x: _t,
-      y: _t
+      x: zt,
+      y: zt
     },
     rn: {
       x: !1,
@@ -1117,7 +1117,7 @@ const ws = () => {
   let c = !1;
   const r = Ie(n, {}), [u, i, a, l, d] = Vs(t), [g, x, p] = Rs(l, a, r, (S) => {
     j({}, S);
-  }), [w, H, , E] = zs(t, n, p, a, l, s), L = (S) => bt(S).some((T) => !!S[T]), j = (S, T) => {
+  }), [w, H, , E] = _s(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, v = M || {}, m = !!I || !c, R = {
@@ -1127,19 +1127,19 @@ const ws = () => {
     };
     if (k)
       return H(R), !1;
-    const _ = T || x(q({}, R, {
+    const z = T || x(q({}, R, {
       At: P
     })), N = i(q({}, R, {
       _n: p,
-      Zt: _
+      Zt: z
     }));
     H(q({}, R, {
-      Zt: _,
+      Zt: z,
       tn: N
     }));
-    const B = L(_), V = L(N), W = B || V || !ae(v) || m;
+    const B = L(z), V = L(N), W = B || V || !ae(v) || m;
     return c = !0, W && o(S, {
-      Zt: _,
+      Zt: z,
       tn: N
     }), W;
   };
@@ -1162,8 +1162,8 @@ const ws = () => {
       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 } = _;
+    }, [j, S, T, M, I] = js(t, d, () => u, ({ pn: v, Dt: m }, { Zt: R, tn: z }) => {
+      const { ft: N, Ct: B, xt: V, Ht: W, Et: Z, dt: U } = R, { nn: nt, sn: y, en: h, cn: b } = z;
       L("updated", [k, {
         updateHints: {
           sizeChanged: !!N,
@@ -1185,9 +1185,9 @@ const ws = () => {
     }, k = {
       options(v, m) {
         if (v) {
-          const R = m ? o() : {}, _ = go(d, q(R, l(v)));
-          ae(_) || (q(d, _), S({
-            pn: _
+          const R = m ? o() : {}, z = go(d, q(R, l(v)));
+          ae(z) || (q(d, z), S({
+            pn: z
           }));
         }
         return q({}, d);
@@ -1197,9 +1197,9 @@ const ws = () => {
         v && m && H(v, m);
       },
       state() {
-        const { gn: v, bn: m } = T(), { ct: R } = v, { Vt: _, Rt: N, K: B, rn: V, ln: W, dn: Z, Lt: U } = m;
+        const { gn: v, bn: m } = T(), { ct: R } = v, { Vt: z, Rt: N, K: B, rn: V, ln: W, dn: Z, Lt: U } = m;
         return q({}, {
-          overflowEdge: _,
+          overflowEdge: z,
           overflowAmount: N,
           overflowStyle: B,
           hasOverflow: V,
@@ -1214,7 +1214,7 @@ const ws = () => {
         });
       },
       elements() {
-        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 { vt: v, ht: m, ln: R, ot: z, 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,
@@ -1235,9 +1235,9 @@ const ws = () => {
         return q({}, {
           target: v,
           host: m,
-          padding: R || _,
-          viewport: _,
-          content: N || _,
+          padding: R || z,
+          viewport: z,
+          content: N || z,
           scrollOffsetElement: B,
           scrollEventElement: V,
           scrollbarHorizontal: nt(W),
@@ -1376,6 +1376,7 @@ const Bs = () => {
   const a = { style: {
     width: n,
     height: e,
+    boxSizing: "border-box",
     ...o
   }, options: {
     overflow: {
@@ -1387,7 +1388,7 @@ const Bs = () => {
       autoHideDelay: 29
     }
   } };
-  return /* @__PURE__ */ zo(Zs, { defer: !0, ...a, children: t });
+  return /* @__PURE__ */ _o(Zs, { defer: !0, ...a, children: t });
 };
 export {
   Js as default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.65",
+  "version": "0.0.67",
   "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/templates/AppContainer/AppContainer.js

@@ -65,7 +65,7 @@ const m = t("div")({
     /* @__PURE__ */ a(g, { children: [
       /* @__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 }) })
+      /* @__PURE__ */ e(b, { withActionsPanel: n, children: /* @__PURE__ */ e(l, { children: s }) })
     ] })
   ] });
 };