@stenajs-webui/core 21.4.0 → 21.5.0

package/dist/hooks/UseLatest.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "react";
+export declare const useLatest: <T>(value: T) => MutableRefObject<T>;

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export * from "./hooks/UseDomId";
 export * from "./hooks/UseElementDimensions";
 export * from "./hooks/UseElementFocus";
 export * from "./hooks/UseEventListener";
+export * from "./hooks/UseLatest";
 export * from "./hooks/UseMouseIsOver";
 export * from "./hooks/UseMouseIsEntered";
 export * from "./hooks/UseMultiOnClickOutside";

package/dist/index.es.js

@@ -1,15 +1,15 @@
 (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 A } from "@stenajs-webui/theme";
 import { jsx as a, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as h, useState as f, useCallback as m, useLayoutEffect as P, useRef as v, useEffect as d, useMemo as D } from "react";
+import P, { forwardRef as h, useState as f, useCallback as m, useLayoutEffect as D, useRef as v, useEffect as d, useMemo as H } from "react";
 import _ from "@emotion/styled";
-import { system as H, background as z, border as F, borderRight as N, borderLeft as U, borderTop as V, borderBottom as q, borderColor as j, borderRadius as B, borderStyle as W, borderWidth as X, boxShadow as G, flexbox as Y, overflow as K, position as Z, layout as J, zIndex as Q, left as ee, right as te, top as re, bottom as ue } from "styled-system";
-import { memoize as ne, pickBy as oe, debounce as se } from "lodash-es";
+import { system as z, background as F, border as N, borderRight as U, borderLeft as V, borderTop as q, borderBottom as j, borderColor as B, borderRadius as W, borderStyle as X, borderWidth as G, boxShadow as Y, flexbox as K, overflow as Z, position as J, layout as Q, zIndex as ee, left as te, right as re, top as ue, bottom as ne } from "styled-system";
+import { memoize as oe, pickBy as se, debounce as ie } from "lodash-es";
 import R from "classnames";
