@arkitektbedriftene/fe-lib 0.3.7 → 0.3.8

package/dist/{Popover-e50ca73e.js → Popover-2318823a.js}

@@ -1,9 +1,9 @@
 import { j as G } from "./jsx-runtime-d0aa4c5b.js";
 import * as y from "react";
 import ve, { forwardRef as at, useLayoutEffect as Yt, useEffect as Kt, useRef as vn, createContext as xn, useMemo as wn, useContext as Xt, isValidElement as Sn, cloneElement as En } from "react";
-import * as $n from "react-dom";
-import { createPortal as Rn } from "react-dom";
-var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap: R, gridColumnGap: R, rowGap: R, gridRowGap: R, inset: R, insetBlock: R, insetBlockEnd: R, insetBlockStart: R, insetInline: R, insetInlineEnd: R, insetInlineStart: R, margin: R, marginTop: R, marginRight: R, marginBottom: R, marginLeft: R, marginBlock: R, marginBlockEnd: R, marginBlockStart: R, marginInline: R, marginInlineEnd: R, marginInlineStart: R, padding: R, paddingTop: R, paddingRight: R, paddingBottom: R, paddingLeft: R, paddingBlock: R, paddingBlockEnd: R, paddingBlockStart: R, paddingInline: R, paddingInlineEnd: R, paddingInlineStart: R, top: R, right: R, bottom: R, left: R, scrollMargin: R, scrollMarginTop: R, scrollMarginRight: R, scrollMarginBottom: R, scrollMarginLeft: R, scrollMarginX: R, scrollMarginY: R, scrollMarginBlock: R, scrollMarginBlockEnd: R, scrollMarginBlockStart: R, scrollMarginInline: R, scrollMarginInlineEnd: R, scrollMarginInlineStart: R, scrollPadding: R, scrollPaddingTop: R, scrollPaddingRight: R, scrollPaddingBottom: R, scrollPaddingLeft: R, scrollPaddingX: R, scrollPaddingY: R, scrollPaddingBlock: R, scrollPaddingBlockEnd: R, scrollPaddingBlockStart: R, scrollPaddingInline: R, scrollPaddingInlineEnd: R, scrollPaddingInlineStart: R, fontSize: "fontSizes", background: N, backgroundColor: N, backgroundImage: N, borderImage: N, border: N, borderBlock: N, borderBlockEnd: N, borderBlockStart: N, borderBottom: N, borderBottomColor: N, borderColor: N, borderInline: N, borderInlineEnd: N, borderInlineStart: N, borderLeft: N, borderLeftColor: N, borderRight: N, borderRightColor: N, borderTop: N, borderTopColor: N, caretColor: N, color: N, columnRuleColor: N, fill: N, outline: N, outlineColor: N, stroke: N, textDecorationColor: N, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: V, minBlockSize: V, maxBlockSize: V, inlineSize: V, minInlineSize: V, maxInlineSize: V, width: V, minWidth: V, maxWidth: V, height: V, minHeight: V, maxHeight: V, flexBasis: V, gridTemplateColumns: V, gridTemplateRows: V, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, kn = (e, t) => typeof t == "function" ? { "()": Function.prototype.toString.call(t) } : t, Te = () => {
+import * as Rn from "react-dom";
+import { createPortal as $n } from "react-dom";
+var N = "colors", V = "sizes", $ = "space", Cn = { gap: $, gridGap: $, columnGap: $, gridColumnGap: $, rowGap: $, gridRowGap: $, inset: $, insetBlock: $, insetBlockEnd: $, insetBlockStart: $, insetInline: $, insetInlineEnd: $, insetInlineStart: $, margin: $, marginTop: $, marginRight: $, marginBottom: $, marginLeft: $, marginBlock: $, marginBlockEnd: $, marginBlockStart: $, marginInline: $, marginInlineEnd: $, marginInlineStart: $, padding: $, paddingTop: $, paddingRight: $, paddingBottom: $, paddingLeft: $, paddingBlock: $, paddingBlockEnd: $, paddingBlockStart: $, paddingInline: $, paddingInlineEnd: $, paddingInlineStart: $, top: $, right: $, bottom: $, left: $, scrollMargin: $, scrollMarginTop: $, scrollMarginRight: $, scrollMarginBottom: $, scrollMarginLeft: $, scrollMarginX: $, scrollMarginY: $, scrollMarginBlock: $, scrollMarginBlockEnd: $, scrollMarginBlockStart: $, scrollMarginInline: $, scrollMarginInlineEnd: $, scrollMarginInlineStart: $, scrollPadding: $, scrollPaddingTop: $, scrollPaddingRight: $, scrollPaddingBottom: $, scrollPaddingLeft: $, scrollPaddingX: $, scrollPaddingY: $, scrollPaddingBlock: $, scrollPaddingBlockEnd: $, scrollPaddingBlockStart: $, scrollPaddingInline: $, scrollPaddingInlineEnd: $, scrollPaddingInlineStart: $, fontSize: "fontSizes", background: N, backgroundColor: N, backgroundImage: N, borderImage: N, border: N, borderBlock: N, borderBlockEnd: N, borderBlockStart: N, borderBottom: N, borderBottomColor: N, borderColor: N, borderInline: N, borderInlineEnd: N, borderInlineStart: N, borderLeft: N, borderLeftColor: N, borderRight: N, borderRightColor: N, borderTop: N, borderTopColor: N, caretColor: N, color: N, columnRuleColor: N, fill: N, outline: N, outlineColor: N, stroke: N, textDecorationColor: N, fontFamily: "fonts", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", blockSize: V, minBlockSize: V, maxBlockSize: V, inlineSize: V, minInlineSize: V, maxInlineSize: V, width: V, minWidth: V, maxWidth: V, height: V, minHeight: V, maxHeight: V, flexBasis: V, gridTemplateColumns: V, gridTemplateRows: V, borderWidth: "borderWidths", borderTopWidth: "borderWidths", borderRightWidth: "borderWidths", borderBottomWidth: "borderWidths", borderLeftWidth: "borderWidths", borderStyle: "borderStyles", borderTopStyle: "borderStyles", borderRightStyle: "borderStyles", borderBottomStyle: "borderStyles", borderLeftStyle: "borderStyles", borderRadius: "radii", borderTopLeftRadius: "radii", borderTopRightRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", boxShadow: "shadows", textShadow: "shadows", transition: "transitions", zIndex: "zIndices" }, kn = (e, t) => typeof t == "function" ? { "()": Function.prototype.toString.call(t) } : t, Te = () => {
   const e = /* @__PURE__ */ Object.create(null);
   return (t, n, ...r) => {
     const o = ((i) => JSON.stringify(i, kn))(t);
@@ -13,7 +13,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
   for (const t in e)
     return !0;
   return !1;
-}, { hasOwnProperty: Tn } = Object.prototype, rt = (e) => e.includes("-") ? e : e.replace(/[A-Z]/g, (t) => "-" + t.toLowerCase()), In = /\s+(?![^()]*\))/, xe = (e) => (t) => e(...typeof t == "string" ? String(t).split(In) : [t]), vt = { appearance: (e) => ({ WebkitAppearance: e, appearance: e }), backfaceVisibility: (e) => ({ WebkitBackfaceVisibility: e, backfaceVisibility: e }), backdropFilter: (e) => ({ WebkitBackdropFilter: e, backdropFilter: e }), backgroundClip: (e) => ({ WebkitBackgroundClip: e, backgroundClip: e }), boxDecorationBreak: (e) => ({ WebkitBoxDecorationBreak: e, boxDecorationBreak: e }), clipPath: (e) => ({ WebkitClipPath: e, clipPath: e }), content: (e) => ({ content: e.includes('"') || e.includes("'") || /^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e) ? e : `"${e}"` }), hyphens: (e) => ({ WebkitHyphens: e, hyphens: e }), maskImage: (e) => ({ WebkitMaskImage: e, maskImage: e }), maskSize: (e) => ({ WebkitMaskSize: e, maskSize: e }), tabSize: (e) => ({ MozTabSize: e, tabSize: e }), textSizeAdjust: (e) => ({ WebkitTextSizeAdjust: e, textSizeAdjust: e }), userSelect: (e) => ({ WebkitUserSelect: e, userSelect: e }), marginBlock: xe((e, t) => ({ marginBlockStart: e, marginBlockEnd: t || e })), marginInline: xe((e, t) => ({ marginInlineStart: e, marginInlineEnd: t || e })), maxSize: xe((e, t) => ({ maxBlockSize: e, maxInlineSize: t || e })), minSize: xe((e, t) => ({ minBlockSize: e, minInlineSize: t || e })), paddingBlock: xe((e, t) => ({ paddingBlockStart: e, paddingBlockEnd: t || e })), paddingInline: xe((e, t) => ({ paddingInlineStart: e, paddingInlineEnd: t || e })) }, Ge = /([\d.]+)([^]*)/, Pn = (e, t) => e.length ? e.reduce((n, r) => (n.push(...t.map((o) => o.includes("&") ? o.replace(/&/g, /[ +>|~]/.test(r) && /&.*&/.test(o) ? `:is(${r})` : r) : r + " " + o)), n), []) : t, An = (e, t) => e in Bn && typeof t == "string" ? t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/, (n, r, o, i) => r + (o === "stretch" ? `-moz-available${i};${rt(e)}:${r}-webkit-fill-available` : `-moz-fit-content${i};${rt(e)}:${r}fit-content`) + i) : String(t), Bn = { blockSize: 1, height: 1, inlineSize: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, width: 1 }, J = (e) => e ? e + "-" : "", Ut = (e, t, n) => e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g, (r, o, i, s, l) => s == "$" == !!i ? r : (o || s == "--" ? "calc(" : "") + "var(--" + (s === "$" ? J(t) + (l.includes("$") ? "" : J(n)) + l.replace(/\$/g, "-") : l) + ")" + (o || s == "--" ? "*" + (o || "") + (i || "1") + ")" : "")), On = /\s*,\s*(?![^()]*\))/, Dn = Object.prototype.toString, $e = (e, t, n, r, o) => {
+}, { hasOwnProperty: Tn } = Object.prototype, rt = (e) => e.includes("-") ? e : e.replace(/[A-Z]/g, (t) => "-" + t.toLowerCase()), In = /\s+(?![^()]*\))/, xe = (e) => (t) => e(...typeof t == "string" ? String(t).split(In) : [t]), vt = { appearance: (e) => ({ WebkitAppearance: e, appearance: e }), backfaceVisibility: (e) => ({ WebkitBackfaceVisibility: e, backfaceVisibility: e }), backdropFilter: (e) => ({ WebkitBackdropFilter: e, backdropFilter: e }), backgroundClip: (e) => ({ WebkitBackgroundClip: e, backgroundClip: e }), boxDecorationBreak: (e) => ({ WebkitBoxDecorationBreak: e, boxDecorationBreak: e }), clipPath: (e) => ({ WebkitClipPath: e, clipPath: e }), content: (e) => ({ content: e.includes('"') || e.includes("'") || /^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e) ? e : `"${e}"` }), hyphens: (e) => ({ WebkitHyphens: e, hyphens: e }), maskImage: (e) => ({ WebkitMaskImage: e, maskImage: e }), maskSize: (e) => ({ WebkitMaskSize: e, maskSize: e }), tabSize: (e) => ({ MozTabSize: e, tabSize: e }), textSizeAdjust: (e) => ({ WebkitTextSizeAdjust: e, textSizeAdjust: e }), userSelect: (e) => ({ WebkitUserSelect: e, userSelect: e }), marginBlock: xe((e, t) => ({ marginBlockStart: e, marginBlockEnd: t || e })), marginInline: xe((e, t) => ({ marginInlineStart: e, marginInlineEnd: t || e })), maxSize: xe((e, t) => ({ maxBlockSize: e, maxInlineSize: t || e })), minSize: xe((e, t) => ({ minBlockSize: e, minInlineSize: t || e })), paddingBlock: xe((e, t) => ({ paddingBlockStart: e, paddingBlockEnd: t || e })), paddingInline: xe((e, t) => ({ paddingInlineStart: e, paddingInlineEnd: t || e })) }, Ge = /([\d.]+)([^]*)/, Pn = (e, t) => e.length ? e.reduce((n, r) => (n.push(...t.map((o) => o.includes("&") ? o.replace(/&/g, /[ +>|~]/.test(r) && /&.*&/.test(o) ? `:is(${r})` : r) : r + " " + o)), n), []) : t, An = (e, t) => e in Bn && typeof t == "string" ? t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/, (n, r, o, i) => r + (o === "stretch" ? `-moz-available${i};${rt(e)}:${r}-webkit-fill-available` : `-moz-fit-content${i};${rt(e)}:${r}fit-content`) + i) : String(t), Bn = { blockSize: 1, height: 1, inlineSize: 1, maxBlockSize: 1, maxHeight: 1, maxInlineSize: 1, maxWidth: 1, minBlockSize: 1, minHeight: 1, minInlineSize: 1, minWidth: 1, width: 1 }, J = (e) => e ? e + "-" : "", Ut = (e, t, n) => e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g, (r, o, i, s, l) => s == "$" == !!i ? r : (o || s == "--" ? "calc(" : "") + "var(--" + (s === "$" ? J(t) + (l.includes("$") ? "" : J(n)) + l.replace(/\$/g, "-") : l) + ")" + (o || s == "--" ? "*" + (o || "") + (i || "1") + ")" : "")), On = /\s*,\s*(?![^()]*\))/, Dn = Object.prototype.toString, Re = (e, t, n, r, o) => {
   let i, s, l;
   const c = (a, m, d) => {
     let f, u;
@@ -37,7 +37,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
           }
           if (x && (S = f.slice(1) in r.media ? "@media " + r.media[f.slice(1)] : f, f = S.replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g, (I, A, k, O, D, L) => {
             const M = Ge.test(A), B = 0.0625 * (M ? -1 : 1), [b, v] = M ? [O, A] : [A, O];
-            return "(" + (k[0] === "=" ? "" : k[0] === ">" === M ? "max-" : "min-") + b + ":" + (k[0] !== "=" && k.length === 1 ? v.replace(Ge, (T, $, w) => Number($) + B * (k === ">" ? 1 : -1) + w) : v) + (D ? ") and (" + (D[0] === ">" ? "min-" : "max-") + b + ":" + (D.length === 1 ? L.replace(Ge, (T, $, w) => Number($) + B * (D === ">" ? -1 : 1) + w) : L) : "") + ")";
+            return "(" + (k[0] === "=" ? "" : k[0] === ">" === M ? "max-" : "min-") + b + ":" + (k[0] !== "=" && k.length === 1 ? v.replace(Ge, (T, R, w) => Number(R) + B * (k === ">" ? 1 : -1) + w) : v) + (D ? ") and (" + (D[0] === ">" ? "min-" : "max-") + b + ":" + (D.length === 1 ? L.replace(Ge, (T, R, w) => Number(R) + B * (D === ">" ? -1 : 1) + w) : L) : "") + ")";
           })), C) {
             const I = x ? d.concat(f) : [...d], A = x ? [...m] : Pn(m, f.split(On));
             i !== void 0 && o(xt(...i)), i = void 0, c(u, A, I);
@@ -204,7 +204,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
         g[h] = i[h];
     const p = /* @__PURE__ */ new Set([...o]);
     for (const [h, x, P, E] of t.composers) {
-      n.rules.styled.cache.has(h) || (n.rules.styled.cache.add(h), $e(x, [`.${h}`], [], e, (A) => {
+      n.rules.styled.cache.has(h) || (n.rules.styled.cache.add(h), Re(x, [`.${h}`], [], e, (A) => {
         c.styled.apply(A);
       }));
       const C = Et(P, g, e.media), I = Et(E, g, e.media, !0);
@@ -214,7 +214,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
             const L = `${h}-${ue(O)}-${k}`;
             p.add(L);
             const M = (D ? n.rules.resonevar : n.rules.onevar).cache, B = D ? c.resonevar : c.onevar;
-            M.has(L) || (M.add(L), $e(O, [`.${L}`], [], e, (b) => {
+            M.has(L) || (M.add(L), Re(O, [`.${L}`], [], e, (b) => {
               B.apply(b);
             }));
           }
@@ -222,14 +222,14 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
         if (A !== void 0)
           for (const [k, O] of A) {
             const D = `${h}-${ue(O)}-${k}`;
-            p.add(D), n.rules.allvar.cache.has(D) || (n.rules.allvar.cache.add(D), $e(O, [`.${D}`], [], e, (L) => {
+            p.add(D), n.rules.allvar.cache.has(D) || (n.rules.allvar.cache.add(D), Re(O, [`.${D}`], [], e, (L) => {
               c.allvar.apply(L);
             }));
           }
     }
     if (typeof f == "object" && f) {
       const h = `${r}-i${ue(f)}-css`;
-      p.add(h), n.rules.inline.cache.has(h) || (n.rules.inline.cache.add(h), $e(f, [`.${h}`], [], e, (x) => {
+      p.add(h), n.rules.inline.cache.has(h) || (n.rules.inline.cache.add(h), Re(f, [`.${h}`], [], e, (x) => {
         c.inline.apply(x);
       }));
     }
@@ -295,7 +295,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
             l = l.includes('"') || l.includes("'") ? l : `"${l}"`, t.sheet.insertRule(`@import ${l};`, s++);
           delete o["@import"];
         }
-        $e(o, [], [], e, (s) => {
+        Re(o, [], [], e, (s) => {
           t.rules.global.apply(s);
         });
       }
@@ -308,7 +308,7 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
     if (!t.rules.global.cache.has(r)) {
       t.rules.global.cache.add(r);
       const i = [];
-      $e(n, [], [], e, (l) => i.push(l));
+      Re(n, [], [], e, (l) => i.push(l));
       const s = `@keyframes ${r}{${i.join("")}}`;
       t.rules.global.apply(s);
     }
@@ -374,8 +374,8 @@ var N = "colors", V = "sizes", R = "space", Cn = { gap: R, gridGap: R, columnGap
     };
   }))(t), t;
 };
-let $t = 9999;
-const Ze = () => ($t--, $t), { styled: he, css: qt, keyframes: Ie, globalCss: ni } = Qn({
+let Rt = 9999;
+const Ze = () => (Rt--, Rt), { styled: he, css: qt, keyframes: Ie, globalCss: ni } = Qn({
   theme: {
     colors: {
       gray50: "#F9FAFA",
@@ -983,11 +983,11 @@ const Ne = Math.min, fe = Math.max, We = Math.round, De = Math.floor, ne = (e) =
   right: "left",
   bottom: "top",
   top: "bottom"
-}, $r = {
+}, Rr = {
   start: "end",
   end: "start"
 };
-function Rt(e, t, n) {
+function $t(e, t, n) {
   return fe(e, Ne(t, n));
 }
 function Ke(e, t) {
@@ -1011,7 +1011,7 @@ function Ue(e) {
 function en(e) {
   return Jt(Ue(e));
 }
-function Rr(e, t, n) {
+function $r(e, t, n) {
   n === void 0 && (n = !1);
   const r = Xe(e), o = en(e), i = Qt(o);
   let s = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
@@ -1022,7 +1022,7 @@ function Cr(e) {
   return [it(e), t, it(t)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (t) => $r[t]);
+  return e.replace(/start|end/g, (t) => Rr[t]);
 }
 function kr(e, t, n) {
   const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], s = ["bottom", "top"];
@@ -1253,7 +1253,7 @@ const Br = function(e) {
       const C = [l, ...E], I = await tn(t, S), A = [];
       let k = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (m && A.push(I[h]), d) {
-        const M = Rr(o, s, P);
+        const M = $r(o, s, P);
         A.push(I[M[0]], I[M[1]]);
       }
       if (k = [...k, {
@@ -1277,7 +1277,7 @@ const Br = function(e) {
           switch (u) {
             case "bestFit": {
               var L;
-              const v = (L = k.map((T) => [T.placement, T.overflows.filter(($) => $ > 0).reduce(($, w) => $ + w, 0)]).sort((T, $) => T[1] - $[1])[0]) == null ? void 0 : L[0];
+              const v = (L = k.map((T) => [T.placement, T.overflows.filter((R) => R > 0).reduce((R, w) => R + w, 0)]).sort((T, R) => T[1] - R[1])[0]) == null ? void 0 : L[0];
               v && (b = v);
               break;
             }
@@ -1378,11 +1378,11 @@ const Dr = function(e) {
       let u = a[f], g = a[d];
       if (i) {
         const S = f === "y" ? "top" : "left", h = f === "y" ? "bottom" : "right", x = u + m[S], P = u - m[h];
-        u = Rt(x, u, P);
+        u = $t(x, u, P);
       }
       if (s) {
         const S = d === "y" ? "top" : "left", h = d === "y" ? "bottom" : "right", x = g + m[S], P = g - m[h];
-        g = Rt(x, g, P);
+        g = $t(x, g, P);
       }
       const p = l.fn({
         ...t,
@@ -1822,31 +1822,31 @@ function no(e) {
     isPositioned: !1
   }), [f, u] = y.useState(r);
   He(f, r) || u(r);
-  const [g, p] = y.useState(null), [S, h] = y.useState(null), x = y.useCallback(($) => {
-    $ !== I.current && (I.current = $, p($));
-  }, []), P = y.useCallback(($) => {
-    $ !== A.current && (A.current = $, h($));
+  const [g, p] = y.useState(null), [S, h] = y.useState(null), x = y.useCallback((R) => {
+    R !== I.current && (I.current = R, p(R));
+  }, []), P = y.useCallback((R) => {
+    R !== A.current && (A.current = R, h(R));
   }, []), E = i || g, C = s || S, I = y.useRef(null), A = y.useRef(null), k = y.useRef(m), O = c != null, D = Pt(c), L = Pt(o), M = y.useCallback(() => {
     if (!I.current || !A.current)
       return;
-    const $ = {
+    const R = {
       placement: t,
       strategy: n,
       middleware: f
     };
-    L.current && ($.platform = L.current), to(I.current, A.current, $).then((w) => {
+    L.current && (R.platform = L.current), to(I.current, A.current, R).then((w) => {
       const F = {
         ...w,
         isPositioned: !0
       };
-      B.current && !He(k.current, F) && (k.current = F, $n.flushSync(() => {
+      B.current && !He(k.current, F) && (k.current = F, Rn.flushSync(() => {
         d(F);
       }));
     });
   }, [f, t, n, L]);
   Me(() => {
-    a === !1 && k.current.isPositioned && (k.current.isPositioned = !1, d(($) => ({
-      ...$,
+    a === !1 && k.current.isPositioned && (k.current.isPositioned = !1, d((R) => ({
+      ...R,
       isPositioned: !1
     })));
   }, [a]);
@@ -1869,16 +1869,16 @@ function no(e) {
     reference: E,
     floating: C
   }), [E, C]), T = y.useMemo(() => {
-    const $ = {
+    const R = {
       position: n,
       left: 0,
       top: 0
     };
     if (!v.floating)
-      return $;
+      return R;
     const w = It(v.floating, m.x), F = It(v.floating, m.y);
     return l ? {
-      ...$,
+      ...R,
       transform: "translate(" + w + "px, " + F + "px)",
       ...an(v.floating) >= 1.5 && {
         willChange: "transform"
@@ -2076,13 +2076,6 @@ var ro = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     shadowRootFilter: xo
   }) : r = io(t, n.includeContainer, Bt.bind(null, n)), wo(r);
 };
-function ii(e) {
-  return y.useMemo(() => e.every((t) => t == null) ? null : (t) => {
-    e.forEach((n) => {
-      typeof n == "function" ? n(t) : n != null && (n.current = t);
-    });
-  }, e);
-}
 const So = y[/* @__PURE__ */ "useInsertionEffect".toString()], Eo = So || ((e) => e());
 function Ee(e) {
   const t = y.useRef(() => {
@@ -2108,9 +2101,9 @@ function lt() {
     return e;
   }, lt.apply(this, arguments);
 }
-let Qe = !1, $o = 0;
-const Ot = () => "floating-ui-" + $o++;
-function Ro() {
+let Qe = !1, Ro = 0;
+const Ot = () => "floating-ui-" + Ro++;
+function $o() {
   const [e, t] = y.useState(() => Qe ? Ot() : void 0);
   return Z(() => {
     e == null && t(Ot());
@@ -2118,7 +2111,7 @@ function Ro() {
     Qe || (Qe = !0);
   }, []), e;
 }
-const Co = y[/* @__PURE__ */ "useId".toString()], gt = Co || Ro;
+const Co = y[/* @__PURE__ */ "useId".toString()], gt = Co || $o;
 function ko() {
   const e = /* @__PURE__ */ new Map();
   return {
@@ -2142,7 +2135,7 @@ const To = /* @__PURE__ */ y.createContext(null), Io = /* @__PURE__ */ y.createC
 function qe(e) {
   return "data-floating-ui-" + e;
 }
-function Re(e) {
+function $e(e) {
   const t = vn(e);
   return Z(() => {
     t.current = e;
@@ -2171,7 +2164,7 @@ function Po(e, t) {
     mouseOnly: f = !1,
     restMs: u = 0,
     move: g = !0
-  } = t, p = ht(), S = pt(), h = Re(d), x = Re(m), P = y.useRef(), E = y.useRef(), C = y.useRef(), I = y.useRef(), A = y.useRef(!0), k = y.useRef(!1), O = y.useRef(() => {
+  } = t, p = ht(), S = pt(), h = $e(d), x = $e(m), P = y.useRef(), E = y.useRef(), C = y.useRef(), I = y.useRef(), A = y.useRef(!0), k = y.useRef(!1), O = y.useRef(() => {
   }), D = y.useCallback(() => {
     var b;
     const v = (b = o.current.openEvent) == null ? void 0 : b.type;
@@ -2202,8 +2195,8 @@ function Po(e, t) {
   }, [l, n, r, a, h, D]);
   const L = y.useCallback(function(b, v, T) {
     v === void 0 && (v = !0), T === void 0 && (T = "hover");
-    const $ = et(x.current, "close", P.current);
-    $ && !C.current ? (clearTimeout(E.current), E.current = setTimeout(() => r(!1, b, T), $)) : v && (clearTimeout(E.current), r(!1, b, T));
+    const R = et(x.current, "close", P.current);
+    R && !C.current ? (clearTimeout(E.current), E.current = setTimeout(() => r(!1, b, T), R)) : v && (clearTimeout(E.current), r(!1, b, T));
   }, [x, r]), M = y.useCallback(() => {
     O.current(), C.current = void 0;
   }, []), B = y.useCallback(() => {
@@ -2249,7 +2242,7 @@ function Po(e, t) {
       }
       (P.current === "touch" ? !de(l, w.relatedTarget) : !0) && L(w);
     }
-    function $(w) {
+    function R(w) {
       b() || h.current == null || h.current({
         ...e,
         tree: p,
@@ -2262,10 +2255,10 @@ function Po(e, t) {
     }
     if (W(s)) {
       const w = s;
-      return n && w.addEventListener("mouseleave", $), l == null || l.addEventListener("mouseleave", $), g && w.addEventListener("mousemove", v, {
+      return n && w.addEventListener("mouseleave", R), l == null || l.addEventListener("mouseleave", R), g && w.addEventListener("mousemove", v, {
         once: !0
       }), w.addEventListener("mouseenter", v), w.addEventListener("mouseleave", T), () => {
-        n && w.removeEventListener("mouseleave", $), l == null || l.removeEventListener("mouseleave", $), g && w.removeEventListener("mousemove", v), w.removeEventListener("mouseenter", v), w.removeEventListener("mouseleave", T);
+        n && w.removeEventListener("mouseleave", R), l == null || l.removeEventListener("mouseleave", R), g && w.removeEventListener("mousemove", v), w.removeEventListener("mouseenter", v), w.removeEventListener("mouseleave", T);
       };
     }
   }, [s, l, a, e, f, u, g, L, M, B, r, n, p, x, h, o]), Z(() => {
@@ -2274,9 +2267,9 @@ function Po(e, t) {
       const T = ce(l).body;
       if (T.setAttribute(Dt, ""), T.style.pointerEvents = "none", k.current = !0, W(s) && l) {
         var v;
-        const $ = s, w = p == null || (v = p.nodesRef.current.find((F) => F.id === S)) == null || (v = v.context) == null ? void 0 : v.elements.floating;
-        return w && (w.style.pointerEvents = ""), $.style.pointerEvents = "auto", l.style.pointerEvents = "auto", () => {
-          $.style.pointerEvents = "", l.style.pointerEvents = "";
+        const R = s, w = p == null || (v = p.nodesRef.current.find((F) => F.id === S)) == null || (v = v.context) == null ? void 0 : v.elements.floating;
+        return w && (w.style.pointerEvents = ""), R.style.pointerEvents = "auto", l.style.pointerEvents = "auto", () => {
+          R.style.pointerEvents = "", l.style.pointerEvents = "";
         };
       }
     }
@@ -2475,7 +2468,7 @@ function Fo(e) {
   }), f && i && /* @__PURE__ */ y.createElement("span", {
     "aria-owns": i.id,
     style: bn
-  }), i && /* @__PURE__ */ Rn(t, i), f && i && /* @__PURE__ */ y.createElement(Lt, {
+  }), i && /* @__PURE__ */ $n(t, i), f && i && /* @__PURE__ */ y.createElement(Lt, {
     "data-type": "outside",
     ref: a,
     onFocus: (u) => {
@@ -2584,29 +2577,29 @@ function Ho(e, t) {
       return;
     const T = x ? Le(x.nodesRef.current, o) : [];
     if (!A && (v.stopPropagation(), T.length > 0)) {
-      let $ = !0;
+      let R = !0;
       if (T.forEach((w) => {
         var F;
         if ((F = w.context) != null && F.open && !w.context.dataRef.current.__escapeKeyBubbles) {
-          $ = !1;
+          R = !1;
           return;
         }
-      }), !$)
+      }), !R)
         return;
     }
     r(!1, vr(v) ? v.nativeEvent : v, "escape-key");
   }), M = Ee((v) => {
     var T;
-    const $ = () => {
+    const R = () => {
       var w;
-      L(v), (w = Se(v)) == null || w.removeEventListener("keydown", $);
+      L(v), (w = Se(v)) == null || w.removeEventListener("keydown", R);
     };
-    (T = Se(v)) == null || T.addEventListener("keydown", $);
+    (T = Se(v)) == null || T.addEventListener("keydown", R);
   }), B = Ee((v) => {
     const T = C.current;
     C.current = !1;
-    const $ = I.current;
-    if (I.current = !1, f === "click" && $ || T || typeof E == "function" && !E(v))
+    const R = I.current;
+    if (I.current = !1, f === "click" && R || T || typeof E == "function" && !E(v))
       return;
     const w = Se(v), F = "[" + qe("inert") + "]", _ = ce(l).querySelectorAll(F);
     let K = W(w) ? w : null;
@@ -2648,11 +2641,11 @@ function Ho(e, t) {
     r(!1, v, "outside-press");
   }), b = Ee((v) => {
     var T;
-    const $ = () => {
+    const R = () => {
       var w;
-      B(v), (w = Se(v)) == null || w.removeEventListener(f, $);
+      B(v), (w = Se(v)) == null || w.removeEventListener(f, R);
     };
-    (T = Se(v)) == null || T.addEventListener(f, $);
+    (T = Se(v)) == null || T.addEventListener(f, R);
   });
   return y.useEffect(() => {
     if (!n || !a)
@@ -2663,16 +2656,16 @@ function Ho(e, t) {
     }
     const T = ce(l);
     m && T.addEventListener("keydown", O ? M : L, O), E && T.addEventListener(f, D ? b : B, D);
-    let $ = [];
-    return p && (W(s) && ($ = ee(s)), W(l) && ($ = $.concat(ee(l))), !W(i) && i && i.contextElement && ($ = $.concat(ee(i.contextElement)))), $ = $.filter((w) => {
+    let R = [];
+    return p && (W(s) && (R = ee(s)), W(l) && (R = R.concat(ee(l))), !W(i) && i && i.contextElement && (R = R.concat(ee(i.contextElement)))), R = R.filter((w) => {
       var F;
       return w !== ((F = T.defaultView) == null ? void 0 : F.visualViewport);
-    }), $.forEach((w) => {
+    }), R.forEach((w) => {
       w.addEventListener("scroll", v, {
         passive: !0
       });
     }), () => {
-      m && T.removeEventListener("keydown", O ? M : L, O), E && T.removeEventListener(f, D ? b : B, D), $.forEach((w) => {
+      m && T.removeEventListener("keydown", O ? M : L, O), E && T.removeEventListener(f, D ? b : B, D), R.forEach((w) => {
         w.removeEventListener("scroll", v);
       });
     };
@@ -2966,7 +2959,7 @@ function qo(e, t) {
     status: S
   } = Uo(e, {
     duration: s
-  }), h = Re(n), x = Re(r), P = Re(o), E = Re(i);
+  }), h = $e(n), x = $e(r), P = $e(o), E = $e(i);
   return Z(() => {
     const C = we(h.current, a), I = we(P.current, a), A = we(E.current, a), k = we(x.current, a) || Object.keys(C).reduce((O, D) => (O[D] = "", O), {});
     if (S === "initial" && g((O) => ({
@@ -3039,7 +3032,7 @@ function Zo(e) {
       const {
         clientX: I,
         clientY: A
-      } = E, k = [I, A], O = Se(E), D = E.type === "mouseleave", L = de(p.floating, O), M = de(p.domReference, O), B = p.domReference.getBoundingClientRect(), b = p.floating.getBoundingClientRect(), v = g.split("-")[0], T = f > b.right - b.width / 2, $ = u > b.bottom - b.height / 2, w = Go(k, B), F = b.width > B.width, _ = b.height > B.height, K = (F ? B : b).left, be = (F ? B : b).right, re = (_ ? B : b).top, z = (_ ? B : b).bottom;
+      } = E, k = [I, A], O = Se(E), D = E.type === "mouseleave", L = de(p.floating, O), M = de(p.domReference, O), B = p.domReference.getBoundingClientRect(), b = p.floating.getBoundingClientRect(), v = g.split("-")[0], T = f > b.right - b.width / 2, R = u > b.bottom - b.height / 2, w = Go(k, B), F = b.width > B.width, _ = b.height > B.height, K = (F ? B : b).left, be = (F ? B : b).right, re = (_ ? B : b).top, z = (_ ? B : b).bottom;
       if (L && (i = !0, !D))
         return;
       if (M && (i = !1), M && !D) {
@@ -3082,11 +3075,11 @@ function Zo(e) {
             return [se, le, ...ye];
           }
           case "left": {
-            const se = [j + t + 1, _ ? H + t / 2 : $ ? H + t * 4 : H - t * 4], le = [j + t + 1, _ ? H - t / 2 : $ ? H + t * 4 : H - t * 4];
-            return [...[[$ || _ ? b.right - t : b.left, b.top], [$ ? _ ? b.right - t : b.left : b.right - t, b.bottom]], se, le];
+            const se = [j + t + 1, _ ? H + t / 2 : R ? H + t * 4 : H - t * 4], le = [j + t + 1, _ ? H - t / 2 : R ? H + t * 4 : H - t * 4];
+            return [...[[R || _ ? b.right - t : b.left, b.top], [R ? _ ? b.right - t : b.left : b.right - t, b.bottom]], se, le];
           }
           case "right": {
-            const se = [j - t, _ ? H + t / 2 : $ ? H + t * 4 : H - t * 4], le = [j - t, _ ? H - t / 2 : $ ? H + t * 4 : H - t * 4], ye = [[$ || _ ? b.left + t : b.right, b.top], [$ ? _ ? b.left + t : b.right : b.left + t, b.bottom]];
+            const se = [j - t, _ ? H + t / 2 : R ? H + t * 4 : H - t * 4], le = [j - t, _ ? H - t / 2 : R ? H + t * 4 : H - t * 4], ye = [[R || _ ? b.left + t : b.right, b.top], [R ? _ ? b.left + t : b.right : b.left + t, b.bottom]];
             return [se, le, ...ye];
           }
         }
@@ -3109,7 +3102,7 @@ function Zo(e) {
 }
 const Jo = he("div"), bt = xn(
   {}
-), si = ({
+), ii = ({
   children: e,
   offset: t,
   open: n,
@@ -3163,13 +3156,13 @@ const Jo = he("div"), bt = xn(
     ]
   );
   return /* @__PURE__ */ G.jsx(bt.Provider, { value: P, children: e });
-}, li = ({ children: e }) => {
+}, si = ({ children: e }) => {
   const { getReferenceProps: t, refs: n } = Xt(bt);
   return /* @__PURE__ */ G.jsx(G.Fragment, { children: Sn(e) && En(e, {
     ref: n.setReference,
     ...t()
   }) });
-}, ci = ({ children: e, overlayCardProps: t }) => {
+}, li = ({ children: e, overlayCardProps: t }) => {
   const {
     getFloatingProps: n,
     isMounted: r,
@@ -3194,14 +3187,13 @@ export {
   oi as A,
   Jo as B,
   gr as O,
-  si as P,
+  ii as P,
   ir as S,
-  li as a,
-  ci as b,
+  si as a,
+  li as b,
   qt as c,
   ri as d,
   ni as g,
   Ie as k,
-  he as s,
-  ii as u
+  he as s
 };

package/dist/lib/rich-text/Editor.d.ts

@@ -1,11 +1,10 @@
-import type { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { type InitialConfigType } from "@lexical/react/LexicalComposer";
-export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbar, refs, }: {
+export declare const RichTextEditor: ({ isLoading, children, placeholderText, nodes, plugins, toolbar, }: {
     isLoading: boolean;
     children: ReactNode;
     placeholderText?: string | undefined;
     nodes: InitialConfigType["nodes"];
     plugins?: ReactNode;
     toolbar?: ReactNode;
-    refs?: import("react").RefObject<HTMLElement>[] | undefined;
 }) => JSX.Element;

package/dist/lib/rich-text/editorContext.d.ts

@@ -0,0 +1,18 @@
+import { type RefObject } from "react";
+export declare const richTextContext: import("react").Context<{
+    hasFocus: boolean;
+    editorRef: RefObject<HTMLElement | null>;
+}>;
+export declare const useHasFocusWithin: ({ onBlur }: {
+    onBlur?: (() => void) | undefined;
+}) => {
+    hasFocus: boolean;
+    attributes: {
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+};
+export declare const useRichTextContext: () => {
+    hasFocus: boolean;
+    editorRef: RefObject<HTMLElement | null>;
+};

package/dist/lib/rich-text/rich-text.d.ts

@@ -1,3 +1,4 @@
 export * from './state';
 export * from './config';
 export * from './Editor';
+export * from './editorContext';

package/dist/lib/ui/components/Spinner.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, "color" | "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     color?: "inherit" | "dark" | "light" | undefined;