@stenajs-webui/core 21.42.0 → 21.43.0

package/dist/index.es.js

@@ -1,16 +1,16 @@
 (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 H } from "@stenajs-webui/theme";
-import { jsx as l, Fragment as T, jsxs as D } from "react/jsx-runtime";
-import N, { forwardRef as f, useState as h, useCallback as m, useLayoutEffect as O, useRef as g, createContext as U, useEffect as p, useMemo as S, useContext as V } from "react";
+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 j, background as q, border as B, borderRight as W, borderLeft as X, borderTop as G, borderBottom as Y, borderColor as K, borderRadius as Z, borderStyle as J, borderWidth as Q, boxShadow as ee, flexbox as te, overflow as re, position as ne, layout as ue, zIndex as oe, left as se, right as ie, top as ae, bottom as ce } from "styled-system";
-import { memoize as le, pickBy as de, debounce as pe } from "lodash-es";
-import A from "classnames";
+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(
   ({
-    color: e = H("--lhds-color-ui-300"),
+    color: e = D("--lhds-color-ui-300"),
     size: t = "100%",
     width: r = "1px",
     vertical: n = !1
@@ -67,7 +67,7 @@ const me = "_separatorLine_nzfcz_1", he = {
     focusBackground: b,
     type: k = "button",
     ..._
-  }, P) => /* @__PURE__ */ l(
+  }, H) => /* @__PURE__ */ l(
     fe,
     {
       opacityOnHover: s,
@@ -78,7 +78,7 @@ const me = "_separatorLine_nzfcz_1", he = {
       onDoubleClick: r,
       disableFocusHighlight: e,
       pointer: !!(t || r) && !o,
-      ref: P,
+      ref: H,
       background: c,
       hoverBackground: d,
       focusBackground: b,
@@ -579,7 +579,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   autofocus: !0
 }, ve = `^((${Object.keys(be).join(
   "|"
-)})|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$`, ye = new RegExp(ve), we = le(
+)})|(([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 = {
   box: "var(--swui-shadow-box)",
@@ -594,7 +594,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   "height",
   "overflow",
   "display"
-], _e = (e) => ke.includes(e), $e = j({
+], _e = (e) => ke.includes(e), $e = q({
   row: {
     property: "flexDirection",
     transform: (e) => e ? "row" : "column"
@@ -636,9 +636,8 @@ const me = "_separatorLine_nzfcz_1", he = {
   display: flex;
   flex-direction: column;
   ${$e};
-  ${q};
-  ${B};
   ${W};
+  ${B};
   ${X};
   ${G};
   ${Y};
@@ -656,6 +655,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   ${ie};
   ${ae};
   ${ce};
+  ${le};
 
   gap: calc(var(--current-gap) * var(--swui-metrics-space));
 
@@ -701,7 +701,7 @@ const me = "_separatorLine_nzfcz_1", he = {
       }
     });
   }, [e, r, n, t]);
-  return O(() => {
+  return M(() => {
     u();
   }, [u]), {
     dimensions: r
@@ -743,7 +743,7 @@ 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 = U({
+}, ft = ({ children: e, nest: t, render: r }) => t ? /* @__PURE__ */ l(T, { children: r(e) }) : /* @__PURE__ */ l(T, { children: e }), F = V({
   isFontLarge: !1,
   fontSizeRatio: 1
 }), R = 12, gt = ({ children: e }) => {
@@ -763,7 +763,7 @@ const me = "_separatorLine_nzfcz_1", he = {
     () => ({ isFontLarge: r, fontSizeRatio: u }),
     [u, r]
   );
-  return /* @__PURE__ */ D(F.Provider, { value: s, children: [
+  return /* @__PURE__ */ N(F.Provider, { value: s, children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -783,21 +783,21 @@ const me = "_separatorLine_nzfcz_1", he = {
     e
   ] });
 }, bt = () => {
-  const e = V(F);
+  const e = j(F);
   return e || {
     isFontLarge: !1,
     fontSizeRatio: 1
   };
 }, Ie = "_visuallyHidden_1gevf_1", Re = {
   visuallyHidden: Ie
-}, Le = (e) => de(e, ze), ze = (e, t) => Me(t), Me = (e) => e.startsWith("data-") || e.startsWith("aria-"), vt = ({
+}, 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 = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ l("span", { className: Re.visuallyHidden, ...Le(t), children: e }), Oe = "_text_1iisw_1", Ae = "_standard_1iisw_24", Fe = "_bold_1iisw_27", Pe = "_caption_1iisw_31", He = "_overline_1iisw_39", De = "_large_1iisw_48", Ne = "_medium_1iisw_53", Ue = "_small_1iisw_58", Ve = "_smaller_1iisw_63", $ = {
-  text: Oe,
-  standard: Ae,
-  bold: Fe,
-  caption: Pe,
+}) => /* @__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,
@@ -821,7 +821,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   }, _) => /* @__PURE__ */ l(
     "span",
     {
-      className: A($.text, $[t], $[r], n),
+      className: P($.text, $[t], $[r], n),
       ref: _,
       style: {
         color: u,
@@ -837,11 +837,11 @@ const me = "_separatorLine_nzfcz_1", he = {
       children: e
     }
   )
-), yt = w, wt = (e) => /* @__PURE__ */ l(w, { size: "small", ...e }), xt = (e) => /* @__PURE__ */ l(w, { size: "smaller", ...e }), kt = (e) => /* @__PURE__ */ l(w, { size: "medium", ...e }), _t = (e) => /* @__PURE__ */ l(w, { size: "large", ...e }), je = "_heading_1cnsg_1", qe = "_h1_1cnsg_10", Be = "_h2_1cnsg_14", We = "_h3_1cnsg_18", Xe = "_h4_1cnsg_22", Ge = "_h5_1cnsg_26", Ye = "_h6_1cnsg_30", L = {
+), 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: Be,
-  h3: We,
+  h2: We,
+  h3: Be,
   h4: Xe,
   h5: Ge,
   h6: Ye
@@ -859,14 +859,14 @@ const me = "_separatorLine_nzfcz_1", he = {
   }, c) => /* @__PURE__ */ l(
     a ?? e,
     {
-      className: A(L.heading, L[e], t),
+      className: P(L.heading, L[e], t),
       style: { color: r, whiteSpace: n, wordBreak: u, ...o },
       ref: c,
       ...i,
       children: s
     }
   )
-), $t = (e) => /* @__PURE__ */ l(Ke, { variant: "h2", ...e }), Ze = (e, t) => e === t, St = (e, t, r = Ze) => {
+), St = (e) => /* @__PURE__ */ l(Ke, { variant: "h2", ...e }), Ze = (e, t) => e === t, Ct = (e, t, r = Ze) => {
   const n = m(
     (i) => {
       e.some((c) => r(c, i)) || t([...e, i]);
@@ -912,7 +912,7 @@ const me = "_separatorLine_nzfcz_1", he = {
     r((s) => !s);
   }, [r]);
   return [t, n, u, o];
-}, Ct = (e, t) => {
+}, Et = (e, t) => {
   const [r, n] = h(e);
   return p(() => {
     const u = setTimeout(() => {
@@ -922,7 +922,7 @@ const me = "_separatorLine_nzfcz_1", he = {
       clearTimeout(u);
     };
   }, [e, t]), r;
-}, Et = (e, t) => {
+}, Tt = (e, t) => {
   const [r, n] = h(e);
   return p(() => {
     e && n(!0);
@@ -935,7 +935,7 @@ const me = "_separatorLine_nzfcz_1", he = {
   }, [e, t]), r;
 };
 let Je = 0;
-const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
+const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, It = (e) => {
   const [t, r] = h(() => z(e));
   return p(() => r(z(e)), [e]), t;
 }, v = (e, t, r) => {
@@ -955,7 +955,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
       s && s.removeEventListener(t, o);
     };
   }, [t, e]);
-}, It = (e) => {
+}, Rt = (e) => {
   const [t, r, n] = E(!1);
   p(() => {
     document.activeElement === e.current ? r() : n();
@@ -966,18 +966,18 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
     e.current && e.current.blur();
   }, [e]);
   return { isInFocus: t, focus: u, blur: o };
-}, Rt = (e) => {
+}, Lt = (e) => {
   const t = g(e);
-  return O(() => {
+  return M(() => {
     t.current = e;
   }), m((...r) => {
     const { current: n } = t;
     return n(...r);
   }, []);
-}, Lt = (e) => {
-  const t = N.useRef(e);
-  return t.current = e, t;
 }, zt = (e) => {
+  const t = U.useRef(e);
+  return t.current = e, t;
+}, At = (e) => {
   const [t, r, n] = E(!1);
   return v(e, "mouseover", r), v(e, "mouseout", n), t;
 }, Mt = (e) => {
@@ -996,7 +996,7 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
       document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
     };
   }, [...e]);
-}, At = (e, t, r) => {
+}, Pt = (e, t, r) => {
   const n = g(() => {
   });
   p(() => {
@@ -1009,20 +1009,20 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
       document.removeEventListener("mousedown", u, r), document.removeEventListener("touchstart", u, r);
     };
   }, [e, r]);
-}, M = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Ft = (e, t) => {
+}, A = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"], Ft = (e, t) => {
   const r = g(() => {
   });
   p(() => {
     r.current = e;
   }, [e]), p(() => {
     const n = pe(r.current, t);
-    return M.forEach((u) => window.addEventListener(u, n)), () => {
-      M.forEach(
+    return A.forEach((u) => window.addEventListener(u, n)), () => {
+      A.forEach(
         (u) => window.removeEventListener(u, n)
       );
     };
   }, [t]);
-}, Pt = (e, t) => {
+}, Ht = (e, t) => {
   const [r, n] = h(!1), { rootMargin: u, root: o, threshold: s } = t || {}, a = S(() => new IntersectionObserver(
     ([i]) => n(i.isIntersecting),
     {
@@ -1034,12 +1034,12 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
   return p(() => (e.current && a.observe(e.current), () => {
     a.disconnect();
   }), [a, e]), r;
-}, Ht = (e) => {
+}, Dt = (e) => {
   const t = g(null);
   return p(() => {
     e && (typeof e == "function" ? e(t.current) : e.current = t.current);
   }), t;
-}, Dt = (e, t, r = !0) => {
+}, Nt = (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,22 +1049,22 @@ const z = (e) => `webui-${e ? e + "-" : ""}${++Je}`, Tt = (e) => {
   return p(() => () => {
     clearTimeout(o.current);
   }, []), [n, s];
-}, Nt = () => S(() => /* @__PURE__ */ new Date(), []), Ut = (e) => (t, r) => e(t).localeCompare(e(r)), Vt = (e) => (t, r) => e(t) - e(r), jt = (e) => {
+}, Ut = () => S(() => /* @__PURE__ */ new Date(), []), Vt = (e) => (t, r) => e(t).localeCompare(e(r)), jt = (e) => (t, r) => e(t) - e(r), qt = (e) => {
   throw new Error(`Switch unhandled case: ${e}`);
-}, qt = (e, t) => t, Bt = (e) => Object.keys(e).filter((t) => e[t]), Wt = (e) => {
+}, Wt = (e, t) => t, Bt = (e) => Object.keys(e).filter((t) => e[t]), Xt = (e) => {
   try {
     const t = parseFloat(e);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
-}, Xt = (e) => {
+}, Gt = (e) => {
   try {
     const t = parseInt(e, 10);
     return isNaN(t) || t == null ? void 0 : t;
   } catch {
   }
 };
-function Gt(e, t) {
+function Yt(e, t) {
   if (e == null)
     throw new Error("Invariant error: " + t);
 }
@@ -1074,52 +1074,53 @@ export {
   y as Box,
   at as Clickable,
   ct as Column,
-  $t as HeaderText,
+  St as HeaderText,
   Ke as Heading,
   pt as Indent,
-  _t as LargeText,
+  $t as LargeText,
   ft as Nest,
   lt as ResizeAwareBox,
   dt as Row,
-  vt as ScreenReaderOnlyText,
+  yt as ScreenReaderOnlyText,
   it as SeparatorLine,
-  wt as SmallText,
-  xt as SmallerText,
+  xt as SmallText,
+  kt as SmallerText,
   ht as Space,
   mt as Spacing,
-  kt as StandardText,
+  _t as StandardText,
   w as Text,
-  yt as Txt,
+  wt as Txt,
   x as booleanOrNumberToNumber,
-  Vt as byNumberField,
-  Ut as byStringField,
-  qt as exhaustSwitchCase,
-  jt as exhaustSwitchCaseElseThrow,
+  jt as byNumberField,
+  Vt as byStringField,
+  Wt as exhaustSwitchCase,
+  qt as exhaustSwitchCaseElseThrow,
+  vt as getAriaProps,
   Le as getDataProps,
   Se as getDimensionObject,
-  Gt as invariant,
-  Wt as parseFloatElseUndefined,
-  Xt as parseIntElseUndefined,
+  Yt as invariant,
+  Xt as parseFloatElseUndefined,
+  Gt as parseIntElseUndefined,
   Bt as truthyKeysAsList,
   bt as useAccessibleFontSizeContext,
-  St as useArraySet,
+  Ct as useArraySet,
   E as useBoolean,
-  Ct as useDebounce,
-  Et as useDelayedFalse,
-  Tt as useDomId,
+  Et as useDebounce,
+  Tt as useDelayedFalse,
+  It as useDomId,
   Ee as useElementDimensions,
-  It as useElementFocus,
-  Rt as useEventCallback,
+  Rt as useElementFocus,
+  Lt as useEventCallback,
   v as useEventListener,
-  Ht as useForwardedRef,
-  Lt as useLatest,
+  Dt as useForwardedRef,
+  zt as useLatest,
   Mt as useMouseIsEntered,
-  zt as useMouseIsOver,
+  At as useMouseIsOver,
   Ot as useMultiOnClickOutside,
-  At as useOnClickOutside,
+  Pt as useOnClickOutside,
   Ft as useOnNoMouseMovement,
-  Pt as useOnScreen,
-  Dt as useTimeoutState,
-  Nt as useToday
+  Ht as useOnScreen,
+  Nt as useTimeoutState,
+  Ut as useToday
 };
 //# sourceMappingURL=index.es.js.map