@stenajs-webui/core 22.3.0 → 22.4.1

package/dist/index.es.js

@@ -1,23 +1,23 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._separatorLine_nzfcz_1{display:flex;border:0;margin:0;flex:none}._visuallyHidden_1gevf_1{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._text_1iisw_1{--swui-text-color: var(--swui-text-primary-color);--swui-text-color-caption: var(--lhds-color-ui-600);--swui-text-color-overline: var(--lhds-color-ui-600);--swui-text-font-family: var(--swui-font-primary);--swui-text-font-weight: var(--swui-font-weight-text);--current-color: var(--swui-text-color);--current-font-size: var(--swui-font-size-medium);--current-line-height: var(--swui-line-height-medium);--current-font-weight: var(--swui-text-font-weight);--current-letter-spacing: var(--swui-text-letter-spacing);font-size:var(--current-font-size);line-height:var(--current-line-height);color:var(--current-color);letter-spacing:var(--current-letter-spacing);font-family:var(--swui-text-font-family);font-weight:var(--current-font-weight)}._text_1iisw_1._bold_1iisw_27{--current-font-weight: var(--swui-font-weight-text-bold)}._text_1iisw_1._caption_1iisw_31{--current-font-size: var(--swui-font-size-small);--current-line-height: var(--swui-line-height-small);--current-color: var(--swui-text-color-caption);--current-letter-spacing: 0;font-style:italic}._text_1iisw_1._overline_1iisw_39{--current-font-size: var(--swui-font-size-smaller);--current-line-height: var(--swui-line-height-smaller);--current-color: var(--swui-text-color-overline);--current-font-weight: var(--swui-font-weight-text-bold);--current-letter-spacing: .1rem;text-transform:uppercase}._text_1iisw_1._large_1iisw_48{--current-font-size: var(--swui-font-size-large);--current-line-height: var(--swui-line-height-large)}._text_1iisw_1._medium_1iisw_53{--current-font-size: var(--swui-font-size-medium);--current-line-height: var(--swui-line-height-medium)}._text_1iisw_1._small_1iisw_58{--current-font-size: var(--swui-font-size-small);--current-line-height: var(--swui-line-height-small)}._text_1iisw_1._smaller_1iisw_63{--current-font-size: var(--swui-font-size-smaller);--current-line-height: var(--swui-line-height-smaller)}._heading_1cnsg_1{font-size:2rem;color:var(--swui-text-primary-color);letter-spacing:0;margin:0;line-height:var(--swui-line-height);font-family:var(--swui-font-primary);font-weight:var(--swui-font-weight-text-bold)}._heading_1cnsg_1._h1_1cnsg_10{font-size:2.8rem}._heading_1cnsg_1._h2_1cnsg_14{font-size:2.4rem}._heading_1cnsg_1._h3_1cnsg_18{font-size:2rem}._heading_1cnsg_1._h4_1cnsg_22{font-size:1.8rem}._heading_1cnsg_1._h5_1cnsg_26{font-size:1.6rem}._heading_1cnsg_1._h6_1cnsg_30{font-size:1.4rem}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { cssColor as D } from "@stenajs-webui/theme";
-import { jsx as l, Fragment as T, jsxs as N } from "react/jsx-runtime";
-import U, { forwardRef as f, useState as h, useCallback as m, useLayoutEffect as M, useRef as g, createContext as V, useEffect as p, useMemo as S, useContext as j } from "react";
-import C from "@emotion/styled";
-import { system as q, background as W, border as B, borderRight as X, borderLeft as G, borderTop as Y, borderBottom as K, borderColor as Z, borderRadius as J, borderStyle as Q, borderWidth as ee, boxShadow as te, flexbox as re, overflow as ne, position as ue, layout as oe, zIndex as se, left as ie, right as ae, top as ce, bottom as le } from "styled-system";
-import { memoize as de, pickBy as O, debounce as pe } from "lodash-es";
-import P from "classnames";
-const me = "_separatorLine_nzfcz_1", he = {
-  separatorLine: me
-}, it = f(
+import { cssColor as N } from "@stenajs-webui/theme";
+import { jsx as c, Fragment as T, jsxs as U } from "react/jsx-runtime";
+import V, { forwardRef as f, useState as h, useCallback as m, useLayoutEffect as F, useRef as g, createContext as j, useEffect as p, useMemo as S, useContext as q, isValidElement as B, Fragment as W } from "react";
+import E from "@emotion/styled";
+import { system as X, background as G, border as Y, borderRight as K, borderLeft as Z, borderTop as J, borderBottom as Q, borderColor as ee, borderRadius as te, borderStyle as re, borderWidth as ne, boxShadow as ue, flexbox as oe, overflow as se, position as ie, layout as ae, zIndex as ce, left as le, right as de, top as pe, bottom as me } from "styled-system";
+import { memoize as he, pickBy as P, debounce as fe } from "lodash-es";
+import O from "classnames";
+const ge = "_separatorLine_nzfcz_1", ye = {
+  separatorLine: ge
+}, lt = f(
   ({
-    color: e = D("--lhds-color-ui-300"),
+    color: e = N("--lhds-color-ui-300"),
     size: t = "100%",
     width: r = "1px",
     vertical: n = !1
-  }, u) => /* @__PURE__ */ l(
+  }, u) => /* @__PURE__ */ c(
     "hr",
     {
-      className: he.separatorLine,
+      className: ye.separatorLine,
       "aria-hidden": !0,
       color: e,
       style: {
@@ -28,7 +28,7 @@ const me = "_separatorLine_nzfcz_1", he = {
       ref: u
     }
   )
-), fe = C.button`
+), ve = E.button`
   display: inline-block;
   user-select: none;
   border: 0;
@@ -51,7 +51,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   ${({ width: e }) => e ? `width: ${e};` : ""}
   ${({ height: e }) => e ? `height: ${e};` : ""}
   ${({ borderRadius: e }) => e ? `border-radius: ${e};` : ""}
-`, at = f(
+`, dt = f(
   ({
     disableFocusHighlight: e,
     onClick: t,
@@ -62,13 +62,13 @@ const me = "_separatorLine_nzfcz_1", he = {
     opacityOnHover: s,
     disabled: a,
     children: i,
-    background: c = "transparent",
+    background: l = "transparent",
     hoverBackground: d,
-    focusBackground: b,
+    focusBackground: y,
     type: k = "button",
     ..._
-  }, H) => /* @__PURE__ */ l(
-    fe,
+  }, H) => /* @__PURE__ */ c(
+    ve,
     {
       opacityOnHover: s,
       title: n,
@@ -79,18 +79,18 @@ const me = "_separatorLine_nzfcz_1", he = {
       disableFocusHighlight: e,
       pointer: !!(t || r) && !o,
       ref: H,
-      background: c,
+      background: l,
       hoverBackground: d,
-      focusBackground: b,
+      focusBackground: y,
       type: k,
       ..._,
       children: i
     }
   )
-), x = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, ge = (e) => {
+), x = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, be = (e) => {
   if (e !== 0)
     return `calc(${e} * var(--swui-metrics-space))`;
-}, I = (e) => ge(x(e)), be = {
+}, I = (e) => be(x(e)), we = {
   // react props
   // https://github.com/facebook/react/blob/5495a7f24aef85ba6937truetrue1ce962673ca9f5fde6/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js
   children: !0,
@@ -577,16 +577,16 @@ const me = "_separatorLine_nzfcz_1", he = {
   for: !0,
   class: !0,
   autofocus: !0
-}, ve = `^((${Object.keys(be).join(
+}, xe = `^((${Object.keys(we).join(
   "|"
-)})|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$`, ye = new RegExp(ve), we = de(
-  (e) => ye.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91
-), xe = {
+)})|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$`, ke = new RegExp(xe), _e = he(
+  (e) => ke.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91
+), $e = {
   box: "var(--swui-shadow-box)",
   popover: "var(--swui-shadow-popover)",
   modal: "var(--swui-shadow-modal)",
   bottom: "var(--swui-shadow-bottom)"
-}, ke = [
+}, Se = [
   "spacing",
   "indent",
   "gap",
@@ -594,7 +594,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   "height",
   "overflow",
   "display"
-], _e = (e) => ke.includes(e), $e = q({
+], Ee = (e) => Se.includes(e), Ce = X({
   row: {
     property: "flexDirection",
     transform: (e) => e ? "row" : "column"
@@ -624,10 +624,10 @@ const me = "_separatorLine_nzfcz_1", he = {
   },
   shadow: {
     property: "boxShadow",
-    transform: (e) => xe[e] ?? e
+    transform: (e) => $e[e] ?? e
   }
-}), y = C("div", {
-  shouldForwardProp: (e) => typeof e == "string" ? _e(e) ? !1 : we(e) : !1
+}), b = E("div", {
+  shouldForwardProp: (e) => typeof e == "string" ? Ee(e) ? !1 : _e(e) : !1
 })`
   --current-spacing: 0;
   --current-indent: 0;
@@ -635,10 +635,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  ${$e};
-  ${W};
-  ${B};
-  ${X};
+  ${Ce};
   ${G};
   ${Y};
   ${K};
@@ -656,6 +653,9 @@ const me = "_separatorLine_nzfcz_1", he = {
   ${ae};
   ${ce};
   ${le};
+  ${de};
+  ${pe};
+  ${me};
 
   gap: calc(var(--current-gap) * var(--swui-metrics-space));
 
@@ -676,11 +676,11 @@ const me = "_separatorLine_nzfcz_1", he = {
     ${({ focusWithinBackground: e }) => e ? `background: ${e};` : ""}
     ${({ focusWithinBorder: e }) => e ? `border: ${e};` : ""}
   }
-`, ct = f(
+`, pt = f(
   function(t, r) {
-    return /* @__PURE__ */ l(y, { ref: r, ...t });
+    return /* @__PURE__ */ c(b, { ref: r, ...t });
   }
-), Se = (e) => {
+), Te = (e) => {
   const { x: t, y: r, width: n, height: u, bottom: o, top: s, left: a, right: i } = e.getBoundingClientRect();
   return {
     width: n,
@@ -692,49 +692,49 @@ const me = "_separatorLine_nzfcz_1", he = {
     right: i,
     bottom: o
   };
-}, Ce = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height && e.bottom === t.bottom && e.top === t.top && e.left === t.left && e.right === t.right, Ee = (e, t) => {
+}, Ie = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height && e.bottom === t.bottom && e.top === t.top && e.left === t.left && e.right === t.right, Re = (e, t) => {
   const [r, n] = h(), u = m(() => {
     window.requestAnimationFrame(() => {
       if (e.current) {
-        const o = Se(e.current);
-        (!r || !Ce(r, o)) && t && t(o), n(o);
+        const o = Te(e.current);
+        (!r || !Ie(r, o)) && t && t(o), n(o);
       }
     });
   }, [e, r, n, t]);
-  return M(() => {
+  return F(() => {
     u();
   }, [u]), {
     dimensions: r
   };
-}, lt = f(
+}, mt = f(
   function({ onResize: t, ...r }, n) {
     const u = g(null);
-    return Ee(n ?? u, t), /* @__PURE__ */ l(y, { ...r, ref: n });
+    return Re(n ?? u, t), /* @__PURE__ */ c(b, { ...r, ref: n });
   }
-), dt = f(
+), ht = f(
   function(t, r) {
-    return /* @__PURE__ */ l(y, { row: !0, ref: r, ...t });
+    return /* @__PURE__ */ c(b, { row: !0, ref: r, ...t });
   }
-), pt = f(function({ num: t = 1, ...r }, n) {
-  return /* @__PURE__ */ l(y, { indent: t, ref: n, ...r });
-}), mt = f(
+), ft = f(function({ num: t = 1, ...r }, n) {
+  return /* @__PURE__ */ c(b, { indent: t, ref: n, ...r });
+}), gt = f(
   function({ num: t = 1, ...r }, n) {
-    return /* @__PURE__ */ l(y, { spacing: t, ref: n, ...r });
+    return /* @__PURE__ */ c(b, { spacing: t, ref: n, ...r });
   }
-), Te = C.div`
+), Le = E.div`
   --current-size: 1;
   flex: none;
   width: calc(var(--current-size) * var(--swui-metrics-space));
   height: calc(var(--current-size) * var(--swui-metrics-space));
-`, ht = ({
+`, yt = ({
   half: e = !1,
   horizontal: t = !1,
   num: r = 1,
   vertical: n = !1
 }) => {
   const u = r * (e ? 0.5 : 1);
-  return /* @__PURE__ */ l(
-    Te,
+  return /* @__PURE__ */ c(
+    Le,
     {
       style: {
         "--current-size": u,
@@ -743,17 +743,17 @@ const me = "_separatorLine_nzfcz_1", he = {
       }
     }
   );
-}, ft = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ l(T, { children: r(e) }) : /* @__PURE__ */ l(T, { children: e }), F = V({
+}, vt = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ c(T, { children: r(e) }) : /* @__PURE__ */ c(T, { children: e }), D = j({
   isFontLarge: !1,
   fontSizeRatio: 1
-}), R = 12, gt = ({ children: e }) => {
+}), R = 12, bt = ({ children: e }) => {
   const t = g(null), [r, n] = h(!1), [u, o] = h(1);
   p(() => {
     if (!t.current)
       return;
     const a = new ResizeObserver((i) => {
-      for (const c of i) {
-        const d = c.contentRect.height;
+      for (const l of i) {
+        const d = l.contentRect.height;
         n(d > R), o(d / R);
       }
     });
@@ -763,8 +763,8 @@ const me = "_separatorLine_nzfcz_1", he = {
     () => ({ isFontLarge: r, fontSizeRatio: u }),
     [u, r]
   );
-  return /* @__PURE__ */ N(F.Provider, { value: s, children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ U(D.Provider, { value: s, children: [
+    /* @__PURE__ */ c(
       "div",
       {
         ref: t,
@@ -782,27 +782,27 @@ const me = "_separatorLine_nzfcz_1", he = {
     ),
     e
   ] });
-}, bt = () => {
-  const e = j(F);
+}, wt = () => {
+  const e = q(D);
   return e || {
     isFontLarge: !1,
     fontSizeRatio: 1
   };
-}, Ie = "_visuallyHidden_1gevf_1", Re = {
-  visuallyHidden: Ie
-}, Le = (e) => O(e, ze), vt = (e) => O(e, Ae), ze = (e, t) => t.startsWith("data-") || t.startsWith("aria-"), Ae = (e, t) => t.startsWith("aria-"), yt = ({
+}, Ae = "_visuallyHidden_1gevf_1", Me = {
+  visuallyHidden: Ae
+}, ze = (e) => P(e, Fe), xt = (e) => P(e, Pe), Fe = (e, t) => t.startsWith("data-") || t.startsWith("aria-"), Pe = (e, t) => t.startsWith("aria-"), kt = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ l("span", { className: Re.visuallyHidden, ...Le(t), children: e }), Me = "_text_1iisw_1", Oe = "_standard_1iisw_24", Pe = "_bold_1iisw_27", Fe = "_caption_1iisw_31", He = "_overline_1iisw_39", De = "_large_1iisw_48", Ne = "_medium_1iisw_53", Ue = "_small_1iisw_58", Ve = "_smaller_1iisw_63", $ = {
-  text: Me,
-  standard: Oe,
-  bold: Pe,
-  caption: Fe,
-  overline: He,
-  large: De,
-  medium: Ne,
-  small: Ue,
-  smaller: Ve
+}) => /* @__PURE__ */ c("span", { className: Me.visuallyHidden, ...ze(t), children: e }), Oe = "_text_1iisw_1", De = "_standard_1iisw_24", He = "_bold_1iisw_27", Ne = "_caption_1iisw_31", Ue = "_overline_1iisw_39", Ve = "_large_1iisw_48", je = "_medium_1iisw_53", qe = "_small_1iisw_58", Be = "_smaller_1iisw_63", $ = {
+  text: Oe,
+  standard: De,
+  bold: He,
+  caption: Ne,
+  overline: Ue,
+  large: Ve,
+  medium: je,
+  small: qe,
+  smaller: Be
 }, w = f(
   ({
     children: e,
@@ -814,14 +814,14 @@ const me = "_separatorLine_nzfcz_1", he = {
     whiteSpace: s,
     wordBreak: a,
     textAlign: i,
-    overflow: c,
+    overflow: l,
     textOverflow: d,
-    style: b,
+    style: y,
     ...k
-  }, _) => /* @__PURE__ */ l(
+  }, _) => /* @__PURE__ */ c(
     "span",
     {
-      className: P($.text, $[t], $[r], n),
+      className: O($.text, $[t], $[r], n),
       ref: _,
       style: {
         color: u,
@@ -829,23 +829,23 @@ const me = "_separatorLine_nzfcz_1", he = {
         whiteSpace: s,
         wordBreak: a,
         textAlign: i,
-        overflow: c,
+        overflow: l,
         textOverflow: d,
-        ...b
+        ...y
       },
       ...k,
       children: e
     }
   )
-), wt = w, xt = (e) => /* @__PURE__ */ l(w, { size: "small", ...e }), kt = (e) => /* @__PURE__ */ l(w, { size: "smaller", ...e }), _t = (e) => /* @__PURE__ */ l(w, { size: "medium", ...e }), $t = (e) => /* @__PURE__ */ l(w, { size: "large", ...e }), je = "_heading_1cnsg_1", qe = "_h1_1cnsg_10", We = "_h2_1cnsg_14", Be = "_h3_1cnsg_18", Xe = "_h4_1cnsg_22", Ge = "_h5_1cnsg_26", Ye = "_h6_1cnsg_30", L = {
-  heading: je,
-  h1: qe,
-  h2: We,
-  h3: Be,
-  h4: Xe,
-  h5: Ge,
-  h6: Ye
-}, Ke = f(
+), _t = w, $t = (e) => /* @__PURE__ */ c(w, { size: "small", ...e }), St = (e) => /* @__PURE__ */ c(w, { size: "smaller", ...e }), Et = (e) => /* @__PURE__ */ c(w, { size: "medium", ...e }), Ct = (e) => /* @__PURE__ */ c(w, { size: "large", ...e }), We = "_heading_1cnsg_1", Xe = "_h1_1cnsg_10", Ge = "_h2_1cnsg_14", Ye = "_h3_1cnsg_18", Ke = "_h4_1cnsg_22", Ze = "_h5_1cnsg_26", Je = "_h6_1cnsg_30", L = {
+  heading: We,
+  h1: Xe,
+  h2: Ge,
+  h3: Ye,
+  h4: Ke,
+  h5: Ze,
+  h6: Je
+}, Qe = f(
   ({
     variant: e = "h3",
     className: t,
@@ -856,38 +856,60 @@ const me = "_separatorLine_nzfcz_1", he = {
     children: s,
     as: a,
     ...i
-  }, c) => /* @__PURE__ */ l(
+  }, l) => /* @__PURE__ */ c(
     a ?? e,
     {
-      className: P(L.heading, L[e], t),
+      className: O(L.heading, L[e], t),
       style: { color: r, whiteSpace: n, wordBreak: u, ...o },
-      ref: c,
+      ref: l,
       ...i,
       children: s
     }
   )
-), St = (e) => /* @__PURE__ */ l(Ke, { variant: "h2", ...e }), Ze = (e, t) => e === t, Ct = (e, t, r = Ze) => {
+), Tt = (e) => /* @__PURE__ */ c(Qe, { variant: "h2", ...e }), It = ({
+  blockedKeys: e,
+  ...t
+}) => {
+  const r = m(
+    (u) => {
+      (e == null || e.includes(u.key)) && (u.stopPropagation(), u.preventDefault());
+    },
+    [e]
+  ), n = m((u) => {
+    u.stopPropagation(), u.preventDefault();
+  }, []);
+  return /* @__PURE__ */ c(
+    b,
+    {
+      ...t,
+      onKeyDown: r,
+      onKeyUp: r,
+      onMouseDown: n,
+      onMouseUp: n
+    }
+  );
+}, et = (e, t) => e === t, Rt = (e, t, r = et) => {
   const n = m(
     (i) => {
-      e.some((c) => r(c, i)) || t([...e, i]);
+      e.some((l) => r(l, i)) || t([...e, i]);
     },
     [e, t, r]
   ), u = m(
     (i) => {
       t(
-        i.reduce((c, d) => c.some((b) => r(b, d)) ? c : [...c, d], e)
+        i.reduce((l, d) => l.some((y) => r(y, d)) ? l : [...l, d], e)
       );
     },
     [e, t, r]
   ), o = m(
     (i) => {
-      const c = e.findIndex((d) => r(d, i));
-      c >= 0 && t(e.filter((d, b) => b !== c));
+      const l = e.findIndex((d) => r(d, i));
+      l >= 0 && t(e.filter((d, y) => y !== l));
     },
     [e, t, r]
   ), s = m(
     (i) => {
-      t(e.filter((c) => !i.some((d) => r(d, c))));
+      t(e.filter((l) => !i.some((d) => r(d, l))));
     },
     [e, t, r]
   ), a = m(
@@ -903,7 +925,7 @@ const me = "_separatorLine_nzfcz_1", he = {
     removeMultiple: s,
     toggle: a
   };
-}, E = (e) => {
+}, C = (e) => {
   const [t, r] = h(e), n = m(() => {
     r(!0);
   }, [r]), u = m(() => {
@@ -912,7 +934,7 @@ const me = "_separatorLine_nzfcz_1", he = {
     r((s) => !s);
   }, [r]);
   return [t, n, u, o];
-}, Et = (e, t) => {
+}, Lt = (e, t) => {
   const [r, n] = h(e);
   return p(() => {
     const u = setTimeout(() => {
@@ -922,7 +944,7 @@ const me = "_separatorLine_nzfcz_1", he = {
       clearTimeout(u);
     };
   }, [e, t]), r;
-}, Tt = (e, t) => {
+}, At = (e, t) => {
   const [r, n] = h(e);
   return p(() => {
     e && n(!0);
@@ -934,10 +956,10 @@ const me = "_separatorLine_nzfcz_1", he = {
     };
   }, [e, t]), r;
 };
-let Je = 0;
-const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
-  const [t, r] = h(() => z(e));
-  return p(() => r(z(e)), [e]), t;
+let tt = 0;
+const A = (e) => `webui-${e ? e + "-" : ""}${++tt}`, Mt = (e) => {
+  const [t, r] = h(() => A(e));
+  return p(() => r(A(e)), [e]), t;
 }, v = (e, t, r) => {
   const n = g(null);
   p(() => {
@@ -955,8 +977,8 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
       s && s.removeEventListener(t, o);
     };
   }, [t, e]);
-}, Rt = (e) => {
-  const [t, r, n] = E(!1);
+}, zt = (e) => {
+  const [t, r, n] = C(!1);
   p(() => {
     document.activeElement === e.current ? r() : n();
   }, [e, n, r]), v(e, "focus", r), v(e, "blur", n);
@@ -966,24 +988,24 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
     e.current && e.current.blur();
   }, [e]);
   return { isInFocus: t, focus: u, blur: o };
-}, Lt = (e) => {
+}, Ft = (e) => {
   const t = g(e);
-  return M(() => {
+  return F(() => {
     t.current = e;
   }), m((...r) => {
     const { current: n } = t;
     return n(...r);
   }, []);
-}, zt = (e) => {
-  const t = U.useRef(e);
+}, Pt = (e) => {
+  const t = V.useRef(e);
   return t.current = e, t;
-}, At = (e) => {
-  const [t, r, n] = E(!1);
+}, Ot = (e) => {
+  const [t, r, n] = C(!1);
   return v(e, "mouseover", r), v(e, "mouseout", n), t;
-}, Mt = (e) => {
-  const [t, r, n] = E(!1);
+}, Dt = (e) => {
+  const [t, r, n] = C(!1);
   return v(e, "mouseenter", r), v(e, "mouseleave", n), t;
-}, Ot = (e, t) => {
+}, Ht = (e, t) => {
   const r = g(() => {
   });
   p(() => {
@@ -996,7 +1018,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
       document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
     };
   }, [...e]);
-}, Pt = (e, t, r) => {
+}, Nt = (e, t, r) => {
   const n = g(() => {
   });
   p(() => {
@@ -1009,20 +1031,20 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
       document.removeEventListener("mousedown", u, r), document.removeEventListener("touchstart", u, r);
     };
   }, [e, r]);
-}, A = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Ft = (e, t) => {
+}, M = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Ut = (e, t) => {
   const r = g(() => {
   });
   p(() => {
     r.current = e;
   }, [e]), p(() => {
-    const n = pe(r.current, t);
-    return A.forEach((u) => window.addEventListener(u, n)), () => {
-      A.forEach(
+    const n = fe(r.current, t);
+    return M.forEach((u) => window.addEventListener(u, n)), () => {
+      M.forEach(
         (u) => window.removeEventListener(u, n)
       );
     };
   }, [t]);
-}, Ht = (e, t) => {
+}, Vt = (e, t) => {
   const [r, n] = h(!1), { rootMargin: u, root: o, threshold: s } = t || {}, a = S(() => new IntersectionObserver(
     ([i]) => n(i.isIntersecting),
     {
@@ -1034,12 +1056,12 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
   return p(() => (e.current && a.observe(e.current), () => {
     a.disconnect();
   }), [a, e]), r;
-}, Dt = (e) => {
+}, jt = (e) => {
   const t = g(null);
   return p(() => {
     e && (typeof e == "function" ? e(t.current) : e.current = t.current);
   }), t;
-}, Nt = (e, t, r = !0) => {
+}, qt = (e, t, r = !0) => {
   const [n, u] = h(e), o = g(null), s = m(
     (a, i = t) => {
       u(a), r && clearTimeout(o.current), o.current = setTimeout(() => u(e), i);
@@ -1049,78 +1071,85 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
   return p(() => () => {
     clearTimeout(o.current);
   }, []), [n, s];
-}, Ut = () => S(() => /* @__PURE__ */ new Date(), []), Vt = (e) => (t, r) => e(t).localeCompare(e(r)), jt = (e) => (t, r) => e(t) - e(r), qt = (e) => {
+}, Bt = () => S(() => /* @__PURE__ */ new Date(), []), Wt = (e) => (t, r) => e(t).localeCompare(e(r)), Xt = (e) => (t, r) => e(t) - e(r), Gt = (e) => {
   throw new Error(`Switch unhandled case: ${e}`);
-}, Wt = (e, t) => t, Bt = (e) => Object.keys(e).filter((t) => e[t]), Xt = (e) => {
+}, Yt = (e, t) => t, Kt = (e) => Object.keys(e).filter((t) => e[t]), Zt = (e) => {
   try {
     const t = parseFloat(e);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
-}, Gt = (e) => {
+}, Jt = (e) => {
   try {
     const t = parseInt(e, 10);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
 };
-function Yt(e, t) {
+function Qt(e, t) {
   if (e == null)
     throw new Error("Invariant error: " + t);
 }
+const er = (e) => {
+  if (!B(e) || e.type !== W) return !1;
+  const r = e.props.children;
+  return Array.isArray(r) ? r.every(z) : z(r);
+}, z = (e) => e == null || e === !1;
 export {
-  F as AccessibleFontSizeContext,
-  gt as AccessibleFontSizeProvider,
-  y as Box,
-  at as Clickable,
-  ct as Column,
-  St as HeaderText,
-  Ke as Heading,
-  pt as Indent,
-  $t as LargeText,
-  ft as Nest,
-  lt as ResizeAwareBox,
-  dt as Row,
-  yt as ScreenReaderOnlyText,
-  it as SeparatorLine,
-  xt as SmallText,
-  kt as SmallerText,
-  ht as Space,
-  mt as Spacing,
-  _t as StandardText,
+  D as AccessibleFontSizeContext,
+  bt as AccessibleFontSizeProvider,
+  It as BlockKeyboardEvents,
+  b as Box,
+  dt as Clickable,
+  pt as Column,
+  Tt as HeaderText,
+  Qe as Heading,
+  ft as Indent,
+  Ct as LargeText,
+  vt as Nest,
+  mt as ResizeAwareBox,
+  ht as Row,
+  kt as ScreenReaderOnlyText,
+  lt as SeparatorLine,
+  $t as SmallText,
+  St as SmallerText,
+  yt as Space,
+  gt as Spacing,
+  Et as StandardText,
   w as Text,
-  wt as Txt,
+  _t as Txt,
   x as booleanOrNumberToNumber,
-  jt as byNumberField,
-  Vt as byStringField,
-  Wt as exhaustSwitchCase,
-  qt as exhaustSwitchCaseElseThrow,
-  vt as getAriaProps,
-  Le as getDataProps,
-  Se as getDimensionObject,
-  Yt as invariant,
-  Xt as parseFloatElseUndefined,
-  Gt as parseIntElseUndefined,
-  Bt as truthyKeysAsList,
-  bt as useAccessibleFontSizeContext,
-  Ct as useArraySet,
-  E as useBoolean,
-  Et as useDebounce,
-  Tt as useDelayedFalse,
-  It as useDomId,
-  Ee as useElementDimensions,
-  Rt as useElementFocus,
-  Lt as useEventCallback,
+  Xt as byNumberField,
+  Wt as byStringField,
+  Yt as exhaustSwitchCase,
+  Gt as exhaustSwitchCaseElseThrow,
+  xt as getAriaProps,
+  ze as getDataProps,
+  Te as getDimensionObject,
+  Qt as invariant,
+  er as isEmptyFragment,
+  Zt as parseFloatElseUndefined,
+  Jt as parseIntElseUndefined,
+  Kt as truthyKeysAsList,
+  wt as useAccessibleFontSizeContext,
+  Rt as useArraySet,
+  C as useBoolean,
+  Lt as useDebounce,
+  At as useDelayedFalse,
+  Mt as useDomId,
+  Re as useElementDimensions,
+  zt as useElementFocus,
+  Ft as useEventCallback,
   v as useEventListener,
-  Dt as useForwardedRef,
-  zt as useLatest,
-  Mt as useMouseIsEntered,
-  At as useMouseIsOver,
-  Ot as useMultiOnClickOutside,
-  Pt as useOnClickOutside,
-  Ft as useOnNoMouseMovement,
-  Ht as useOnScreen,
-  Nt as useTimeoutState,
-  Ut as useToday
+  jt as useForwardedRef,
+  Pt as useLatest,
+  Dt as useMouseIsEntered,
+  Ot as useMouseIsOver,
+  Ht as useMultiOnClickOutside,
+  Nt as useOnClickOutside,
+  Ut as useOnNoMouseMovement,
+  Vt as useOnScreen,
+  qt as useTimeoutState,
+  Bt as useToday
 };
 //# sourceMappingURL=index.es.js.map