@stenajs-webui/core 23.21.6 → 23.21.8

package/README.md

@@ -28,6 +28,11 @@ Box is the main building stone which most other components are derived from.
 
 - SeparatorLine
 
+### Accessibility
+
+- [Lively](src/accessibility/lively/Lively.md)
+- ScreenReaderOnlyText
+
 ## Hooks
 
 `core` includes a collection of hooks.

package/dist/accessibility/lively/Lively.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { DivProps } from "../../types/ElementProps";
+export type LivelyPoliteness = "off" | "polite" | "assertive";
+export interface LivelyProps extends Omit<DivProps, "aria-live"> {
+    /**
+     * How eagerly assistive technology should announce changes to the content.
+     *
+     * - `polite` waits until the user is idle.
+     * - `assertive` interrupts the user, and should be used sparingly.
+     * - `off` stops announcing changes, without removing the region.
+     *
+     * @default "polite"
+     */
+    politeness?: LivelyPoliteness;
+}
+/**
+ * Turns its children into an ARIA live region, so that changes to the content
+ * are announced by screen readers.
+ *
+ * The wrapper renders with `display: contents`, which means it does not create
+ * a box of its own. Children keep participating in the parent layout, so gap,
+ * alignment and `:nth-child` selectors work exactly as they did without the
+ * wrapper.
+ *
+ * The region must be rendered before the content changes, since screen readers
+ * only announce updates to live regions that already exist. Render `Lively`
+ * around the place where the content will appear, rather than mounting it
+ * together with the content.
+ *
+ * @example
+ * <Column gap={2}>
+ *   <Heading variant={"h2"}>Search</Heading>
+ *   <Lively>{numResults != null && <Text>{numResults} hits</Text>}</Lively>
+ * </Column>
+ */
+export declare const Lively: React.ForwardRefExoticComponent<LivelyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/accessibility/lively/__tests__/Lively.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -1 +1 @@
-._separatorLine_nzfcz_1{display:flex;border:0;margin:0;flex:none}._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)}._visuallyHidden_1gevf_1{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._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}
+._separatorLine_nzfcz_1{display:flex;border:0;margin:0;flex:none}._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)}._lively_1k3wm_6{display:contents}._visuallyHidden_1gevf_1{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._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}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./components/layout/space/Space";
 export * from "./components/util/Nest";
 export * from "./accessibility/accessible-font-size-detector/AccessibleFontSizeProvider";
 export * from "./accessibility/accessible-font-size-detector/UseAccessibleFontSizeContext";
+export * from "./accessibility/lively/Lively";
 export * from "./accessibility/screen-reader-only-text/ScreenReaderOnlyText";
 export * from "./components/text/Text";
 export * from "./components/text/Paragraph";

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { cssColor as V } from "@stenajs-webui/theme";
 import { jsx as a, jsxs as O, Fragment as R } from "react/jsx-runtime";
-import B, { forwardRef as h, useState as g, useCallback as m, useLayoutEffect as H, useRef as y, createContext as j, useEffect as p, useMemo as S, useContext as q, isValidElement as W, Fragment as G } from "react";
-import E from "classnames";
+import B, { forwardRef as h, useState as g, useCallback as m, useLayoutEffect as H, useRef as y, createContext as j, useEffect as p, useMemo as E, useContext as q, isValidElement as W, Fragment as G } from "react";
+import S from "classnames";
 import C from "@emotion/styled";
 import { system as X, background as Y, border as K, borderRight as Z, borderLeft as J, borderTop as Q, borderBottom as ee, borderColor as te, borderRadius as re, borderStyle as ne, borderWidth as ue, boxShadow as oe, flexbox as se, overflow as ie, position as ae, layout as ce, zIndex as le, left as de, right as pe, top as me, bottom as he } from "styled-system";
 import { memoize as fe, pickBy as D, debounce as ge } from "lodash-es";