-import * as ie from "react-dom";
-const ae = "_separatorLine_nzfcz_1", ce = {
-  separatorLine: ae
-}, rt = h(
+import * as ae from "react-dom";
+const ce = "_separatorLine_nzfcz_1", le = {
+  separatorLine: ce
+}, ut = h(
   ({
     color: e = A("--lhds-color-ui-300"),
     size: t = "100%",
@@ -18,7 +18,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   }, n) => /* @__PURE__ */ a(
     "hr",
     {
-      className: ce.separatorLine,
+      className: le.separatorLine,
       "aria-hidden": !0,
       color: e,
       style: {
@@ -29,7 +29,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       ref: n
     }
   )
-), le = _.button`
+), de = _.button`
   display: inline-block;
   user-select: none;
   border: 0;
@@ -52,7 +52,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   ${({ width: e }) => e ? `width: ${e};` : ""}
   ${({ height: e }) => e ? `height: ${e};` : ""}
   ${({ borderRadius: e }) => e ? `border-radius: ${e};` : ""}
-`, ut = h(
+`, nt = h(
   ({
     disableFocusHighlight: e,
     onClick: t,
@@ -66,10 +66,10 @@ const ae = "_separatorLine_nzfcz_1", ce = {
     background: l = "transparent",
     hoverBackground: p,
     focusBackground: g,
-    type: M = "button",
-    ...O
-  }, L) => /* @__PURE__ */ a(
-    le,
+    type: L = "button",
+    ...M
+  }, O) => /* @__PURE__ */ a(
+    de,
     {
       opacityOnHover: s,
       title: u,
@@ -79,19 +79,19 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       onDoubleClick: r,
       disableFocusHighlight: e,
       pointer: !!(t || r) && !o,
-      ref: L,
+      ref: O,
       background: l,
       hoverBackground: p,
       focusBackground: g,
-      type: M,
-      ...O,
+      type: L,
+      ...M,
       children: i
     }
   )
-), x = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, de = (e) => {
+), x = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, pe = (e) => {
   if (e !== 0)
     return `calc(${e} * var(--swui-metrics-space))`;
-}, E = (e) => de(x(e)), pe = {
+}, E = (e) => pe(x(e)), me = {
   // react props
   // https://github.com/facebook/react/blob/5495a7f24aef85ba6937truetrue1ce962673ca9f5fde6/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js
   children: !0,
@@ -578,17 +578,17 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   for: !0,
   class: !0,
   autofocus: !0
-}, me = `^((${Object.keys(pe).join(
+}, he = `^((${Object.keys(me).join(
   "|"
-)})|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$`, he = new RegExp(me), ge = ne(
-  (e) => he.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91
+)})|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$`, ge = new RegExp(he), fe = oe(
+  (e) => ge.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91
   /* Z+1 */
-), fe = {
+), ve = {
   box: "var(--swui-shadow-box)",
   popover: "var(--swui-shadow-popover)",
   modal: "var(--swui-shadow-modal)",
   bottom: "var(--swui-shadow-bottom)"
-}, ve = [
+}, ye = [
   "spacing",
   "indent",
   "gap",
@@ -596,7 +596,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   "height",
   "overflow",
   "display"
-], ye = (e) => ve.includes(e), be = H({
+], be = (e) => ye.includes(e), we = z({
   row: {
     property: "flexDirection",
     transform: (e) => e ? "row" : "column"
@@ -626,10 +626,10 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   },
   shadow: {
     property: "boxShadow",
-    transform: (e) => fe[e] ?? e
+    transform: (e) => ve[e] ?? e
   }
 }), b = _("div", {
-  shouldForwardProp: (e) => typeof e == "string" ? ye(e) ? !1 : ge(e) : !1
+  shouldForwardProp: (e) => typeof e == "string" ? be(e) ? !1 : fe(e) : !1
 })`
   --current-spacing: 0;
   --current-indent: 0;
@@ -637,8 +637,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  ${be};
-  ${z};
+  ${we};
   ${F};
   ${N};
   ${U};
@@ -658,6 +657,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
   ${te};
   ${re};
   ${ue};
+  ${ne};
 
   gap: calc(var(--current-gap) * var(--swui-metrics-space));
 
@@ -678,9 +678,9 @@ const ae = "_separatorLine_nzfcz_1", ce = {
     ${({ focusWithinBackground: e }) => e ? `background: ${e};` : ""}
     ${({ focusWithinBorder: e }) => e ? `border: ${e};` : ""}
   }
-`, nt = h(function(t, r) {
+`, ot = h(function(t, r) {
   return /* @__PURE__ */ a(b, { ref: r, ...t });
-}), we = (e) => {
+}), xe = (e) => {
   const { x: t, y: r, width: u, height: n, bottom: o, top: s, left: c, right: i } = e.getBoundingClientRect();
   return {
     width: u,
@@ -692,39 +692,39 @@ const ae = "_separatorLine_nzfcz_1", ce = {
     right: i,
     bottom: o
   };
-}, xe = (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, ke = (e, t) => {
+}, ke = (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, _e = (e, t) => {
   const [r, u] = f(), n = m(() => {
     window.requestAnimationFrame(() => {
       if (e.current) {
-        const o = we(e.current);
-        (!r || !xe(r, o)) && t && t(o), u(o);
+        const o = xe(e.current);
+        (!r || !ke(r, o)) && t && t(o), u(o);
       }
     });
   }, [e, r, u, t]);
-  return P(() => {
+  return D(() => {
     n();
   }, [n]), {
     dimensions: r
   };
-}, ot = h(
+}, st = h(
   function({ onResize: t, ...r }, u) {
     const n = v(null);
-    return ke(u ?? n, t), /* @__PURE__ */ a(b, { ...r, ref: u });
+    return _e(u ?? n, t), /* @__PURE__ */ a(b, { ...r, ref: u });
   }
-), st = h(function(t, r) {
+), it = h(function(t, r) {
   return /* @__PURE__ */ a(b, { row: !0, ref: r, ...t });
-}), it = h(function({ num: t = 1, ...r }, u) {
+}), at = h(function({ num: t = 1, ...r }, u) {
   return /* @__PURE__ */ a(b, { indent: t, ref: u, ...r });
-}), at = h(
+}), ct = h(
   function({ num: t = 1, ...r }, u) {
     return /* @__PURE__ */ a(b, { spacing: t, ref: u, ...r });
   }
-), _e = _.div`
+), $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));
-`, ct = ({
+`, lt = ({
   half: e = !1,
   horizontal: t = !1,
   num: r = 1,
@@ -732,7 +732,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
 }) => {
   const n = r * (e ? 0.5 : 1);
   return /* @__PURE__ */ a(
-    _e,
+    $e,
     {
       style: {
         "--current-size": n,
@@ -741,21 +741,21 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       }
     }
   );
-}, lt = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ a(S, { children: r(e) }) : /* @__PURE__ */ a(S, { children: e }), $e = "_visuallyHidden_1gevf_1", Se = {
-  visuallyHidden: $e
-}, Ee = (e) => oe(e, Te), Te = (e, t) => Ce(t), Ce = (e) => e.startsWith("data-") || e.startsWith("aria-"), dt = ({
+}, dt = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ a(S, { children: r(e) }) : /* @__PURE__ */ a(S, { children: e }), Se = "_visuallyHidden_1gevf_1", Ee = {
+  visuallyHidden: Se
+}, Te = (e) => se(e, Ce), Ce = (e, t) => Ie(t), Ie = (e) => e.startsWith("data-") || e.startsWith("aria-"), pt = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ a("span", { className: Se.visuallyHidden, ...Ee(t), children: e }), Ie = "_text_1iisw_1", Re = "_standard_1iisw_24", Me = "_bold_1iisw_27", Oe = "_caption_1iisw_31", Le = "_overline_1iisw_39", Ae = "_large_1iisw_48", Pe = "_medium_1iisw_53", De = "_small_1iisw_58", He = "_smaller_1iisw_63", k = {
-  text: Ie,
-  standard: Re,
+}) => /* @__PURE__ */ a("span", { className: Ee.visuallyHidden, ...Te(t), children: e }), Re = "_text_1iisw_1", Le = "_standard_1iisw_24", Me = "_bold_1iisw_27", Oe = "_caption_1iisw_31", Ae = "_overline_1iisw_39", Pe = "_large_1iisw_48", De = "_medium_1iisw_53", He = "_small_1iisw_58", ze = "_smaller_1iisw_63", k = {
+  text: Re,
+  standard: Le,
   bold: Me,
   caption: Oe,
-  overline: Le,
-  large: Ae,
-  medium: Pe,
-  small: De,
-  smaller: He
+  overline: Ae,
+  large: Pe,
+  medium: De,
+  small: He,
+  smaller: ze
 }, w = h(
   ({
     children: e,
@@ -786,15 +786,15 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       children: e
     }
   )
-), pt = w, mt = (e) => /* @__PURE__ */ a(w, { size: "small", ...e }), ht = (e) => /* @__PURE__ */ a(w, { size: "smaller", ...e }), gt = (e) => /* @__PURE__ */ a(w, { size: "medium", ...e }), ft = (e) => /* @__PURE__ */ a(w, { size: "large", ...e }), ze = "_heading_1cnsg_1", Fe = "_h1_1cnsg_10", Ne = "_h2_1cnsg_14", Ue = "_h3_1cnsg_18", Ve = "_h4_1cnsg_22", qe = "_h5_1cnsg_26", je = "_h6_1cnsg_30", T = {
-  heading: ze,
-  h1: Fe,
-  h2: Ne,
-  h3: Ue,
-  h4: Ve,
-  h5: qe,
-  h6: je
-}, Be = h(
+), mt = w, ht = (e) => /* @__PURE__ */ a(w, { size: "small", ...e }), gt = (e) => /* @__PURE__ */ a(w, { size: "smaller", ...e }), ft = (e) => /* @__PURE__ */ a(w, { size: "medium", ...e }), vt = (e) => /* @__PURE__ */ a(w, { size: "large", ...e }), Fe = "_heading_1cnsg_1", Ne = "_h1_1cnsg_10", Ue = "_h2_1cnsg_14", Ve = "_h3_1cnsg_18", qe = "_h4_1cnsg_22", je = "_h5_1cnsg_26", Be = "_h6_1cnsg_30", T = {
+  heading: Fe,
+  h1: Ne,
+  h2: Ue,
+  h3: Ve,
+  h4: qe,
+  h5: je,
+  h6: Be
+}, We = h(
   ({
     variant: e = "h3",
     className: t,
@@ -815,7 +815,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       children: s
     }
   )
-), vt = (e) => /* @__PURE__ */ a(Be, { variant: "h2", ...e }), We = (e, t) => e === t, yt = (e, t, r = We) => {
+), yt = (e) => /* @__PURE__ */ a(We, { variant: "h2", ...e }), Xe = (e, t) => e === t, bt = (e, t, r = Xe) => {
   const u = m(
     (i) => {
       e.some((l) => r(l, i)) || t([...e, i]);
@@ -861,7 +861,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
     r((s) => !s);
   }, [r]);
   return [t, u, n, o];
-}, bt = (e, t) => {
+}, wt = (e, t) => {
   const [r, u] = f(e);
   return d(() => {
     const n = setTimeout(() => {
@@ -871,7 +871,7 @@ const ae = "_separatorLine_nzfcz_1", ce = {
       clearTimeout(n);
     };
   }, [e, t]), r;
-}, wt = (e, t) => {
+}, xt = (e, t) => {
   const [r, u] = f(e);
   return d(() => {
     e && u(!0);
@@ -883,8 +883,8 @@ const ae = "_separatorLine_nzfcz_1", ce = {
     };
   }, [e, t]), r;
 };
-let Xe = 0;
-const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
+let Ge = 0;
+const C = (e) => `webui-${e ? e + "-" : ""}${++Ge}`, kt = (e) => {
   const [t, r] = f(() => C(e));
   return d(() => r(C(e)), [e]), t;
 }, y = (e, t, r) => {
@@ -905,10 +905,10 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
       s && s.removeEventListener(t, o);
     };
   }, [t, e]);
-}, kt = (e) => {
+}, _t = (e) => {
   const [t, r, u] = $(!1);
   d(() => {
-    document.activeElement === ie.findDOMNode(e.current) ? r() : u();
+    document.activeElement === ae.findDOMNode(e.current) ? r() : u();
   }, [e, u, r]), y(e, "focus", r), y(e, "blur", u);
   const n = m(() => {
     e.current && e.current.focus();
@@ -916,13 +916,16 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
     e.current && e.current.blur();
   }, [e]);
   return { isInFocus: t, focus: n, blur: o };
-}, _t = (e) => {
+}, $t = (e) => {
+  const t = P.useRef(e);
+  return t.current = e, t;
+}, St = (e) => {
   const [t, r, u] = $(!1);
   return y(e, "mouseover", r), y(e, "mouseout", u), t;
-}, $t = (e) => {
+}, Et = (e) => {
   const [t, r, u] = $(!1);
   return y(e, "mouseenter", r), y(e, "mouseleave", u), t;
-}, St = (e, t) => {
+}, Tt = (e, t) => {
   const r = v(() => {
   });
   d(() => {
@@ -935,7 +938,7 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
       document.removeEventListener("mousedown", u), document.removeEventListener("touchstart", u);
     };
   }, [...e]);
-}, Et = (e, t, r) => {
+}, Ct = (e, t, r) => {
   const u = v(() => {
   });
   d(() => {
@@ -948,21 +951,21 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
       document.removeEventListener("mousedown", n, r), document.removeEventListener("touchstart", n, r);
     };
   }, [e, r]);
-}, I = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Tt = (e, t) => {
+}, I = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], It = (e, t) => {
   const r = v(() => {
   });
   d(() => {
     r.current = e;
   }, [e]), d(() => {
-    const u = se(r.current, t);
+    const u = ie(r.current, t);
     return I.forEach((n) => window.addEventListener(n, u)), () => {
       I.forEach(
         (n) => window.removeEventListener(n, u)
       );
     };
   }, [t]);
-}, Ct = (e, t) => {
-  const [r, u] = f(!1), { rootMargin: n, root: o, threshold: s } = t || {}, c = D(() => new IntersectionObserver(
+}, Rt = (e, t) => {
+  const [r, u] = f(!1), { rootMargin: n, root: o, threshold: s } = t || {}, c = H(() => new IntersectionObserver(
     ([i]) => u(i.isIntersecting),
     {
       rootMargin: n,
@@ -973,12 +976,12 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
   return d(() => (e.current && c.observe(e.current), () => {
     c.disconnect();
   }), [c, e]), r;
-}, It = (e) => {
+}, Lt = (e) => {
   const t = v(null);
   return d(() => {
     e && (typeof e == "function" ? e(t.current) : e.current = t.current);
   }), t;
-}, Rt = (e, t, r = !0) => {
+}, Mt = (e, t, r = !0) => {
   const [u, n] = f(e), o = v(), s = m(
     (c, i = t) => {
       n(c), r && clearTimeout(o.current), o.current = setTimeout(() => n(e), i);
@@ -988,15 +991,15 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
   return d(() => () => {
     clearTimeout(o.current);
   }, []), [u, s];
-}, Mt = (e) => {
+}, Ot = (e) => {
   throw new Error(`Switch unhandled case: ${e}`);
-}, Ot = (e, t) => t, Lt = (e) => Object.keys(e).filter((t) => e[t]), At = (e) => {
+}, At = (e, t) => t, Pt = (e) => Object.keys(e).filter((t) => e[t]), Dt = (e) => {
   try {
     const t = parseFloat(e);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
-}, Pt = (e) => {
+}, Ht = (e) => {
   try {
     const t = parseInt(e, 10);
     return isNaN(t) || t == null ? void 0 : t;
@@ -1005,47 +1008,48 @@ const C = (e) => `webui-${e ? e + "-" : ""}${++Xe}`, xt = (e) => {
 };
 export {
   b as Box,
-  ut as Clickable,
-  nt as Column,
-  vt as HeaderText,
-  Be as Heading,
-  it as Indent,
-  ft as LargeText,
-  lt as Nest,
-  ot as ResizeAwareBox,
-  st as Row,
-  dt as ScreenReaderOnlyText,
-  rt as SeparatorLine,
-  mt as SmallText,
-  ht as SmallerText,
-  ct as Space,
-  at as Spacing,
-  gt as StandardText,
+  nt as Clickable,
+  ot as Column,
+  yt as HeaderText,
+  We as Heading,
+  at as Indent,
+  vt as LargeText,
+  dt as Nest,
+  st as ResizeAwareBox,
+  it as Row,
+  pt as ScreenReaderOnlyText,
+  ut as SeparatorLine,
+  ht as SmallText,
+  gt as SmallerText,
+  lt as Space,
+  ct as Spacing,
+  ft as StandardText,
   w as Text,
-  pt as Txt,
+  mt as Txt,
   x as booleanOrNumberToNumber,
-  Ot as exhaustSwitchCase,
-  Mt as exhaustSwitchCaseElseThrow,
-  Ee as getDataProps,
-  we as getDimensionObject,
-  At as parseFloatElseUndefined,
-  Pt as parseIntElseUndefined,
-  Lt as truthyKeysAsList,
-  yt as useArraySet,
+  At as exhaustSwitchCase,
+  Ot as exhaustSwitchCaseElseThrow,
+  Te as getDataProps,
+  xe as getDimensionObject,
+  Dt as parseFloatElseUndefined,
+  Ht as parseIntElseUndefined,
+  Pt as truthyKeysAsList,
+  bt as useArraySet,
   $ as useBoolean,
-  bt as useDebounce,
-  wt as useDelayedFalse,
-  xt as useDomId,
-  ke as useElementDimensions,
-  kt as useElementFocus,
+  wt as useDebounce,
+  xt as useDelayedFalse,
+  kt as useDomId,
+  _e as useElementDimensions,
+  _t as useElementFocus,
   y as useEventListener,
-  It as useForwardedRef,
-  $t as useMouseIsEntered,
-  _t as useMouseIsOver,
-  St as useMultiOnClickOutside,
-  Et as useOnClickOutside,
-  Tt as useOnNoMouseMovement,
-  Ct as useOnScreen,
-  Rt as useTimeoutState
+  Lt as useForwardedRef,
+  $t as useLatest,
+  Et as useMouseIsEntered,
+  St as useMouseIsOver,
+  Tt as useMultiOnClickOutside,
+  Ct as useOnClickOutside,
+  It as useOnNoMouseMovement,
+  Rt as useOnScreen,
+  Mt as useTimeoutState
 };
 //# sourceMappingURL=index.es.js.map