@@ -55,7 +55,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   }, _) => /* @__PURE__ */ a(
     "span",
     {
-      className: E(b.text, b[t], b[r], n),
+      className: S(b.text, b[t], b[r], n),
       ref: _,
       style: {
         color: u,
@@ -71,7 +71,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       children: e
     }
   )
-), mt = x, $ = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, Te = (e) => {
+), ft = x, $ = (e) => e == null ? 0 : typeof e == "boolean" ? e ? 1 : 0 : e, Te = (e) => {
   if (e !== 0)
     return `calc(${e} * var(--swui-metrics-space))`;
 }, A = (e) => Te($(e)), Re = {
@@ -664,7 +664,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   function(t, r) {
     return /* @__PURE__ */ a(v, { row: !0, ref: r, ...t });
   }
-), ht = ({ children: e }) => /* @__PURE__ */ O(Oe, { alignItems: "center", gap: 2, children: [
+), gt = ({ children: e }) => /* @__PURE__ */ O(Oe, { alignItems: "center", gap: 2, children: [
   /* @__PURE__ */ a(v, { flexGrow: 1, children: /* @__PURE__ */ a(I, {}) }),
   typeof e == "string" ? /* @__PURE__ */ a(x, { children: e }) : e,
   /* @__PURE__ */ a(v, { flexGrow: 1, children: /* @__PURE__ */ a(I, {}) })
@@ -691,7 +691,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   ${({ width: e }) => e ? `width: ${e};` : ""}
   ${({ height: e }) => e ? `height: ${e};` : ""}
   ${({ borderRadius: e }) => e ? `border-radius: ${e};` : ""}
-`, ft = h(
+`, yt = h(
   ({
     disableFocusHighlight: e,
     onClick: t,
@@ -727,7 +727,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       children: i
     }
   )
-), gt = h(
+), vt = h(
   function(t, r) {
     return /* @__PURE__ */ a(v, { ref: r, ...t });
   }
@@ -757,14 +757,14 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   }, [u]), {
     dimensions: r
   };
-}, yt = h(
+}, bt = h(
   function({ onResize: t, ...r }, n) {
     const u = y(null);
     return Ue(n ?? u, t), /* @__PURE__ */ a(v, { ...r, ref: n });
   }
-), vt = h(function({ num: t = 1, ...r }, n) {
+), wt = h(function({ num: t = 1, ...r }, n) {
   return /* @__PURE__ */ a(v, { indent: t, ref: n, ...r });
-}), bt = h(
+}), xt = h(
   function({ num: t = 1, ...r }, n) {
     return /* @__PURE__ */ a(v, { spacing: t, ref: n, ...r });
   }
@@ -773,7 +773,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   flex: none;
   width: calc(var(--current-size) * var(--swui-metrics-space));
   height: calc(var(--current-size) * var(--swui-metrics-space));
-`, wt = ({
+`, kt = ({
   half: e = !1,
   horizontal: t = !1,
   num: r = 1,
@@ -790,10 +790,10 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       }
     }
   );
-}, xt = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ a(R, { children: r(e) }) : /* @__PURE__ */ a(R, { children: e }), N = j({
+}, _t = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ a(R, { children: r(e) }) : /* @__PURE__ */ a(R, { children: e }), N = j({
   isFontLarge: !1,
   fontSizeRatio: 1
-}), L = 12, kt = ({ children: e }) => {
+}), L = 12, $t = ({ children: e }) => {
   const t = y(null), [r, n] = g(!1), [u, o] = g(1);
   p(() => {
     if (!t.current)
@@ -806,7 +806,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
     });
     return c.observe(t.current), () => c.disconnect();
   }, []);
-  const s = S(
+  const s = E(
     () => ({ isFontLarge: r, fontSizeRatio: u }),
     [u, r]
   );
@@ -829,18 +829,31 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
     ),
     e
   ] });
-}, _t = () => {
+}, St = () => {
   const e = q(N);
   return e || {
     isFontLarge: !1,
     fontSizeRatio: 1
   };
-}, Be = "_visuallyHidden_1gevf_1", je = {
-  visuallyHidden: Be
-}, qe = (e) => D(e, We), $t = (e) => D(e, Ge), We = (e, t) => t.startsWith("data-") || t.startsWith("aria-"), Ge = (e, t) => t.startsWith("aria-"), St = ({
+}, Be = "_lively_1k3wm_6", je = {
+  lively: Be
+}, Et = h(function({ politeness: t = "polite", className: r, children: n, ...u }, o) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: o,
+      className: S(je.lively, r),
+      "aria-live": t,
+      ...u,
+      children: n
+    }
+  );
+}), qe = "_visuallyHidden_1gevf_1", We = {
+  visuallyHidden: qe
+}, Ge = (e) => D(e, Xe), Ct = (e) => D(e, Ye), Xe = (e, t) => t.startsWith("data-") || t.startsWith("aria-"), Ye = (e, t) => t.startsWith("aria-"), Tt = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ a("span", { className: je.visuallyHidden, ...qe(t), children: e }), Xe = h(
+}) => /* @__PURE__ */ a("span", { className: We.visuallyHidden, ...Ge(t), children: e }), Ke = h(
   ({
     children: e,
     variant: t = "standard",
@@ -858,7 +871,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   }, _) => /* @__PURE__ */ a(
     "p",
     {
-      className: E(b.text, b[t], b[r], n),
+      className: S(b.text, b[t], b[r], n),
       ref: _,
       style: {
         color: u,
@@ -874,15 +887,15 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       children: e
     }
   )
-), Et = Xe, Ct = (e) => /* @__PURE__ */ a(x, { size: "small", ...e }), Tt = (e) => /* @__PURE__ */ a(x, { size: "smaller", ...e }), Rt = (e) => /* @__PURE__ */ a(x, { size: "medium", ...e }), It = (e) => /* @__PURE__ */ a(x, { size: "large", ...e }), Ye = "_heading_1cnsg_1", Ke = "_h1_1cnsg_10", Ze = "_h2_1cnsg_14", Je = "_h3_1cnsg_18", Qe = "_h4_1cnsg_22", et = "_h5_1cnsg_26", tt = "_h6_1cnsg_30", P = {
-  heading: Ye,
-  h1: Ke,
-  h2: Ze,
-  h3: Je,
-  h4: Qe,
-  h5: et,
-  h6: tt
-}, rt = h(
+), Rt = Ke, It = (e) => /* @__PURE__ */ a(x, { size: "small", ...e }), At = (e) => /* @__PURE__ */ a(x, { size: "smaller", ...e }), Lt = (e) => /* @__PURE__ */ a(x, { size: "medium", ...e }), Pt = (e) => /* @__PURE__ */ a(x, { size: "large", ...e }), Ze = "_heading_1cnsg_1", Je = "_h1_1cnsg_10", Qe = "_h2_1cnsg_14", et = "_h3_1cnsg_18", tt = "_h4_1cnsg_22", rt = "_h5_1cnsg_26", nt = "_h6_1cnsg_30", P = {
+  heading: Ze,
+  h1: Je,
+  h2: Qe,
+  h3: et,
+  h4: tt,
+  h5: rt,
+  h6: nt
+}, ut = h(
   ({
     variant: e = "h3",
     className: t,
@@ -896,14 +909,14 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
   }, l) => /* @__PURE__ */ a(
     c ?? e,
     {
-      className: E(P.heading, P[e], t),
+      className: S(P.heading, P[e], t),
       style: { color: r, whiteSpace: n, wordBreak: u, ...o },
       ref: l,
       ...i,
       children: s
     }
   )
-), At = (e) => /* @__PURE__ */ a(rt, { variant: "h2", ...e }), Lt = ({
+), zt = (e) => /* @__PURE__ */ a(ut, { variant: "h2", ...e }), Ft = ({
   blockedKeys: e,
   blockMouse: t = !1,
   ...r
@@ -929,7 +942,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       onMouseUp: u
     }
   );
-}, nt = (e, t) => e === t, Pt = (e, t, r = nt) => {
+}, ot = (e, t) => e === t, Mt = (e, t, r = ot) => {
   const n = m(
     (i) => {
       e.some((l) => r(l, i)) || t([...e, i]);
@@ -975,7 +988,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
     r((s) => !s);
   }, [r]);
   return [t, n, u, o];
-}, zt = (e, t) => {
+}, Ot = (e, t) => {
   const [r, n] = g(e);
   return p(() => {
     const u = setTimeout(() => {
@@ -985,7 +998,7 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
       clearTimeout(u);
     };
   }, [e, t]), r;
-}, Ft = (e, t) => {
+}, Ht = (e, t) => {
   const [r, n] = g(e);
   return p(() => {
     e && n(!0);
@@ -997,8 +1010,8 @@ import './index.css';const ye = "_separatorLine_nzfcz_1", ve = {
     };
   }, [e, t]), r;
 };
-let ut = 0;
-const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
+let st = 0;
+const z = (e) => `webui-${e ? e + "-" : ""}${++st}`, Dt = (e) => {
   const [t, r] = g(() => z(e));
   return p(() => r(z(e)), [e]), t;
 }, w = (e, t, r) => {
@@ -1018,7 +1031,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
       s && s.removeEventListener(t, o);
     };
   }, [t, e]);
-}, Ot = (e) => {
+}, Nt = (e) => {
   const [t, r, n] = T(!1);
   p(() => {
     document.activeElement === e.current ? r() : n();
@@ -1029,7 +1042,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
     e.current && e.current.blur();
   }, [e]);
   return { isInFocus: t, focus: u, blur: o };
-}, Ht = (e) => {
+}, Ut = (e) => {
   const t = y(e);
   return H(() => {
     t.current = e;
@@ -1037,16 +1050,16 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
     const { current: n } = t;
     return n(...r);
   }, []);
-}, Dt = (e) => {
+}, Vt = (e) => {
   const t = B.useRef(e);
   return t.current = e, t;
-}, Nt = (e) => {
+}, Bt = (e) => {
   const [t, r, n] = T(!1);
   return w(e, "mouseover", r), w(e, "mouseout", n), t;
-}, Ut = (e) => {
+}, jt = (e) => {
   const [t, r, n] = T(!1);
   return w(e, "mouseenter", r), w(e, "mouseleave", n), t;
-}, Vt = (e, t) => {
+}, qt = (e, t) => {
   const r = y(() => {
   });
   p(() => {
@@ -1059,7 +1072,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
       document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
     };
   }, [...e]);
-}, Bt = (e, t, r) => {
+}, Wt = (e, t, r) => {
   const n = y(() => {
   });
   p(() => {
@@ -1072,7 +1085,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
       document.removeEventListener("mousedown", u, r), document.removeEventListener("touchstart", u, r);
     };
   }, [e, r]);
-}, F = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], jt = (e, t) => {
+}, F = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Gt = (e, t) => {
   const r = y(() => {
   });
   p(() => {
@@ -1085,8 +1098,8 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
       );
     };
   }, [t]);
-}, qt = (e, t) => {
-  const [r, n] = g(!1), { rootMargin: u, root: o, threshold: s } = t || {}, c = S(() => new IntersectionObserver(
+}, Xt = (e, t) => {
+  const [r, n] = g(!1), { rootMargin: u, root: o, threshold: s } = t || {}, c = E(() => new IntersectionObserver(
     ([i]) => n(i.isIntersecting),
     {
       rootMargin: u,
@@ -1097,12 +1110,12 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
   return p(() => (e.current && c.observe(e.current), () => {
     c.disconnect();
   }), [c, e]), r;
-}, Wt = (e) => {
+}, Yt = (e) => {
   const t = y(null);
   return p(() => {
     e && (typeof e == "function" ? e(t.current) : e.current = t.current);
   }), t;
-}, Gt = (e, t, r = !0) => {
+}, Kt = (e, t, r = !0) => {
   const [n, u] = g(e), o = y(null), s = m(
     (c, i = t) => {
       u(c), r && clearTimeout(o.current), o.current = setTimeout(() => u(e), i);
@@ -1112,30 +1125,30 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++ut}`, Mt = (e) => {
   return p(() => () => {
     clearTimeout(o.current);
   }, []), [n, s];
-}, Xt = () => S(() => /* @__PURE__ */ new Date(), []), Yt = (e) => (t, r) => e(t).localeCompare(e(r)), Kt = (e) => (t, r) => e(t) - e(r), Zt = (e) => {
+}, Zt = () => E(() => /* @__PURE__ */ new Date(), []), Jt = (e) => (t, r) => e(t).localeCompare(e(r)), Qt = (e) => (t, r) => e(t) - e(r), er = (e) => {
   throw new Error(`Switch unhandled case: ${e}`);
-}, Jt = (e, t) => t, Qt = (e) => Object.keys(e).filter((t) => e[t]), er = (e) => {
+}, tr = (e, t) => t, rr = (e) => Object.keys(e).filter((t) => e[t]), nr = (e) => {
   try {
     const t = parseFloat(e);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
-}, tr = (e) => {
+}, ur = (e) => {
   try {
     const t = parseInt(e, 10);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
 };
-function rr(e, t) {
+function or(e, t) {
   if (e == null)
     throw new Error("Invariant error: " + t);
 }
-const nr = (e) => {
+const sr = (e) => {
   if (!W(e) || e.type !== G) return !1;
   const r = e.props.children;
   return Array.isArray(r) ? r.every(M) : M(r);
-}, M = (e) => e == null || e === !1, ur = (e) => {
+}, M = (e) => e == null || e === !1, ir = (e) => {
   try {
     const t = new Intl.PluralRules(e);
     return (r) => t.select(r);
@@ -1153,67 +1166,68 @@ const nr = (e) => {
       }
     };
   }
-}, or = (e) => (t, r) => r[e(t)] ?? r.other ?? "";
+}, ar = (e) => (t, r) => r[e(t)] ?? r.other ?? "";
 export {
   N as AccessibleFontSizeContext,
-  kt as AccessibleFontSizeProvider,
-  Lt as BlockKeyboardEvents,
+  $t as AccessibleFontSizeProvider,
+  Ft as BlockKeyboardEvents,
   v as Box,
-  ft as Clickable,
-  gt as Column,
-  At as HeaderText,
-  rt as Heading,
-  vt as Indent,
-  It as LargeText,
-  xt as Nest,
-  Et as P,
-  Xe as Paragraph,
-  yt as ResizeAwareBox,
+  yt as Clickable,
+  vt as Column,
+  zt as HeaderText,
+  ut as Heading,
+  wt as Indent,
+  Pt as LargeText,
+  Et as Lively,
+  _t as Nest,
+  Rt as P,
+  Ke as Paragraph,
+  bt as ResizeAwareBox,
   Oe as Row,
-  St as ScreenReaderOnlyText,
+  Tt as ScreenReaderOnlyText,
   I as SeparatorLine,
-  ht as SeparatorText,
-  Ct as SmallText,
-  Tt as SmallerText,
-  wt as Space,
-  bt as Spacing,
-  Rt as StandardText,
+  gt as SeparatorText,
+  It as SmallText,
+  At as SmallerText,
+  kt as Space,
+  xt as Spacing,
+  Lt as StandardText,
   x as Text,
-  mt as Txt,
+  ft as Txt,
   $ as booleanOrNumberToNumber,
-  Kt as byNumberField,
-  Yt as byStringField,
-  Jt as exhaustSwitchCase,
-  Zt as exhaustSwitchCaseElseThrow,
-  $t as getAriaProps,
-  qe as getDataProps,
+  Qt as byNumberField,
+  Jt as byStringField,
+  tr as exhaustSwitchCase,
+  er as exhaustSwitchCaseElseThrow,
+  Ct as getAriaProps,
+  Ge as getDataProps,
   De as getDimensionObject,
-  rr as invariant,
-  nr as isEmptyFragment,
-  er as parseFloatElseUndefined,
-  tr as parseIntElseUndefined,
-  or as pluralFormatter,
-  ur as selectPluralRule,
-  Qt as truthyKeysAsList,
-  _t as useAccessibleFontSizeContext,
-  Pt as useArraySet,
+  or as invariant,
+  sr as isEmptyFragment,
+  nr as parseFloatElseUndefined,
+  ur as parseIntElseUndefined,
+  ar as pluralFormatter,
+  ir as selectPluralRule,
+  rr as truthyKeysAsList,
+  St as useAccessibleFontSizeContext,
+  Mt as useArraySet,
   T as useBoolean,
-  zt as useDebounce,
-  Ft as useDelayedFalse,
-  Mt as useDomId,
+  Ot as useDebounce,
+  Ht as useDelayedFalse,
+  Dt as useDomId,
   Ue as useElementDimensions,
-  Ot as useElementFocus,
-  Ht as useEventCallback,
+  Nt as useElementFocus,
+  Ut as useEventCallback,
   w as useEventListener,
-  Wt as useForwardedRef,
-  Dt as useLatest,
-  Ut as useMouseIsEntered,
-  Nt as useMouseIsOver,
-  Vt as useMultiOnClickOutside,
-  Bt as useOnClickOutside,
-  jt as useOnNoMouseMovement,
-  qt as useOnScreen,
-  Gt as useTimeoutState,
-  Xt as useToday
+  Yt as useForwardedRef,
+  Vt as useLatest,
+  jt as useMouseIsEntered,
+  Bt as useMouseIsOver,
+  qt as useMultiOnClickOutside,
+  Wt as useOnClickOutside,
+  Gt as useOnNoMouseMovement,
+  Xt as useOnScreen,
+  Kt as useTimeoutState,
+  Zt as useToday
 };
 //# sourceMappingURL=index.es.js.map